"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Shield, Cloud, Wind, Star, Heart, HelpCircle } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="ShopHub"
          navItems={[
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Add to Cart", href: "#products" }}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Premium Athletic Sneakers"
          description="Experience ultimate comfort with our signature collection of premium athletic footwear"
          tag="Featured Product"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",              name: "Motion Pro Premium Sneaker",              price: "$129.99",              imageSrc: "https://img.b2bpic.net/free-photo/gym-composition-with-sport-elements_23-2147915643.jpg",              imageAlt: "Premium white athletic sneaker",              initialQuantity: 1
            },
            {
              id: "2",              name: "CloudWalk Comfort Shoe",              price: "$119.99",              imageSrc: "https://img.b2bpic.net/free-photo/gym-composition-with-sport-elements_23-2147915644.jpg",              imageAlt: "Comfort athletic shoe side view",              initialQuantity: 1
            },
            {
              id: "3",              name: "TurboRun Performance Sneaker",              price: "$139.99",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-runner-shoes-with-red-laces_23-2148381975.jpg",              imageAlt: "High-performance running sneaker",              initialQuantity: 1
            },
            {
              id: "4",              name: "FlexStep Training Shoe",              price: "$124.99",              imageSrc: "https://img.b2bpic.net/free-photo/sneakers_1122-2301.jpg",              imageAlt: "Training shoe flat lay design",              initialQuantity: 1
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          carouselMode="buttons"
          animationType="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Why Choose Our Sneakers"
          description="Crafted with precision and designed for performance"
          tag="Quality Assurance"
          tagIcon={Shield}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imagePosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/gym-composition-with-sport-elements_23-2147915644.jpg"
          imageAlt="Product quality showcase"
          bulletPoints={[
            {
              title: "Advanced Cushioning",              description: "Gel-infused insoles provide superior comfort for all-day wear",              icon: Cloud
            },
            {
              title: "Breathable Materials",              description: "Engineered mesh uppers keep your feet cool and dry",              icon: Wind
            },
            {
              title: "Durable Construction",              description: "Premium materials built to last through your most demanding activities",              icon: Shield
            },
            {
              title: "Stylish Design",              description: "Modern aesthetics that complement any athletic or casual outfit",              icon: Sparkles
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="Loved by Athletes Worldwide"
          description="See what our satisfied customers have to say about their experience"
          tag="Customer Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="blur-reveal"
          testimonials={[
            {
              id: "1",              name: "Jessica Martinez",              role: "Marathon Runner",              company: "Running Community",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Jessica Martinez profile"
            },
            {
              id: "2",              name: "David Chen",              role: "Fitness Coach",              company: "Elite Training Center",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "David Chen profile"
            },
            {
              id: "3",              name: "Sarah Williams",              role: "Basketball Player",              company: "Sports Team",              rating: 5,
              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: "Sarah Williams profile"
            },
            {
              id: "4",              name: "Michael Johnson",              role: "Trail Runner",              company: "Outdoor Adventures",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",              imageAlt: "Michael Johnson profile"
            }
          ]}
          kpiItems={[
            { value: "50,000+", label: "Happy Customers" },
            { value: "4.9/5", label: "Average Rating" },
            { value: "98%", label: "Satisfaction Rate" }
          ]}
        />
      </div>

      <div id="related" data-section="related">
        <ProductCardThree
          title="You Might Also Like"
          description="Explore more premium athletic footwear options"
          tag="Related Items"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "5",              name: "VelocityMax Running Shoe",              price: "$134.99",              imageSrc: "https://img.b2bpic.net/free-photo/view-travel-items-inside-car-ready-trip_23-2151078251.jpg",              imageAlt: "Blue velocity running shoe",              initialQuantity: 1
            },
            {
              id: "6",              name: "StealthStep Performance Sneaker",              price: "$144.99",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-sneakers-white-background-fitness-wear-equipment-sport-fashion-sport-accessories-sport-equipment-healthy-concept-copy-space-concept-healthy-lifestyle-sport-diet-sport-equipment_1391-726.jpg",              imageAlt: "Black performance sneaker",              initialQuantity: 1
            },
            {
              id: "7",              name: "FireStride Training Shoe",              price: "$129.99",              imageSrc: "https://img.b2bpic.net/free-photo/sided-view-athlete-running-starting-line_23-2149731274.jpg",              imageAlt: "Red training shoe design",              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          carouselMode="buttons"
          animationType="scale-rotate"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our products and services"
          tag="Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",              title: "What is your return policy?",              content: "We offer a 30-day money-back guarantee on all unworn footwear. If you're not completely satisfied, simply return the shoes in original condition for a full refund or exchange."
            },
            {
              id: "2",              title: "How long does shipping take?",              content: "Standard shipping typically takes 5-7 business days. Express shipping is available for 2-3 business days. Free shipping on orders over $100 within the continental US."
            },
            {
              id: "3",              title: "Are these shoes suitable for wide feet?",              content: "Yes, our sneakers come in standard and wide width options. We recommend checking the detailed size guide on each product page for the best fit. Customer reviews also provide helpful insights about sizing."
            },
            {
              id: "4",              title: "How do I care for my sneakers?",              content: "For best longevity, hand wash with mild soap and cool water, then air dry. Avoid machine washing and direct heat. Store in a cool, dry place away from sunlight to prevent discoloration."
            },
            {
              id: "5",              title: "Do you offer bulk discounts?",              content: "Yes! Orders of 5+ pairs qualify for special bulk pricing. Contact our sales team at bulk@shophub.com for personalized quotes and wholesale opportunities."
            },
            {
              id: "6",              title: "Are there warranty options available?",              content: "All shoes come with a 1-year manufacturing defect warranty. Extended protection plans up to 3 years are available at checkout for additional peace of mind."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to step up your game? Get your premium sneakers today and experience the difference quality makes."
          animationType="entrance-slide"
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Shop Now", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Products",              items: [
                { label: "Sneakers", href: "products" },
                { label: "Running Shoes", href: "products" },
                { label: "Training Gear", href: "products" },
                { label: "Sale Items", href: "products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Team", href: "about" },
                { label: "Careers", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" },
                { label: "FAQs", href: "faq" }
              ]
            }
          ]}
          copyrightText="© 2025 ShopHub | All Rights Reserved"
        />
      </div>
    </ThemeProvider>
  );
}