From 59988d40841a256d26660b7569b61bf335068013 Mon Sep 17 00:00:00 2001
From: DanConwayDev <DanConwayDev@protonmail.com>
Date: Fri, 1 Sep 2023 00:00:00 +0000
Subject: [PATCH] feat(homepage): add placeholder homepage

---
 src/lib/components/featured_repos.svelte | 16 ++++++++++++++++
 src/routes/+page.svelte                  | 15 +++++++++++++++
 2 files changed, 31 insertions(+)
 create mode 100644 src/lib/components/featured_repos.svelte

diff --git a/src/lib/components/featured_repos.svelte b/src/lib/components/featured_repos.svelte
new file mode 100644
index 0000000..0f6bf67
--- /dev/null
+++ b/src/lib/components/featured_repos.svelte
@@ -0,0 +1,16 @@
+<div class="space-y-5">
+  <div class="prose">
+    <h3>Featured Repositories</h3>
+  </div>
+  {#each ["1", "2", "3"] as suffix}
+    <div class="card w-96 bg-primary text-primary-content">
+      <div class="card-body">
+        <h2 class="card-title">Placeholder Repo {suffix}</h2>
+        <p>Description of repository</p>
+        <div class="card-actions justify-end">
+          <button class="btn">Details</button>
+        </div>
+      </div>
+    </div>
+  {/each}
+</div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index a1eb270..a2af728 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,5 +1,20 @@
 <script lang="ts">
   import Navbar from "$lib/components/navbar.svelte";
+  import FeaturedRepos from "$lib/components/featured_repos.svelte";
 </script>
 
 <Navbar />
+<div class="flex flex-row">
+  <div class="hero bg-pr h-[calc(100vh-4rem)] md:basis-1/2">
+    <div class="hero-content text-center">
+      <div class="max-w-md prose">
+        <h1>GitTogether.xyz</h1>
+        <h3>Code Collaboration over Nostr</h3>
+        <p>Pull Requests, Issues, and Git Branch State</p>
+      </div>
+    </div>
+  </div>
+  <div class="hero h-[calc(100vh-4rem)] md:basis-1/2">
+    <FeaturedRepos />
+  </div>
+</div>