"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Lock, Truck, Grid, MessageSquareText, Award, LifeBuoy } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="small"
        sizing="mediumLargeSizeLargeTitles"
        background="circleGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Products",          id: "#products"},
        {
          name: "Brands",          id: "#brands"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/soccer-logo-template_23-2149588679.jpg"
      logoAlt="DHABALE SPORT Logo"
      brandName="DHABALE SPORT"
      button={{
        text: " SHEARCHGO NOW IN DHABALE SPOORT ",        href: "#products"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "plain"}}
      imagePosition="right"
      title="Your DHABALE SPORT"
      description="GO NOW  ADD SHOP NOW "
      kpis={[
        {
          value: "1000+",          label: "Happy Customers"},
        {
          value: "50+",          label: "Top Brands"},
        {
          value: "5000+",          label: "Products in Stock"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: " Products",          href: "#products"},
        {
          text: "GO SHOP NOW ",          href: "#about"},
      ]}
      avatars={[
        {
          src: "https://img.b2bpic.net/premium-photo/this-image-shows-smiling-man-standing-with-his-arms-crossed-front-modern-interior-man_116547-120359.jpg?id=222792904",          alt: "Customer 1"},
        {
          src: "http://img.b2bpic.net/free-photo/young-blonde-fit-sporty-girl-woman-black-sportswear-demostrate-her-strong-muscular-body-stretching_231208-4083.jpg",          alt: "Customer 2"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-senior-sportsman-feeling-motivated-while-listening-music-running-nature-copy-space_637285-3863.jpg",          alt: "Customer 3"},
        {
          src: "http://img.b2bpic.net/free-photo/pleased-young-handsome-sporty-boy-wearing-headband-wristbands-with-dental-braces-standing-profile-view-holding-stretching-out-dumbbells-isolated-green-background-with-copy-space_141793-76915.jpg",          alt: "Customer 4"},
        {
          src: "http://img.b2bpic.net/free-photo/muscular-young-male-athlete-sitting-track-field-relaxing_23-2148162094.jpg",          alt: "Sports customer avatar"},
      ]}
      avatarText="GOIN NOW "
      imageSrc="http://img.b2bpic.net/free-photo/football-composition-with-ball-net-bag_23-2147827772.jpg"
      imageAlt="3D rendered sports equipment, 8k clarity"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text",          text: "Quality Guaranteed"},
        {
          type: "text-icon",          text: "Fast Shipping",          icon: Truck,
        },
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/composition-with-neatly-organized-arranged-sport-items_23-2150275243.jpg",          alt: "Sports equipment collage"},
        {
          type: "text",          text: "Expert Support"},
        {
          type: "text-icon",          text: "Secure Payments",          icon: Lock,
        },
      ]}
      marqueeSpeed={30}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="About DHABALE SPORT"
      description="At DHABALE SPORT, we are passionate about helping athletes achieve their best. We offer a curated selection of high-quality sports objects and kits, meticulously chosen for durability, performance, and style. Our commitment is to provide every customer with the right gear and expert advice to excel in their chosen sport."
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Evs2A5YGzOktWN7LnGHkVy1xJv/uploaded-1781072172248-bkif4l1r.png"
      imageAlt="Interior of a modern sports store with equipment displays"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Wide Selection",          description: "Explore an extensive range of sports equipment and apparel for various disciplines.",          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-woman-doing-strength-exercises-gym_1153-4613.jpg",          imageAlt: "Large collection of diverse sports equipment",          buttonIcon: Grid,
          buttonHref: "#products"},
        {
          title: "Expert Advice",          description: "Our knowledgeable team provides personalized recommendations to match your needs.",          imageSrc: "https://img.b2bpic.net/free-photo/sports-tools_53876-138077.jpg?id=18415697",          imageAlt: "Sports expert assisting a customer",          buttonIcon: MessageSquareText,
          buttonHref: "#contact"},
        {
          title: "Quality Assured",          description: "We stock only high-quality, durable products from trusted and reputable brands.",          imageSrc: "http://img.b2bpic.net/free-photo/view-composition-with-neatly-arranged-organized-sport-items_23-2150275210.jpg",          imageAlt: "Display of premium sports brand logos",          buttonIcon: Award,
        },
        {
          title: "Customer Support",          description: "Enjoy seamless shopping with our dedicated support, online and in-store.",          imageSrc: "https://img.b2bpic.net/premium-photo/heap-sports-supplies_926199-3643499.jpg?id=201670559",          imageAlt: "Friendly customer service representative",          buttonIcon: LifeBuoy,
          buttonHref: "#contact"},
      ]}
      title="Why Choose DHABALE SPORT?"
      description="Experience the difference with our dedication to quality, selection, and customer satisfaction."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "prod-1",          name: "Professional Football Kit",          price: "",          variant: "Blue/White",          imageSrc: "https://img.b2bpic.net/free-vector/dynamic-football-kit-design-with-gradient-colors-player-number_29096-6181.jpg?id=425817357",          imageAlt: "3D rendered professional football kit"},
        {
          id: "prod-2",          name: "High-Performance Basketball Shoes",          price: "",          variant: "Black/Red",          imageSrc: "http://img.b2bpic.net/free-photo/trucker-hat-with-basketball_23-2149410033.jpg",          imageAlt: "3D rendered high-performance basketball shoes"},
        {
          id: "prod-3",          name: "Cricket Bat Pro Edition",          price: "",          variant: "English Willow",          imageSrc: "https://img.b2bpic.net/premium-photo/pair-clothes-combo-fashion-outfit_1014647-3892.jpg?id=377237141",          imageAlt: "3D rendered professional cricket bat"},
        {
          id: "prod-4",          name: "Advanced Tennis Racket",          price: "₹5,299",          variant: "Carbon Fiber",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-perfectly-ordered-fitness-gym-accessories_52683-100703.jpg",          imageAlt: "3D rendered advanced tennis racket"},
        {
          id: "prod-5",          name: "Swim Goggles Elite",          price: "₹1,299",          variant: "Anti-Fog Clear",          imageSrc: "http://img.b2bpic.net/free-photo/diving-equipment-white-towel_23-2147640564.jpg",          imageAlt: "3D rendered elite swim goggles"},
        {
          id: "prod-6",          name: "Breathable Running T-Shirt",          price: "₹1,599",          variant: "Quick Dry Green",          imageSrc: "http://img.b2bpic.net/free-vector/t-shirt-poster-design-with-illustration-runner-rain_1284-36863.jpg",          imageAlt: "3D rendered breathable running t-shirt"},
      ]}
      title="Our Premium Sports Collection"
      description="Browse our latest collection of sports objects and apparel, designed for optimal performance and style. Get ready to play!"
    />
  </div>

  <div id="brands" data-section="brands">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Nike",        "Adidas",        "Puma",        "Under Armour",        "Reebok",        "New Balance",        "Asics"]}
      title="Our Trusted Partners"
      description="We collaborate with leading sports brands to bring you the best in athletic innovation and quality."
      speed={30}
      showCard={true}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      carouselMode="buttons"
      testimonials={[
        {
          id: "test-1",          name: "Anjali Sharma",          handle: "@anjali.athlete",          testimonial: "The quality of products at DHABALE SPORT is unmatched! My new running shoes are perfect. Highly recommend!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-smiling-woman-blue-hoodie-cafe-having-fun-cheerful-mood-trendy-fashion-style_285396-10726.jpg",          imageAlt: "Anjali Sharma, happy customer"},
        {
          id: "test-2",          name: "Rajesh Kumar",          handle: "@rajeshk_cricket",          testimonial: "Found the exact cricket kit I was looking for. The 3D view on the website helped a lot. Excellent service!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-red-shirt-holding-gift-boxes-both-hands_114579-15027.jpg",          imageAlt: "Rajesh Kumar, satisfied customer"},
        {
          id: "test-3",          name: "Priya Singh",          handle: "@priya.fitness",          testimonial: "DHABALE SPORT is my go-to for all fitness needs. Their selection is fantastic, and prices are competitive.",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/young-basketball-player-shoot_53876-30148.jpg",          imageAlt: "Priya Singh, fitness enthusiast"},
        {
          id: "test-4",          name: "Vikram Patel",          handle: "@vikram_hoops",          testimonial: "Great experience shopping for basketball gear. The staff was very helpful in finding the right size.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-sportswear-headband-looking-front-with-smile-face-with-crossed-hands-chest-standing-white-wall_141793-96909.jpg",          imageAlt: "Vikram Patel, basketball player"},
        {
          id: "test-5",          name: "Neha Gupta",          handle: "@neha.yogini",          testimonial: "Love my new yoga mat from DHABALE SPORT! It's super comfortable and great quality. Will definitely shop again.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/group-people-exercising-together-outdoors_23-2151061415.jpg",          imageAlt: "Neha Gupta, yoga practitioner"},
      ]}
      showRating={true}
      title="What Our Customers Say"
      description="Hear from athletes who trust DHABALE SPORT for their essential gear."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "",          content: "We accept all major credit cards, debit cards, UPI, and net banking. Cash on delivery is available for select locations."},
        {
          id: "faq-2",          title: "",          content: "We offer a 30-day return policy for unused items in their original packaging. Please visit our 'Returns' page for detailed instructions."},
        {
          id: "faq-3",          title: "",          content: "Currently, we only ship within India. We are working on expanding our delivery services internationally in the near future."},
        {
          id: "faq-4",          title: "",          content: "Once your order is shipped, you will receive an email with a tracking number and a link to track your package's journey."},
      ]}
      title=""
      description="Find answers to common questions about our products"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      text="Ready to Gear Up? Contact DHABALE SPORT Today!"
      buttons={[
        {
          text: "Call Us: +9028265581",          href: "tel:+919876543210"},
        {
          text: "ADDRESS - AMAR DHABALE GALLI,SHASTRI NAGER,TUMSAR.MAHARASHTRA 441912  -   GOOO NOWWWW ",          href: "mailto:info@dhabalesport.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Evs2A5YGzOktWN7LnGHkVy1xJv/uploaded-1781071939359-ii717y69.png"
      imageAlt="Athletes in action, dynamic sports background"
      logoSrc="http://img.b2bpic.net/free-vector/soccer-logo-template_23-2149588679.jpg"
      logoAlt="DHABALE SPORT Logo"
      logoText="DHABALE SPORT"
      columns={[
        {
          title: "Shop",          items: [
            {
              label: "All Products",              href: "#products"},
            {
              label: "New Arrivals",              href: "#products"},
            {
              label: "Best Sellers",              href: "#products"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Contact",              href: "#contact"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2026DHABALE SPORT. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
