"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="large"
        background="aurora"
        cardStyle="glass-depth"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Products",          id: "#products"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Reviews",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="StrideStyle"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardCarousel
      background={{
        variant: "plain"}}
      title="Step Up Your Style Game"
      description="Discover our latest collection of premium footwear, crafted for comfort, performance, and unparalleled style. Find your perfect pair today."
      buttons={[
        {
          text: "Shop New Arrivals",          href: "#products"},
        {
          text: "Explore Collections",          href: "#features"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1203-7424.jpg",          imageAlt: "Stylish white running shoe"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-s-leg-shoe-near-disco-ball-boots_23-2147972055.jpg",          imageAlt: "Elegant leather formal shoe"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-elegant-green-velvet-dress-posing_273443-3358.jpg",          imageAlt: "Vibrant pink high heels"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/slippers-lemonade-piece-cake-books-tiles-by-pool_169016-40034.jpg",          imageAlt: "Comfortable outdoor sandals"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/pastel-colors-3d-sneakers_23-2151853243.jpg",          imageAlt: "Colorful kids' sneakers"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005656.jpg",          imageAlt: "Futuristic design athletic shoe"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Our Journey: Crafting Footwear with Passion"
      description={[
        "StrideStyle was founded on a simple belief: that every foot deserves a perfect pair of shoes. For years, we've dedicated ourselves to the art of shoemaking, blending traditional craftsmanship with innovative design and materials.",        "We meticulously select suppliers who share our commitment to quality and ethical production. Our story is woven into every stitch, every sole, and every pair you wear, ensuring you step out with confidence and comfort, ready for anything."]}
      buttons={[
        {
          text: "Discover Our Heritage",          href: "#"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "Hidden Fees",          "Slow Deliveries",          "Complicated Returns",          "Limited Support"],
      }}
      positiveCard={{
        items: [
          "Free & Fast Shipping",          "Hassle-Free Returns",          "Secure Online Payments",          "24/7 Customer Support"],
      }}
      title="Your Ultimate Online Shoe Shopping Experience"
      description="At StrideStyle, we make finding your perfect pair seamless and rewarding. Enjoy these benefits when you shop with us."
      buttons={[
        {
          text: "Shop with Confidence",          href: "#products"},
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "shoe-1",          name: "Urban Glide Sneakers",          price: "$99.99",          imageSrc: "http://img.b2bpic.net/free-photo/teenager-tying-shoelaces-outdoors_23-2148758499.jpg",          imageAlt: "Urban Glide Sneakers"},
        {
          id: "shoe-2",          name: "Velocity Run Pro",          price: "$129.99",          imageSrc: "http://img.b2bpic.net/free-photo/modern-sport-composition-with-gym-elements_23-2148000473.jpg",          imageAlt: "Velocity Run Pro"},
        {
          id: "shoe-3",          name: "Classic Oxford Boots",          price: "$189.99",          imageSrc: "http://img.b2bpic.net/free-photo/man-boots-old-steps-closeup_169016-33845.jpg",          imageAlt: "Classic Oxford Boots"},
        {
          id: "shoe-4",          name: "Summer Breeze Sandals",          price: "$64.99",          imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-hibiscus-tea-beverage_52683-102973.jpg",          imageAlt: "Summer Breeze Sandals"},
        {
          id: "shoe-5",          name: "Playtime Sprint Kids",          price: "$49.99",          imageSrc: "http://img.b2bpic.net/free-photo/holi-color-white-canvas-shoes-green-grass_23-2148129240.jpg",          imageAlt: "Playtime Sprint Kids"},
        {
          id: "shoe-6",          name: "Summit Trekker Boots",          price: "$159.99",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hanging-camera_23-2147635487.jpg",          imageAlt: "Summit Trekker Boots"},
      ]}
      title="Our Signature Collections"
      description="Explore our diverse range of footwear, from cutting-edge sneakers to elegant dress shoes, all designed with your comfort and style in mind."
      buttons={[
        {
          text: "View All Products",          href: "#"},
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Jessica L.",          handle: "@jessicalane",          testimonial: "My new Urban Glide Sneakers are a dream! Super comfy for city walks and they look fantastic. StrideStyle never disappoints on style and quality.",          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-organizing-their-knitting-products_23-2149397795.jpg"},
        {
          id: "2",          name: "Mark T.",          handle: "@marktrav",          testimonial: "The Classic Oxford Boots are incredibly well-made and surprisingly comfortable. Perfect for long days at the office. Definitely a 5-star product!",          imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg"},
        {
          id: "3",          name: "Sarah P.",          handle: "@sarah_p",          testimonial: "I finally found elegant heels that are comfortable enough to wear all night! The craftsmanship is superb. StrideStyle combines fashion with real comfort.",          imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2516.jpg"},
        {
          id: "4",          name: "David R.",          handle: "@david_runs",          testimonial: "The Velocity Run Pro are a game-changer for my runs. Lightweight, great support, and they look fantastic. My best running experience yet, highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/businessman_23-2148006271.jpg"},
        {
          id: "5",          name: "Emily C.",          handle: "@emily.chloe",          testimonial: "The Playtime Sprint Kids sneakers are so durable and cute! My child loves them, and they hold up to all their adventures. Great quality for active kids.",          imageSrc: "http://img.b2bpic.net/free-photo/african-woman-sitting-outdoors-park-using-laptop-computer_171337-13796.jpg"},
      ]}
      title="Hear What Our Customers Are Saying"
      description="Our shoes speak for themselves, but don't just take our word for it. Read real product reviews from satisfied StrideStyle wearers."
      buttons={[
        {
          text: "Submit Your Review",          href: "#contact"},
      ]}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Vogue",        "GQ",        "Fashionista",        "Hypebeast",        "SneakerNews",        "Footwear Daily",        "Style Edit"]}
      title="Loved by Customers, Recognized by Experts"
      description="Our quality footwear and commitment to satisfaction earn us high praise from both our valued customers and leading fashion publications."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "What is your return policy?",          content: "We offer a 30-day return policy on all unworn items, starting from the date of delivery. Items must be in their original packaging with tags attached. Please visit our 'Returns' page for detailed instructions."},
        {
          id: "faq-2",          title: "How do I find my shoe size?",          content: "We provide a comprehensive sizing guide on each product page, including measurements and conversion charts. We recommend measuring your foot length to ensure the best fit."},
        {
          id: "faq-3",          title: "Do you offer international shipping?",          content: "Yes, we ship worldwide! Shipping costs and delivery times vary by destination. You can find more information on our 'Shipping' page during checkout."},
        {
          id: "faq-4",          title: "Are your shoes ethically sourced?",          content: "Sustainability and ethical practices are at the core of our brand. We partner with manufacturers who adhere to fair labor practices and utilize environmentally friendly materials whenever possible."},
        {
          id: "faq-5",          title: "How can I track my order?",          content: "Once your order is shipped, you will receive a confirmation email with a tracking number. You can use this number to monitor your package's journey directly from the carrier's website."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to your most common inquiries about our products and services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Customer Support"
      title="Need Assistance? We're Here to Help."
      description="Our dedicated support team is ready to assist you with any questions about your order, product details, sizing, or returns. Reach out via the form below or our contact channels."
      imageSrc="http://img.b2bpic.net/free-photo/woman-shopping-mall-looking-pair-new-shoes_1303-29615.jpg"
      imageAlt="Modern shoe store interior"
      mediaAnimation="opacity"
      mediaPosition="left"
      inputPlaceholder="Enter your email for support inquiries"
      buttonText="Send Inquiry"
      termsText="By clicking Send Inquiry, you're confirming that you agree with our Terms and Conditions and Privacy Policy and are submitting a support request."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-photo/black-friday-inscription-cubes-with-paper-shoe_23-2147973771.jpg"
      logoAlt="StrideStyle Logo"
      columns={[
        {
          items: [
            {
              label: "Shop",              href: "#products"},
            {
              label: "New Arrivals",              href: "#products"},
            {
              label: "Best Sellers",              href: "#products"},
            {
              label: "Sales",              href: "#"},
          ],
        },
        {
          items: [
            {
              label: "Company",              href: "#about"},
            {
              label: "Our Story",              href: "#about"},
            {
              label: "Careers",              href: "#"},
            {
              label: "Blog",              href: "#"},
          ],
        },
        {
          items: [
            {
              label: "Support",              href: "#contact"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Shipping",              href: "#"},
            {
              label: "Returns",              href: "#"},
          ],
        },
        {
          items: [
            {
              label: "Legal",              href: "#"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoText="StrideStyle"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
