diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
new file mode 100644
index 0000000..26f9e91
--- /dev/null
+++ b/src/app/dashboard/page.tsx
@@ -0,0 +1,47 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+
+export default function DashboardPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Overview", id: "overview" },
+                { name: "Features", id: "features" },
+                { name: "Metrics", id: "metrics" },
+                { name: "Workflow", id: "workflow" },
+                { name: "Testimonials", id: "testimonials" },
+                { name: "FAQ", id: "faq" },
+                { name: "Contact", id: "contact" },
+                { name: "Dashboard", id: "dashboard" }
+            ]}
+            brandName="JARVIS"
+            button={{ text: "Enter Dashboard", href: "/dashboard" }}
+            />
+        </div>
+        <div className="min-h-screen flex items-center justify-center p-10">
+            <div className="text-center">
+                <h1 className="text-4xl font-bold mb-4">Dashboard Interface</h1>
+                <p>Welcome to the JARVIS operations center. Monitor your agent swarm and orchestration metrics here.</p>
+            </div>
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7aaec37..af8995e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -38,10 +38,11 @@ export default function LandingPage() {
         { name: "Workflow", id: "workflow" },
         { name: "Testimonials", id: "testimonials" },
         { name: "FAQ", id: "faq" },
-        { name: "Contact", id: "contact" }
+        { name: "Contact", id: "contact" },
+        { name: "Dashboard", id: "dashboard" }
       ]}
       brandName="JARVIS"
-      button={{ text: "Enter Dashboard", href: "/" }}
+      button={{ text: "Enter Dashboard", href: "/dashboard" }}
     />
   </div>
 
@@ -57,7 +58,7 @@ export default function LandingPage() {
         { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3ztxi1", alt: "project manager professional headshot" },
         { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r5wxeh", alt: "systems engineer professional headshot" }
       ]}
-      buttons={[{ text: "Enter Dashboard", href: "/" }]}
+      buttons={[{ text: "Enter Dashboard", href: "/dashboard" }]}
       marqueeItems={[
         { type: "text", text: "Latency: 12ms" },
         { type: "text", text: "Uptime: 99.99%" },