import { motion } from 'motion/react' import { Container } from '@/components/ui/container' import { Button } from '@/components/ui/button' import { Card } from '@/components/ui/card' import { BarChart3, Zap, Shield, Users, ArrowRight, CheckCircle, Star, TrendingUp } from 'lucide-react' export default function DashboardLanding() { const features = [ { icon: BarChart3, title: "Advanced Analytics", description: "Real-time insights with powerful data visualization and custom reporting dashboards." }, { icon: Zap, title: "Lightning Fast", description: "Optimized performance with sub-second response times and instant data processing." }, { icon: Shield, title: "Enterprise Security", description: "Bank-grade encryption and compliance with SOC 2, GDPR, and industry standards." }, { icon: Users, title: "Team Collaboration", description: "Seamless team workflows with role-based access and real-time collaboration tools." } ] const stats = [ { value: "50K+", label: "Active Users" }, { value: "99.9%", label: "Uptime" }, { value: "45%", label: "Performance Boost" }, { value: "24/7", label: "Support" } ] return (

{/* Navigation */} {/* Hero Section */}

Trusted by 50,000+ teams

The Future of Data Analytics

Transform your business with real-time insights, lightning-fast performance, and enterprise-grade security. DashFlow makes complex data simple and actionable.

No credit card required

14-day free trial

{/* Mock Dashboard Screenshot */}

{/* Header */}

{/* Stats Cards */}

{[ { label: "Revenue", value: "$127K", change: "+12%" }, { label: "Users", value: "2.4K", change: "+8%" }, { label: "Growth", value: "23%", change: "+5%" } ].map((stat, i) => (

{stat.label}

{stat.value}

{stat.change}

))}

{/* Chart Area */}

{[40, 65, 45, 80, 55, 70, 90].map((height, i) => (

))}

{/* Table */}

{/* Stats Section */}

{stats.map((stat, index) => (

{stat.value}

{stat.label}

))}

{/* Features Section */}

Everything you need to succeed

Powerful features designed to help you make data-driven decisions faster than ever before.

{features.map((feature, index) => (

{feature.title}

{feature.description}

))}

{/* CTA Section */}

Ready to transform your data?

Join thousands of teams already using DashFlow to make smarter decisions and drive growth.

{/* Footer */}

) }

Dark Dashboard Landing Page