"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Zap, Rocket, Crown } from 'lucide-react';

export default function QuantumCartLanding() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          navItems={[
            { name: "AI Brain", id: "ai-brain" },
            { name: "Features", id: "features" },
            { name: "Scenarios", id: "scenarios" },
            { name: "Strategy", id: "strategy" }
          ]}
          brandName="QuantumCart X"
          button={{
            text: "Launch Platform",            href: "https://quantumcart-x.app"
          }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="QuantumCart X: The AI-Powered Shopping Revolution"
          description="Experience the next generation of e-commerce. Where artificial intelligence meets unprecedented shopping innovation. Dominate retail from 2026–2035 with adaptive technology built for every future scenario."
          background={{ variant: "glowing-orb" }}
          tag="Future of Retail"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore AI Brain", href: "#ai-brain" },
            { text: "View Strategy", href: "#strategy" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/a-stunning-3d-stylized-letter-q-that-sub-1772517663688-b162a0b6.png"
          imageAlt="QuantumCart X quantum logo with neon glow"
          mediaAnimation="opacity"
          imagePosition="right"
        />
      </div>

      <div id="ai-brain" data-section="ai-brain">
        <FeatureCardMedia
          title="Core AI Brain System"
          description="Six interconnected AI models powering next-generation shopping intelligence and predictive commerce."
          features={[
            {
              id: "personal-ai",              title: "AI Personal Shopping Assistant",              description: "Voice-activated avatar with contextual understanding. Learns preferences, predicts needs, suggests products with 94% accuracy. Conversational interface that improves with every interaction.",              tag: "24/7 Available",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/advanced-ai-personal-shopping-assistant--1772517663613-6edd3aed.png",              imageAlt: "AI shopping assistant avatar"
            },
            {
              id: "behavior-prediction",              title: "Behavior Prediction Engine",              description: "Neural networks analyze purchase patterns, seasonal trends, and demographic data. Anticipates customer needs 30 days in advance with real-time adaptations.",              tag: "Predictive",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/complex-neural-network-visualization-sho-1772517665962-5c369815.png",              imageAlt: "Behavior prediction neural network"
            },
            {
              id: "upselling-engine",              title: "AI Upselling & Cross-Selling Engine",              description: "Recommends complementary products at optimal moments. Increases average order value by 47% while maintaining customer satisfaction through contextual relevance.",              tag: "Revenue Growth",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/advanced-product-recommendation-engine-i-1772517663567-f44c82e1.png?_wi=1",              imageAlt: "Product recommendation interface"
            },
            {
              id: "dynamic-pricing",              title: "Dynamic Smart Pricing Algorithm",              description: "Real-time price optimization based on demand, inventory, competition, and customer segments. Maximizes revenue while ensuring fairness and transparency.",              tag: "Real-Time",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/ai-powered-seller-ranking-dashboard-show-1772517664501-7b1baaf0.png?_wi=1",              imageAlt: "Pricing dashboard"
            },
            {
              id: "inventory-forecast",              title: "Inventory Forecasting AI",              description: "Predicts inventory needs with 96% accuracy. Prevents stockouts and overstock through ML-driven demand planning across global warehouses.",              tag: "Supply Chain",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/fleet-of-autonomous-delivery-drones-and--1772517663967-7e22899e.png?_wi=1",              imageAlt: "Inventory logistics network"
            },
            {
              id: "fraud-detection",              title: "Fraud Detection AI",              description: "Analyzes 500+ risk factors in real-time. Stops 99.8% of fraudulent transactions while enabling legitimate purchases for honest customers.",              tag: "Security",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/futuristic-biometric-checkout-interface--1772517664307-ae6d2d34.png?_wi=1",              imageAlt: "Biometric security system"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <ProductCardOne
          title="Hyper-Futuristic Features"
          description="Next-generation shopping capabilities that redefine retail experience and transform customer expectations."
          products={[
            {
              id: "1",              name: "AR/VR Virtual Mall",              price: "Immersive",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/immersive-ar-vr-virtual-mall-environment-1772517664171-26dac7fe.png",              imageAlt: "Virtual reality shopping mall"
            },
            {
              id: "2",              name: "Autonomous Delivery",              price: "15-min Delivery",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/fleet-of-autonomous-delivery-drones-and--1772517663967-7e22899e.png?_wi=2",              imageAlt: "Drone delivery fleet"
            },
            {
              id: "3",              name: "Biometric Checkout",              price: "2-sec Checkout",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/futuristic-biometric-checkout-interface--1772517664307-ae6d2d34.png?_wi=2",              imageAlt: "Biometric payment system"
            },
            {
              id: "4",              name: "AI Seller Ranking",              price: "Transparent",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/ai-powered-seller-ranking-dashboard-show-1772517664501-7b1baaf0.png?_wi=2",              imageAlt: "Seller performance dashboard"
            },
            {
              id: "5",              name: "Real-Time Recommendations",              price: "Personalized",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/advanced-product-recommendation-engine-i-1772517663567-f44c82e1.png?_wi=2",              imageAlt: "AI recommendation engine"
            },
            {
              id: "6",              name: "Influencer Live Shopping",              price: "Social Commerce",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/live-shopping-event-with-influencer-pres-1772517665598-af71254e.png?_wi=1",              imageAlt: "Live shopping event"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="scenarios" data-section="scenarios">
        <FeatureCardMedia
          title="50/50 Future Survival Model"
          description="Dual-scenario adaptation strategy ensures market dominance regardless of global conditions. QuantumCart X thrives in boom or crisis."
          features={[
            {
              id: "boom",              title: "Scenario A: AI Boom World (50%)",              description: "High automation adoption, strong global economy, aggressive tech expansion. QuantumCart X strategy: Accelerate market penetration, invest in quantum computing infrastructure, expand to 180+ countries, launch AI-powered financial services ecosystem.",              tag: "Growth Path",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/prosperous-futuristic-world-showing-econ-1772517665050-ba513207.png",              imageAlt: "Prosperous technology-driven world"
            },
            {
              id: "crisis",              title: "Scenario B: Crisis World (50%)",              description: "Economic slowdown, AI regulation, supply chain disruption. QuantumCart X strategy: Pivot to hyperlocal fulfillment, activate B2B wholesale channel, develop offline-first capabilities, leverage distributed ledger for regulatory compliance.",              tag: "Resilience Path",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/challenging-economic-environment-showing-1772517664193-df05f929.png",              imageAlt: "Resilient economy with sustainable adaptation"
            }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="strategy" data-section="strategy">
        <MetricCardEleven
          title="Revenue & Growth Strategy"
          description="Top 20% revenue drivers generating 80% of profit. Focused monetization across core AI services and premium tiers."
          metrics={[
            {
              id: "1",              value: "42%",              title: "Commission Structure",              description: "3-5% per transaction on seller orders, 1-2% payment processing fees",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/integrated-fintech-digital-wallet-showin-1772517664740-8ea45512.png?_wi=1",              imageAlt: "Payment processing interface"
            },
            {
              id: "2",              value: "$99/mo",              title: "Premium AI Subscription",              description: "Advanced personalization, priority customer support, exclusive early access",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/premium-ai-subscription-tier-interface-s-1772517663675-0c085909.png",              imageAlt: "Premium subscription tier"
            },
            {
              id: "3",              value: "15%",              title: "Fintech Integration",              description: "Digital wallet, buy-now-pay-later, cryptocurrency payment processing",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/integrated-fintech-digital-wallet-showin-1772517664740-8ea45512.png?_wi=2",              imageAlt: "Digital wallet ecosystem"
            },
            {
              id: "4",              value: "18%",              title: "Influencer Live Shopping",              description: "Revenue share on influencer-driven sales, sponsored product placements",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/live-shopping-event-with-influencer-pres-1772517665598-af71254e.png?_wi=2",              imageAlt: "Live shopping commerce"
            },
            {
              id: "5",              value: "25%",              title: "Private Label Smart Products",              description: "QuantumCart X branded IoT, AI-enabled devices, subscription hardware models",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/futuristic-global-marketplace-dominated--1772517664214-42157a38.png?_wi=1",              imageAlt: "Smart product ecosystem"
            }
          ]}
          animationType="entrance-slide"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="vision" data-section="vision">
        <TestimonialAboutCard
          tag="2035 Domination"
          icon={Zap}
          title="QuantumCart X: The Global Giant"
          description="Market Dominance Forecast"
          subdescription="Vision Achievement Roadmap"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/futuristic-global-marketplace-dominated--1772517664214-42157a38.png?_wi=2"
          imageAlt="Global market dominance visualization"
          useInvertedBackground={false}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Platform Tiers"
          description="Choose your QuantumCart X experience. From startup sellers to global enterprises."
          plans={[
            {
              id: "starter",              badge: "Emerging",              badgeIcon: Rocket,
              price: "Free",              subtitle: "Perfect for new sellers entering the AI-powered marketplace",              features: [
                "AI-powered seller profile",                "Basic product recommendations",                "Standard fraud protection",                "Email support",                "Access to 50M+ buyers"
              ]
            },
            {
              id: "pro",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$299/mo",              subtitle: "Advanced AI tools for growing merchants and brands",              features: [
                "Advanced inventory forecasting",                "Premium price optimization",                "Influencer collaboration tools",                "Priority 24/7 support",                "Custom analytics dashboard",                "Multi-channel integration"
              ]
            },
            {
              id: "enterprise",              badge: "Global Leader",              badgeIcon: Crown,
              price: "Custom",              subtitle: "White-label solution for mega-retailers and platforms",              features: [
                "Full API access to AI systems",                "Dedicated account management",                "Custom ML model training",                "Global fulfillment network",                "Quantum computing integration",                "Enterprise SLA guarantee"
              ]
            }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="Industry Leaders Trust QuantumCart X"
          description="Visionary CEOs, VCs, and retail executives endorse the future of commerce."
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              role: "CEO",              company: "Global Retail Ventures",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/professional-ceo-portrait-in-modern-tech-1772517662989-5bbc5e17.png",              imageAlt: "Sarah Chen CEO portrait"
            },
            {
              id: "2",              name: "Marcus Rodriguez",              role: "Venture Partner",              company: "Apex Capital",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/venture-capitalist-portrait-with-investm-1772517664050-5453de00.png",              imageAlt: "Marcus Rodriguez investor portrait"
            },
            {
              id: "3",              name: "Elena Volkov",              role: "Founder",              company: "MultiBrand Holdings",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/retail-business-owner-portrait-showing-m-1772517663318-51084d0d.png",              imageAlt: "Elena Volkov retailer portrait"
            },
            {
              id: "4",              name: "David Park",              role: "CTO",              company: "TechFlow Systems",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGqqlPMuaJw1IKWWxK6i9qRFh/technology-company-leader-portrait-with--1772517665767-5233a134.png",              imageAlt: "David Park tech leader portrait"
            }
          ]}
          kpiItems={[
            { value: "$47B", label: "Projected 2035 Market Cap" },
            { value: "89%", label: "Global Dominance Probability" },
            { value: "180+", label: "Countries Operational" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Platform",              items: [
                { label: "AI Features", href: "#ai-brain" },
                { label: "Seller Tools", href: "#features" },
                { label: "Pricing", href: "#pricing" },
                { label: "API Docs", href: "https://docs.quantumcart-x.app" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Careers", href: "https://careers.quantumcart-x.app" },
                { label: "Blog", href: "https://blog.quantumcart-x.app" },
                { label: "Contact", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Compliance", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025–2035 QuantumCart X. Revolutionizing Global Commerce."
        />
      </div>
    </ThemeProvider>
  );
}
