"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Facebook, Instagram, MapPin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="aurora"
        cardStyle="glass-elevated"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Gallery",
          id: "#gallery",
        },
        {
          name: "Team",
          id: "#team",
        },
        {
          name: "Bridal",
          id: "#bridal",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Hott Stepss Salon"
      button={{
        text: "Book Appointment",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "radial-gradient",
      }}
      title="Beautiful Hair. Exceptional Care. Every Visit."
      description="For over 15 years, Hott Stepss Salon has helped clients look and feel their best through expert styling, personalized attention, and a warm, welcoming experience."
      tag="15+ Years Experience | Thousands of Happy Clients | Premium Beauty Services"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Book Appointment",
          href: "#contact",
        },
        {
          text: "View Services",
          href: "#services",
        },
      ]}
      mediaItems={[
        {
          videoSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108824.jpg?_wi=1",
          imageAlt: "Hair styling and client consultation",
          videoAriaLabel: "Salon hair styling",
          imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108824.jpg?_wi=2",
        },
        {
          videoSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-washing-hair-blonde_23-2147769799.jpg?_wi=1",
          imageAlt: "Hair transformation and happy client",
          videoAriaLabel: "Hair transformation",
          imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-washing-hair-blonde_23-2147769799.jpg?_wi=2",
        },
        {
          videoSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-bride-indoors_23-2149721993.jpg?_wi=1",
          imageAlt: "Blow dry styling and luxury interiors",
          videoAriaLabel: "Blow dry styling",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-bride-indoors_23-2149721993.jpg?_wi=2",
        },
        {
          videoSrc: "http://img.b2bpic.net/free-photo/person-enjoying-scalp-massage-spa_23-2151454789.jpg?_wi=1",
          imageAlt: "Makeup artistry and client smiling",
          videoAriaLabel: "Makeup artistry",
          imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-scalp-massage-spa_23-2151454789.jpg?_wi=2",
        },
        {
          videoSrc: "http://img.b2bpic.net/free-photo/high-view-shot-accessories-barber-shop_23-2148256926.jpg?_wi=1",
          imageAlt: "Luxurious salon interior",
          videoAriaLabel: "Luxury interiors",
          imageSrc: "http://img.b2bpic.net/free-photo/high-view-shot-accessories-barber-shop_23-2148256926.jpg?_wi=2",
        },
        {
          videoSrc: "http://img.b2bpic.net/free-photo/professional-make-up-artist-working_23-2148328760.jpg?_wi=1",
          imageAlt: "Client consultation and hair treatment",
          videoAriaLabel: "Client consultation",
          imageSrc: "http://img.b2bpic.net/free-photo/professional-make-up-artist-working_23-2148328760.jpg?_wi=2",
        },
      ]}
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="More Than A Salon"
      description="Hott Stepss Salon has built its reputation through exceptional service, trusted expertise, and genuine relationships. Many clients have been returning for years because every visit feels personal, welcoming, and memorable. We are dedicated to creating a truly luxury experience."
      imageSrc="http://img.b2bpic.net/free-photo/ceiling-lamps_1203-791.jpg"
      imageAlt="Luxurious salon interior with elegant decor"
    />
  </div>

  <div id="why-love-us" data-section="why-love-us">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      negativeCard={{
        items: [],
      }}
      positiveCard={{
        items: [
          "Exceptional Hospitality",
          "Expert Professionals",
          "Personalized Care",
          "Clean & Hygienic",
          "Family Friendly",
          "No Waiting Experience",
        ],
      }}
      title="Why Clients Love Us"
      description="Discover the difference that keeps clients returning to Hott Stepss Salon for years. Our dedication to excellence ensures a truly exceptional experience every time, fostering long-term relationships built on trust."
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardOne
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "haircuts",
          name: "Haircuts & Styling",
          price: "Starting from ₹1200",
          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27201.jpg",
          imageAlt: "Professional haircut service",
        },
        {
          id: "facials",
          name: "Facials & Skin Treatments",
          price: "Starting from ₹2500",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-doing-skincare-home_23-2150642527.jpg",
          imageAlt: "Luxury facial treatment",
        },
        {
          id: "waxing",
          name: "Waxing & Grooming",
          price: "Starting from ₹800",
          imageSrc: "http://img.b2bpic.net/free-photo/creative-mirror-background-with-young-woman_23-2149704351.jpg",
          imageAlt: "Professional waxing service",
        },
        {
          id: "manicure",
          name: "Manicure & Pedicure",
          price: "Starting from ₹1000",
          imageSrc: "http://img.b2bpic.net/free-photo/client-manicure-appointment-close-up_23-2149171321.jpg",
          imageAlt: "Luxury manicure and nail care",
        },
        {
          id: "keratin",
          name: "Keratin & Hair Colour",
          price: "Starting from ₹5000",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-slugging-night-routine_23-2150396581.jpg",
          imageAlt: "Keratin hair treatment",
        },
        {
          id: "blowdry",
          name: "Blow Dry & Hair Spa",
          price: "Starting from ₹900",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-charming-makeup-model_23-2148398639.jpg",
          imageAlt: "Professional blow dry styling",
        },
      ]}
      title="Our Luxury Services"
      description="Indulge in a world-class beauty experience with our meticulously crafted hair, skin, beauty, and nail services, delivered by expert stylists in a serene and opulent environment."
    />
  </div>

  <div id="bridal" data-section="bridal">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "bridal-trial",
          badge: "Consultation",
          price: "Personalized",
          subtitle: "Discover your perfect look with our expert bridal stylists.",
          buttons: [
            {
              text: "Schedule Trial",
              href: "#contact",
            },
          ],
          features: [
            "Bridal Trials",
            "Makeup Packages",
            "Hair Styling",
          ],
        },
        {
          id: "bridal-package",
          badge: "Signature",
          price: "Packages Available",
          subtitle: "Comprehensive beauty solutions for your wedding day and beyond.",
          buttons: [
            {
              text: "View Packages",
              href: "#contact",
            },
          ],
          features: [
            "Wedding Day Support",
            "Engagement & Reception Makeup",
            "Pre-Bridal Treatments",
          ],
        },
        {
          id: "bridal-gold",
          badge: "Luxury",
          price: "Exclusive",
          subtitle: "The ultimate pampering experience for the most important day.",
          buttons: [
            {
              text: "Book Consultation",
              href: "#contact",
            },
          ],
          features: [
            "On-Site Styling",
            "Customized Beauty Regimen",
            "Post-Wedding Glow Care",
          ],
        },
      ]}
      title="Your Dream Bridal Look Begins Here"
      description="Trust Hott Stepss Salon to create the perfect bridal look for your special day. Our bespoke packages ensure you radiate confidence and beauty, with personalized attention every step of the way."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardOne
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        {
          id: "sweety",
          name: "Sweety",
          role: "Founder & Director",
          imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-working-her-workshop_23-2148877341.jpg",
          imageAlt: "Sweety, Founder & Director of Hott Stepss Salon",
        },
        {
          id: "bhavika",
          name: "Bhavika",
          role: "Client Experience Lead",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg",
          imageAlt: "Bhavika, Client Experience Lead",
        },
        {
          id: "krish",
          name: "Krish",
          role: "Senior Hair Stylist",
          imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462463.jpg",
          imageAlt: "Krish, Senior Hair Stylist",
        },
        {
          id: "wonring",
          name: "Wonring",
          role: "Hair Specialist",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-personal-shopper-working_23-2148924145.jpg",
          imageAlt: "Wonring, Hair Specialist",
        },
        {
          id: "vijay",
          name: "Vijay",
          role: "Hair Expert",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-painting-brush_23-2149529894.jpg",
          imageAlt: "Vijay, Hair Expert",
        },
        {
          id: "zain",
          name: "Zain",
          role: "Styling Specialist",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg",
          imageAlt: "Zain, Styling Specialist",
        },
        {
          id: "anil",
          name: "Anil",
          role: "Nail & Pedicure Specialist",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-female-barber-uniform-showing-okay-gesture-isolated-pink-background_141793-118849.jpg",
          imageAlt: "Anil, Nail & Pedicure Specialist",
        },
      ]}
      title="Meet Our Expert Stylists"
      description="Our highly skilled and passionate team of beauty professionals is dedicated to providing personalized service and an unforgettable salon experience, ensuring you always look and feel your best."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "transform-1",
          name: "Hair Transformations",
          price: "Explore",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-female-friends-posing_273609-7273.jpg",
          imageAlt: "Dramatic hair transformation",
        },
        {
          id: "color-2",
          name: "Hair Colour Artistry",
          price: "Discover",
          imageSrc: "http://img.b2bpic.net/free-photo/posing-ginger-people-girl-beauty_1122-1929.jpg",
          imageAlt: "Vibrant hair color",
        },
        {
          id: "bridal-3",
          name: "Bridal Beauty",
          price: "Radiate",
          imageSrc: "http://img.b2bpic.net/free-photo/close-view-lovely-face-young-girl-which-have-brunette-curly-hair-cute-makeup-holding-bridal-flowers-looking-down-while-smelling-it_8353-12351.jpg",
          imageAlt: "Elegant bridal makeup",
        },
        {
          id: "styling-4",
          name: "Expert Styling",
          price: "Achieve",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9230.jpg",
          imageAlt: "Professional blow dry styling",
        },
        {
          id: "before-after-5",
          name: "Before & After Results",
          price: "Witness",
          imageSrc: "http://img.b2bpic.net/free-photo/before-after-eyelashes-extensions-close-up_23-2149645052.jpg",
          imageAlt: "Complete beauty makeover",
        },
        {
          id: "makeup-6",
          name: "Makeup Artistry",
          price: "Enhance",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-caucasian-woman-model-with-dark-long-hair-pink-swimsuit-touching-green-tropical-leaf_158538-13365.jpg",
          imageAlt: "Glamorous evening makeup",
        },
      ]}
      title="Transformations That Inspire"
      description="Witness the artistry and skill of Hott Stepss Salon through our stunning gallery of hair, skin, and beauty transformations, showcasing our commitment to excellence."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Meera Sharma",
          imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-two-stylish-caucasian-woman-blazers-french-cap-classic-white-hat-stand_343596-2183.jpg",
          imageAlt: "Meera Sharma",
        },
        {
          id: "2",
          name: "Priya Singh",
          imageSrc: "http://img.b2bpic.net/free-photo/evaluation-feedback-customer-smiley-response_53876-123011.jpg",
          imageAlt: "Priya Singh",
        },
        {
          id: "3",
          name: "Anjali Kapoor",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-lovely-blonde-woman-casual-summer-clothing-smiles-pleasantly-sits-couch-surrounded-with-smart-phone_273609-2529.jpg",
          imageAlt: "Anjali Kapoor",
        },
        {
          id: "4",
          name: "Neha Patel",
          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-with-thumbs-up-medium-shot_23-2149008932.jpg",
          imageAlt: "Neha Patel",
        },
        {
          id: "5",
          name: "Sonia Verma",
          imageSrc: "http://img.b2bpic.net/free-photo/checking-news-internet_329181-11527.jpg",
          imageAlt: "Sonia Verma",
        },
      ]}
      cardTitle="What Our Clients Say"
      cardTag="Trusted for over 15 years"
      cardAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Book Your Luxury Experience"
      title="Experience The Difference That Keeps Clients Coming Back For Years"
      description="Ready for a personalized beauty journey? Book your appointment today at Hott Stepss Salon, your premium destination in Worli, Mumbai, proudly serving Lower Parel, Prabhadevi, Dadar, Mahalaxmi, Bandra, and all of South Mumbai. We look forward to welcoming you!"
      buttons={[
        {
          text: "Book Your Appointment Today",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Hott Stepss Salon"
      copyrightText="© 2024 Hott Stepss Salon. All rights reserved."
      socialLinks={[
        {
          icon: Instagram,
          href: "https://instagram.com/hottstepsssalon",
          ariaLabel: "Instagram",
        },
        {
          icon: Facebook,
          href: "https://facebook.com/hottstepsssalon",
          ariaLabel: "Facebook",
        },
        {
          icon: MapPin,
          href: "https://maps.app.goo.gl/YourSalonLocation",
          ariaLabel: "Google Maps",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
