diff --git a/src/components/navbar/navbar.astro b/src/components/navbar/navbar.astro
index 89bc45f..11e8264 100644
--- a/src/components/navbar/navbar.astro
+++ b/src/components/navbar/navbar.astro
@@ -9,9 +9,10 @@ const menuitems = [
     title: "Features",
     path: "#",
     children: [
-      { title: "Action", path: "#" },
+      { title: "Action", path: "/" },
       { title: "Another action", path: "#" },
       { title: "Dropdown Submenu", path: "#" },
+      { title: "404 Page", path: "/404" },
     ],
   },
   {
diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 0000000..54275f8
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,19 @@
+---
+import { Icon } from "astro-icon";
+import Layout from "@layouts/Layout.astro";
+import Container from "@components/container.astro";
+import Sectionhead from "@components/sectionhead.astro";
+import Button from "@components/ui/button.astro";
+import Contactform from "@components/contactform.astro";
+---
+
+<Layout title="404 Not Found">
+  <Container>
+    <div class="min-h-[calc(100vh-16rem)] flex items-center justify-center">
+      <div class="mt-16 text-center">
+        <h1 class="text-4xl lg:text-5xl font-bold lg:tracking-tight">404</h1>
+        <p class="text-lg mt-4 text-slate-600">Page not found.</p>
+      </div>
+    </div>
+  </Container>
+</Layout>