Add src/app/admin/dashboard/page.tsx

src/app/admin/dashboard/page.tsx

@@ -0,0 +1,76 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { TrendingUp, Users, DollarSign, Activity } from "lucide-react";
+
+export default function AdminDashboardPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="largeSmall"
+        background="aurora"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Dashboard", id: "#overview" },
+              { name: "Analytics", id: "#analytics" },
+            ]}
+            brandName="PulseGaming Admin"
+          />
+        </div>
+
+        <div id="overview" data-section="overview">
+          <MetricCardFourteen
+            tag="Dashboard"
+            title="Overview"
+            metrics={[
+              { id: "1", value: "$84,290", description: "Total Revenue" },
+              { id: "2", value: "1,284", description: "New Signups" },
+              { id: "3", value: "482", description: "Active Orders" },
+              { id: "4", value: "98%", description: "System Uptime" },
+            ]}
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="analytics" data-section="analytics">
+          <MetricCardFourteen
+            tag="Analytics"
+            title="Performance Metrics"
+            metrics={[
+              { id: "a1", value: "+12%", description: "Conversion Growth" },
+              { id: "a2", value: "4.8s", description: "Avg Page Load" },
+              { id: "a3", value: "32ms", description: "API Response" },
+              { id: "a4", value: "85%", description: "Retention Rate" },
+            ]}
+            useInvertedBackground={true}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "System", items: [{ label: "Logs", href: "#" }, { label: "Settings", href: "#" }] },
+              { title: "Support", items: [{ label: "Documentation", href: "#" }] },
+            ]}
+            bottomLeftText="© 2024 PulseGaming Admin."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}