"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="medium"
        background="blurBottom"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Cuts & Play"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "gradient-bars",
      }}
      title="Mumbai’s Trusted Kids Salon"
      description="Where little moments turn into beautiful memories. Safe, fun, and expert care for your little one."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/mother-with-child-costumes-makeup-family-prepare-celebration-halloween_1157-41128.jpg",
          imageAlt: "Kids Salon Experience",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749315.jpg",
          imageAlt: "Kids Salon Experience 2",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/teenage-friends-lifestyle-concept_23-2148093928.jpg",
          imageAlt: "Kids Salon Experience 3",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-female-flower-designed-shirt-blue-jeans-holding-mascara-pink-background_140725-27165.jpg",
          imageAlt: "Kids Salon Experience 4",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/unsure-young-female-barber-wearing-uniform-looking-camera-with-one-eye-closed-showing-comb-nail-clippers-isolated-olive-green-background_141793-137248.jpg",
          imageAlt: "Kids Salon Experience 5",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/boy-getting-haircut-salon-front-view_23-2149870409.jpg",
          imageAlt: "Kids Salon Experience 6",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/kids-having-fun-with-party-whistles-close-up_23-2149043305.jpg",
          imageAlt: "Kids Salon Experience",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462515.jpg",
          imageAlt: "Kids Salon Experience 2",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/funny-preschooler-boy-getting-haircut-children-hairdresser-with-trimmer-is-cutting-little-boy-room-with-loft-interior_613910-4921.jpg",
          imageAlt: "Kids Salon Experience 3",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/mother-taking-care-her-kid-with-lices_23-2149490569.jpg",
          imageAlt: "Kids Salon Experience 4",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/girls-doing-their-very-first-make-up_329181-8173.jpg",
          imageAlt: "Kids Salon Experience 5",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/girl-getting-hair-styled-salon-side-view_23-2149870410.jpg",
          imageAlt: "Kids Salon Experience 6",
        },
      ]}
      buttons={[
        {
          text: "Book Appointment",
          href: "#contact",
        },
        {
          text: "Call Now",
          href: "tel:+919876543210",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/mother-daughter-making-masks-home_1303-11286.jpg",
          alt: "Satisfied mother",
        },
        {
          src: "http://img.b2bpic.net/free-photo/celebrating-only-with-my-best-friend_329181-7616.jpg",
          alt: "Happy child",
        },
        {
          src: "http://img.b2bpic.net/free-photo/elegant-smiling-sweet-tooth-girl-spending-time-wedding-party-holding-big-toy-lollipop-portrait-pleased-young-woman-having-fun-decorated-wall-dancing-with-candy-cane_197531-2715.jpg",
          alt: "Contented parent",
        },
        {
          src: "http://img.b2bpic.net/free-photo/white-portrait-smile-boy-little_1304-836.jpg",
          alt: "Smiling boy",
        },
        {
          src: "http://img.b2bpic.net/free-photo/surprised-dirty-ethnic-woman-wears-goggles-dressed-like-superhero-holds-toilet-brush-does-quickly-cleaning-poses-against-pink-wall_273609-50633.jpg",
          alt: "Happy regular",
        },
      ]}
      avatarText="Trusted by 500+ Mumbai families"
      marqueeItems={[
        {
          type: "text",
          text: "Hygienic",
        },
        {
          type: "text",
          text: "Child-Friendly",
        },
        {
          type: "text",
          text: "Expert Stylists",
        },
        {
          type: "text",
          text: "Fun Environment",
        },
        {
          type: "text",
          text: "Trusted Care",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Welcome to Cuts & Play"
      description="Located in Kandivali West, Mumbai, our mission is to provide a gentle, stress-free, and fun environment for every child's first haircut and beyond. Our trained staff specializes in child-friendly styles."
      imageSrc="http://img.b2bpic.net/free-photo/young-pretty-red-haired-mother-with-her-little-adorable-curly-child-spend-weekend-family_291650-1396.jpg"
      imageAlt="Our Salon Atmosphere"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardEight
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Expert Stylists",
          description: "Patient, gentle, and highly trained specialists.",
          imageSrc: "http://img.b2bpic.net/free-photo/blue-cut-nobody-plastic-handle_1203-5415.jpg",
          imageAlt: "Stylist Icon",
        },
        {
          title: "Hygiene First",
          description: "Strict sanitization protocols for a clean space.",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-earth-globe-covered-plastic-with-why_23-2148557605.jpg",
          imageAlt: "Hygiene Icon",
        },
        {
          title: "Playful Space",
          description: "Toys, games, and a super comfy setup.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hair-cutting-machine-looking-it-confused-light_141793-58599.jpg",
          imageAlt: "Playful Icon",
        },
      ]}
      title="Why Choose Us"
      description="Providing premium care with a touch of magic."
    />
  </div>

  <div id="services" data-section="services">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "p1",
          tag: "Starter",
          price: "₹399",
          period: "Session",
          description: "Perfect for a quick trim.",
          button: {
            text: "Book Now",
            href: "#contact",
          },
          featuresTitle: "Includes:",
          features: [
            "Consultation",
            "Child Trim",
          ],
        },
        {
          id: "p2",
          tag: "Complete",
          price: "₹699",
          period: "Session",
          description: "The ultimate makeover.",
          button: {
            text: "Book Now",
            href: "#contact",
          },
          featuresTitle: "Includes:",
          features: [
            "Consultation",
            "Haircut",
            "Styling",
            "Small Gift",
          ],
        },
        {
          id: "p3",
          tag: "FirstCut",
          price: "₹899",
          period: "Session",
          description: "Special memories.",
          button: {
            text: "Book Now",
            href: "#contact",
          },
          featuresTitle: "Includes:",
          features: [
            "Keepsake Lock",
            "Certificate",
            "Full Styling",
          ],
        },
      ]}
      title="Our Services"
      description="Affordable packages for every child."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "g1",
          name: "Classic Fade",
          price: "Style",
          variant: "Hair",
          imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-female-barber-wearing-uniform-holding-nail-clippers-looking-her-nails-isolated-olive-green-background_141793-137901.jpg",
        },
        {
          id: "g2",
          name: "Cute Bob",
          price: "Style",
          variant: "Hair",
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-posing-with-eggs_23-2147754670.jpg",
        },
        {
          id: "g3",
          name: "Cool Spike",
          price: "Style",
          variant: "Hair",
          imageSrc: "http://img.b2bpic.net/free-photo/eggs-table-prepared-be-painted_23-2148451452.jpg",
        },
        {
          id: "g4",
          name: "Flowy Layers",
          price: "Style",
          variant: "Hair",
          imageSrc: "http://img.b2bpic.net/free-photo/girl-getting-haircut-salon-medium-shot_23-2149870398.jpg",
        },
        {
          id: "g5",
          name: "Messy Look",
          price: "Style",
          variant: "Hair",
          imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462469.jpg",
        },
        {
          id: "g6",
          name: "Bun Style",
          price: "Style",
          variant: "Hair",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-kids-with-colorful-hair_23-2150923284.jpg",
        },
      ]}
      title="Before & After Styles"
      description="Check out our happy transformations."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Anita Rao",
          handle: "@anitarao",
          testimonial: "Amazing experience, my toddler actually enjoyed the haircut!",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg",
        },
        {
          id: "2",
          name: "Rajesh Gupta",
          handle: "@rgupta",
          testimonial: "Very professional and patient with my son.",
          imageSrc: "http://img.b2bpic.net/free-photo/father-with-little-daughter_1157-15364.jpg",
        },
        {
          id: "3",
          name: "Sonia Shah",
          handle: "@sonia",
          testimonial: "The staff here are absolute gems, super clean place.",
          imageSrc: "http://img.b2bpic.net/free-photo/father-daughter-laughing_23-2147615920.jpg",
        },
        {
          id: "4",
          name: "Vikram Singh",
          handle: "@vikram",
          testimonial: "Best kids salon in Kandivali, no doubt.",
          imageSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285917.jpg",
        },
        {
          id: "5",
          name: "Meera Iyer",
          handle: "@meera",
          testimonial: "So patient, the haircut turned out perfect.",
          imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools_23-2148013407.jpg",
        },
      ]}
      title="Happy Parents"
      description="Don't just take our word for it."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Book Your Spot"
      description="Fill in the details, we'll confirm via WhatsApp."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Child's Name",
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Your Phone Number",
        },
      ]}
      textarea={{
        name: "notes",
        placeholder: "Any special requirements?",
      }}
      imageSrc="http://img.b2bpic.net/free-photo/dad-celebrates-fathers-day-with-daughters_23-2148100543.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-vector/green-doodle-icons-background_1409-10137.jpg"
      logoText="Cuts & Play"
      columns={[
        {
          title: "Location",
          items: [
            {
              label: "Kandivali West, Mumbai",
              href: "#",
            },
          ],
        },
        {
          title: "Links",
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "Services",
              href: "#services",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
