"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
import ProductCardFive from '@/components/sections/product/ProductCardFive';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import SocialProofThree from '@/components/sections/socialProof/SocialProofThree';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Award, Globe, Heart, Instagram, Mail, Package, Palette, Shield, Sparkles, TrendingUp, Twitter, Youtube, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="large"
      background="plain"
      cardStyle="neon-glow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Why Us", id: "comparison" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Giovanni Garrix"
          bottomLeftText="Premium Protection"
          bottomRightText="hello@giovannigarrix.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardMetrics
          title="Giovanni Garrix's Condoms"
          description="We're redefining the condom industry with superior manufacturing, cutting-edge design, and a brand that speaks to your generation. Giovanni Garrix is here to take over."
          tag="Next Gen Intimacy"
          tagIcon={Zap}
          buttons={[
            { text: "Shop Now", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341720517-n55f3hzv.jpg"
          imageAlt="Premium Giovanni Garrix condom packaging"
          frameStyle="card"
          metricsLabel="Trusted by thousands worldwide. Manufacturing excellence meets gen-z energy."
          metrics={[
            { id: "1", value: "10M+", label: "Units Produced Annually" },
            { id: "2", value: "50+", label: "Countries Distributed" },
            { id: "3", value: "99.8%", label: "Quality Assurance Rate" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="The Brand Taking Over"
          description="Giovanni Garrix isn't just another condom brand. We're the disruptor. With state-of-the-art manufacturing facilities, obsessive attention to quality, and a brand voice that actually speaks to modern consumers, we're setting a new standard in the industry."
          tag="Our Story"
          tagIcon={Sparkles}
          buttons={[
            { text: "Explore Facilities", href: "#" }
          ]}
          bulletPoints={[
            {
              title: "Premium Manufacturing",
              description: "ISO-certified production with zero-defect philosophy. Every unit meets elite standards.",
              icon: Zap
            },
            {
              title: "Gen-Z First Design",
              description: "Contemporary packaging, bold colors, and copy that resonates. Premium doesn't mean boring.",
              icon: Palette
            },
            {
              title: "Market Disruption",
              description: "We're not competing on price. We're winning on innovation, brand, and customer experience.",
              icon: TrendingUp
            },
            {
              title: "Uncompromising Quality",
              description: "Advanced materials, rigorous testing, and absolute confidence in every product we make.",
              icon: Shield
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341384214-yvpe34ut.jpg"
          imageAlt="Giovanni Garrix manufacturing facility"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="comparison" data-section="comparison">
        <FeatureCardEighteen
          title="Why We're Winning"
          description="See what sets Giovanni Garrix apart from the competition. Premium quality, modern design, and brand authenticity that Durex can't match."
          tag="The Difference"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          negativeCard={{
            title: "Traditional Brands",
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341388627-c0ho52ef.jpg",
            imageAlt: "Traditional condom manufacturing",
            items: [
              "Outdated branding",
              "Disconnected from youth culture",
              "Mass production mentality",
              "Premium price without premium feel",
              "Boring packaging",
              "Limited innovation in product design"
            ]
          }}
          positiveCard={{
            title: "Giovanni Garrix",
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341389613-7hdx4vb6.jpg",
            imageAlt: "Giovanni Garrix premium quality standards",
            items: [
              "Bold, contemporary brand identity",
              "Gen-Z coded messaging and culture",
              "Quality-first production standards",
              "Premium experience at every touchpoint",
              "Stunning design you'll be proud to show",
              "Continuous innovation in protection & experience"
            ]
          }}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFive
          title="Our Collection"
          description="Premium protection meets sleek design. Each variant is engineered for maximum comfort and confidence."
          tag="Shop Now"
          tagIcon={Package}
          buttons={[
            { text: "View All Products", href: "#" }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "ultra-thin",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341383111-6pduooae.jpg",
              imageAlt: "Ultra Thin variant",
              button: { text: "Add to Cart", href: "#" },
              isFavorited: false
            },
            {
              id: "ribbed-pleasure",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341383111-6pduooae.jpg",
              imageAlt: "Ribbed Pleasure variant",
              button: { text: "Add to Cart", href: "#" },
              isFavorited: false
            },
            {
              id: "extended-duration",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341383111-6pduooae.jpg",
              imageAlt: "Extended Duration variant",
              button: { text: "Add to Cart", href: "#" },
              isFavorited: false
            },
            {
              id: "natural-feel",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341383111-6pduooae.jpg",
              imageAlt: "Natural Feel variant",
              button: { text: "Add to Cart", href: "#" },
              isFavorited: false
            },
            {
              id: "flavor-collection",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341383111-6pduooae.jpg",
              imageAlt: "Flavor Collection variant",
              button: { text: "Add to Cart", href: "#" },
              isFavorited: false
            }
          ]}
          gridVariant="uniform-alternating-sizes"
          animationType="slide-up"
          containerStyle="default"
          carouselMode="buttons"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Trusted by over 2 million customers who choose premium protection"
          cardTag="Real reviews from real people"
          cardTagIcon={Heart}
          testimonials={[
            {
              id: "1",
              name: "Alex K.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766152144682-htnjk2vn.jpg",
              imageAlt: "Alex K."
            },
            {
              id: "2",
              name: "Jordan M.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341385475-dvyhz6kp.jpg",
              imageAlt: "Jordan M."
            },
            {
              id: "3",
              name: "Casey T.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341386591-5q8inq2x.jpg",
              imageAlt: "Casey T."
            },
            {
              id: "4",
              name: "Morgan L.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341387337-1qtu0xqh.jpg",
              imageAlt: "Morgan L."
            },
            {
              id: "5",
              name: "Riley P.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
              imageAlt: "Riley P."
            },
            {
              id: "6",
              name: "Taylor R.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183842429-uezzjpov.jpg",
              imageAlt: "Taylor R."
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofThree
          title="Stocked in Premium Retailers Worldwide"
          description="Available in leading pharmacies, convenience stores, and online retailers across 50+ countries."
          tag="Global Distribution"
          tagIcon={Globe}
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341390716-iu3a59f7.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341391571-pa10neyy.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766247954480-jda2xd2t.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341392467-nxr8f42b.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341393387-ujx4ytct.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341394191-bcs4wi6o.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341395078-8ubzgqrl.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341395857-2kgi2qab.jpg"
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          speed={40}
          topMarqueeDirection="left"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Get in Touch"
          ctaDescription="Have questions? Want to stock our products? Let's talk. We're here to help."
          ctaButton={{ text: "Contact Us", href: "mailto:hello@giovannigarrix.com" }}
          ctaIcon={Mail}
          faqs={[
            {
              id: "1",
              title: "Are Giovanni Garrix condoms certified and safe?",
              content: "Absolutely. All our products meet international ISO standards and are rigorously tested for quality and safety. Every unit undergoes zero-defect quality assurance."
            },
            {
              id: "2",
              title: "What makes your products different from competitors?",
              content: "We combine premium manufacturing standards with modern, gen-z focused design. Our packaging is contemporary, our brand voice is authentic, and our commitment to quality is uncompromising."
            },
            {
              id: "3",
              title: "Where can I buy Giovanni Garrix products?",
              content: "We're available in leading pharmacies, convenience stores, and major online retailers in 50+ countries. Check our retailer locator to find a store near you."
            },
            {
              id: "4",
              title: "Do you offer wholesale or bulk orders?",
              content: "Yes! We work with retailers worldwide. Contact our B2B team at wholesale@giovannigarrix.com for partnership opportunities and pricing."
            },
            {
              id: "5",
              title: "What's your return/satisfaction policy?",
              content: "We stand behind our products 100%. If you're not satisfied, we offer a full refund or replacement. Your satisfaction is our priority."
            },
            {
              id: "6",
              title: "Are there any discounts for bulk purchases?",
              content: "Yes. We offer tiered pricing for bulk orders. Contact our sales team for custom quotes based on your volume needs."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="Giovanni Garrix"
          description="Premium protection for the modern generation. Engineered for quality. Designed for confidence."
          copyrightText="© 2025 Giovanni Garrix. All rights reserved."
          columns={[
            {
              title: "Shop",
              items: [
                { label: "All Products", href: "#products" },
                { label: "Bulk Orders", href: "mailto:wholesale@giovannigarrix.com" },
                { label: "Retailers", href: "#" }
              ]
            },
            {
              title: "About",
              items: [
                { label: "Our Story", href: "#about" },
                { label: "Manufacturing", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "FAQ", href: "#contact" },
                { label: "Contact", href: "mailto:hello@giovannigarrix.com" },
                { label: "Shipping Info", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Terms of Service", href: "#terms" },
                { label: "Privacy Policy", href: "#privacy" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
            { icon: Youtube, href: "https://youtube.com", ariaLabel: "YouTube" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}