"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";

import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Crop, MessageSquare, Scissors, Smile, Sparkles, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSmall"
        background="noise"
        cardStyle="gradient-bordered"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Reviews",          id: "#reviews"},
        {
          name: "FAQ",          id: "#faq"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1axpni"
      logoAlt="Pleasant Style Barbershop Logo"
      brandName="Pleasant Style"
      button={{
        text: "Book Now",        href: "#faq"
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroCentered
      background={{
        variant: "plain"}}
      title="Experience the Perfect Cut at Pleasant Style Barbershop"
      description="Dedicated to classic barbering and modern grooming, our skilled team ensures you leave looking and feeling your best. Walk-ins welcome!"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/confident-young-male-barber-wearing-white-shirt-barber-apron-holding-hair-trimmer-combs-looking-camera-isolated-blue-background_141793-134389.jpg",          alt: "Barber 1"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-14593.jpg",          alt: "Barber 2"},
        {
          src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon_613910-5075.jpg",          alt: "Barber 3"},
        {
          src: "http://img.b2bpic.net/free-photo/business-owner-with-apron-break_23-2148366601.jpg",          alt: "Barber 4"},
        {
          src: "http://img.b2bpic.net/free-photo/pleased-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-comb-scissors-isolated-white-background_141793-31598.jpg",          alt: "Barber 5"},
      ]}
      avatarText="Worcester's Top Rated Barbershop"
      buttons={[
        {
          text: "Get Directions",          href: "https://www.google.com/maps/dir/?api=1&destination=809 Pleasant St, Worcester, MA 01602"},
      ]}
      buttonAnimation="opacity"
      marqueeItems={[
        {
          type: "text-icon",          text: "Quality Haircuts",          icon: Scissors,
        },
        {
          type: "text-icon",          text: "Traditional Shaves",          icon: Crop,
        },
        {
          type: "text-icon",          text: "Expert Barbers",          icon: Users,
        },
        {
          type: "text-icon",          text: "Modern Styles",          icon: Sparkles,
        },
        {
          type: "text-icon",          text: "Family Friendly",          icon: Smile,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="About Pleasant Style Barbershop"
      description="At Pleasant Style Barbershop, we blend time-honored traditions with contemporary trends to deliver exceptional grooming experiences. With years of expertise, our barbers are dedicated to precision, style, and your complete satisfaction. We pride ourselves on creating a welcoming atmosphere where every client feels at home."
      tag="Our Legacy"
      bulletPoints={[
        {
          title: "Expert Craftsmanship",          description: "Highly skilled barbers passionate about their trade, delivering precision cuts and meticulous grooming services.",          icon: Scissors,
        },
        {
          title: "Personalized Experience",          description: "Every service is tailored to your unique style and preference, ensuring a look that perfectly suits you.",          icon: Sparkles,
        },
        {
          title: "Community Focused",          description: "Proudly serving the Worcester community for many years, building lasting relationships with our valued clients.",          icon: Users,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg"
      imageAlt="Interior of Pleasant Style Barbershop"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Precision Haircuts",          description: "Expert cuts for all styles and hair types, including fades, classic styles, and modern trends.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-elegantly-dressed-young-man-with-stylish-beard-hair-holding-hand-chin-looking-camera-studio-photo-against-dark-wall-background_613910-20287.jpg",          imageAlt: "Precision haircut"},
        {
          title: "Classic Hot Lather Shaves",          description: "Indulge in a traditional hot towel shave for ultimate relaxation and a perfectly smooth finish.",          imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-face-care-routine_23-2149288078.jpg",          imageAlt: "Classic hot lather shave"},
        {
          title: "Beard Trims & Shaping",          description: "Professional beard grooming services to keep your beard looking sharp, neat, and perfectly styled.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-man-barbershop_23-2148506245.jpg",          imageAlt: "Beard trim and shaping"},
        {
          title: "Kids Haircuts",          description: "Friendly and patient service for our younger clients, ensuring a comfortable experience and a great look.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-preschooler-boy-getting-haircut-children-hairdresser-with-scissors-comb-is-cutting-little-boy-room-with-loft-interior_613910-5696.jpg",          imageAlt: "Kids haircut"},
        {
          title: "Hair Styling",          description: "Finishing touches and product recommendations to ensure your hair looks its absolute best, every time.",          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-is-washing-man-s-hair_8353-11410.jpg",          imageAlt: "Hair styling"},
        {
          title: "Head Shaves",          description: "For those who prefer a clean and smooth look, our expert barbers provide a meticulous head shave.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg",          imageAlt: "Head shave"},
      ]}
      title="Our Signature Services"
      description="From sharp fades to classic shaves and expert beard grooming, discover our full range of services designed for the modern gentleman."
      tag="Grooming Excellence"
      tagIcon={Star}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "4.8 Stars",        "66 Reviews",        "Community Favorite",        "Awarded Quality",        "Client Approved",        "Top-Rated",        "Highly Recommended"]}
      title="Trusted by Over 60 Happy Clients"
      description="With a stellar 4.8-star rating from 66 glowing reviews, our commitment to quality and customer satisfaction shines through. We're proud to be Worcester's choice for top-tier grooming."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Nicolas D'Angelo",          handle: "@nickd",          testimonial: "Pablo and Raul are masters of their craft. They are incredibly detailed in their fades and styling, always ensuring the cut is exactly to my preference. Their line-ups are perfectly symmetrical every single time. Highly recommend for a precision cut!",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-blond-bearded-man-hoodie-joyfully-spending-time-with-friends-isolated-blue-background-good-mood_574295-3154.jpg",          imageAlt: "Nicolas D'Angelo"},
        {
          id: "2",          name: "Basma Khoja",          handle: "@basmak",          testimonial: "I always take my son to Raul for his haircut, and honestly, his work is consistently good and clean. I'm always happy with the result, and more importantly, my son leaves with a big smile on his face!",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-barber-wearing-uniform-doing-haircut-his-young-client_141793-117962.jpg",          imageAlt: "Basma Khoja"},
        {
          id: "3",          name: "Alexandros Kontoulis",          handle: "@alexk",          testimonial: "Pleasant Style is a truly great barber shop on the west side of Worcester. I've been a loyal customer for almost 5 years. Pablo, Raul, George, and John are all talented barbers who consistently deliver the best haircuts. Definitely recommend coming here!",          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-posing-pointing-fingers-head-brick-wall_176420-14670.jpg",          imageAlt: "Alexandros Kontoulis"},
        {
          id: "4",          name: "Mark R.",          handle: "@markr",          testimonial: "Professional, clean, and friendly. Every visit is a pleasure, and I always walk out with a fresh, sharp cut. This is my go-to spot in Worcester for a reason!",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera_1301-6572.jpg",          imageAlt: "Mark R."},
        {
          id: "5",          name: "Jessica L.",          handle: "@jessical",          testimonial: "My husband and son love coming here. The barbers are fantastic with kids and always make them feel comfortable. Highly recommend for families!",          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg",          imageAlt: "Jessica L."},
        {
          id: "6",          name: "Kevin S.",          handle: "@kevins",          testimonial: "Consistently excellent service and attention to detail. I appreciate a barber who truly listens to what you want. You won't be disappointed!",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-leaning-white-pillar-showing-thumb-up-sign_23-2148096510.jpg",          imageAlt: "Kevin S."},
      ]}
      title="Hear From Our Valued Customers"
      description="Our clients' words speak volumes about the quality and care we put into every service."
      tag="Client Stories"
      tagIcon={MessageSquare}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "Do I need an appointment?",          content: "Appointments are highly recommended to ensure you get your preferred time and barber, but we always welcome walk-ins based on availability."},
        {
          id: "faq-2",          title: "What are your operating hours?",          content: "We are open Monday through Saturday. Please refer to our contact section for today's specific opening and closing times, or call us directly."},
        {
          id: "faq-3",          title: "What services do you offer?",          content: "We offer a full range of services including precision haircuts, classic hot lather shaves, expert beard trims, head shaves, and styling for all ages."},
        {
          id: "faq-4",          title: "How long does a typical haircut take?",          content: "A standard haircut at Pleasant Style usually takes between 30 to 45 minutes, depending on the complexity of the style and hair type."},
        {
          id: "faq-5",          title: "Do you offer services for children?",          content: "Absolutely! We provide friendly and professional haircuts for children of all ages, ensuring a comfortable and positive experience."},
      ]}
      sideTitle="Common Questions"
      sideDescription="Find quick answers to frequently asked questions about our services, appointments, and what to expect at Pleasant Style Barbershop."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>


  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoSrc="http://img.b2bpic.net/free-vector/hipster-frames_23-2147506855.jpg"
      logoAlt="Pleasant Style Barbershop Logo"
      logoText="Pleasant Style Barbershop"
      columns={[
        {
          title: "Navigation",          items: [
            {
              label: "Home",              href: "#home"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Services",              href: "#services"},
            {
              label: "Reviews",              href: "#reviews"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "(508) 304-7217",              href: "tel:+15083047217"},
            {
              label: "809 Pleasant St, Worcester, MA",              href: "https://www.google.com/maps/dir/?api=1&destination=809 Pleasant St, Worcester, MA 01602"},
            {
              label: "Directions",              href: "https://www.google.com/maps/dir/?api=1&destination=809 Pleasant St, Worcester, MA 01602"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Pleasant Style Barbershop. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
