diff --git a/frontend/src/lib/components/Navbar.svelte b/frontend/src/lib/components/Navbar.svelte
new file mode 100644
index 0000000..7036c68
--- /dev/null
+++ b/frontend/src/lib/components/Navbar.svelte
@@ -0,0 +1,11 @@
+<nav>
+	<h1>Formies</h1>
+	<button>logout</button>
+</nav>
+
+<style>
+	nav {
+		display: flex;
+		justify-content: space-between;
+	}
+</style>
diff --git a/frontend/src/routes/(auth)/+layout.svelte b/frontend/src/routes/(auth)/+layout.svelte
new file mode 100644
index 0000000..d6bb38e
--- /dev/null
+++ b/frontend/src/routes/(auth)/+layout.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import Navbar from '$lib/components/Navbar.svelte';
+	let { children } = $props();
+</script>
+
+<Navbar></Navbar>
+{@render children()}
diff --git a/frontend/src/routes/(auth)/main/+page.svelte b/frontend/src/routes/(auth)/main/+page.svelte
index 42fc2a8..6680062 100644
--- a/frontend/src/routes/(auth)/main/+page.svelte
+++ b/frontend/src/routes/(auth)/main/+page.svelte
@@ -11,7 +11,6 @@
 </script>
 
 <div class="container">
-	<h1>Formies</h1>
 	<a href="/create" class="button">Create a New Form</a>
 	<ul class="forms-list">
 		{#each forms as form}