bender/57563a8b-c35e-40f3-87ad-97015fe48783
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/dashboard/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-25 17:58:34 +00:00
parent ba49517250
commit 0c1b2eca21
1 changed files with 67 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

170
src/app/dashboard/page.tsx
View File

@@ -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>
);
}
}