"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { CheckCircle, Sparkles, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="large"
      background="plain"
      cardStyle="outline"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="NULL"
          navItems={[
            { name: "Shop", id: "shop" },
            { name: "About", id: "about" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Buy Now",            href: "#shop"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Elevate Your Street Style"
          description="Premium streetwear collection featuring bold sweatshirts and signature t-shirts. Express your unique vibe with NULL."
          tag="New Collection"
          tagIcon={Sparkles}
          buttons={[
            { text: "Shop Collection", href: "#shop" },
            { text: "Explore Now", href: "#features" }
          ]}
          carouselItems={[
            {
              id: "carousel-1",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-black-man-wearing-hat-turtleneck_181624-44167.jpg",              imageAlt: "NULL sweatshirt collection"
            },
            {
              id: "carousel-2",              imageSrc: "https://img.b2bpic.net/free-photo/happy-man-smiling-camera_197531-33440.jpg",              imageAlt: "NULL t-shirt style"
            },
            {
              id: "carousel-3",              imageSrc: "https://img.b2bpic.net/free-photo/young-man-basket-field_23-2148883551.jpg",              imageAlt: "Streetwear fashion collection"
            },
            {
              id: "carousel-4",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-man-posing-city_23-2149295720.jpg",              imageAlt: "Urban casual apparel"
            },
            {
              id: "carousel-5",              imageSrc: "https://img.b2bpic.net/free-photo/young-short-haired-woman-sitting-against-modern-building_23-2148205509.jpg",              imageAlt: "Contemporary streetwear"
            },
            {
              id: "carousel-6",              imageSrc: "https://img.b2bpic.net/free-photo/outdoor-shot-pensive-curly-haired-young-woman-concentrated-into-distance-dressed-hoodie-trousers-thinks-about-something-rests-after-excursion-city-feels-tired-explores-new-places_273609-57016.jpg",              imageAlt: "NULL clothing collection"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="shop" data-section="shop">
        <ProductCardThree
          title="Our Collections"
          description="Hand-picked pieces designed for the modern streetwear enthusiast. Premium quality, bold design."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              name: "Classic Crew Sweatshirt",              price: "$64.99",              imageSrc: "https://img.b2bpic.net/free-photo/outdoor-shot-pensive-curly-haired-young-woman-concentrated-into-distance-dressed-hoodie-trousers-thinks-about-something-rests-after-excursion-city-feels-tired-explores-new-places_273609-57016.jpg",              imageAlt: "Classic Crew Sweatshirt in teal",              initialQuantity: 1
            },
            {
              id: "2",              name: "Signature T-Shirt",              price: "$34.99",              imageSrc: "https://img.b2bpic.net/free-photo/woman-with-curly-hair-poses-bridge-wears-blue-sweatshirt-trousers-listens-motivational-music-via-wireless-headphones-focused-into-distance-people-leisure-hobby-concept_273609-55980.jpg",              imageAlt: "Signature T-Shirt premium cotton",              initialQuantity: 1
            },
            {
              id: "3",              name: "Oversized Hoodie",              price: "$79.99",              imageSrc: "https://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg",              imageAlt: "Oversized Hoodie streetwear style",              initialQuantity: 1
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureProcessSteps
          tag="Why Choose NULL"
          tagIcon={CheckCircle}
          title="Crafted for Culture"
          description="We blend quality craftsmanship with contemporary urban design. Every piece is made to stand out and last."
          useInvertedBackground="noInvert"
          steps={[
            {
              number: "01",              title: "Premium Materials",              tag: "Quality First",              description: "100% organic cotton and sustainable fabrics sourced from trusted suppliers worldwide."
            },
            {
              number: "02",              title: "Precision Design",              tag: "Attention to Detail",              description: "Each piece is meticulously crafted with reinforced stitching and perfect fit proportions."
            },
            {
              number: "03",              title: "Fast Shipping",              tag: "Next Day Available",              description: "Get your order shipped worldwide with expedited options. Track everything in real-time."
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Community Says"
          description="Real feedback from real customers who live the NULL lifestyle."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Marcus Chen, Streetwear Enthusiast",              date: "Date: January 15, 2025",              title: "Best quality I've found",              quote: "NULL sweatshirts are incredibly comfortable and the quality is unmatched. The attention to detail in every stitch shows they care about their craft.",              tag: "Premium Quality",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageSrc: "https://img.b2bpic.net/free-vector/simple-plumber-customer-review-facebook-post_742173-13131.jpg",              avatarAlt: "Marcus Chen"
            },
            {
              id: "2",              name: "Jordan Rivera, Fashion Designer",              date: "Date: January 10, 2025",              title: "Perfect for my lifestyle",              quote: "I've been wearing NULL for months now. The fit is perfect, the material feels premium, and I get compliments every time I wear it.",              tag: "Customer Favorite",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "https://img.b2bpic.net/free-vector/simple-plumber-customer-review-facebook-post_742173-13131.jpg",              avatarAlt: "Jordan Rivera"
            },
            {
              id: "3",              name: "Alex Kim, Creative Professional",              date: "Date: December 28, 2024",              title: "Worth every penny",              quote: "The investment in NULL clothing pays off immediately. These pieces don't wear out, they age beautifully. Highly recommend.",              tag: "Verified Purchase",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",              imageSrc: "https://img.b2bpic.net/free-vector/simple-plumber-customer-review-facebook-post_742173-13131.jpg",              avatarAlt: "Alex Kim"
            },
            {
              id: "4",              name: "Taylor Morgan, Content Creator",              date: "Date: December 20, 2024",              title: "My go-to brand",              quote: "NULL understands streetwear culture. Every design feels authentic and isn't trying too hard. It's real, it's quality, it's NULL.",              tag: "Brand Ambassador",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-confident-man-looking-photographer_23-2148398473.jpg",              imageSrc: "https://img.b2bpic.net/free-vector/simple-plumber-customer-review-facebook-post_742173-13131.jpg",              avatarAlt: "Taylor Morgan"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about NULL streetwear, shipping, and our guarantee."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What materials do you use?",              content: "We use 100% organic cotton and premium sustainable materials. All our products are ethically sourced and manufactured with fair labor practices."
            },
            {
              id: "2",              title: "How long does shipping take?",              content: "Standard shipping takes 5-7 business days. We also offer express shipping (1-2 days) for most locations. Track your order in real-time from our website."
            },
            {
              id: "3",              title: "What's your return policy?",              content: "We offer a 30-day money-back guarantee on all products. No questions asked. If you're not satisfied, we'll refund you immediately."
            },
            {
              id: "4",              title: "Are your products true to size?",              content: "Yes, all our pieces are designed to fit true to size. Check our detailed size guide on each product page. If you need a different size, exchanges are free."
            },
            {
              id: "5",              title: "Do you offer international shipping?",              content: "We ship to 150+ countries worldwide. International orders typically arrive in 7-14 business days. Customs duties may apply depending on your location."
            },
            {
              id: "6",              title: "How do I care for my NULL pieces?",              content: "Machine wash cold with similar colors. Tumble dry on low or hang dry for longer longevity. Avoid bleach. Your NULL gear will last for years with proper care."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          title="Join the NULL Community"
          description="Get exclusive drops, early access to new collections, and streetwear tips delivered to your inbox."
          tagIcon={Zap}
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your inbox. Unsubscribe anytime. No spam, just culture."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Shop",              items: [
                { label: "Sweatshirts", href: "#shop" },
                { label: "T-Shirts", href: "#shop" },
                { label: "Hoodies", href: "#shop" },
                { label: "New Arrivals", href: "#shop" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About NULL", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Careers", href: "#contact" },
                { label: "Press", href: "#contact" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "FAQ", href: "#faq" },
                { label: "Shipping Info", href: "#faq" },
                { label: "Returns", href: "#faq" }
              ]
            }
          ]}
          copyrightText="© 2025 NULL Streetwear. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}