diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
new file mode 100644
index 0000000..c14a27a
--- /dev/null
+++ b/src/lib/components/Navbar.svelte
@@ -0,0 +1,10 @@
+<nav class="bg-gray-900 text-white px-4 py-3 flex items-center justify-between">
+  <div class="font-bold text-lg">
+    <a href="/">Assessment Agent</a>
+  </div>
+  <ul class="flex gap-6">
+    <li><a href="/upload" class="hover:underline">Upload</a></li>
+    <li><a href="/results" class="hover:underline">Results</a></li>
+    <li><a href="/about" class="hover:underline">About</a></li>
+  </ul>
+</nav>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index b93e9ba..fef7cec 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,7 +1,11 @@
 <script lang="ts">
 	import '../app.css';
+	import '$lib/components/Navbar.svelte';
+	import Navbar from '$lib/components/Navbar.svelte';
 
 	let { children } = $props();
 </script>
 
+<Navbar />
+
 {@render children()}
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
new file mode 100644
index 0000000..3fcaae4
--- /dev/null
+++ b/src/routes/about/+page.svelte
@@ -0,0 +1,9 @@
+<section class="max-w-xl mx-auto py-12">
+  <h1 class="text-2xl font-bold mb-4">About This Project</h1>
+  <p class="mb-6">This AI-powered agent was created for the Microsoft Hack Together: AI Agents Hackathon 2025. It automates assessment and feedback for teachers using advanced AI and agentic workflows.</p>
+  <ul class="list-disc list-inside">
+    <li>Built by Josh Creek</li>
+    <li><a class="text-blue-600 underline" href="https://jcreek.co.uk" target="_blank">jcreek.co.uk</a></li>
+    <li><a class="text-blue-600 underline" href="https://microsoft.github.io/AI_Agents_Hackathon/" target="_blank">Hackathon Home</a></li>
+  </ul>
+</section>
diff --git a/src/routes/results/+page.svelte b/src/routes/results/+page.svelte
new file mode 100644
index 0000000..5da9522
--- /dev/null
+++ b/src/routes/results/+page.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+// Results logic will go here
+</script>
+
+<section class="max-w-xl mx-auto py-12">
+  <h1 class="text-2xl font-bold mb-4">Assessment Results</h1>
+  <p class="mb-6">View detailed feedback and recommendations for each student submission.</p>
+  <!-- Results table or cards will go here -->
+  <div class="border rounded p-6 text-gray-500">No results yet. Upload submissions to see feedback here.</div>
+</section>
diff --git a/src/routes/upload/+page.svelte b/src/routes/upload/+page.svelte
new file mode 100644
index 0000000..e981882
--- /dev/null
+++ b/src/routes/upload/+page.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+// Upload logic will go here
+</script>
+
+<section class="max-w-xl mx-auto py-12">
+  <h1 class="text-2xl font-bold mb-4">Upload Student Submissions</h1>
+  <p class="mb-6">Upload student assignments for instant AI-powered assessment and feedback.</p>
+  <form>
+    <!-- File or text input UI will go here -->
+    <button class="btn btn-primary mt-4" type="submit" disabled>Upload (Coming soon)</button>
+  </form>
+</section>