"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoCarousel from '@/components/sections/hero/HeroLogoCarousel';
import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import AboutMetric from '@/components/sections/about/AboutMetric';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Zap, Users, Globe, Award, Mail, Instagram, Twitter, Youtube } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="animatedAurora"
      cardStyle="shadow-colored"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Collections", id: "product" },
            { name: "About", id: "about" },
            { name: "Stories", id: "blog" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Shop Now", href: "product" }}
          brandName="SD STREET"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoCarousel
          logoText="SD STREET"
          description="Premium streetwear designed in San Diego. Bold graphics, authentic culture, uncompromising quality."
          mediaItems={[
            { imageSrc: "https://img.b2bpic.net/free-photo/upset-european-man-white-shirt-with-tattooed-arms-sitting-outdoors_181624-59916.jpg", imageAlt: "SD Street graphic t-shirt" },
            { imageSrc: "https://img.b2bpic.net/free-photo/stylish-african-american-woman-printed-tshirt-posed-indoor-steel-stairs_627829-2160.jpg", imageAlt: "Urban hoodie collection" },
            { imageSrc: "https://img.b2bpic.net/free-photo/young-black-spanish-male-friends-standing-front-blue-metal-gate_181624-57919.jpg", imageAlt: "Premium jacket design" },
            { imageSrc: "https://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg", imageAlt: "Streetwear sneakers" },
            { imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-man-posing-city_23-2149295720.jpg", imageAlt: "Brand cap accessory" },
            { imageSrc: "https://img.b2bpic.net/free-photo/shallow-focus-shot-posing-handsome-smiling-european-guy-hat_181624-61284.jpg", imageAlt: "Streetwear backpack" }
          ]
          logoLineHeight={1.1}
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardEighteen
          title="What Sets Us Apart"
          description="See the difference between mass-produced and authentically crafted streetwear"
          tag="Quality Matters"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          negativeCard={{
            title: "Generic Streetwear",            imageSrc: "https://img.b2bpic.net/free-photo/stylish-hipster-woman-bucket-hat-posing-outdoors-old-railway-station_181624-55447.jpg",            imageAlt: "Mass produced clothing",            items: [
              "Thin, low-quality fabric",              "Generic designs",              "Poor print durability",              "Limited size options",              "No brand story"
            ]
          }}
          positiveCard={{
            title: "SD Street Premium",            imageSrc: "https://img.b2bpic.net/free-photo/side-view-man-wearing-headphones_23-2149534727.jpg",            imageAlt: "Premium crafted streetwear",            items: [
              "100% premium cotton blends",              "Unique, hand-designed graphics",              "Eco-friendly ink printing",              "Full size range XS-3XL",              "Local artisan craftsmanship"
            ]
          }}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardTwo
          title="Featured Collection"
          description="Explore our latest drops and fan-favorite pieces"
          tag="New Arrivals"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          carouselMode="buttons"
          products={[
            {
              id: "1",              brand: "SD STREET",              name: "Eclipse Graphic Tee",              price: "$42.00",              rating: 5,
              reviewCount: "285",              imageSrc: "https://img.b2bpic.net/free-photo/stylish-young-couple-skatepark-summertime-portrait-skateboard-hoodie-hat-posing-with-skateboard-shoulder_613910-20900.jpg",              imageAlt: "Eclipse Graphic Tee"
            },
            {
              id: "2",              brand: "SD STREET",              name: "Oversized Heavy Hoodie",              price: "$89.00",              rating: 5,
              reviewCount: "156",              imageSrc: "https://img.b2bpic.net/free-photo/view-depressed-man-laying-floor_23-2149699133.jpg",              imageAlt: "Oversized Heavy Hoodie"
            },
            {
              id: "3",              brand: "SD STREET",              name: "Cargo Multi-Pocket Pants",              price: "$79.00",              rating: 5,
              reviewCount: "203",              imageSrc: "https://img.b2bpic.net/free-photo/view-stylish-man-walking-city_197531-33446.jpg",              imageAlt: "Cargo Multi-Pocket Pants"
            },
            {
              id: "4",              brand: "SD STREET",              name: "Bomber Jacket Limited",              price: "$129.00",              rating: 5,
              reviewCount: "98",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg",              imageAlt: "Bomber Jacket Limited"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Built by San Diego for the World"
          useInvertedBackground="invertCard"
          metrics={[
            { icon: Zap, label: "Years in Business", value: "7+" },
            { icon: Users, label: "Community Members", value: "45K+" },
            { icon: Globe, label: "Countries Shipped", value: "32" },
            { icon: Award, label: "Design Awards Won", value: "12" }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardOne
          title="Love from Our Community"
          description="Real stories from the people wearing SD Street"
          tag="Customer Stories"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          carouselMode="buttons"
          testimonials={[
            {
              id: "1",              name: "Jordan Martinez",              role: "Influencer",              company: "Urban Style Co",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-posing-medium-shot_23-2149726251.jpg",              imageAlt: "Jordan Martinez"
            },
            {
              id: "2",              name: "Alex Chen",              role: "Photographer",              company: "Street Culture Media",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-model-jacket-posing-outside_1303-21591.jpg",              imageAlt: "Alex Chen"
            },
            {
              id: "3",              name: "Sophia Rodriguez",              role: "Designer",              company: "Creative Studios",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-beautiful-smiling-woman-looking-trendy-girl-casual-summer-hoodie-skirt-clothes_158538-1397.jpg",              imageAlt: "Sophia Rodriguez"
            },
            {
              id: "4",              name: "Marcus Thompson",              role: "Artist",              company: "Vision Lab",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/app-business-adult-background-beautiful_1303-2316.jpg",              imageAlt: "Marcus Thompson"
            },
            {
              id: "5",              name: "Jasmine Park",              role: "Student",              company: "San Diego State",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/confident-girl-stylish-summer-outfit-wearing-sunglasses-with-charming-smile-resting-outdoor-sunny-day-portrait-joyful-young-woman-waiting-friends-city-garden_291650-1818.jpg",              imageAlt: "Jasmine Park"
            },
            {
              id: "6",              name: "David Kim",              role: "Entrepreneur",              company: "Startup Community",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/attractive-woman-autumn-style-trendy-outfit-walking-street_285396-11030.jpg",              imageAlt: "David Kim"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Stay in the Loop"
          description="Get exclusive drops, artist collaborations, and San Diego street culture updates delivered to your inbox"
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-vector/flat-design-brutalism-template_23-2149704622.jpg"
          imageAlt="SD Street community newsletter"
          mediaPosition="right"
          tagIcon={Mail}
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="Join our community. We respect your privacy. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="SD STREET"
          description="Premium streetwear born in San Diego. Crafted with authentic culture and uncompromising quality."
          columns={[
            {
              title: "Shop",              items: [
                { label: "All Collections", href: "product" },
                { label: "New Arrivals", href: "product" },
                { label: "Best Sellers", href: "product" },
                { label: "Sale", href: "product" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Story", href: "about" },
                { label: "Sustainability", href: "about" },
                { label: "Careers", href: "contact" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Shipping Info", href: "contact" },
                { label: "Returns", href: "contact" },
                { label: "FAQ", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Terms of Service", href: "https://example.com/terms" },
                { label: "Privacy Policy", href: "https://example.com/privacy" },
                { label: "Cookies", href: "https://example.com/cookies" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com/sdstreet", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com/sdstreet", ariaLabel: "Twitter" },
            { icon: Youtube, href: "https://youtube.com/@sdstreet", ariaLabel: "YouTube" }
          ]}
          copyrightText="© 2025 SD STREET. San Diego, California."
        />
      </div>
    </ThemeProvider>
  );
}