diff --git a/src/lib/components/navbar.svelte b/src/lib/components/navbar.svelte
new file mode 100644
index 0000000..e53842e
--- /dev/null
+++ b/src/lib/components/navbar.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+</script>
+
+<div class="navbar bg-neutral">
+  <div class="flex-1">
+    <h4>
+      <span class="primary">git</span>
+      <span class="">together</span>
+      <span class="">.xyz</span>
+    </h4>
+  </div>
+  <div class="flex-none gap-4">
+    <div class="btn btn-primary normal-case">Sign up</div>
+    <div class="btn btn-outline normal-case">Login</div>
+  </div>
+</div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index dd86ffc..a1eb270 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,7 +1,5 @@
-<h1 class="text-3xl font-bold underline">Hello world!</h1>
+<script lang="ts">
+  import Navbar from "$lib/components/navbar.svelte";
+</script>
 
-<style lang="postcss">
-  :global(html) {
-    background-color: theme(colors.gray.100);
-  }
-</style>
+<Navbar />