"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Feather, Phone, Wind, Zap } from "lucide-react";

export default function ShopPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="aurora"
      cardStyle="outline"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="ShopHub"
          navItems={[
            { name: "Products", id: "products" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" },
            { name: "Support", id: "faq" },
            { name: "Cart", id: "https://example.com/cart" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="PREMIUM RUNNERS"
          description="Experience ultimate comfort and performance with our signature running shoe. Engineered for athletes and everyday wear, featuring advanced cushioning technology and breathable materials."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Add to Cart", href: "#" },
            { text: "Learn More", href: "#details" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/runner-man-s-feet-running-road-closeup-shoe_273609-14245.jpg"
          imageAlt="Premium Runner Shoes - Main Product Image"
          frameStyle="card"
        />
      </div>

      <div id="product-carousel" data-section="product-carousel">
        <ProductCardThree
          title="Product Gallery"
          description="Explore our product from multiple angles with detailed imagery showcasing every feature and design element"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",              name: "Premium Runner Shoe",              price: "$149.99",              imageSrc: "https://img.b2bpic.net/free-photo/runner-man-s-feet-running-road-closeup-shoe_273609-14245.jpg",              imageAlt: "Premium Runner Shoe Front View",              initialQuantity: 1
            },
            {
              id: "2",              name: "Premium Runner Shoe",              price: "$149.99",              imageSrc: "https://img.b2bpic.net/free-photo/sport-shoes-running_1203-7548.jpg",              imageAlt: "Premium Runner Shoe Side View",              initialQuantity: 1
            },
            {
              id: "3",              name: "Premium Runner Shoe",              price: "$149.99",              imageSrc: "https://img.b2bpic.net/free-photo/view-white-ice-skates-with-peaches_23-2150806735.jpg",              imageAlt: "Premium Runner Shoe Top View",              initialQuantity: 1
            },
            {
              id: "4",              name: "Premium Runner Shoe",              price: "$149.99",              imageSrc: "https://img.b2bpic.net/free-photo/sport-shoes-running_1203-7549.jpg",              imageAlt: "Premium Runner Shoe Lifestyle",              initialQuantity: 1
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          carouselMode="buttons"
        />
      </div>

      <div id="details" data-section="details">
        <SplitAbout
          title="Premium Performance & Comfort"
          description="Crafted with precision engineering and premium materials, our runner shoe delivers exceptional performance whether you're training for a marathon or enjoying daily runs."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imagePosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/runner-man-s-feet-running-road-closeup-shoe_273609-14245.jpg"
          imageAlt="Product Detail - Premium Materials"
          bulletPoints={[
            {
              title: "Advanced Cushioning",              description: "Responsive foam technology absorbs impact and provides superior comfort for all-day wear",              icon: Zap
            },
            {
              title: "Breathable Design",              description: "Premium mesh upper keeps feet cool and dry during intense workouts",              icon: Wind
            },
            {
              title: "Lightweight Build",              description: "Engineered to be 20% lighter than competitors without sacrificing support",              icon: Feather
            },
            {
              title: "Durable Construction",              description: "Reinforced stitching and premium rubber outsole withstands thousands of miles"
            }
          ]}
          buttons={[
            { text: "Add to Cart", href: "#" }
          ]}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardTen
          title="What Our Customers Say"
          description="Join thousands of satisfied runners who have transformed their athletic experience with Premium Runners"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "Game-Changing Comfort",              quote: "I've tried dozens of running shoes, but nothing comes close to the comfort and performance of Premium Runners. The cushioning is incredible, and my feet stay cool even during intense training sessions.",              name: "Sarah Mitchell",              role: "Marathon Runner",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              title: "Perfect for Daily Wear",              quote: "These shoes are versatile and incredibly well-made. Whether I'm running errands or tackling a 10k run, they perform flawlessly. The durability is outstanding - they look brand new after three months of daily use.",              name: "James Rodriguez",              role: "Fitness Enthusiast",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "James Rodriguez"
            },
            {
              id: "3",              title: "Best Investment I've Made",              quote: "Worth every penny. The attention to detail is evident in every aspect of the shoe. I've recommended them to all my running buddies, and they all agree these are the best shoes they've ever owned.",              name: "Emily Chen",              role: "Professional Athlete",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",              imageAlt: "Emily Chen"
            },
            {
              id: "4",              title: "Exceptional Quality",              quote: "The craftsmanship is exceptional. From the premium materials to the precise stitching, every detail shows that this brand cares about quality. I've bought three pairs already.",              name: "Michael Torres",              role: "Runner & Coach",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",              imageAlt: "Michael Torres"
            },
            {
              id: "5",              title: "Pain-Free Running",              quote: "I had chronic foot pain from other shoes, but Premium Runners eliminated it completely. The support and cushioning are scientifically engineered. Highly recommended for anyone with foot sensitivity.",              name: "Jessica Brown",              role: "Running Coach",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "Jessica Brown"
            },
            {
              id: "6",              title: "Outstanding Durability",              quote: "I've put 800+ miles on my pair and they still feel like new. The tread is intact, cushioning is responsive, and there's zero signs of wear. Incredible value for the quality.",              name: "David Kim",              role: "Ultra-Distance Runner",              imageSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",              imageAlt: "David Kim"
            }
          ]}
        />
      </div>

      <div id="related-products" data-section="related-products">
        <FeatureCardThree
          title="Related Products"
          description="Discover other premium footwear options that complement your running lifestyle"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: "01",              title: "Casual Flex Sneaker",              description: "Versatile everyday sneaker perfect for casual wear and light activity. Features our signature comfort technology.",              imageSrc: "https://img.b2bpic.net/free-photo/sportswoman-tying-her-shoelaces-before-training-close-up-gray-background_639032-1563.jpg",              imageAlt: "Casual Flex Sneaker"
            },
            {
              id: "02",              title: "Basketball Pro",              description: "High-performance basketball shoe with ankle support and explosive cushioning for court dominance.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-isolated-shoe-with-copy-space_1194-638264.jpg",              imageAlt: "Basketball Pro Shoe"
            },
            {
              id: "03",              title: "Cross-Training Elite",              description: "Engineered for gym workouts and cross-training with superior lateral support and stability.",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-athletes-jumping_23-2148222102.jpg",              imageAlt: "Cross-Training Elite Shoe"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our Premium Runner shoes, sizing, shipping, and more"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What is the sizing guide for Premium Runners?",              content: "Our Premium Runners fit true to size. We recommend measuring your foot length and comparing it to our detailed size chart. If you're between sizes, we suggest going up a half size for extra comfort during running. Women's and Men's sizing follow standard US shoe sizes."
            },
            {
              id: "2",              title: "How long does shipping take?",              content: "Standard shipping takes 5-7 business days. We offer expedited shipping (2-3 business days) and overnight shipping options at checkout. All orders are carefully packed and fully insured during transit. You'll receive tracking information via email immediately after your order is processed."
            },
            {
              id: "3",              title: "What is your return policy?",              content: "We offer a 30-day money-back guarantee on all unworn shoes with original packaging. If the shoes don't meet your expectations, simply initiate a return within 30 days of purchase for a full refund. Return shipping is free for defective items."
            },
            {
              id: "4",              title: "Are Premium Runners suitable for different types of running?",              content: "Yes! Premium Runners are versatile shoes designed for road running, trail running, and gym workouts. The cushioning and support work well for short runs, marathons, and daily training. However, for specialized trail running, we recommend checking our Trail Runner collection."
            },
            {
              id: "5",              title: "How should I care for my Premium Runners?",              content: "Clean your shoes with a soft brush and mild soap. Air dry away from direct heat. Avoid machine washing and tumble drying. Rotate between multiple pairs to extend lifespan. Replace insoles every 6-12 months depending on usage intensity."
            },
            {
              id: "6",              title: "Do you offer international shipping?",              content: "Yes, we ship to over 150 countries worldwide. International shipping typically takes 10-21 business days depending on destination. Customs duties and taxes may apply and are the responsibility of the customer. Contact our support team for specific international rates."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Transform Your Run?"
          ctaDescription="Get expert advice and exclusive offers by reaching out to our customer success team"
          ctaIcon={Phone}
          ctaButton={{ text: "Contact Us Now", href: "#" }}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          accordionAnimationType="smooth"
          faqs={[
            {
              id: "1",              title: "Do you offer bulk orders for teams?",              content: "Absolutely! We provide special pricing for bulk orders of 10+ pairs. Contact our corporate sales team at corporate@shophub.com or call 1-800-RUNNERS for a custom quote and exclusive team discounts."
            },
            {
              id: "2",              title: "Can I customize my Premium Runners?",              content: "Yes, we offer customization options including custom color combinations, monogramming, and insole upgrades. Customization orders typically take 2-3 weeks. Contact our design team to explore possibilities."
            },
            {
              id: "3",              title: "What warranty is included with my purchase?",              content: "All Premium Runners come with a 1-year manufacturing defect warranty. If your shoes develop issues due to manufacturing defects within 12 months, we'll replace them free of charge. Normal wear and tear are not covered."
            },
            {
              id: "4",              title: "Do you have a loyalty program?",              content: "Yes! Join our ShopHub Rewards program and earn points on every purchase. Members get early access to new releases, exclusive discounts, and special birthday offers. Sign up at checkout or in your account settings."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Product",              items: [
                { label: "Running Shoes", href: "products" },
                { label: "Related Items", href: "related-products" },
                { label: "New Releases", href: "https://example.com/new" },
                { label: "Sizing Guide", href: "faq" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "FAQ", href: "faq" },
                { label: "Shipping Info", href: "https://example.com/shipping" },
                { label: "Returns", href: "https://example.com/returns" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "https://example.com/about" },
                { label: "Blog", href: "https://example.com/blog" },
                { label: "Careers", href: "https://example.com/careers" },
                { label: "Sustainability", href: "https://example.com/sustainability" }
              ]
            }
          ]}
          copyrightText="© 2025 ShopHub Premium Runners. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}