Update src/app/dashboard/page.tsx
This commit is contained in:
@@ -27,7 +27,7 @@ export default function DashboardPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="medium"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -43,9 +43,7 @@ export default function DashboardPage() {
|
||||
{ name: "Support", id: "faq" },
|
||||
]}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "https://app.stockflow.example.com/signup",
|
||||
}}
|
||||
text: "Get Started", href: "https://app.stockflow.example.com/signup"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -57,49 +55,32 @@ export default function DashboardPage() {
|
||||
tag="Live Metrics"
|
||||
tagIcon={Activity}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "plain" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARURmBxrejr64VtuPGs2xIm36h/a-detailed-sales-analytics-dashboard-sho-1772555118485-504025cd.png"
|
||||
imageAlt="Sales analytics dashboard with detailed metrics"
|
||||
mediaAnimation="opacity"
|
||||
imagePosition="right"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Michael Johnson",
|
||||
handle: "Retail Director, MegaStore",
|
||||
testimonial:
|
||||
"The real-time dashboard gives us immediate visibility into every aspect of our business. Critical for daily operations.",
|
||||
rating: 5,
|
||||
name: "Michael Johnson", handle: "Retail Director, MegaStore", testimonial:
|
||||
"The real-time dashboard gives us immediate visibility into every aspect of our business. Critical for daily operations.", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARURmBxrejr64VtuPGs2xIm36h/professional-headshot-of-a-business-mana-1772555115308-082d88d1.png?_wi=3",
|
||||
imageAlt: "Michael Johnson",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARURmBxrejr64VtuPGs2xIm36h/professional-headshot-of-a-business-mana-1772555115308-082d88d1.png", imageAlt: "Michael Johnson"},
|
||||
{
|
||||
name: "Jennifer Lee",
|
||||
handle: "Operations Manager, FastShip",
|
||||
testimonial:
|
||||
"The dashboard alerts help us catch inventory issues before they become problems. Saves us thousands daily.",
|
||||
rating: 5,
|
||||
name: "Jennifer Lee", handle: "Operations Manager, FastShip", testimonial:
|
||||
"The dashboard alerts help us catch inventory issues before they become problems. Saves us thousands daily.", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARURmBxrejr64VtuPGs2xIm36h/professional-headshot-of-a-retail-manage-1772555115414-0f7a2ba7.png?_wi=3",
|
||||
imageAlt: "Jennifer Lee",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARURmBxrejr64VtuPGs2xIm36h/professional-headshot-of-a-retail-manage-1772555115414-0f7a2ba7.png", imageAlt: "Jennifer Lee"},
|
||||
{
|
||||
name: "Robert Chen",
|
||||
handle: "Store Manager, TechHub",
|
||||
testimonial:
|
||||
"Customizable widgets and filters make it easy to focus on metrics that matter most to our business.",
|
||||
rating: 5,
|
||||
name: "Robert Chen", handle: "Store Manager, TechHub", testimonial:
|
||||
"Customizable widgets and filters make it easy to focus on metrics that matter most to our business.", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARURmBxrejr64VtuPGs2xIm36h/professional-headshot-of-an-e-commerce-e-1772555115180-edb2fb06.png?_wi=3",
|
||||
imageAlt: "Robert Chen",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARURmBxrejr64VtuPGs2xIm36h/professional-headshot-of-an-e-commerce-e-1772555115180-edb2fb06.png", imageAlt: "Robert Chen"},
|
||||
]}
|
||||
testimonialRotationInterval={5000}
|
||||
buttons={[
|
||||
{
|
||||
text: "Access Dashboard",
|
||||
href: "https://app.stockflow.example.com/dashboard",
|
||||
},
|
||||
text: "Access Dashboard", href: "https://app.stockflow.example.com/dashboard"},
|
||||
{ text: "Learn Features", href: "/products" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -119,39 +100,18 @@ export default function DashboardPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "live-metrics",
|
||||
label: "Live Metrics",
|
||||
title: "Real-Time Performance Tracking",
|
||||
items: [
|
||||
"Live inventory levels across all locations",
|
||||
"Daily sales performance metrics",
|
||||
"Current profit margins and trends",
|
||||
"Active alerts and notifications",
|
||||
],
|
||||
id: "live-metrics", label: "Live Metrics", title: "Real-Time Performance Tracking", items: [
|
||||
"Live inventory levels across all locations", "Daily sales performance metrics", "Current profit margins and trends", "Active alerts and notifications"],
|
||||
buttons: [{ text: "View Metrics", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "custom-widgets",
|
||||
label: "Custom Widgets",
|
||||
title: "Personalized Dashboard Layout",
|
||||
items: [
|
||||
"Drag-and-drop widget customization",
|
||||
"Save multiple dashboard layouts",
|
||||
"Quick access to key metrics",
|
||||
"Widget templates for different roles",
|
||||
],
|
||||
id: "custom-widgets", label: "Custom Widgets", title: "Personalized Dashboard Layout", items: [
|
||||
"Drag-and-drop widget customization", "Save multiple dashboard layouts", "Quick access to key metrics", "Widget templates for different roles"],
|
||||
buttons: [{ text: "Customize Now", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "alerts-reporting",
|
||||
label: "Alerts",
|
||||
title: "Automated Notifications & Reports",
|
||||
items: [
|
||||
"Low stock alerts in real-time",
|
||||
"Unusual sales pattern detection",
|
||||
"Custom threshold notifications",
|
||||
"Scheduled report generation",
|
||||
],
|
||||
id: "alerts-reporting", label: "Alerts", title: "Automated Notifications & Reports", items: [
|
||||
"Low stock alerts in real-time", "Unusual sales pattern detection", "Custom threshold notifications", "Scheduled report generation"],
|
||||
buttons: [{ text: "Set Alerts", href: "#" }],
|
||||
},
|
||||
]}
|
||||
@@ -169,43 +129,30 @@ export default function DashboardPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Users,
|
||||
title: "Active Users Daily",
|
||||
value: "50,000+",
|
||||
},
|
||||
id: "1", icon: Users,
|
||||
title: "Active Users Daily", value: "50,000+"},
|
||||
{
|
||||
id: "2",
|
||||
icon: BarChart3,
|
||||
title: "Reports Generated",
|
||||
value: "2M+",
|
||||
},
|
||||
id: "2", icon: BarChart3,
|
||||
title: "Reports Generated", value: "2M+"},
|
||||
{
|
||||
id: "3",
|
||||
icon: AlertCircle,
|
||||
title: "Alerts Sent Daily",
|
||||
value: "500K+",
|
||||
},
|
||||
id: "3", icon: AlertCircle,
|
||||
title: "Alerts Sent Daily", value: "500K+"},
|
||||
{
|
||||
id: "4",
|
||||
icon: Clock,
|
||||
title: "Uptime Guarantee",
|
||||
value: "99.9%",
|
||||
},
|
||||
id: "4", icon: Clock,
|
||||
title: "Uptime Guarantee", value: "99.9%"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARURmBxrejr64VtuPGs2xIm36h/a-modern-office-or-workspace-environment-1772555117856-db6534e9.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARURmBxrejr64VtuPGs2xIm36h/a-modern-office-or-workspace-environment-1772555117856-db6534e9.png"
|
||||
imageAlt="Team collaborating with real-time dashboard"
|
||||
logoText="StockFlow"
|
||||
copyrightText="© 2025 StockFlow. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "/" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Dashboard", href: "https://app.stockflow.example.com" },
|
||||
@@ -213,8 +160,7 @@ export default function DashboardPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "Careers", href: "/careers" },
|
||||
@@ -222,18 +168,13 @@ export default function DashboardPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "/help" },
|
||||
{ label: "Documentation", href: "/docs" },
|
||||
{
|
||||
label: "Contact",
|
||||
href: "mailto:support@stockflow.example.com",
|
||||
},
|
||||
label: "Contact", href: "mailto:support@stockflow.example.com"},
|
||||
{
|
||||
label: "Status Page",
|
||||
href: "https://status.stockflow.example.com",
|
||||
},
|
||||
label: "Status Page", href: "https://status.stockflow.example.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user