src/app/dashboard/page.tsx

@@ -0,0 +1,47 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+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="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "home" },
+              { name: "Dashboard", id: "dashboard" },
+            ]}
+            brandName="MarbleCityFC"
+          />
+        <div className="pt-24">
+            <MetricCardSeven 
+                title="Performance Insights"
+                description="Detailed performance analysis for all club players."
+                animationType="slide-up"
+                textboxLayout="default"
+                useInvertedBackground={false}
+                metrics={[
+                    { id: "m1", value: "92%", title: "Passing Accuracy", items: ["High precision in midfield", "Improved transition play"] },
+                    { id: "m2", value: "14", title: "Key Assists", items: ["Leading in league", "Consistent wing delivery"] },
+                    { id: "m3", value: "8", title: "Clean Sheets", items: ["Strong defensive line", "Goalkeeper dominance"] }
+                ]}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -44,6 +44,7 @@ export default function LandingPage() {
             description="The official internal dashboard for tracking soccer matches, player stats, and club performance."
             imageSrc="http://img.b2bpic.net/free-photo/soccer-player-stadium-professional_654080-928.jpg?_wi=1"
             mediaAnimation="slide-up"
+            buttons={[{ text: "View Statistics", href: "/dashboard" }]}
             avatars={[
               { src: "http://img.b2bpic.net/free-photo/soccer-training_654080-1585.jpg", alt: "Staff profile 1" },
               { src: "http://img.b2bpic.net/free-photo/soccer-match_654080-933.jpg", alt: "Staff profile 2" },
@@ -127,7 +128,7 @@ export default function LandingPage() {
             columns={[
               {
                 title: "Platform",                items: [
-                  { label: "Dashboard", href: "#home" },
+                  { label: "Dashboard", href: "/dashboard" },
                   { label: "Stats", href: "#leaderboard" },
                 ],
               },
@@ -141,4 +142,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}