"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterSplit from '@/components/sections/footer/FooterSplit';
import { Star, Crown, Sparkles, Heart, Phone, Mail, MapPin } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="KICKGEAR"
          navItems={[
            { name: "Shop", id: "products" },
            { name: "Winter Collection", id: "winter-collection" },
            { name: "Membership", id: "membership" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Shop Now", href: "products" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="KICKGEAR"
          description="Premium boutique soccer gear for elite athletes and passionate players. Discover shoes, balls, jerseys, and more."
          buttons={[
            { text: "Shop Collection", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
          layoutOrder="default"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711876344-76sk5ae2.jpg"
          imageAlt="Professional soccer equipment and boutique gear collection"
          frameStyle="card"
          logoLineHeight={1.2}
          ariaLabel="Hero section showcasing KICKGEAR boutique soccer equipment"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Shop Our Collection"
          description="Explore our premium selection of boutique soccer gear including shoes, balls, jerseys, socks, and protective equipment."
          tag="Featured Products"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",
              name: "Pro Elite Soccer Cleats",
              price: "$149.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711876995-m2y2xvp3.jpg",
              imageAlt: "Professional soccer cleats with enhanced grip and comfort",
              initialQuantity: 1
            },
            {
              id: "2",
              name: "Premium Match Soccer Ball",
              price: "$89.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711877328-jczu482c.jpg",
              imageAlt: "Tournament-grade soccer ball with perfect touch",
              initialQuantity: 1
            },
            {
              id: "3",
              name: "Performance Soccer Jersey",
              price: "$79.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711877735-zgb885mf.jpg",
              imageAlt: "Moisture-wicking soccer jersey in multiple colors",
              initialQuantity: 1
            },
            {
              id: "4",
              name: "Pro Compression Soccer Socks",
              price: "$24.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711878204-g3f95oxl.jpg",
              imageAlt: "High-performance compression socks for support",
              initialQuantity: 1
            },
            {
              id: "5",
              name: "Protective Shin Guards",
              price: "$54.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711878667-ku49tlon.jpg",
              imageAlt: "Lightweight and durable shin protection gear",
              initialQuantity: 1
            },
            {
              id: "6",
              name: "Black Indoor Cleats",
              price: "$119.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711879707-mbdaracr.jpg",
              imageAlt: "Specialized indoor soccer shoes with superior traction",
              initialQuantity: 1
            },
            {
              id: "7",
              name: "Professional Goalkeeper Gloves",
              price: "$99.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711880272-ekem73z3.jpg",
              imageAlt: "High-grip goalkeeper gloves for optimal performance",
              initialQuantity: 1
            },
            {
              id: "8",
              name: "Elite Training Duffle Bag",
              price: "$69.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711880593-0ac0txla.jpg",
              imageAlt: "Durable sports bag with multiple compartments",
              initialQuantity: 1
            },
            {
              id: "9",
              name: "Ankle Support Sleeve",
              price: "$34.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711880913-eeejw3q2.jpg",
              imageAlt: "Compression ankle support for injury prevention",
              initialQuantity: 1
            },
            {
              id: "10",
              name: "Premium Soccer Shorts",
              price: "$59.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711882908-h7lm5w80.jpg",
              imageAlt: "Breathable and comfortable soccer shorts",
              initialQuantity: 1
            },
            {
              id: "11",
              name: "Compression Base Layer Shirt",
              price: "$64.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711883265-0k669ae2.jpg",
              imageAlt: "Performance compression shirt for muscle support",
              initialQuantity: 1
            },
            {
              id: "12",
              name: "White Crew Soccer Socks",
              price: "$19.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711883763-eurznr58.jpg",
              imageAlt: "Comfortable white athletic soccer socks",
              initialQuantity: 1
            },
            {
              id: "13",
              name: "Training Practice Ball",
              price: "$49.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711884238-b2du6jng.jpg",
              imageAlt: "Durable training soccer ball for practice sessions",
              initialQuantity: 1
            },
            {
              id: "14",
              name: "Indoor Futsal Shoes",
              price: "$109.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711884563-rmpzfqqq.jpg",
              imageAlt: "Specialized indoor soccer footwear with cushioning",
              initialQuantity: 1
            },
            {
              id: "15",
              name: "Elite Soccer Cleats Pro",
              price: "$179.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711876995-m2y2xvp3.jpg",
              imageAlt: "Premium pro-level soccer cleats for advanced players",
              initialQuantity: 1
            }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="winter-collection" data-section="winter-collection">
        <ProductCardThree
          title="Winter Collection 2024"
          description="Stay warm and perform in our exclusive winter collection featuring thermal jackets, insulated pants, and cold-weather gear."
          tag="Seasonal Collection"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "w1",
              name: "Thermal Performance Jacket",
              price: "$189.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711885203-hqdn92fd.jpg",
              imageAlt: "Insulated thermal jacket for winter soccer training",
              initialQuantity: 1
            },
            {
              id: "w2",
              name: "Winter Training Pants",
              price: "$119.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711885819-8bxai2lh.jpg",
              imageAlt: "Warm and breathable winter training pants",
              initialQuantity: 1
            },
            {
              id: "w3",
              name: "Thermal Winter Gloves",
              price: "$44.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711886195-ouopglqh.jpg",
              imageAlt: "Wind-resistant thermal gloves for cold weather training",
              initialQuantity: 1
            },
            {
              id: "w4",
              name: "Premium Winter Bundle",
              price: "$329.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711885203-hqdn92fd.jpg",
              imageAlt: "Complete winter gear bundle with jacket, pants, and gloves",
              initialQuantity: 1
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="membership" data-section="membership">
        <PricingCardFive
          title="KICKGEAR Premium Membership"
          description="Join our exclusive membership program and unlock premium benefits, early access to new collections, and special discounts."
          tag="Rewards Program"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "silver",
              tag: "Silver Member",
              tagIcon: Star,
              price: "Free",
              period: "Forever",
              description: "Get started with essential member benefits and 5% discount on all purchases.",
              button: { text: "Join Now", href: "contact" },
              featuresTitle: "Your Benefits:",
              features: [
                "5% discount on all purchases",
                "Early access to sales",
                "Exclusive member-only products",
                "Birthday bonus discount",
                "Free shipping on orders over $100"
              ]
            },
            {
              id: "gold",
              tag: "Gold Member",
              tagIcon: Crown,
              price: "$49",
              period: "/year",
              description: "Premium membership with enhanced rewards and exclusive perks for serious athletes.",
              button: { text: "Upgrade to Gold", href: "contact" },
              featuresTitle: "Your Benefits:",
              features: [
                "15% discount on all purchases",
                "Free express shipping",
                "Priority customer service",
                "Exclusive product access",
                "Monthly bonus points",
                "Special invitation to events",
                "VIP sale previews"
              ]
            },
            {
              id: "elite",
              tag: "Elite Member",
              tagIcon: Sparkles,
              price: "$99",
              period: "/year",
              description: "The ultimate membership experience with maximum rewards and concierge support.",
              button: { text: "Become Elite", href: "contact" },
              featuresTitle: "Your Benefits:",
              features: [
                "25% discount on all purchases",
                "Free premium shipping worldwide",
                "Dedicated concierge support",
                "First access to limited editions",
                "Double loyalty points",
                "Exclusive VIP events",
                "Personal shopping assistance",
                "Annual gift package"
              ]
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <ParallaxAbout
          title="Boutique Soccer Excellence"
          description="KICKGEAR is dedicated to providing elite athletes and passionate soccer players with premium, handpicked gear that elevates their game. We believe in quality over quantity, curating the finest soccer equipment from around the world."
          tag="Our Story"
          tagIcon={Heart}
          buttons={[
            { text: "Shop Now", href: "products" },
            { text: "Join Membership", href: "membership" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711887625-e8cvpkb5.jpg"
          imageAlt="KICKGEAR boutique store showcasing premium soccer equipment"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="Why Choose KICKGEAR"
          description="Discover what sets our boutique soccer gear apart from the rest"
          tag="Our Commitment"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Premium Quality",
              description: "Every product is carefully selected and tested to ensure the highest standards of durability, comfort, and performance.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711887888-fhp574bb.jpg"
            },
            {
              id: 2,
              title: "Performance Engineered",
              description: "Our gear is designed with professional athletes in mind, featuring advanced technology for enhanced performance and injury prevention.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711888431-3arz8pvz.jpg"
            },
            {
              id: 3,
              title: "Style & Innovation",
              description: "Stay trendy with our curated collection of modern designs that don't compromise on functionality or comfort.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711888855-dt2044sq.jpg"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Athletes Say"
          description="Join thousands of satisfied players who trust KICKGEAR for their performance needs"
          tag="Customer Reviews"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",
              name: "Marcus Rodriguez",
              handle: "@marcusrod_soccer",
              testimonial: "The quality of KICKGEAR equipment completely transformed my game. The shoes are incredibly comfortable and the durability is unmatched. Highly recommend!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711889954-omeee5h6.jpg",
              imageAlt: "Marcus Rodriguez, professional soccer player"
            },
            {
              id: "2",
              name: "Sarah Chen",
              handle: "@sarahchenathlete",
              testimonial: "As a competitive goalkeeper, I need gloves I can trust. KICKGEAR's professional gloves have the best grip and comfort. Worth every penny!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767378010628-m83xd3m3.jpg",
              imageAlt: "Sarah Chen, professional goalkeeper"
            },
            {
              id: "3",
              name: "Daniel Silva",
              handle: "@danielsilva_fc",
              testimonial: "KICKGEAR's winter collection kept me warm and performing at my peak during cold training sessions. The jackets and pants are fantastic quality.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548575472-wh010nbk.jpg",
              imageAlt: "Daniel Silva, semi-professional soccer player"
            },
            {
              id: "4",
              name: "Emma Thompson",
              handle: "@emmathompson_soccer",
              testimonial: "The membership program is incredible! 25% discount and exclusive access to limited editions makes KICKGEAR a no-brainer for serious players.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711890231-wd0937qv.jpg",
              imageAlt: "Emma Thompson, elite soccer athlete"
            },
            {
              id: "5",
              name: "James Wilson",
              handle: "@jameswilson_striker",
              testimonial: "Customer service is exceptional. When I had an issue with my order, they resolved it immediately. That's the kind of support that builds loyalty.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711889954-omeee5h6.jpg",
              imageAlt: "James Wilson, college soccer player"
            },
            {
              id: "6",
              name: "Lisa Garcia",
              handle: "@lisagarcia_coach",
              testimonial: "I recommend KICKGEAR to all my players. The gear doesn't just feel good—it performs. Our whole team switched and hasn't looked back!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767378010628-m83xd3m3.jpg",
              imageAlt: "Lisa Garcia, soccer coach"
            }
          ]}
          speed={30}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Ready to elevate your game? Join KICKGEAR today."
          animationType="reveal-blur"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSplit
          logoText="KICKGEAR"
          title="Premium boutique soccer gear for elite athletes"
          columns={[
            {
              title: "Shop",
              items: [
                { label: "All Products", href: "/products" },
                { label: "Winter Collection", href: "/winter-collection" },
                { label: "Shoes", href: "/products" },
                { label: "Apparel", href: "/products" },
                { label: "Accessories", href: "/products" }
              ]
            },
            {
              title: "Membership",
              items: [
                { label: "Join KICKGEAR", href: "/membership" },
                { label: "Benefits", href: "/membership" },
                { label: "Rewards", href: "/membership" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Contact", href: "/contact" },
                { label: "Blog", href: "/blog" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "FAQ", href: "/faq" },
                { label: "Shipping Info", href: "/shipping" },
                { label: "Returns", href: "/returns" },
                { label: "Size Guide", href: "/size-guide" }
              ]
            }
          ]}
          contactItems={[
            { icon: Phone, text: "(555) 123-4567" },
            { icon: Mail, text: "hello@kickgear.com" },
            { icon: MapPin, text: "123 Soccer Lane, Sports City, SC 12345" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}