diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 0000000..a956a2e
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,18 @@
+---
+import MainLayout from "~/layouts/main.astro"
+---
+
+<MainLayout title="404" description="Error 404 page not found." noindex={true}>
+  <section class="flex min-h-[60vh] items-center justify-center">
+    <div class="mx-auto max-w-xl px-4 text-center">
+      <h1 class="text-9xl font-bold text-gray-900 dark:text-gray-100">404</h1>
+
+      <div class="mt-4 text-gray-600 dark:text-gray-400">
+        <div class="h2 mb-4">Oops! Page not found</div>
+        <p class="text-lg">
+          The page you're looking for doesn't exist or has been moved.
+        </p>
+      </div>
+    </div>
+  </section>
+</MainLayout>