"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Cog, Diamond, Globe, MessageSquare, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="small"
        sizing="medium"
        background="noise"
        cardStyle="glass-elevated"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/flat-design-cross-country-template_23-2149493304.jpg"
      logoAlt="Sole & Style Logo"
      brandName="Sole & Style"
      bottomLeftText="Luxury Footwear"
      bottomRightText="info@solenstyle.com"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      title="Step into Style. Unmatched Comfort. Enduring Quality."
      description="Discover our exclusive collection of premium footwear, crafted with precision and passion. Every step is a statement of elegance."
      testimonials={[
        {
          name: "Alex R.",
          handle: "@alex_reviews",
          testimonial: "Absolutely love my new Sole & Style shoes! The comfort is incredible, and they look fantastic.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-works-laptop_1163-5473.jpg",
          imageAlt: "Alex R.",
        },
        {
          name: "Maria S.",
          handle: "@style_maven",
          testimonial: "Finally found shoes that combine elegance with all-day comfort. Sole & Style is my new favorite brand!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/shorthaired-girl-with-pink-sunglasses-smiling-striped-backgroundteen-with-brunette-hair-grey-tshirt-beige-jacket-posing-cafe_197531-29487.jpg",
          imageAlt: "Maria S.",
        },
        {
          name: "David K.",
          handle: "@footwear_fan",
          testimonial: "The quality is simply outstanding. These shoes are built to last and turn heads wherever I go.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-working-his-desk-office_637285-8.jpg",
          imageAlt: "David K.",
        },
        {
          name: "Sophia L.",
          handle: "@elegant_steps",
          testimonial: "Highly recommend! The customer service was exceptional, and the shoes exceeded all my expectations.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-with-wavy-hair-park_23-2147911448.jpg",
          imageAlt: "Sophia L.",
        },
        {
          name: "Team Innovate",
          handle: "@innovate_co",
          testimonial: "Our whole team now wears Sole & Style for corporate events. Professional and incredibly comfortable.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-having-informal-meeting_1098-801.jpg",
          imageAlt: "Team Innovate",
        },
      ]}
      tag="New Arrivals"
      buttons={[
        {
          text: "Shop Men's",
          href: "#products",
        },
        {
          text: "Shop Women's",
          href: "#products",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg",
          alt: "Customer 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-wearing-casual-shirt-standing-isolated-white-background-with-happy-cool-smile-face-lucky-person_839833-25329.jpg",
          alt: "Customer 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/closeup-portrait-young-african-american-man-with-hat_273609-4207.jpg",
          alt: "Customer 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-business-woman-standing-by-window-office_1303-20346.jpg",
          alt: "Customer 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
          alt: "Customer 5",
        },
      ]}
      avatarText="Join 10,000+ happy customers"
      imageSrc="http://img.b2bpic.net/free-photo/dancing-shoes-wooden-floor_107420-63626.jpg"
      imageAlt="Elegant black leather dress shoe"
      mediaAnimation="slide-up"
      tagIcon={Sparkles}
      marqueeItems={[
        {
          type: "text",
          text: "Exceptional Comfort",
        },
        {
          type: "text-icon",
          text: "Premium Craftsmanship",
          icon: Cog,
        },
        {
          type: "text-icon",
          text: "Timeless Designs",
          icon: Diamond,
        },
        {
          type: "text-icon",
          text: "Global Shipping",
          icon: Globe,
        },
        {
          type: "text-icon",
          text: "Customer Favorites",
          icon: Star,
        },
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "mens-oxford",
          name: "Classic Oxford",
          price: "$189.99",
          imageSrc: "http://img.b2bpic.net/free-photo/couple-sharing-tender-public-intimacy-moments_23-2149430276.jpg",
          imageAlt: "Classic Black Oxford Shoe",
        },
        {
          id: "womens-stiletto",
          name: "Crimson Stiletto",
          price: "$159.99",
          imageSrc: "http://img.b2bpic.net/free-photo/lady-red-dress-coquettishly-raises-her-leg-while-sitting-restaurant-fulllength-photo-girl-with-short-hair-waiting-her-coffee_197531-26215.jpg",
          imageAlt: "Elegant Crimson Stiletto Heel",
        },
        {
          id: "unisex-sneakers",
          name: "Urban White Sneaker",
          price: "$99.99",
          imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-moment-city_329181-12530.jpg",
          imageAlt: "Modern White Urban Sneaker",
        },
        {
          id: "mens-loafers",
          name: "Suede Driving Loafer",
          price: "$129.99",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-legs-outside-tent_23-2148696874.jpg",
          imageAlt: "Brown Suede Driving Loafer",
        },
        {
          id: "womens-boots",
          name: "Chic Ankle Boot",
          price: "$149.99",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-stairs-outdoors_1303-29510.jpg",
          imageAlt: "Black Leather Chic Ankle Boot",
        },
        {
          id: "kids-colorful",
          name: "Rainbow Runner",
          price: "$79.99",
          imageSrc: "http://img.b2bpic.net/free-photo/family-summer-park-mother-blouse-little-girl-with-roller_1157-40157.jpg",
          imageAlt: "Colorful Kids Running Sneaker",
        },
      ]}
      title="Our Latest Collection"
      description="Explore footwear that combines groundbreaking design with superior craftsmanship. Find your perfect pair."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Advanced Cushioning",
          description: "Experience unparalleled comfort with our innovative sole technology, designed for all-day wear.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-shoemaker-drawing-design_171337-12249.jpg",
          imageAlt: "Advanced cushioning technology in a shoe sole",
          buttonIcon: "Zap",
        },
        {
          title: "Premium Materials",
          description: "Hand-selected full-grain leather and breathable fabrics ensure durability and a luxurious feel.",
          imageSrc: "http://img.b2bpic.net/free-photo/shoemaker-workshop-making-shoes_171337-12255.jpg",
          imageAlt: "Close-up of leather craftsmanship on a shoe",
          buttonIcon: "Award",
        },
        {
          title: "Ergonomic Design",
          description: "Scientifically engineered to support your foot's natural arch, providing stability and reducing fatigue.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-s-legs-keds-grey-wall_176420-6849.jpg",
          imageAlt: "Foot supported by an ergonomic shoe design",
          buttonIcon: "HeartHandshake",
        },
        {
          title: "Timeless Style",
          description: "Our designs blend classic elegance with modern trends, ensuring your shoes remain fashionable for years.",
          imageSrc: "http://img.b2bpic.net/free-photo/bride-s-wedding-shoes-stand-wood-floor-outdoor_8353-9649.jpg",
          imageAlt: "Stylish shoes on display in a modern setting",
          buttonIcon: "Sparkles",
        },
      ]}
      title="Crafted for Excellence"
      description="Every pair of Sole & Style shoes is a testament to our commitment to quality, comfort, and sophisticated design."
      tag="Our Advantages"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Our Story: A Legacy of Footwear Passion"
      description={[
        "Sole & Style was born from a singular vision: to create footwear that transcends mere utility, becoming an extension of your personal style and a foundation for your confidence. We believe that exceptional shoes are not just an accessory, but a vital part of how you navigate the world.",
        "Our journey began with a dedication to artisanal craftsmanship, sourcing the finest materials, and embracing innovative design principles. Each collection is meticulously curated to offer unparalleled comfort, enduring quality, and a timeless aesthetic that speaks volumes about who you are. Join us in celebrating the art of footwear.",
      ]}
      buttons={[
        {
          text: "Discover Our Craft",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Jordan P.",
          role: "Fashion Blogger",
          company: "StyleChronicles",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",
          imageAlt: "Jordan P.",
        },
        {
          id: "2",
          name: "Chloe B.",
          role: "Professional Dancer",
          company: "Graceful Steps Studio",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-riding-electric-scooter-work-modern-girl-new-generation-electric-transport-ecology-ecological-transport-sunset_1321-4440.jpg",
          imageAlt: "Chloe B.",
        },
        {
          id: "3",
          name: "Marcus V.",
          role: "Architect",
          company: "Urban Designs Inc.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
          imageAlt: "Marcus V.",
        },
        {
          id: "4",
          name: "Olivia W.",
          role: "Entrepreneur",
          company: "Bloom Innovations",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-fair-haired-woman-knited-hat-sweater-smiling-violet_176420-7668.jpg",
          imageAlt: "Olivia W.",
        },
        {
          id: "5",
          name: "The Executive Team",
          role: "Management",
          company: "Global Connect Corp",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/accountant-busy-modern-startup-agency-imputing-financial-figures-pc_482257-126653.jpg",
          imageAlt: "The Executive Team",
        },
      ]}
      title="What Our Customers Say"
      description="Hear directly from those who experience the Sole & Style difference every day. Their satisfaction is our greatest reward."
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Vogue",
        "GQ",
        "Harper's Bazaar",
        "Footwear News",
        "Elle",
        "Men's Health",
        "Marie Claire",
      ]}
      title="As Featured In"
      description="Our commitment to quality and style has earned us recognition from leading fashion and lifestyle publications worldwide."
      speed={30}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "What materials are your shoes made from?",
          content: "Our shoes are crafted from premium full-grain leather, genuine suede, and high-quality, breathable synthetic fabrics. Each product description specifies the exact materials used for that particular style.",
        },
        {
          id: "2",
          title: "What is your return policy?",
          content: "We offer a 30-day return policy for unworn items in their original packaging. Please visit our 'Returns & Exchanges' page for detailed instructions and to initiate a return.",
        },
        {
          id: "3",
          title: "Do you offer international shipping?",
          content: "Yes, we ship globally! Shipping costs and delivery times vary by destination. You can find more information on our 'Shipping Information' page during checkout.",
        },
        {
          id: "4",
          title: "How do I determine my shoe size?",
          content: "We recommend referring to our comprehensive size guide, available on each product page. It includes measurements and tips to help you find your perfect fit. Our customer service team is also happy to assist.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to the most common questions about our products, ordering, and services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      tag="Get in Touch"
      title="Your Style Journey Starts Here"
      description="Have questions or need assistance? Our dedicated team is here to help you find your perfect pair."
      tagIcon={MessageSquare}
      inputPlaceholder="Enter your email address"
      buttonText="Send Message"
      termsText="By submitting, you agree to our Privacy Policy and Terms of Service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-vector/flat-design-cross-country-template_23-2149493304.jpg"
      logoText="Sole & Style"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
