"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { CheckCircle, Sparkles, Globe } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="large"
      background="floatingGradient"
      cardStyle="solid-accent-light"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Labubu"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Shop Now", href: "products" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Discover Rare Labuubi Collections"
          description="Explore our curated selection of limited edition designer figures. Each piece is carefully selected for collectors who appreciate fine art and craftsmanship."
          tag="Premium Collectibles"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182310902-lq5rakkm.jpg"
          imageAlt="Labuubi designer collectible figures"
          buttons={[
            { text: "Browse Collection", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardSeven
          title="Featured Labuubi Figures"
          description="Our most sought-after pieces from the latest releases and rare editions"
          tag="Shop Now"
          products={[
            {
              id: "1",
              name: "Cosmic Explorer Edition",
              price: "$89.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182310902-lq5rakkm.jpg",
              imageAlt: "Cosmic Explorer Labuubi figure"
            },
            {
              id: "2",
              name: "Urban Artisan Series",
              price: "$124.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182313574-vph1kkpi.jpg",
              imageAlt: "Urban Artisan Labuubi collectible"
            },
            {
              id: "3",
              name: "Limited Gold Edition",
              price: "$249.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182318072-di9coy2o.jpg",
              imageAlt: "Limited Gold Edition figure"
            },
            {
              id: "4",
              name: "Phantom Series",
              price: "$179.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767008105133-yphvornk.jpg",
              imageAlt: "Phantom Series Labuubi"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="About Our Collection"
          description="We are passionate collectors dedicated to bringing authentic designer figures to enthusiasts worldwide. Each piece in our collection represents artistry, innovation, and the collector spirit."
          tag="Our Story"
          bulletPoints={[
            {
              title: "Authentic Sourcing",
              description: "We work directly with artists and authorized distributors to ensure every piece is genuine and certified.",
              icon: CheckCircle
            },
            {
              title: "Curated Selection",
              description: "Our team carefully selects limited editions and rare variants for serious collectors.",
              icon: Sparkles
            },
            {
              title: "Global Community",
              description: "Join thousands of collectors worldwide who trust us for their most prized acquisitions.",
              icon: Globe
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766888724422-ktz3ve75.jpg"
          imageAlt="Labuubi collection display"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Collectors Say"
          description="Real reviews from passionate Labuubi collectors around the world"
          tag="Customer Stories"
          testimonials={[
            {
              id: "1",
              name: "Marcus Chen, Collector",
              date: "Date: January 15, 2025",
              title: "Finally found the pieces I was searching for!",
              quote: "I've been collecting for five years and struggled to find authentic limited editions. This platform changed everything. The authentication process gives me complete peace of mind.",
              tag: "Verified Buyer",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140063369-vzpeyskp.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767008106244-yhpaquuo.jpg"
            },
            {
              id: "2",
              name: "Sarah Johnson, Art Enthusiast",
              date: "Date: January 10, 2025",
              title: "Premium quality and exceptional service",
              quote: "The attention to detail in both the products and customer service is unmatched. Every figure arrived in perfect condition with detailed documentation.",
              tag: "Verified Buyer",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767008109509-33b62oy6.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767008107038-z72526sh.jpg"
            },
            {
              id: "3",
              name: "David Park, Collector",
              date: "Date: December 28, 2024",
              title: "Excellent source for rare editions",
              quote: "I discovered several figures here that I thought were impossible to find. The rarity level and condition of each piece exceeded my expectations.",
              tag: "Verified Buyer",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163145146-fsataaws.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767008108266-4qa36ggk.jpg"
            },
            {
              id: "4",
              name: "Emma Rodriguez, Designer Toy Lover",
              date: "Date: December 20, 2024",
              title: "A collector's paradise",
              quote: "The curated selection shows real knowledge and passion for these figures. I trust their eye for quality and authenticity completely.",
              tag: "Verified Buyer",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163146349-ine3yxut.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154630397-2e9tmo68.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about our Labuubi collections and ordering process"
          tag="Help & Support"
          faqs={[
            {
              id: "1",
              title: "How do you verify the authenticity of each figure?",
              content: "Each piece undergoes a rigorous authentication process. We verify packaging, serial numbers, and production details against official manufacturer records. All items come with a certificate of authenticity."
            },
            {
              id: "2",
              title: "What is your return and refund policy?",
              content: "We offer a 30-day return policy for unopened items in original condition. Refunds are issued within 5-7 business days. For damaged items, we provide replacements or full refunds."
            },
            {
              id: "3",
              title: "Do you ship internationally?",
              content: "Yes! We ship to most countries worldwide. International shipping typically takes 10-20 business days depending on location. Shipping costs are calculated based on weight and destination."
            },
            {
              id: "4",
              title: "Are there subscription or preorder options?",
              content: "We offer preorder access for upcoming releases and limited editions. Join our newsletter to be notified first about exclusive drops and early access opportunities."
            },
            {
              id: "5",
              title: "How often is your inventory updated?",
              content: "We update our collection weekly with new acquisitions and rare finds. Subscribe to our alerts to be notified when specific figures become available."
            },
            {
              id: "6",
              title: "What payment methods do you accept?",
              content: "We accept all major credit cards, PayPal, and digital wallets. All transactions are encrypted and secure. We never store credit card information."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          title="Get Updates on New Arrivals"
          description="Subscribe to our newsletter for exclusive early access to rare pieces, collector tips, and special promotions on limited editions."
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="By subscribing, you agree to our Terms and Privacy Policy. Unsubscribe anytime."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Labuubi"
          columns={[
            {
              items: [
                { label: "Home", href: "hero" },
                { label: "Shop", href: "products" },
                { label: "About", href: "about" }
              ]
            },
            {
              items: [
                { label: "FAQ", href: "faq" },
                { label: "Contact", href: "contact" },
                { label: "Newsletter", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#privacy" },
                { label: "Terms of Service", href: "#terms" },
                { label: "Returns", href: "#returns" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}