"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import {
  Sparkles,
  Zap,
  TrendingUp,
  Settings,
  Wallet,
  Coins,
  BarChart3,
  PieChart,
  Shield,
  Lock,
  Brain,
  Globe,
  Users,
  Target,
  DollarSign,
  Rocket,
  Home,
  AlertCircle,
  ArrowUpRight,
  ArrowDownLeft,
  HelpCircle,
  ArrowLeftRight,
} from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "About", id: "about" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" },
          ]}
          brandName="FreeMoney"
          bottomLeftText="AI-Powered Finance"
          bottomRightText="hello@freemoney.ai"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          background={{ variant: "radial-gradient" }}
          tag="AI-Powered Finance"
          tagIcon={Sparkles}
          title="Smart Money Management for the Future"
          description="Experience intelligent financial automation powered by AI. Real-time insights, automated transactions, and predictive analytics all in one platform."
          buttons={[
            { text: "Start Free Trial", href: "#pricing" },
            { text: "View Demo", href: "#features" },
          ]}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
          dashboard={{
            title: "Financial Intelligence Hub",            logoIcon: Zap,
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjZZop5gJEOepFwXQaubkGogw/a-modern-fintech-dashboard-interface-wit-1772501308135-e3da37d6.png",            searchPlaceholder: "Search transactions...",            buttons: [
              { text: "Dashboard", href: "#" },
              { text: "Export Report", href: "#" },
            ],
            sidebarItems: [
              { icon: Home, active: true },
              { icon: TrendingUp, active: false },
              { icon: Settings, active: false },
            ],
            stats: [
              {
                title: "Total Assets",                values: [125000, 245000, 387500],
                valuePrefix: "$",                description: "Portfolio value"},
              {
                title: "Monthly Growth",                values: [5.2, 8.7, 12.3],
                valueSuffix: "%",                description: "Performance trend"},
              {
                title: "Active Wallets",                values: [12, 25, 38],
                description: "Connected accounts"},
            ],
            chartTitle: "Investment Performance",            chartData: [
              { value: 45 },
              { value: 60 },
              { value: 80 },
              { value: 65 },
              { value: 90 },
            ],
            listTitle: "Recent Transactions",            listItems: [
              {
                icon: ArrowUpRight,
                title: "$5,240 Investment",                status: "Completed"},
              {
                icon: ArrowDownLeft,
                title: "$1,200 Withdrawal",                status: "Pending"},
              { icon: ArrowLeftRight, title: "Portfolio Rebalance", status: "Executed" },
            ],
          }}
        />
      </div>

      <div id="features-bento" data-section="features-bento">
        <FeatureBento
          title="Powerful AI Features"
          description="Unlock the full potential of intelligent financial management with our advanced tools and capabilities"
          tag="Advanced Technology"
          tagIcon={Zap}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          features={[
            {
              title: "Predictive Analytics",              description: "AI-powered forecasting for smarter investment decisions",              bentoComponent: "animated-bar-chart"},
            {
              title: "Real-Time Monitoring",              description: "Track your portfolio with live updates and instant alerts",              bentoComponent: "line-chart"},
            {
              title: "Smart Automation",              description: "Automated transactions and rebalancing powered by machine learning",              bentoComponent: "3d-task-list",              items: [
                { icon: Zap, label: "Auto-Rebalance", time: "Daily" },
                { icon: TrendingUp, label: "Risk Assessment", time: "Real-time" },
                { icon: AlertCircle, label: "Price Alerts", time: "Instant" },
              ],
            },
            {
              title: "Multi-Asset Integration",              description: "Manage stocks, crypto, bonds, and more in one dashboard",              bentoComponent: "orbiting-icons",              centerIcon: Wallet,
              items: [
                { icon: TrendingUp, ring: 1 },
                { icon: Coins, ring: 1 },
                { icon: BarChart3, ring: 2 },
                { icon: PieChart, ring: 2 },
              ],
            },
            {
              title: "Global Markets Access",              description: "Trade and invest across international markets seamlessly",              bentoComponent: "map"},
            {
              title: "Security First",              description: "Bank-level encryption and blockchain verification for all transactions",              bentoComponent: "reveal-icon",              icon: Shield,
            },
          ]}
        />
      </div>

      <div id="features-hover" data-section="features-hover">
        <FeatureHoverPattern
          title="Why Choose FreeMoney"
          description="Experience the difference that intelligent automation and AI-driven insights can make for your financial future"
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground={true}
          features={[
            {
              icon: Zap,
              title: "Lightning Fast",              description: "Instant transactions and real-time market insights with minimal latency"},
            {
              icon: Lock,
              title: "Bank-Grade Security",              description: "Military-grade encryption and multi-signature verification protocols"},
            {
              icon: Brain,
              title: "AI Intelligence",              description: "Machine learning algorithms that adapt to your investment style and goals"},
            {
              icon: BarChart3,
              title: "Advanced Analytics",              description: "Deep insights into market trends and portfolio performance metrics"},
            {
              icon: Globe,
              title: "Global Coverage",              description: "Access to 150+ countries and 10,000+ tradeable assets worldwide"},
            {
              icon: Users,
              title: "Expert Support",              description: "24/7 dedicated support from financial advisors and tech specialists"},
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Impact"
          tagIcon={Target}
          title="Transforming Finance with Intelligence"
          description="FreeMoney was founded to democratize access to sophisticated financial tools. Our AI-powered platform serves over 100,000 users worldwide, managing billions in assets with cutting-edge automation and predictive intelligence that puts professional-grade tools in everyone's hands."
          metrics={[
            { value: "$2.5B+", title: "Assets Under Management" },
            { value: "99.99%", title: "Platform Uptime" },
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjZZop5gJEOepFwXQaubkGogw/a-professional-team-collaboration-dashbo-1772501306524-666dc888.png"
          imageAlt="FreeMoney Team Collaboration Dashboard"
          mediaAnimation="blur-reveal"
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Loved by Investors Worldwide"
          description="See what our users are saying about their experience with FreeMoney"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
          speed={40}
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              handle: "@sarahchen_investor",              testimonial: "FreeMoney completely transformed how I manage my portfolio. The AI insights alone have improved my returns by 23% in just six months. Absolutely life-changing!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjZZop5gJEOepFwXQaubkGogw/professional-headshot-of-a-confident-bus-1772501305063-5cd45bbd.png",              imageAlt: "Sarah Chen"},
            {
              id: "2",              name: "Michael Rodriguez",              handle: "@mrodriguez_wealth",              testimonial: "The automation features are incredible. I literally set it and forget it. The platform handles rebalancing, tax optimization, and alerts better than any advisor I've paid.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjZZop5gJEOepFwXQaubkGogw/professional-headshot-of-a-confident-bus-1772501305592-6efbdb3e.png",              imageAlt: "Michael Rodriguez"},
            {
              id: "3",              name: "Emma Johnson",              handle: "@emmaj_trader",              testimonial: "Finally, a platform that treats security and performance as equally important. The multi-layer verification and encrypted transactions give me peace of mind every day.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjZZop5gJEOepFwXQaubkGogw/professional-headshot-of-a-confident-bus-1772501305277-44ccd316.png",              imageAlt: "Emma Johnson"},
            {
              id: "4",              name: "David Park",              handle: "@dpark_finance",              testimonial: "I've tried every fintech app out there. FreeMoney's AI predictions are scary accurate. My friends are switching over now too. This is the future of investing.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjZZop5gJEOepFwXQaubkGogw/professional-headshot-of-a-confident-bus-1772501305458-2f0f737a.png",              imageAlt: "David Park"},
            {
              id: "5",              name: "Lisa Wang",              handle: "@lisawang_crypto",              testimonial: "The global market access is unmatched. I can trade stocks, crypto, bonds, and commodities all in one place with zero switching friction. This is next-level.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjZZop5gJEOepFwXQaubkGogw/professional-headshot-of-a-confident-bus-1772501307432-7742024c.png",              imageAlt: "Lisa Wang"},
            {
              id: "6",              name: "James Thompson",              handle: "@jamesthompson_advisor",              testimonial: "As a professional advisor, I recommend FreeMoney to my tech-savvy clients. The platform is intuitive, powerful, and their customer support is phenomenal.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjZZop5gJEOepFwXQaubkGogw/professional-headshot-of-a-confident-bus-1772501305010-f3364552.png",              imageAlt: "James Thompson"},
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Simple, Transparent Pricing"
          description="Choose the perfect plan for your financial journey. All plans include our core AI features."
          tag="Flexible Plans"
          tagIcon={DollarSign}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          plans={[
            {
              id: "starter",              price: "Free",              name: "Starter",              buttons: [
                { text: "Get Started", href: "#" },
                { text: "Learn More", href: "#" },
              ],
              features: [
                "Up to $10,000 portfolio",                "Basic AI insights",                "Real-time alerts",                "Mobile app access",                "Email support"],
            },
            {
              id: "pro",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$29/mo",              name: "Pro",              buttons: [
                { text: "Start Free Trial", href: "#" },
                { text: "Chat to Sales", href: "#" },
              ],
              features: [
                "Unlimited portfolio value",                "Advanced AI analytics",                "Automated rebalancing",                "Tax optimization",                "Priority support",                "API access",                "20+ asset classes"],
            },
            {
              id: "enterprise",              price: "Custom",              name: "Enterprise",              buttons: [
                { text: "Contact Sales", href: "#" },
                { text: "Schedule Demo", href: "#" },
              ],
              features: [
                "Unlimited everything",                "Custom AI models",                "Dedicated account manager",                "White-label options",                "Custom integrations",                "24/7 phone support",                "SLA guarantee"],
            },
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about FreeMoney and how we can help you achieve your financial goals"
          tag="Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          faqsAnimation="slide-up"
          useInvertedBackground={true}
          faqs={[
            {
              id: "1",              title: "How does FreeMoney's AI work?",              content: "Our proprietary AI engine analyzes millions of data points in real-time, including market trends, historical patterns, and your personal investment profile. It uses machine learning to predict market movements and automatically optimize your portfolio allocation. The system learns and improves from your preferences over time."},
            {
              id: "2",              title: "Is my money secure on FreeMoney?",              content: "Yes. We use military-grade 256-bit encryption, multi-signature verification, and blockchain confirmation for all transactions. Your funds are held in segregated accounts with regulated custodians. We're fully compliant with FDIC insurance up to $250,000 and carry cyber liability insurance."},
            {
              id: "3",              title: "What fees does FreeMoney charge?",              content: "Our Starter plan is completely free. Pro plan is $29/month with no trading fees or hidden charges. Enterprise plans are customized. We don't charge percentage-based management fees - what you see is what you pay. All fees are transparent and billed monthly."},
            {
              id: "4",              title: "Can I withdraw my money anytime?",              content: "Absolutely. You can withdraw your funds anytime, 24/7. Withdrawals typically process within 1-2 business days depending on your bank. There are no lock-in periods or penalties. Your money is always yours to access."},
            {
              id: "5",              title: "What assets can I trade on FreeMoney?",              content: "FreeMoney gives you access to over 10,000 tradeable assets including US and international stocks, cryptocurrencies, bonds, ETFs, commodities, and forex. You can build a truly diversified portfolio across asset classes with a single login."},
            {
              id: "6",              title: "How do I get started?",              content: "Getting started is easy - just sign up with your email, complete identity verification (takes 5 minutes), connect your bank account, and start investing. We offer a free trial of Pro features for 30 days with no credit card required."},
            {
              id: "7",              title: "Is FreeMoney regulated?",              content: "Yes. FreeMoney is registered as a digital investment advisor with the SEC and holds all required licenses. We're fully compliant with financial regulations including KYC, AML, and GDPR. Your investments are protected under the Securities Investor Protection Corporation (SIPC)."},
            {
              id: "8",              title: "Can I use FreeMoney for retirement accounts?",              content: "Yes. FreeMoney supports traditional IRAs, Roth IRAs, SEP IRAs, and Solo 401(k)s. Our tax-optimization features are especially powerful for retirement accounts, helping you maximize tax efficiency and growth potential over time."},
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Transform Your Finances?"
          tagIcon={Rocket}
          title="Start Your AI-Powered Investing Journey Today"
          description="Join thousands of investors using FreeMoney to grow their wealth with intelligent automation. Get started free and experience the future of finance."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Start Free Trial", href: "#pricing" },
            { text: "Talk to Our Team", href: "mailto:hello@freemoney.ai" },
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="FreeMoney"
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#pricing" },
                { label: "Security", href: "#" },
                { label: "API Docs", href: "#" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" },
              ],
            },
            {
              title: "Resources",              items: [
                { label: "Help Center", href: "#" },
                { label: "Community", href: "#" },
                { label: "Tutorials", href: "#" },
                { label: "Webinars", href: "#" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Compliance", href: "#" },
              ],
            },
          ]}
          copyrightText="© 2025 FreeMoney. All rights reserved. Democratizing AI-powered finance for everyone."
        />
      </div>
    </ThemeProvider>
  );
}
