1 files changed, 62 insertions, 0 deletions
diff --git a/src/App.svelte b/src/App.svelte
new file mode 100644
index 0000000..128685a
--- /dev/null
+++ b/src/App.svelte
@@ -0,0 +1,62 @@
+<script>
+  import TimerControls from "./lib/components/TimerControls.svelte";
+  import GamesSection from "./lib/components/GamesSection.svelte";
+  import SkillFactorSelect from "./lib/components/SkillFactorSelect.svelte";
+  import ProposeConfirmControls from "./lib/components/ProposeConfirmControls.svelte";
+  import CourtList from "./lib/components/CourtList.svelte";
+  import RegularList from "./lib/components/RegularList.svelte";
+  import GuestList from "./lib/components/GuestList.svelte";
+  import AdminPanel from "./lib/components/AdminPanel.svelte";
+</script>
+
+<header class="container">
+  <nav>
+    <ul><li><img src="icon.svg" alt="Matchup" /></li></ul>
+    <ul>
+      <li><TimerControls /></li>
+    </ul>
+  </nav>
+</header>
+<main class="container">
+  <section>
+    <GamesSection />
+  </section>
+  <section>
+    <SkillFactorSelect />
+    <ProposeConfirmControls />
+  </section>
+  <section>
+    <hgroup>
+      <h2>Courts</h2>
+      <p>Reserve courts for training or competition.</p>
+    </hgroup>
+    <CourtList />
+  </section>
+  <section>
+    <hgroup>
+      <h2>Regulars</h2>
+      <p>Check in and check out club members.</p>
+    </hgroup>
+    <RegularList />
+  </section>
+  <section>
+    <hgroup>
+      <h2>Guests</h2>
+      <p>Add guests to the pool.</p>
+    </hgroup>
+    <GuestList />
+  </section>
+  <section>
+    <hgroup>
+      <h2>Admin</h2>
+      <p>Changes here are permanent and cannot be reverted.</p>
+    </hgroup>
+    <AdminPanel />
+  </section>
+</main>
+<footer class="container" style="text-align: center;">
+  <strong>Matchup</strong> made with ❤️ by <a href="https://karanj.com">Karan</a>. The
+  source code is licensed
+  <a href="https://www.gnu.org/licenses/agpl-3.0.en.html">AGPL 3.0</a>. Logo
+  from <a href="https://www.svgrepo.com">SVG Repo</a>.
+</footer>