"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="small"
        sizing="largeSizeMediumTitles"
        background="none"
        cardStyle="solid"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Team",          id: "#team"},
        {
          name: "Reviews",          id: "#reviews"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Vicky's Hair Salon"
      button={{
        text: "Book Now",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Vicky's Hair Salon"
      description="Where Every Visit Feels Luxurious"
      buttons={[
        {
          text: "Book Your Luxury Session",          href: "#contact"},
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/sexy-posh-woman-black-dress-looking-mirror_132075-8964.jpg",          imageAlt: "Salon Luxury 1"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-shop-chairs-close-up_23-2148353478.jpg",          imageAlt: "Salon Luxury 2"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg",          imageAlt: "Salon Luxury 3"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-consulting-client-salon_23-2147769879.jpg",          imageAlt: "Salon Luxury 4"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-s-haircut_1150-5885.jpg",          imageAlt: "Salon Luxury 5"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-bathroom_1157-20468.jpg",          imageAlt: "Salon Luxury 6"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "Welcome to "},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-81883.jpg",          alt: "Vicky Logo"},
        {
          type: "text",          content: " Hair Salon"},
      ]}
      buttons={[
        {
          text: "Learn More",          href: "#team"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Haircuts",          description: "Precision styling tailored to your face shape and personal style.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-dryer-mirror-catching-hair-movement-reflected-routine_169016-69469.jpg",          imageAlt: "Haircuts"},
        {
          title: "Color",          description: "Custom color blends for stunning, vibrant dimensions.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668447.jpg",          imageAlt: "Color"},
        {
          title: "Blowout",          description: "Smooth, voluminous finishes that last.",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-24982.jpg",          imageAlt: "Blowout"},
        {
          title: "Deep Conditioning",          description: "Intensive hydration treatments for hair restoration.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-spray-customer-barbershop_23-2147737081.jpg",          imageAlt: "Deep Conditioning"},
        {
          title: "Extensions",          description: "Full volume and length with premium quality extensions.",          imageSrc: "http://img.b2bpic.net/free-photo/one-woman-helps-friend-with-necklace_343596-885.jpg",          imageAlt: "Extensions"},
        {
          title: "Lashes/Wax",          description: "Professional beauty services to complement your look.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hair-process-keratin-treatment_23-2149332456.jpg",          imageAlt: "Lashes/Wax"},
      ]}
      title="Our Signature Services"
      description="Experience unparalleled hair care curated for the modern client."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      groups={[
        {
          id: "stylists",          groupTitle: "Elite Stylists",          members: [
            {
              id: "vicky",              title: "Vicky",              subtitle: "Founder & Creative Director",              detail: "The visionary behind our luxury salon experience.",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-smiling-young-hairdesser-wearing-gray-apron-holding-comb-cutting-hair-with-scissor-pastel-blue-color-background_140725-155271.jpg"},
            {
              id: "nicky",              title: "Nicky",              subtitle: "Senior Stylist",              detail: "Specializing in precision cuts and modern color.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67177.jpg"},
            {
              id: "crystal",              title: "Crystal",              subtitle: "Colorist & Extension Expert",              detail: "Transforming looks with artful color and length.",              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-hairdresser-apron-holding-hair-comb-spray-bottle-looking-front-with-serious-face-standing-green-wall_141793-71788.jpg"},
          ],
        },
      ]}
      title="Meet Our Elite Team"
      description="Passion and perfection in every touch."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Anna S.",          role: "Client",          testimonial: "Vicky's is simply the best in Austin. My hair has never looked healthier.",          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-brunette-female-with-crossed-arms-white-underwear-with-green-costly-necklace_613910-8010.jpg"},
        {
          id: "2",          name: "Sarah M.",          role: "Client",          testimonial: "The attention to detail and luxury atmosphere is unmatched.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229813.jpg"},
        {
          id: "3",          name: "Jessica R.",          role: "Client",          testimonial: "Finally found a place that knows extensions perfectly. Five stars!",          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-bun-wearing-gray-sweater_155996-26.jpg"},
        {
          id: "4",          name: "Maria K.",          role: "Client",          testimonial: "Exceptional service from Nicky, love the atmosphere.",          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-black-shirt-hanged-toy-camera-from-her-neck_114579-24475.jpg"},
        {
          id: "5",          name: "Chloe B.",          role: "Client",          testimonial: "Vicky's team makes me feel like royalty every time I visit.",          imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg"},
      ]}
      title="Luxury Reviews"
      description="Don't just take our word for it."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      text="Visit us at 11200 Manchaca Rd Bldg 4 Unit 3, Austin TX 78748. Call (512) 796-0671 for bookings. Hours: Mon-Fri 10AM-7PM, Sat 10AM-6PM, Sun Closed."
      buttons={[
        {
          text: "Book Now",          href: "tel:5127960671"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "About",              href: "#about"},
            {
              label: "Services",              href: "#services"},
            {
              label: "Team",              href: "#team"},
            {
              label: "Instagram",              href: "https://instagram.com/vickyshairsalon18"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "(512) 796-0671",              href: "tel:5127960671"},
            {
              label: "Austin, TX",              href: "#contact"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Vicky's Hair Salon"
      bottomRightText="Luxury Hair Care in Austin"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
