diff --git a/src/components/notFound.svelte b/src/components/notFound.svelte
new file mode 100644
index 0000000..2d2cb14
--- /dev/null
+++ b/src/components/notFound.svelte
@@ -0,0 +1,7 @@
+<main class="flex min-h-screen w-full flex-col items-center justify-center">
+	<h1 class="py-8 text-6xl font-semibold text-gray-300 italic opacity-30">404 - Not Found</h1>
+	<p class="text-sm text-gray-300 italic">
+		Just kidding, I did find it. But it's not ready for you to see just yet. Sit tight, I'm working
+		on it.
+	</p>
+</main>
diff --git a/src/routes/about/+layout.svelte b/src/routes/about/+layout.svelte
index abcdeb4..adf9743 100644
--- a/src/routes/about/+layout.svelte
+++ b/src/routes/about/+layout.svelte
@@ -1,8 +1,6 @@
 <script lang="ts">
 	import '../../app.css';
-	import Navbar from '../../components/navbar.svelte';
 	let { children } = $props();
 </script>
 
-<!-- <Navbar /> -->
 {@render children()}
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index e69de29..f87f0b4 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+	import NotFound from '../../components/notFound.svelte';
+</script>
+
+<NotFound />