"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, Award, Lock, Leaf, Palette, Zap, BookOpen } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="PREMIUM"
          navItems={[
            { name: "Collection", id: "products" },
            { name: "About", id: "about" },
            { name: "Stories", id: "blog" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Shop Now",            href: "products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Elevate Your Streetwear Game"
          description="Experience the pinnacle of urban fashion. Handcrafted collections designed for those who demand premium quality and authentic style."
          tag="Premium Collection"
          tagIcon={Sparkles}
          background={{ variant: "radial-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/young-black-spanish-male-friends-standing-front-blue-metal-gate_181624-57919.jpg",              imageAlt: "Premium streetwear collection hero shot"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg",              imageAlt: "Luxury fashion model wearing exclusive streetwear"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg",              imageAlt: "Contemporary streetwear lifestyle imagery"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/stylish-hipster-woman-bucket-hat-posing-outdoors-old-railway-station_181624-55447.jpg",              imageAlt: "Urban fashion collection showcase"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/neighborhood-lifestyle-friends_23-2149746740.jpg",              imageAlt: "Premium brand streetwear display"
            }
          ]}
          buttons={[
            { text: "Explore Collection", href: "products" },
            { text: "Learn Our Story", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Crafted for the Discerning"
          description="We believe premium streetwear transcends fashion—it's a statement of authenticity and artistic expression. Every piece is meticulously designed and manufactured to exacting standards."
          tag="Our Philosophy"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          bulletPoints={[
            {
              title: "Premium Materials",              description: "Sourced from world-class suppliers, ensuring uncompromising quality",              icon: Award
            },
            {
              title: "Limited Editions",              description: "Exclusive drops designed to maintain exclusivity and desirability",              icon: Lock
            },
            {
              title: "Sustainable Practices",              description: "Ethically produced with environmental responsibility at our core",              icon: Leaf
            },
            {
              title: "Artistic Collaboration",              description: "Partnering with renowned designers and artists globally",              icon: Palette
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/red-pattern-paper-background_53876-71400.jpg"
          imageAlt="Premium fabric quality and craftsmanship details"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Signature Collection"
          description="Curated pieces that define contemporary streetwear excellence"
          tag="Limited Stock"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="four-items-2x2-equal-grid"
          products={[
            {
              id: "1",              name: "Oversized Logo Hoodie",              price: "$185.00",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-handsome-male_23-2148884391.jpg",              imageAlt: "Premium oversized hoodie with logo",              initialQuantity: 1
            },
            {
              id: "2",              name: "Classic Crew Neck Tee",              price: "$65.00",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-african-american-man-posing-inside-night-club-black-hat_627829-5513.jpg",              imageAlt: "Luxury crew neck t-shirt",              initialQuantity: 1
            },
            {
              id: "3",              name: "Signature Track Pants",              price: "$145.00",              imageSrc: "https://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg",              imageAlt: "Premium track pants with side stripe",              initialQuantity: 1
            },
            {
              id: "4",              name: "Limited Edition Jacket",              price: "$380.00",              imageSrc: "https://img.b2bpic.net/free-photo/urban-cyclist-riding-his-bike_23-2148828236.jpg",              imageAlt: "Exclusive limited edition streetwear jacket",              initialQuantity: 1
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          title="Why Premium Matters"
          description="Discover what sets our streetwear apart from the rest"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          showStepNumbers={true}
          features={[
            {
              id: 1,
              title: "Uncompromising Quality",              description: "Every stitch is perfect. Every fabric is premium. Every detail matters. Our commitment to excellence is reflected in garments built to last generations.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/red-pattern-paper-background_53876-71400.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/close-up-fabric-texture_23-2148934916.jpg"
              }
            },
            {
              id: 2,
              title: "Authentic Design",              description: "Designed by streetwear visionaries who understand the culture. Our collections tell stories of urban artistry and contemporary expression.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/close-up-fabric-texture_23-2148934916.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/red-pattern-paper-background_53876-71400.jpg"
              }
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Loved by Streetwear Enthusiasts"
          description="Join thousands who've embraced our premium collections"
          tag="Customer Stories"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Marcus Chen, Fashion Influencer",              date: "Date: 15 November 2024",              title: "Absolutely revolutionary. This is real streetwear.",              quote: "The quality is unmatched. I've worn countless brands, but this collection stands in a league of its own. The attention to detail, the feel of the fabric, the fit—everything screams premium. This is exactly what the streetwear community has been waiting for.",              tag: "Premium Member",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg"
            },
            {
              id: "2",              name: "Sophia Rodriguez, Designer",              date: "Date: 12 November 2024",              title: "Pure artistry in fabric form",              quote: "As a designer, I appreciate craftsmanship. These pieces are masterpieces. The collaboration with emerging artists is genius, and it shows in every collection drop. Supporting this brand means supporting authentic culture.",              tag: "Collaborator",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
            },
            {
              id: "3",              name: "James Park, Creative Director",              date: "Date: 8 November 2024",              title: "The future of streetwear is here",              quote: "Bold vision, exceptional execution. This brand isn't just following trends—it's setting them. The limited editions sell out instantly because the quality and design justify the price point completely.",              tag: "Verified Buyer",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg"
            },
            {
              id: "4",              name: "Elena Müller, Fashion Curator",              date: "Date: 5 November 2024",              title: "Collectors' choice. Undoubtedly.",              quote: "In a world of fast fashion, this brand is a breath of fresh air. Each piece feels like an investment in wearable art. The sustainability practices are genuinely impressive, and it resonates with conscious consumers like myself.",              tag: "Premium Member",              avatarSrc: "https://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg"
            }
          ]}
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardThree
          title="Culture & Stories"
          description="Deep dives into streetwear culture, design philosophy, and brand evolution"
          tag="Latest Articles"
          tagIcon={BookOpen}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          blogs={[
            {
              id: "1",              category: "Design Philosophy",              title: "The Art Behind Every Stitch",              excerpt: "Exploring the meticulous design process that goes into creating each premium streetwear piece and why authenticity matters.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-with-trendy-hairstyle-bright-makeup-dressed-fashionable-apparel-poses-against-grey-wall-outside_273609-54801.jpg",              authorName: "Marcus Chen",              authorAvatar: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              date: "Nov 20, 2024"
            },
            {
              id: "2",              category: "Culture",              title: "Streetwear's Evolution: From Underground to Luxury",              excerpt: "How urban culture transformed into a multi-billion dollar industry and why quality is now non-negotiable.",              imageSrc: "https://img.b2bpic.net/free-photo/girl-wears-fashionable-cloths-white-boots-has-bright-makeup-poses-against-urban-building-poses-making-photo-practices-breakdancing-looks-seriously_273609-54827.jpg",              authorName: "Sophia Rodriguez",              authorAvatar: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              date: "Nov 18, 2024"
            },
            {
              id: "3",              category: "Sustainability",              title: "Premium Practices: Ethical Streetwear Manufacturing",              excerpt: "Behind-the-scenes look at our commitment to sustainable, ethical production without compromising quality.",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-thoughtful-fashionable-woman-dressed-green-clothes-white-boots-sits-near-grey-concrete-wall-has-bun-hairstyle-vivid-makeup-thinks-about-something-urban-lifestyle-concept_273609-59968.jpg",              authorName: "James Park",              authorAvatar: "https://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",              date: "Nov 15, 2024"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Exclusive Access"
          title="Join the Community"
          description="Subscribe to receive early access to limited drops, exclusive design previews, and insider stories about our latest collaborations."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg"
          imageAlt="Premium streetwear community"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Get Access"
          termsText="We respect your inbox. Unsubscribe anytime. Exclusive content delivered monthly."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="PREMIUM"
        />
      </div>
    </ThemeProvider>
  );
}