"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Facebook, Instagram, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeMediumTitles"
        background="noise"
        cardStyle="glass-elevated"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Team",
          id: "#team",
        },
        {
          name: "Reviews",
          id: "#reviews",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      button={{
        text: "Book Now",
        href: "https://booksy.com/en-us/436134_randys-barbershop_barber-shop_31250_pickerington?rwg_token=AFd1xnEs53W80IDXAfBNIkoLfmI3icC05vk0E5AQH2sSpaEg7HXsVCy5d1BBAB3rdnw-Q4zHGwqhy2vK7aHNxTQgDm26TT-1og%3D%3D#ba_s=seo",
      }}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EyfD5JWB5gELXuoJRtgVg4Uabk/uploaded-1781155657466-f0z4t9ki.png"
      logoAlt="Randy's Barbershop Logo"
      brandName="Randy's Barbershop"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardGallery
      background={{
        variant: "plain",
      }}
      title="Randy's Barbershop"
      description="Experience the finest cuts, shaves, and grooming services in Pickerington, OH. Classic style, modern edge, and an unmatched barbershop experience await you."
      buttons={[
        {
          text: "Book Your Appointment",
          href: "https://booksy.com/en-us/436134_randys-barbershop_barber-shop_31250_pickerington?rwg_token=AFd1xnEs53W80IDXAfBNIkoLfmI3icC05vk0E5AQH2sSpaEg7HXsVCy5d1BBAB3rdnw-Q4zHGwqhy2vK7aHNxTQgDm26TT-1og%3D%3D#ba_s=seo",
        },
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313016.jpg",
          imageAlt: "Classic barbershop interior with empty chairs",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hair-dryer-client-salon_23-2147737037.jpg",
          imageAlt: "Barber cutting a client's hair with focus",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/anime-style-beauty-salon-with-cosmetology-equipment_23-2151501010.jpg",
          imageAlt: "Vintage barber chairs and mirrors in a retro barbershop",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/barber-man-with-shaving-foam-his-face-shaving-himself-using-razor-purple-wall_141793-52672.jpg",
          imageAlt: "Barber shaving a beard with a straight razor",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg",
          imageAlt: "Professional barber tools laid out on a counter",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg",
          imageAlt: "Client receiving a stylish haircut in a barbershop chair",
        },
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="More Than Just a Haircut"
      description="At Randy's Barbershop, we blend traditional techniques with modern styles, dedicated to delivering exceptional grooming experiences. We're proud to serve the Pickerington community with top-tier service, a friendly atmosphere, and meticulous attention to detail."
      bulletPoints={[
        {
          title: "Accessibility",
          description: "Wheelchair accessible entrance, restroom, and parking lot.",
        },
        {
          title: "Service Options",
          description: "We offer convenient onsite services for your special occasions.",
        },
        {
          title: "Amenities",
          description: "Enjoy a comfortable restroom during your visit.",
        },
        {
          title: "Planning",
          description: "Appointments are required and recommended, but walk-ins are also accepted.",
        },
        {
          title: "Payments",
          description: "We accept major credit cards and debit cards for your convenience.",
        },
        {
          title: "Child-Friendly",
          description: "Good for kids – bring the whole family!",
        },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EyfD5JWB5gELXuoJRtgVg4Uabk/uploaded-1781155657466-c6ihvp6d.png?_wi=1"
      imageAlt="Accessibility and amenity features of Randy's Barbershop"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "haircut",
          title: "Haircut",
          tags: [
            "$24.00",
            "30min",
          ],
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EyfD5JWB5gELXuoJRtgVg4Uabk/uploaded-1781155657466-vxhzfviu.png",
          imageAlt: "A barber giving a precision haircut to a client",
        },
        {
          id: "beard-trim",
          title: "Beard Trim",
          tags: [
            "$15.00",
            "15min",
          ],
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EyfD5JWB5gELXuoJRtgVg4Uabk/uploaded-1781155657466-rj9clz2t.png",
          imageAlt: "A barber meticulously trimming a client's beard",
        },
        {
          id: "razor-fade",
          title: "Razor Fade",
          tags: [
            "$25.00",
            "45min",
          ],
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EyfD5JWB5gELXuoJRtgVg4Uabk/uploaded-1781155657466-f0z4t9ki.png",
          imageAlt: "Close up of a razor fade haircut in progress",
        },
        {
          id: "kids-haircut",
          title: "Kid's Haircut (Age 10 & under)",
          tags: [
            "$20.00",
            "30min",
          ],
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EyfD5JWB5gELXuoJRtgVg4Uabk/uploaded-1781155657466-c6ihvp6d.png?_wi=2",
          imageAlt: "A child getting a haircut in a barbershop",
        },
        {
          id: "nose-wax",
          title: "Nose Wax",
          tags: [
            "$15.00",
            "5min",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-shirtless-young-man-sitting-bathroom-shaving-with-electric-razor_23-2148088300.jpg",
          imageAlt: "Nose waxing service being performed",
        },
        {
          id: "ear-wax",
          title: "Ear Wax",
          tags: [
            "$10.00",
            "10min",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-man-getting-haircut_23-2148506327.jpg",
          imageAlt: "Ear waxing service being performed",
        },
      ]}
      title="Our Signature Services"
      description="From classic cuts to modern fades, expert shaves, and precise waxing, we offer a full range of grooming services tailored to your needs. Step in for a fresh look and an invigorating experience."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      members={[
        {
          id: "randy",
          name: "Randy",
          role: "Master Barber & Owner",
          imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-barber-wearing-uniform-glasses-holding-barber-bag-with-barbering-tools-looking-side-isolated-blue-background_141793-134237.jpg",
          imageAlt: "Portrait of Randy, the master barber and owner",
        },
        {
          id: "john",
          name: "John",
          role: "Senior Stylist",
          imageSrc: "http://img.b2bpic.net/free-photo/clueless-young-barber-wearing-uniform-glasses-looking-camera-showing-comb-scissors-isolated-blue-background_141793-138544.jpg",
          imageAlt: "Portrait of John, a senior stylist at the barbershop",
        },
        {
          id: "mike",
          name: "Mike",
          role: "Expert Groomer",
          imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-afro-american-male-barber-wearing-uniform-holding-scissors-comb_141793-117056.jpg",
          imageAlt: "Portrait of Mike, an expert groomer",
        },
      ]}
      title="Meet Our Talented Barbers"
      description="Our team of skilled barbers is passionate about the art of grooming. Each brings unique expertise and a commitment to providing you with a personalized, high-quality experience."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Marcus L.",
          role: "Regular Client",
          testimonial: "Randy's Barbershop consistently delivers the best fades in Pickerington. The attention to detail is unmatched, and the atmosphere is always welcoming. Highly recommend!",
          imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg",
          imageAlt: "Marcus L., a satisfied client",
        },
        {
          id: "2",
          name: "David S.",
          role: "First-Time Visitor",
          testimonial: "My first visit to Randy's was fantastic! I got a hot towel shave, and it was incredibly relaxing. The barber was very skilled, and I left feeling fresh.",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-razor-ice-blue-beard-foam-shaving-male_140725-33143.jpg",
          imageAlt: "David S., a first-time visitor",
        },
        {
          id: "3",
          name: "Chris P.",
          role: "Local Business Owner",
          testimonial: "As a local business owner myself, I appreciate quality service. Randy's Barbershop goes above and beyond. My haircut is always perfect, and it's a great place to unwind.",
          imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-finished-grooming-long-gray-beard_23-2148181941.jpg",
          imageAlt: "Chris P., a local business owner",
        },
        {
          id: "4",
          name: "Thomas K.",
          role: "Student",
          testimonial: "Needed a quick, clean cut for an event. Randy's got me in and out with a sharp look. Very professional and friendly. Definitely my new go-to barbershop.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-sofa-chair_206273-15.jpg",
          imageAlt: "Thomas K., a student",
        },
        {
          id: "5",
          name: "Michael R.",
          role: "Loyal Customer",
          testimonial: "Been coming to Randy's for years. Never a bad experience. They know my style, always deliver, and make me feel like family. Best barbers in Ohio!",
          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg",
          imageAlt: "Michael R., a loyal customer",
        },
      ]}
      title="What Our Valued Clients Say"
      description="We pride ourselves on excellent service, and our clients agree! With a 5.0-star rating across over a thousand reviews, hear directly from those who experience the Randy's Barbershop difference."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "Do I need an appointment?",
          content: "While walk-ins are accepted, we highly recommend booking an appointment through our Booksy page to ensure your preferred time slot and barber.",
        },
        {
          id: "faq-2",
          title: "What payment methods do you accept?",
          content: "We accept all major credit cards and debit cards for your convenience.",
        },
        {
          id: "faq-3",
          title: "Do you offer services for children?",
          content: "Yes, we welcome clients of all ages! We have specific services like 'Kid's Haircut (Age 10 and under)' tailored for our younger patrons.",
        },
        {
          id: "faq-4",
          title: "What are your operating hours?",
          content: "Our hours vary by day. Please refer to the contact section or our Booksy page for the most up-to-date schedule.",
        },
      ]}
      sideTitle="Questions? We've Got Answers."
      sideDescription="Find quick answers to the most common questions about our services, booking process, and shop policies."
      faqsAnimation="slide-up"
      textPosition="left"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Visit or Contact Randy's Barbershop"
      description="Ready for your next great haircut or have a question? Find us at our convenient Pickerington location, give us a call, or send an email."
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EyfD5JWB5gELXuoJRtgVg4Uabk/uploaded-1781155657466-lm061hzc.png"
      imageAlt="Map view or exterior of Randy's Barbershop"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Your Name"
      buttonText="Send Message"
      termsText="Our address: 1176 Hill Rd N, Pickerington, OH 43147. Phone: +1 614-694-2066"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EyfD5JWB5gELXuoJRtgVg4Uabk/uploaded-1781155657466-f0z4t9ki.png"
      logoAlt="Randy's Barbershop Logo"
      logoText="Randy's Barbershop"
      copyrightText="© 2024 Randy's Barbershop. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",
          ariaLabel: "Facebook",
        },
        {
          icon: Instagram,
          href: "#",
          ariaLabel: "Instagram",
        },
        {
          icon: Phone,
          href: "tel:+16146942066",
          ariaLabel: "Call us",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
