From 0c1b2eca21f1f76dbbebc64df538ecc2e02358be Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 25 Mar 2026 17:58:34 +0000
Subject: [PATCH] Update src/app/dashboard/page.tsx

---
 src/app/dashboard/page.tsx | 170 +++++++++++++++----------------------
 1 file changed, 67 insertions(+), 103 deletions(-)

diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index c2aa1b5..4c53fdc 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -4,62 +4,88 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen'; 
+
+const commonNavItems = [
+  { name: "Home", id: "/" },
+  { name: "Features", id: "#features" },
+  { name: "Pricing", id: "#pricing" },
+  { name: "Testimonials", id: "#testimonials" },
+  { name: "FAQ", id: "#faq" },
+  { name: "Contact", id: "#contact" },
+  { name: "Login", id: "/login" },
+  { name: "Signup", id: "/signup" },
+  { name: "Dashboard", id: "/dashboard" }
+];
+
+const commonFooterColumns = [
+  {
+    title: "Product",    items: [
+      { label: "Features", href: "#features" },
+      { label: "Pricing", href: "#pricing" },
+      { label: "Dashboard", href: "/dashboard" },
+      { label: "Login", href: "/login" }
+    ]
+  },
+  {
+    title: "Company",    items: [
+      { label: "About Us", href: "#about" },
+      { label: "Careers", href: "#" },
+      { label: "Blog", href: "#" },
+      { label: "Contact", href: "#contact" }
+    ]
+  },
+  {
+    title: "Resources",    items: [
+      { label: "Help Center", href: "#" },
+      { label: "API Docs", href: "#" },
+      { label: "Community", href: "#" },
+      { label: "Support", href: "#" }
+    ]
+  },
+  {
+    title: "Legal",    items: [
+      { label: "Privacy Policy", href: "#" },
+      { label: "Terms of Service", href: "#" },
+      { label: "Cookie Policy", href: "#" }
+    ]
+  }
+];
 
 export default function DashboardPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="expand-hover"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
-        contentWidth="smallMedium"
-        sizing="large"
-        background="noiseDiagonalGradient"
-        cardStyle="glass-depth"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="glass"
-        headingFontWeight="medium"
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="large"
+      background="noiseDiagonalGradient"
+      cardStyle="glass-depth"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleFullscreen
-            navItems={[
-              {
-                name: "Home",                id: "home"
-              },
-              {
-                name: "Features",                id: "features"
-              },
-              {
-                name: "Pricing",                id: "pricing"
-              },
-              {
-                name: "Testimonials",                id: "testimonials"
-              },
-              {
-                name: "FAQ",                id: "faq"
-              },
-              {
-                name: "Contact",                id: "contact"
-              }
-            ]}
+            navItems={commonNavItems}
             brandName="VortexAI"
             bottomLeftText="Global AI Community"
             bottomRightText="support@vortexai.com"
           />
         </div>
 
-        <div id="analytics-dashboard" data-section="analytics-dashboard">
+        <div id="dashboard-content" data-section="dashboard-content" className="min-h-[60vh] flex flex-col items-center justify-center py-16">
           <MetricCardFourteen
             useInvertedBackground={false}
-            animationType="slide-up"
-            title="Platform Usage & Storage Analytics"
-            tag="Dashboard"
+            title="Revenue Overview"
+            tag="Key Metrics"
             metrics={[
-              { id: "1", value: "1,234", description: "Videos Generated" },
-              { id: "2", value: "567", description: "Active Users" },
-              { id: "3", value: "2.5 TB", description: "Storage Used" },
-              { id: "4", value: "89", description: "Old Free Videos Deleted" }
+              { id: "1", value: "$2.5M", description: "Total Revenue" },
+              { id: "2", value: "30%", description: "Growth Rate" },
+              { id: "3", value: "1.2M", description: "Active Users" },
+              { id: "4", value: "85%", description: "Customer Satisfaction" }
             ]}
           />
         </div>
@@ -67,73 +93,11 @@ export default function DashboardPage() {
         <div id="footer" data-section="footer">
           <FooterBaseCard
             logoText="VortexAI"
-            columns={[
-              {
-                title: "Product",                items: [
-                  {
-                    label: "Features",                    href: "#features"
-                  },
-                  {
-                    label: "Pricing",                    href: "#pricing"
-                  },
-                  {
-                    label: "Dashboard",                    href: "/dashboard"
-                  },
-                  {
-                    label: "Login",                    href: "/login"
-                  }
-                ]
-              },
-              {
-                title: "Company",                items: [
-                  {
-                    label: "About Us",                    href: "#about"
-                  },
-                  {
-                    label: "Careers",                    href: "#"
-                  },
-                  {
-                    label: "Blog",                    href: "#"
-                  },
-                  {
-                    label: "Contact",                    href: "#contact"
-                  }
-                ]
-              },
-              {
-                title: "Resources",                items: [
-                  {
-                    label: "Help Center",                    href: "#"
-                  },
-                  {
-                    label: "API Docs",                    href: "#"
-                  },
-                  {
-                    label: "Community",                    href: "#"
-                  },
-                  {
-                    label: "Support",                    href: "#"
-                  }
-                ]
-              },
-              {
-                title: "Legal",                items: [
-                  {
-                    label: "Privacy Policy",                    href: "#"
-                  },
-                  {
-                    label: "Terms of Service",                    href: "#"
-                  },
-                  {
-                    label: "Cookie Policy",                    href: "#"
-                  }
-                ]
-              }
-            ]}
+            columns={commonFooterColumns}
             copyrightText="© 2024 VortexAI. All rights reserved."
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file