"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Star, Check, TrendingUp, Users, ShoppingBag, Globe, Award, Heart, HelpCircle, Footprints, Home, Flame, Zap, CheckCircle, Shield, Lock, CreditCard } from 'lucide-react';

export default function SneakElitePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="outline"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="SneakElite"
          navItems={[
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Support", id: "faq" }
          ]}
          button={{
            text: "View Cart",            href: "#"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          title="Exclusive Limited Edition Sneakers"
          description="Discover the rarest drops in sneaker culture. Curated collections from iconic collaborations and exclusive releases."
          tag="Premium Collection"
          tagIcon={Sparkles}
          buttons={[
            { text: "Browse Exclusives", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
          background={{ variant: "radial-gradient" }}
          dashboard={{
            title: "Sneaker Market Insights",            logoIcon: Footprints,
            imageSrc: "https://img.b2bpic.net/free-photo/young-pensive-guy-wearing-shirt-sitting-stairs-outside-near-building-with-industrial-exterior_613910-18357.jpg",            imageAlt: "Premium sneaker showcase",            searchPlaceholder: "Search by brand or collection...",            sidebarItems: [
              { icon: Home },
              { icon: Flame, active: true },
              { icon: Star }
            ],
            buttons: [
              { text: "Explore Drops", href: "#products" },
              { text: "My Collection", href: "#" }
            ],
            stats: [
              {
                title: "Active Collectors",                values: [12400, 18650, 25340],
                description: "Growing community."
              },
              {
                title: "Verified Pairs",                values: [8420, 14800, 22150],
                valueSuffix: "K",                description: "Authenticated inventory."
              },
              {
                title: "Market Value",                values: [2450000, 4280000, 6350000],
                valuePrefix: "$",                description: "Collection portfolio."
              }
            ],
            chartTitle: "Weekly Sales Volume",            chartData: [
              { value: 65 },
              { value: 45 },
              { value: 78 },
              { value: 52 },
              { value: 88 }
            ],
            listTitle: "Latest Drops",            listItems: [
              { icon: Zap, title: "Air Jordan Retro 1 High", status: "Sold Out" },
              { icon: TrendingUp, title: "Yeezy Boost 350 v2", status: "Limited Stock" },
              { icon: Award, title: "Travis Scott Collaboration", status: "Dropped Today" }
            ]
          }}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Featured Sneaker Collection"
          description="Hand-picked exclusive releases and iconic collaborations"
          tag="New Arrivals"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          products={[
            {
              id: "1",              brand: "Air Jordan",              name: "Air Jordan 1 Retro High OG",              price: "$2,450.00",              rating: 5,
              reviewCount: "8.2k",              imageSrc: "https://img.b2bpic.net/free-photo/adult-man-making-cardio-training-exercises-gym-club-closeup-horizontal-toning_1220-1708.jpg",              imageAlt: "Air Jordan 1 Retro High OG sneaker"
            },
            {
              id: "2",              brand: "Nike",              name: "Travis Scott x Nike SB Dunk Low",              price: "$3,200.00",              rating: 5,
              reviewCount: "12.5k",              imageSrc: "https://img.b2bpic.net/free-photo/sports-girls-training-summer-park_1157-37284.jpg",              imageAlt: "Travis Scott collaboration sneaker"
            },
            {
              id: "3",              brand: "Adidas",              name: "Yeezy Boost 350 V2 Zebra",              price: "$1,850.00",              rating: 5,
              reviewCount: "15.8k",              imageSrc: "https://img.b2bpic.net/free-photo/wet-sports-shoes-reflect-active-lifestyle-nature-generated-by-ai_188544-11039.jpg",              imageAlt: "Yeezy Boost 350 V2 Zebra"
            },
            {
              id: "4",              brand: "New Balance",              name: "New Balance 990v6 OG",              price: "$1,200.00",              rating: 5,
              reviewCount: "6.4k",              imageSrc: "https://img.b2bpic.net/free-photo/adult-man-making-cardio-training-exercises-gym-club-closeup-horizontal-toning_1220-1708.jpg",              imageAlt: "New Balance 990v6 OG sneaker"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTen
          title="Why Choose SneakElite"
          description="Experience the ultimate in exclusive sneaker curation with our premium authentication and marketplace services"
          tag="Our Commitment"
          tagIcon={Check}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "1",              title: "Verified Authenticity",              description: "Every sneaker undergoes rigorous authentication by certified experts. We guarantee 100% authentic products with detailed provenance documentation.",              media: {
                imageSrc: "https://img.b2bpic.net/free-vector/blue-set-flat-sale-stickers_1057-4269.jpg"
              },
              items: [
                { icon: CheckCircle, text: "Expert verification process" },
                { icon: Shield, text: "Authenticity certificate included" },
                { icon: Award, text: "Full refund guarantee" }
              ],
              reverse: false
            },
            {
              id: "2",              title: "Curated Rare Collections",              description: "Access limited edition drops and exclusive collaborations sourced directly from collectors and authorized retailers worldwide.",              media: {
                imageSrc: "https://img.b2bpic.net/free-vector/premium-patches_1045-586.jpg"
              },
              items: [
                { icon: Sparkles, text: "Exclusive drops first" },
                { icon: Globe, text: "Global sourcing network" },
                { icon: Zap, text: "Early access for members" }
              ],
              reverse: true
            },
            {
              id: "3",              title: "Secure Marketplace",              description: "Trade with confidence using our escrow service, secure payment processing, and buyer protection program.",              media: {
                imageSrc: "https://img.b2bpic.net/free-vector/collection-luxury-badges_1017-8438.jpg"
              },
              items: [
                { icon: Lock, text: "Escrow protection" },
                { icon: CreditCard, text: "Secure payments" },
                { icon: Users, text: "Verified community" }
              ],
              reverse: false
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Market Impact"
          description="Real-time statistics showcasing our growing influence in the sneaker community"
          tag="Growth Metrics"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              icon: Users,
              title: "Active Collectors",              value: "45,000+"
            },
            {
              id: "2",              icon: ShoppingBag,
              title: "Transactions",              value: "$125M+"
            },
            {
              id: "3",              icon: Globe,
              title: "Countries",              value: "78"
            },
            {
              id: "4",              icon: Award,
              title: "Verified Pairs",              value: "250K+"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Customer Testimonials"
          description="Real stories from sneaker enthusiasts and collectors"
          tag="Community"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          carouselMode="buttons"
          testimonials={[
            {
              id: "1",              name: "Marcus Thompson",              role: "Sneaker Collector",              company: "Hypebeast Community",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/couple-selecting-shoe-shop_107420-94841.jpg",              imageAlt: "Marcus Thompson"
            },
            {
              id: "2",              name: "Jessica Chen",              role: "Lifestyle Influencer",              company: "Sneaker Culture Magazine",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379346.jpg",              imageAlt: "Jessica Chen"
            },
            {
              id: "3",              name: "David Rodriguez",              role: "Investment Portfolio Manager",              company: "Luxury Collectibles Inc",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/couple-selecting-shoe-shop_107420-94842.jpg",              imageAlt: "David Rodriguez"
            },
            {
              id: "4",              name: "Amanda Williams",              role: "Marketplace Reseller",              company: "Boutique Kicks",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/couple-winter-cloths-studio_1303-5887.jpg",              imageAlt: "Amanda Williams"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about buying and selling on SneakElite"
          tag="Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/close-up-man-cleaning-shoes-while-getting-ready-wedding-ceremony_637285-913.jpg"
          imageAlt="Sneaker care and maintenance"
          mediaPosition="left"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How do you authenticate sneakers?",              content: "Our expert authentication team examines every sneaker using advanced techniques including material analysis, construction inspection, and historical verification. Each authenticated pair receives a detailed certificate and comes with our 100% authenticity guarantee."
            },
            {
              id: "2",              title: "What is your return policy?",              content: "We offer a 14-day return policy on all purchases. If you're not satisfied or the sneaker doesn't match the description, simply initiate a return for a full refund or exchange. Return shipping is covered for authentication-related returns."
            },
            {
              id: "3",              title: "How are prices determined?",              content: "Prices reflect current market value based on demand, rarity, condition, and recent comparable sales. Our algorithm analyzes thousands of transactions to provide fair, competitive pricing. Limited editions and rare colorways typically command premium prices."
            },
            {
              id: "4",              title: "Is my payment information secure?",              content: "Yes. We use industry-standard SSL encryption and PCI DSS compliance for all transactions. Your payment information is processed through trusted payment gateways and is never stored on our servers for enhanced security."
            },
            {
              id: "5",              title: "Can I sell my sneakers on SneakElite?",              content: "Absolutely! List your sneakers for free and reach thousands of collectors worldwide. We handle authentication, escrow, and shipping coordination. Sellers earn competitive commissions after our marketplace fee."
            },
            {
              id: "6",              title: "How long does shipping take?",              content: "Domestic shipping typically takes 3-5 business days. International orders arrive within 7-14 business days depending on destination. All shipments include tracking and are fully insured for protection."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Shop",              items: [
                { label: "New Releases", href: "#products" },
                { label: "Collections", href: "#" },
                { label: "Limited Drops", href: "#" },
                { label: "Best Sellers", href: "#" }
              ]
            },
            {
              title: "Community",              items: [
                { label: "About Us", href: "#about" },
                { label: "Blog", href: "#" },
                { label: "Reviews", href: "#testimonials" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Authentication", href: "#" },
                { label: "Shipping Info", href: "#" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 SneakElite. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}