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>