"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="large"
      background="radialGradient"
      cardStyle="elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="APEX"
          navItems={[
            { name: "Shop", id: "products" },
            { name: "Collections", id: "features" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Shop Now",            href: "#products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Elevate Your Style"
          description="Discover premium streetwear designed for trendsetters. Exclusive collections that define urban fashion culture."
          tag="New Drop"
          tagIcon={Sparkles}
          buttons={[
            { text: "Shop Collection", href: "#products" },
            { text: "Explore More", href: "#features" }
          ]}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-man-posing-city_23-2149295720.jpg",              imageAlt: "Premium streetwear collection piece 1"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/neighborhood-lifestyle-friends_23-2149746740.jpg",              imageAlt: "Premium streetwear collection piece 2"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/person-using-eco-transport-new-york_23-2149219911.jpg",              imageAlt: "Premium streetwear collection piece 3"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg",              imageAlt: "Premium streetwear collection piece 4"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/happy-man-smiling-camera_197531-33440.jpg",              imageAlt: "Premium streetwear collection piece 5"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/lowangle-shot-handsome-stylish-spanish-man-posing-wall-background_181624-57127.jpg",              imageAlt: "Premium streetwear collection piece 6"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
          ariaLabel="Hero section with rotating streetwear showcase"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Limited Edition Drops"
          description="Curated pieces from our latest streetwear collections. Shop the most sought-after items."
          tag="Exclusive"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="uniform-alternating-sizes"
          products={[
            {
              id: "1",              name: "Essential Oversized Hoodie",              price: "$89.99",              imageSrc: "https://img.b2bpic.net/free-photo/person-suffering-from-bullying_23-2149155404.jpg",              imageAlt: "Premium black oversized hoodie",              initialQuantity: 1
            },
            {
              id: "2",              name: "Classic Logo Tee",              price: "$39.99",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-young-man-sitting-chair_23-2149359874.jpg",              imageAlt: "White classic logo t-shirt",              initialQuantity: 1
            },
            {
              id: "3",              name: "Urban Bomber Jacket",              price: "$129.99",              imageSrc: "https://img.b2bpic.net/free-photo/young-black-spanish-male-friends-standing-front-blue-metal-gate_181624-57919.jpg",              imageAlt: "Black urban bomber jacket",              initialQuantity: 1
            },
            {
              id: "4",              name: "Premium Tapered Pants",              price: "$79.99",              imageSrc: "https://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg",              imageAlt: "Black tapered streetwear pants",              initialQuantity: 1
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="Why Choose APEX"
          description="Premium quality meets street style. Discover what sets us apart."
          tag="Our Values"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              tag: "Quality",              title: "Premium Materials",              subtitle: "Sourced from the finest suppliers globally",              description: "Every piece is crafted using premium fabrics and sustainable materials. We ensure durability without compromising on comfort or style.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-man-posing-city_23-2149295720.jpg",              imageAlt: "Premium fabric detail"
            },
            {
              id: 2,
              tag: "Design",              title: "Exclusive Designs",              subtitle: "Limited edition collections you won't find elsewhere",              description: "Our in-house design team creates unique pieces that define trends. Each drop is carefully curated for maximum impact and exclusivity.",              imageSrc: "https://img.b2bpic.net/free-photo/neighborhood-lifestyle-friends_23-2149746740.jpg",              imageAlt: "Exclusive design showcase"
            },
            {
              id: 3,
              tag: "Community",              title: "Urban Culture",              subtitle: "Built for trendsetters and style influencers",              description: "APEX isn't just clothing—it's a lifestyle. Join a community of fashion-forward individuals who appreciate quality and authenticity.",              imageSrc: "https://img.b2bpic.net/free-photo/person-using-eco-transport-new-york_23-2149219911.jpg",              imageAlt: "Community and culture"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Community Says"
          description="Real experiences from real APEX customers who love our collections."
          tag="Customer Reviews"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Marcus Johnson, Fashion Blogger",              date: "Date: 15 November 2024",              title: "Best streetwear investment I've made",              quote: "APEX represents authentic streetwear culture. The quality is exceptional and every piece feels premium. I've been wearing their pieces for months and they still look brand new.",              tag: "Verified Buyer",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg",              imageAlt: "Satisfied customer with APEX hoodie"
            },
            {
              id: "2",              name: "Sarah Chen, Style Influencer",              date: "Date: 22 October 2024",              title: "Finally, exclusive designs at reasonable prices",              quote: "What I love about APEX is the balance between exclusivity and accessibility. You don't have to break the bank for high-quality streetwear that actually turns heads.",              tag: "Verified Buyer",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/happy-man-smiling-camera_197531-33440.jpg",              imageAlt: "Customer styling APEX collection"
            },
            {
              id: "3",              name: "Alex Rivera, Creative Director",              date: "Date: 08 September 2024",              title: "Pure authenticity in every piece",              quote: "The attention to detail is remarkable. From the stitching to the material selection, APEX proves that premium streetwear doesn't have to be boring. It's art you can wear.",              tag: "Verified Buyer",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/lowangle-shot-handsome-stylish-spanish-man-posing-wall-background_181624-57127.jpg",              imageAlt: "Creative professional wearing APEX"
            },
            {
              id: "4",              name: "Jordan Williams, Entrepreneur",              date: "Date: 25 August 2024",              title: "Invested in quality that lasts",              quote: "I've tried many streetwear brands, but APEX stands out. The durability is insane—these pieces are built to last. Absolutely worth the investment for my wardrobe.",              tag: "Verified Buyer",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/person-using-eco-transport-new-york_23-2149219911.jpg",              imageAlt: "Customer confidence in APEX quality"
            },
            {
              id: "5",              name: "Emma Martinez, Fashion Designer",              date: "Date: 12 August 2024",              title: "Inspired by their design philosophy",              quote: "As a fellow designer, I appreciate the craftsmanship. APEX elevates streetwear to art form. Their collections inspire me and make me excited about urban fashion.",              tag: "Verified Buyer",              avatarSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/neighborhood-lifestyle-friends_23-2149746740.jpg",              imageAlt: "Professional appreciation of APEX design"
            },
            {
              id: "6",              name: "David Kim, Collector",              date: "Date: 28 July 2024",              title: "Definitive streetwear collection pieces",              quote: "I collect limited edition streetwear and APEX has become a staple. Their drops are must-haves. Quality, design, and exclusivity—they nail all three.",              tag: "Verified Buyer",              avatarSrc: "https://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-man-posing-city_23-2149295720.jpg",              imageAlt: "Collector displaying APEX pieces"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about APEX and our premium streetwear."
          tag="Help & Support"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What makes APEX streetwear premium?",              content: "APEX combines superior materials, expert craftsmanship, and exclusive designs. Every piece undergoes rigorous quality control to ensure you receive only the best. We source premium fabrics globally and work with experienced designers to create pieces that stand the test of time."
            },
            {
              id: "2",              title: "How often do you release new collections?",              content: "We release limited edition drops monthly, with seasonal collections launching every quarter. Subscribe to our newsletter to stay updated on new releases and exclusive early access opportunities."
            },
            {
              id: "3",              title: "What is your sizing guide?",              content: "Each product page includes detailed sizing measurements. We recommend checking our comprehensive sizing chart before ordering. If you're between sizes, we suggest going one size up for a relaxed fit, which is typical for streetwear."
            },
            {
              id: "4",              title: "Do you offer international shipping?",              content: "Yes, we ship worldwide! International orders typically take 2-3 weeks depending on your location. Shipping costs and customs duties are calculated at checkout. Free shipping available on orders over $150."
            },
            {
              id: "5",              title: "What's your return policy?",              content: "We offer 30 days returns on all unworn items with original tags attached. Return shipping is free within the US. International returns are subject to international shipping costs. Once received and inspected, refunds are processed within 5-7 business days."
            },
            {
              id: "6",              title: "How do I care for my APEX pieces?",              content: "Each item comes with detailed care instructions. Most pieces are best hand-washed or machine-washed on delicate cycle with cold water. Air dry to preserve quality and longevity. Avoid bleach and high heat to maintain color vibrancy and fabric integrity."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to elevate your wardrobe? Join the APEX community and discover streetwear that matches your ambition."
          animationType="reveal-blur"
          buttons={[
            { text: "Start Shopping", href: "#products" },
            { text: "Get in Touch", href: "mailto:hello@apex-streetwear.com" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="APEX"
          columns={[
            {
              title: "Shop",              items: [
                { label: "New Arrivals", href: "#products" },
                { label: "Collections", href: "#features" },
                { label: "Sale", href: "#products" },
                { label: "Gift Cards", href: "#contact" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Story", href: "#about" },
                { label: "Sustainability", href: "#about" },
                { label: "Careers", href: "#contact" },
                { label: "Blog", href: "#contact" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Shipping Info", href: "#faq" },
                { label: "Returns", href: "#faq" },
                { label: "FAQ", href: "#faq" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "TikTok", href: "https://tiktok.com" },
                { label: "Discord", href: "https://discord.com" }
              ]
            }
          ]}
          copyrightText="© 2025 APEX Streetwear. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}