"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
      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>
  );
}
