"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="small"
        sizing="mediumSizeLargeTitles"
        background="noise"
        cardStyle="outline"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About Us",          id: "about"},
        {
          name: "Services",          id: "services"},
        {
          name: "Products",          id: "products"},
        {
          name: "Our Team",          id: "team"},
        {
          name: "Testimonials",          id: "testimonials"},
        {
          name: "Contact",          id: "contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/barber-shop-logo-design_79603-2145.jpg"
      logoAlt="Gina & Nam Barbershop Logo"
      brandName="Gina & Nam Barbershop"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "plain"}}
      title="Experience the Art of Grooming"
      description="Precision cuts, classic shaves, and modern styles for the distinguished gentleman and lady. Discover your perfect look with Gina & Nam Barbershop."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2149220556.jpg",          imageAlt: "Barber giving a precision haircut"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-shaving-her-client-s-beard-close-up_23-2148353407.jpg",          imageAlt: "Barber performing a classic straight razor shave"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211458.jpg",          imageAlt: "Cozy and vintage-inspired barbershop interior"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/tattoed-redhead-man-hipster-corrects-his-lush-hair-dressed-brown-shirt-standing-studio-isolated-dark-background_613910-19106.jpg",          imageAlt: "Barber styling a client's hair with product"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10376.jpg",          imageAlt: "Organized professional barber tools"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg",          imageAlt: "Satisfied client looking at their new haircut in the mirror"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-with-blurred-comb-his-hand_23-2148256854.jpg",          imageAlt: "Close-up of a fresh fade haircut"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-with-haircut-dressed-shirt-jacket-with-backpack-standing-park_613910-6337.jpg",          imageAlt: "Man with a perfectly groomed beard"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11879.jpg",          imageAlt: "Stylish classic pompadour hairstyle"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg",          imageAlt: "Warm and inviting barbershop interior during service"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-smell-towel_23-2149003951.jpg",          imageAlt: "Barber applying a hot towel for a relaxing shave"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313012.jpg",          imageAlt: "Clean and organized professional barber station"},
      ]}
      tag="Your Style, Our Craft"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Book an Appointment",          href: "#contact"},
        {
          text: "Our Services",          href: "#services"},
      ]}
      buttonAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-grey-vignette-background_613910-8472.jpg",          alt: "Happy client Mark"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-with-haircut-dressed-shirt-jacket-with-backpack-standing-park_613910-19391.jpg",          alt: "Satisfied customer Sarah"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-attractive-man-with-beard_23-2148803628.jpg",          alt: "Groomed gentleman David"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2382.jpg",          alt: "Smiling patron Emily"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-shirtless-beard-male-grey-background_613910-15672.jpg",          alt: "Loyal customer Robert"},
      ]}
      avatarText="Trusted by over 10,000 satisfied clients"
      marqueeItems={[
        {
          type: "text",          text: "Precision"},
        {
          type: "text",          text: "Style"},
        {
          type: "text",          text: "Tradition"},
        {
          type: "text",          text: "Excellence"},
        {
          type: "text",          text: "Craft"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "About Gina & Nam Barbershop"},
        {
          type: "text",          content: "Founded on a passion for timeless grooming and modern aesthetics, Gina & Nam Barbershop offers a unique experience where classic techniques meet contemporary styles. We pride ourselves on creating a welcoming atmosphere where every client receives personalized attention and leaves feeling confident and refreshed. Our commitment to quality and community makes us more than just a barbershop – we're a place where traditions are honored and new looks are born."},
      ]}
      buttons={[
        {
          text: "Meet the Team",          href: "#team"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Precision Haircuts",          description: "Expert stylists craft personalized haircuts, from sharp fades to classic scissor cuts, enhancing your unique style.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/barber-makes-haircut-with-cutting-machine_140725-7666.jpg",            imageAlt: "Classic men's haircut"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/vibrant-blue-streamers-hanging-outdoor-art-installation-libourne_1308-189342.jpg",            imageAlt: "Modern fade haircut"}
        },
        {
          title: "Traditional Hot Shaves",          description: "Indulge in a luxurious hot towel shave, performed with a straight razor for the closest, smoothest finish.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668469.jpg",            imageAlt: "Barber applying shaving cream"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-man-touching-his-cheeks-with-hand-against-white-backdrop_23-2148088232.jpg",            imageAlt: "Man with a freshly shaven face"}
        },
        {
          title: "Beard & Mustache Trims",          description: "Keep your facial hair perfectly groomed with our precise trimming, shaping, and conditioning services.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985727.jpg",            imageAlt: "Barber trimming a man's beard"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/braid-beard-sketch-blackboard_1379-313.jpg",            imageAlt: "Man with a perfectly styled beard"}
        },
      ]}
      showStepNumbers={true}
      title="Our Signature Services"
      description="From classic cuts to modern styles, we offer a range of grooming services tailored to your needs, ensuring you leave looking and feeling your best."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          brand: "Gentleman's Choice",          name: "Hydrating Hair & Scalp Shampoo",          price: "$22.00",          rating: 5,
          reviewCount: "89 Reviews",          imageSrc: "http://img.b2bpic.net/free-photo/man-giving-himself-scalp-massage_23-2151307418.jpg",          imageAlt: "Hydrating Hair & Scalp Shampoo"},
        {
          id: "p2",          brand: "Dapper Blend",          name: "Classic Hold Pomade",          price: "$18.00",          rating: 5,
          reviewCount: "120 Reviews",          imageSrc: "http://img.b2bpic.net/free-photo/jars-cosmetics-closeup-white-concept-beauty-care_169016-3853.jpg",          imageAlt: "Classic Hold Pomade"},
        {
          id: "p3",          brand: "Beard & Co.",          name: "Nourishing Beard Oil",          price: "$25.00",          rating: 5,
          reviewCount: "75 Reviews",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-elder-bearded-man-using-cleanser_23-2148621194.jpg",          imageAlt: "Nourishing Beard Oil"},
        {
          id: "p4",          brand: "Smooth Glide",          name: "Rich Lather Shaving Cream",          price: "$15.00",          rating: 5,
          reviewCount: "95 Reviews",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313075.jpg",          imageAlt: "Rich Lather Shaving Cream"},
        {
          id: "p5",          brand: "Refined Man",          name: "Invigorating Aftershave Balm",          price: "$20.00",          rating: 5,
          reviewCount: "60 Reviews",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-shaving-accessories-with-napkin-wooden-table_23-2148088555.jpg",          imageAlt: "Invigorating Aftershave Balm"},
        {
          id: "p6",          brand: "Elite Grooming",          name: "Daily Revitalizing Conditioner",          price: "$22.00",          rating: 5,
          reviewCount: "70 Reviews",          imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-getting-hair-wash_23-2148256873.jpg",          imageAlt: "Daily Revitalizing Conditioner"},
      ]}
      title="Premium Grooming Products"
      description="Maintain your sharp look at home with our curated selection of high-quality grooming products endorsed by our barbers."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        {
          id: "m1",          name: "Gina Rodriguez",          role: "Master Barber & Co-Founder",          imageSrc: "http://img.b2bpic.net/free-photo/young-annoyed-blonde-male-barber-uniform-puts-comb-temple-rolling-eyes-isolated-violet-space-with-copy-space_141793-60233.jpg",          imageAlt: "Gina Rodriguez, Master Barber"},
        {
          id: "m2",          name: "Nam Lee",          role: "Senior Stylist & Co-Founder",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665389.jpg",          imageAlt: "Nam Lee, Senior Stylist"},
        {
          id: "m3",          name: "Alex Chen",          role: "Apprentice Barber",          imageSrc: "http://img.b2bpic.net/free-photo/young-confident-blonde-male-barber-uniform-cuts-hair-with-scissors-isolated-green-space-with-copy-space_141793-60161.jpg",          imageAlt: "Alex Chen, Apprentice Barber"},
      ]}
      title="Meet Our Talented Barbers"
      description="Our skilled team is passionate about the art of barbering, dedicated to providing you with an exceptional and personalized grooming experience."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Mark J.",          role: "Regular Client",          company: "Local Business Owner",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12676.jpg",          imageAlt: "Mark J."},
        {
          id: "t2",          name: "Sarah L.",          role: "New Customer",          company: "Marketing Professional",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-plus-size-woman-holding-shopping-bags-looking-excited-outdoors-street_58466-16106.jpg",          imageAlt: "Sarah L."},
        {
          id: "t3",          name: "David R.",          role: "Beard Enthusiast",          company: "Freelancer",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-eyeglasses-dressed-elegant-wool-suit-grey-background_613910-16011.jpg",          imageAlt: "David R."},
        {
          id: "t4",          name: "Emily P.",          role: "Student",          company: "University Student",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-young-man-model-dressed-blue-shirt-clothes-fashion-man-posing_158538-4971.jpg",          imageAlt: "Emily P."},
        {
          id: "t5",          name: "Robert S.",          role: "Long-time Patron",          company: "Retired Gentleman",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-combing-beard_23-2149137904.jpg",          imageAlt: "Robert S."},
      ]}
      kpiItems={[
        {
          value: "10+",          label: "Years of Expertise"},
        {
          value: "99%",          label: "Client Satisfaction"},
        {
          value: "5.0",          label: "Average Rating"},
      ]}
      title="What Our Clients Say"
      description="Hear from our satisfied customers who trust Gina & Nam for their exceptional grooming needs and friendly service."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Connect With Us"
      title="Book Your Next Grooming Session"
      description="Ready for a fresh cut or a relaxing shave? Schedule your appointment today and experience the difference at Gina & Nam Barbershop."
      imageSrc="http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-21717.jpg"
      imageAlt="Classic barbershop exterior with sign"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Your email address"
      buttonText="Book Now"
      termsText="By clicking 'Book Now' you're confirming that you agree with our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-vector/barber-shop-logo-design_79603-2145.jpg"
      logoAlt="Gina & Nam Barbershop Logo"
      columns={[
        {
          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Services",              href: "#services"},
          ],
        },
        {
          items: [
            {
              label: "Products",              href: "#products"},
            {
              label: "Our Team",              href: "#team"},
            {
              label: "Testimonials",              href: "#testimonials"},
          ],
        },
        {
          items: [
            {
              label: "Contact",              href: "#contact"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoText="Gina & Nam Barbershop"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
