diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
new file mode 100644
index 0000000..ddf507d
--- /dev/null
+++ b/src/app/dashboard/page.tsx
@@ -0,0 +1,55 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { LayoutDashboard, Package, ShoppingBag, TrendingUp } from "lucide-react";
+import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+
+export default function DashboardPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="solid"
+      headingFontWeight="semibold"
+    >
+      <NavbarStyleCentered
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Dashboard", id: "/dashboard" },
+        ]}
+        brandName="Aura Hoodies"
+      />
+      <main className="min-h-screen pt-24 pb-12 px-6">
+        <div className="max-w-7xl mx-auto space-y-12">
+          <header>
+            <h1 className="text-4xl font-bold flex items-center gap-3">
+              <LayoutDashboard className="w-10 h-10" />
+              Dashboard Overview
+            </h1>
+          </header>
+
+          <MetricCardFourteen
+            tag="Analytics"
+            title="Key Performance Indicators"
+            metricsAnimation="slide-up"
+            metrics={[
+              {
+                id: "sales",                value: "$128,450",                description: "Total Revenue Generated"},
+              {
+                id: "orders",                value: "1,240",                description: "Total Orders Processed"},
+              {
+                id: "growth",                value: "+24.5%",                description: "Month-over-Month Growth"},
+            ]}
+          />
+        </div>
+      </main>
+    </ThemeProvider>
+  );
+}