Update src/app/page.tsx

Merge version_3 into main

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

@@ -31,7 +31,7 @@ export default function LandingPage() {
               { name: "Home", id: "home" },
               { name: "Leaderboard", id: "leaderboard" },
               { name: "Matches", id: "matches" },
-              { name: "Dashboard", id: "/dashboard" },
+              { name: "Admin", id: "admin" },
             ]}
             brandName="MarbleCityFC"
           />
@@ -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" },
@@ -119,11 +120,6 @@ export default function LandingPage() {
             title="Match & Stats Entry"
             description="Use this secure panel to input new player data, soccer match scores, and update weekly stats."
             inputPlaceholder="Enter admin authorization code"
-            onSubmit={(email: string) => {
-                if (email === "admin") {
-                    window.location.href = "/dashboard";
-                }
-            }}
           />
         </div>
 
@@ -146,70 +142,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}"
-    },
-    {
-      "path": "src/app/dashboard/page.tsx",      "content": "\"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 FooterBase from '@/components/sections/footer/FooterBase';
-
-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>
-        <div id=\"nav\" data-section=\"nav\">
-          <NavbarStyleCentered
-              navItems={[
-                { name: \"Home\", id: \"/\" },
-                { name: \"Dashboard\", id: \"/dashboard\" },
-              ]}
-              brandName=\"MarbleCityFC\"
-          />
-        </div>
-        <div className=\"py-20\">
-            <MetricCardFourteen
-                useInvertedBackground={false}
-                title=\"Executive Dashboard\"
-                tag=\"System Insights\"
-                metrics={[
-                  { id: \"d1\", value: \"$1.2M\", description: \"Annual Revenue\" },
-                  { id: \"d2\", value: \"89%\", description: \"Player Retention\" },
-                  { id: \"d3\", value: \"450+\", description: \"Monthly Active Users\" },
-                ]}
-                metricsAnimation=\"slide-up\"
-            />
-        </div>
-        <div id=\"footer\" data-section=\"footer\">
-          <FooterBase
-              columns={[
-                {
-                  title: \"Navigation\",                items: [
-                    { label: \"Back to Home\", href: \"/\" },
-                  ],
-                },
-              ]}
-              logoText=\"MarbleCityFC\"
-          />
-        </div>
-      </ReactLenis>
-    </ThemeProvider>
-  );
-}"
-    }
-  ]
-}
+}