"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, Droplet, Feather, GraduationCap, Lightbulb, Palette, Scissors, Sparkle, Sparkles, Star, Hand, Brush, HairDryer } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSmallSizeMediumTitles"
        background="none"
        cardStyle="soft-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Services",          id: "#services"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Gallery",          id: "#gallery"},
        {
          name: "Reviews",          id: "#reviews"},
        {
          name: "Academy",          id: "#academy"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Shahfaro Salon and Academy"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardScroll
      background={{
        variant: "radial-gradient"}}
      title="Where Beauty Meets Luxury"
      description="Experience unparalleled elegance and exquisite service at Shahfaro Salon and Academy, your destination for premium hair and beauty transformations."
      buttons={[
        {
          text: "Book Now",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/tender-pregnant-woman-pink-dress-lying-violet-plaid-covered-with-pink-petals_8353-8108.jpg"
      imageAlt="Luxurious salon interior"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTen
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Hair Transformations",          description: "From bespoke colouring to advanced treatments, we redefine your hair with artistry and precision.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313031.jpg",            imageAlt: "Hair styling in a luxury salon"},
          items: [
            {
              icon: Scissors,
              text: "Hair Colouring & Highlighting"},
            {
              icon: HairDryer,
              text: "Hairstyling & Extensions"},
            {
              icon: Droplet,
              text: "Keratin & Hair Treatments"},
          ],
          reverse: false,
        },
        {
          title: "Skin & Makeup Artistry",          description: "Experience radiant skin and flawless makeup applications for every occasion, from everyday glam to bridal beauty.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-using-make-up-brush_23-2148537391.jpg",            imageAlt: "Makeup application in a beauty studio"},
          items: [
            {
              icon: Sparkles,
              text: "Skin & Facial Services"},
            {
              icon: Palette,
              text: "Professional Makeup"},
            {
              icon: Star,
              text: "Bridal Packages"},
          ],
          reverse: true,
        },
        {
          title: "Nail & Grooming Excellence",          description: "Pamper yourself with our luxurious manicure, pedicure, and complete grooming services, for both men and women.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/woman-bath-robe-posing-massage-table-spa_23-2148345826.jpg",            imageAlt: "Manicure in a luxury salon"},
          items: [
            {
              icon: Hand,
              text: "Manicure & Pedicure"},
            {
              icon: Sparkle,
              text: "Nail Art & Extensions"},
            {
              icon: Feather,
              text: "Shaving & Grooming"},
          ],
          reverse: false,
        },
        {
          title: "Shahfaro Beauty Academy",          description: "Elevate your career with our professional beauty courses, taught by industry veterans. Enroll and master the art of beauty.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-work-her-beauty-visage-studio-salon-woman-applying-by-professional-make-up-master-beauty-club-concept_627829-9064.jpg",            imageAlt: "Beauty academy training class"},
          items: [
            {
              icon: GraduationCap,
              text: "Hair Artistry Courses"},
            {
              icon: Brush,
              text: "Makeup & Skin Diplomas"},
            {
              icon: Award,
              text: "Advanced Beauty Techniques"},
          ],
          reverse: true,
        },
      ]}
      title="Our Exquisite Services"
      description="Indulge in a world of luxury with our comprehensive range of hair, skin, makeup, and nail services, perfected by expert stylists. Discover unparalleled care and stunning transformations."
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      imagePosition="right"
      title="The Shahfaro Story: Where Passion Meets Perfection"
      description="Shahfaro Salon and Academy is built on a foundation of passion, precision, and an unwavering commitment to beauty. With an impressive 4.9-star rating from 136 Google reviews, we have become a trusted and celebrated name in Mohali and the wider Chandigarh region. Our mission is to transform not just looks, but to inspire confidence and empower individuals. Beyond our salon services, our academy is a beacon for aspiring artists, offering cutting-edge training to cultivate the next generation of beauty professionals."
      bulletPoints={[
        {
          title: "Unmatched Expertise",          description: "Our team comprises highly skilled stylists and trainers with years of experience in luxury beauty."},
        {
          title: "Client-Centric Approach",          description: "We prioritize understanding your unique vision, ensuring every service is personalized to perfection."},
        {
          title: "Academy of Excellence",          description: "Our training programs are designed to equip students with practical skills and artistic flair, setting new industry standards."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/make-up-artist-work-her-beauty-visage-studio-salon-woman-applying-by-professional-make-up-master-beauty-club-concept_627829-9064.jpg"
      imageAlt="Elegant interior of Shahfaro Salon"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "portfolio-1",          name: "Bridal Elegance",          price: "Hair",          imageSrc: "http://img.b2bpic.net/free-photo/woman-drying-hair-young-girl_23-2147769807.jpg",          imageAlt: "Elegant bridal hairstyle"},
        {
          id: "portfolio-2",          name: "Vibrant Balayage",          price: "Hair Colouring",          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-yellow-ribbon-back-view_23-2149872373.jpg",          imageAlt: "Client with vibrant balayage hair"},
        {
          id: "portfolio-3",          name: "Silky Smooth Keratin",          price: "Hair Treatment",          imageSrc: "http://img.b2bpic.net/free-photo/female-client-getting-her-hair-washed-hairdresser_23-2150771292.jpg",          imageAlt: "Smooth, silky hair after keratin treatment"},
        {
          id: "portfolio-4",          name: "Glamorous Evening Look",          price: "Makeup",          imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-work-her-beauty-visage-studio-salon-woman-applying-by-professional-make-up-master-beauty-club-concept_627829-9056.jpg",          imageAlt: "Professional glamorous evening makeup"},
        {
          id: "portfolio-5",          name: "Chic Gel Nails",          price: "Nail Art",          imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-purse_23-2149820392.jpg",          imageAlt: "Elegant gel nail art"},
        {
          id: "portfolio-6",          name: "Precision Gentleman's Cut",          price: "Grooming",          imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg",          imageAlt: "Stylish gentleman's haircut"},
      ]}
      title="Our Masterpieces: A Gallery of Artistry"
      description="Explore a curated collection of our finest work, showcasing the exceptional artistry and transformative skill of our Shahfaro stylists across hair, makeup, and nails. Each image tells a story of beauty redefined."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "testimonial-1",          name: "Priya Sharma",          handle: "@priyasharma_official",          testimonial: "Shahfaro Salon is simply the best! My hair colouring was absolutely perfect, and the service was so luxurious. I feel like a celebrity every time I visit. Highly recommended!",          imageSrc: "http://img.b2bpic.net/free-photo/glad-african-american-young-woman-rests-alone-coffee-shop-has-delighted-look-rests-after-work-laptop-computer-has-positive-expression_273609-3414.jpg",          imageAlt: "Priya Sharma"},
        {
          id: "testimonial-2",          name: "Arjun Singh",          handle: "@arjun_style",          testimonial: "Fantastic experience at Shahfaro! My haircut and beard trim were impeccable. The attention to detail and professional atmosphere are truly unmatched in Mohali.",          imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wear-elegant-black-saree-posed-restaurant-against-wall-with-frames_627829-13159.jpg",          imageAlt: "Arjun Singh"},
        {
          id: "testimonial-3",          name: "Meena Devi",          handle: "@meenadevi_beauty",          testimonial: "I've tried many salons, but Shahfaro stands out. The staff is incredibly talented, and my keratin treatment left my hair unbelievably smooth and shiny. Worth every penny!",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",          imageAlt: "Meena Devi"},
        {
          id: "testimonial-4",          name: "Sneha Gupta",          handle: "@sneha_glam",          testimonial: "My bridal makeup from Shahfaro was a dream come true. They made me look and feel absolutely stunning on my special day. The team is so professional and caring.",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-woman-red-dress-taking-selfie-smartphone-posing-event-party-standing-with-mob_1258-158684.jpg",          imageAlt: "Sneha Gupta"},
        {
          id: "testimonial-5",          name: "Karan Kumar",          handle: "@karan_reviews",          testimonial: "The academy courses at Shahfaro are top-notch. I learned so much about advanced hairstyling techniques. The instructors are experts and genuinely passionate about teaching.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466344.jpg",          imageAlt: "Karan Kumar"},
      ]}
      title="Client Love: Our 4.9-Star Reputation"
      description="Our 4.9-star rating, backed by 136 Google reviews, speaks volumes about the Shahfaro Salon experience. Read what our cherished clients say about their journey to beauty and confidence with us."
    />
  </div>

  <div id="academy" data-section="academy">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "course-1",          badge: "Popular",          badgeIcon: Sparkles,
          price: "Inquire",          name: "Diploma in Hair Artistry",          buttons: [
            {
              text: "Learn More",              href: "#contact"},
          ],
          features: [
            "Advanced Cutting & Styling",            "Creative Colouring Techniques",            "Hair Extensions & Treatments",            "Salon Management Essentials"],
        },
        {
          id: "course-2",          badge: "Advanced",          badgeIcon: Star,
          price: "Inquire",          name: "Pro Makeup & Skin Diploma",          buttons: [
            {
              text: "Enroll Now",              href: "#contact"},
          ],
          features: [
            "Foundation to Advanced Makeup",            "Bridal & Editorial Looks",            "Professional Skincare Regimens",            "Client Consultation & Ethics"],
        },
        {
          id: "course-3",          badge: "New!",          badgeIcon: Lightbulb,
          price: "Inquire",          name: "Nail Technician Certificate",          buttons: [
            {
              text: "Discover",              href: "#contact"},
          ],
          features: [
            "Manicure & Pedicure Techniques",            "Gel & Acrylic Nail Applications",            "Advanced Nail Artistry",            "Hygiene & Safety Protocols"],
        },
      ]}
      title="Shape Your Future: Shahfaro Beauty Academy"
      description="Enroll in our comprehensive beauty courses and learn from industry leaders. Shahfaro Academy is dedicated to nurturing talent, equipping you with practical skills and artistic flair to excel in the dynamic beauty industry."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      tag="Contact Us"
      title="Connect with Luxury: Book Your Experience"
      description="Ready for your transformation or to embark on a new career path? Book an appointment today or inquire about our academy courses. Visit us at SCO-1018, Ground Floor, Connaught Place, TDI City, Sector 111, Mohali (SAS Nagar), Punjab. Call us at 084272 75027 / 099882 91763 or email shahfaro1018@gmail.com. We're open until 8 PM daily."
      buttons={[
        {
          text: "Book an Appointment",          href: "tel:+918427275027"},
        {
          text: "Get Directions",          href: "https://www.google.com/maps/search/Shahfaro+Salon+and+Academy+SCO-1018,+Ground+Floor,+Connaught+Place,+TDI+City,+Sector+111,+Mohali+(SAS+Nagar),+Punjab"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Shahfaro Salon and Academy"
      leftLink={{
        text: "Privacy Policy",        href: "#"}}
      rightLink={{
        text: "Terms of Service",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
