"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Database, Instagram, Scan, Shield, ShieldCheck, TrendingUp, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="medium"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              { name: "Home", id: "hero" },
              { name: "Features", id: "features" },
              { name: "Market", id: "metrics" },
              { name: "Support", id: "contact" },
            ]}
            brandName="FunkoMarket"
            button={{ text: "Get Started", href: "#contact" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroBillboardRotatedCarousel
            background={{ variant: "rotated-rays-animated" }}
            title="The Ultimate Funko Inspection Hub"
            description="Upload a video of your Funko Pop and our AI scans for damage, authenticity, and live market trends instantly."
            buttons={[{ text: "Scan Now", href: "#contact" }]}
            carouselItems={[
              { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/view-balloon-twist-sculpture_23-2151657366.jpg?_wi=1", imageAlt: "Funko pop scan" },
              { id: "2", imageSrc: "http://img.b2bpic.net/free-vector/blue-technological-background_1406-11.jpg?_wi=1", imageAlt: "AI scanning interface" },
              { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/older-man-playing-toy-claw-machine_23-2148328104.jpg?_wi=1", imageAlt: "Display case" },
              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-eco-food-toys_23-2149884401.jpg?_wi=1", imageAlt: "Box corner inspection" },
              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/financial-broker-analyzing-stock-trade-market-computer-using-exchange-hedge-fund-statistics-create-investment-profit-entrepreneur-working-with-forex-real-time-sales-trend-handheld-shot_482257-40951.jpg?_wi=1", imageAlt: "Market data chart" },
              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306820.jpg", imageAlt: "Digital tech wallpaper" },
            ]}
          />
        </div>

        <div id="features" data-section="features">
          <FeatureHoverPattern
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            features={[
              { icon: Scan, title: "AI Damage Detection", description: "Our AI scans your video for chips, dents, and corner damage in seconds." },
              { icon: TrendingUp, title: "Live Market Tracking", description: "Watch your specific Funko Pop's value trend in real-time with historical data." },
              { icon: ShieldCheck, title: "Authenticity Verification", description: "Don't get fooled—our AI flags potential fakes by cross-referencing global databases." },
            ]}
            title="Smart Features for Serious Collectors"
            description="Unlock the full potential of your collection with our advanced AI tools."
          />
        </div>

        <div id="metrics" data-section="metrics">
          <MetricCardThree
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            metrics={[
              { id: "1", icon: Database, title: "Pops Cataloged", value: "500K+" },
              { id: "2", icon: Database, title: "Scans Per Hour", value: "10K+" },
              { id: "3", icon: Shield, title: "Counterfeits Caught", value: "15K+" },
            ]}
            title="Market Impact"
            description="Join thousands of collectors relying on FunkoMarket data."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardTen
            textboxLayout="default"
            useInvertedBackground={false}
            testimonials={[
              { id: "1", title: "Great accuracy", quote: "I caught a dent I didn't see before on a rare pop. Saved me hundreds!", name: "Alex R.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/view-balloon-twist-sculpture_23-2151657366.jpg?_wi=2", imageAlt: "funko pop collectible macro shot" },
              { id: "2", title: "Market data is spot on", quote: "Finally, an accurate way to track my collection value.", name: "Sarah J.", role: "Pro Seller", imageSrc: "http://img.b2bpic.net/free-vector/blue-technological-background_1406-11.jpg?_wi=2", imageAlt: "ai technology interface overlay" },
              { id: "3", title: "Saves so much time", quote: "Uploading a video is much faster than manual inspection.", name: "Mark D.", role: "Hobbyist", imageSrc: "http://img.b2bpic.net/free-photo/older-man-playing-toy-claw-machine_23-2148328104.jpg?_wi=2", imageAlt: "collection of toys in display case" },
              { id: "4", title: "Reliable AI", quote: "Verified my collection authenticity in minutes.", name: "Elena K.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-eco-food-toys_23-2149884401.jpg?_wi=2", imageAlt: "funko pop box damage check" },
              { id: "5", title: "Love the charts", quote: "Following price movements has been addictive.", name: "Tom B.", role: "Investor", imageSrc: "http://img.b2bpic.net/free-photo/financial-broker-analyzing-stock-trade-market-computer-using-exchange-hedge-fund-statistics-create-investment-profit-entrepreneur-working-with-forex-real-time-sales-trend-handheld-shot_482257-40951.jpg?_wi=2", imageAlt: "financial data chart tablet" },
            ]}
            title="Trusted by Collectors"
            description="See why Funko enthusiasts are switching to AI-driven appraisals."
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactCTA
            useInvertedBackground={false}
            background={{ variant: "radial-gradient" }}
            tag="Get Started"
            title="Ready to Scan?"
            description="Join today and start protecting your collection with cutting-edge AI."
            buttons={[{ text: "Upload Video", href: "#" }]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterCard
            logoText="FunkoMarket"
            copyrightText="© 2025 FunkoMarket. All rights reserved."
            socialLinks={[
              { icon: Twitter, href: "#", ariaLabel: "Twitter" },
              { icon: Instagram, href: "#", ariaLabel: "Instagram" },
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
