"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Paintbrush, Scissors, Smile, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="circleGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Products",          id: "#products"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "Book Now",        href: "#contact"}}
      brandName="KENYUN SALON"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDoubleCarousel
      background={{
        variant: "plain"}}
      title="Unleash Your Beauty at KENYUN SALON"
      description="Experience premium hair care, styling, and beauty treatments designed to make you look and feel your absolute best. Your journey to radiant confidence starts here."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/sitting-hair-dresser-posing_23-2148108747.jpg",          imageAlt: "Luxurious hair salon interior with styling chairs"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668427.jpg",          imageAlt: "Hairdresser applying color to a client's hair"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",          imageAlt: "Man getting a stylish haircut at the salon"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-women-white-bathrobes-towels-head_158538-18141.jpg",          imageAlt: "Woman enjoying a relaxing facial treatment"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/girl-doing-her-make-up-green-room_23-2148210716.jpg",          imageAlt: "Manicure and pedicure station at a beauty salon"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-working-with-girl_23-2147769871.jpg",          imageAlt: "Stylist braiding a client's hair with intricate details"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-beautiful-woman-lying-wooden-floor_343629-265.jpg",          imageAlt: "Happy woman showcasing her new stylish haircut"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-down-young-beautiful-female-barber-uniform-wearing-glasses-combing-hair-isolated-blue-wall_141793-106074.jpg",          imageAlt: "Woman with vibrant and perfectly colored hair"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-wears-white-shirt-from-backside-showing-ideal-straight-hair_633478-2236.jpg",          imageAlt: "Woman with healthy, shiny hair after a treatment"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-posing-with-exotic-leaves_23-2148179482.jpg",          imageAlt: "Woman with glowing, clear skin after a facial"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/bride-morning-preparation-big-day_1328-3438.jpg",          imageAlt: "Hands with perfectly manicured and polished nails"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-red-lips-unusual-hair-style-with-shadow-eyes-black-background_158538-3863.jpg",          imageAlt: "Elegant woman with a sophisticated updo hairstyle"},
      ]}
      tag="Luxury & Style"
      tagAnimation="none"
      buttons={[
        {
          text: "Book an Appointment",          href: "#contact"},
        {
          text: "View Our Services",          href: "#services"},
      ]}
      buttonAnimation="none"
      carouselPosition="right"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/glamorous-model-make-up-studio_23-2148328753.jpg",          alt: "Glamorous model in make up studio"},
        {
          src: "http://img.b2bpic.net/free-photo/professional-woman-making-up-girl-s-eyes_23-2148210736.jpg",          alt: "Professional woman making up girl's eyes"},
        {
          src: "http://img.b2bpic.net/free-photo/pretty-girl-waiting-hair-coloring_23-2147769779.jpg",          alt: "Pretty girl waiting for hair coloring"},
        {
          src: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797714.jpg",          alt: "View of modern and futuristic work space with furniture"},
        {
          src: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668429.jpg",          alt: "Side view woman at hair salon"},
      ]}
      avatarText="Join 500+ happy clients!"
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-washed-beauty-salon_23-2149167381.jpg",          alt: "Woman getting her hair washed at the beauty salon"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668433.jpg",          alt: "High angle woman at hair salon"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817229.jpg",          alt: "Woman getting her hair dyed by hairdresser at home"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg",          alt: "Man getting his beard shaved with razor"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149220563.jpg",          alt: "Close up man looking in mirror"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "Where Expertise Meets Elegance"},
        {
          type: "text",          content: "At KENYUN SALON, we believe in the transformative power of beauty. Our team of seasoned stylists and therapists is dedicated to providing unparalleled service, using only the finest products and techniques to ensure you leave feeling refreshed, confident, and utterly beautiful. Discover our passion for perfection and commitment to your ultimate satisfaction."
        },
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/business-person-training-beginner-internship_23-2149335455.jpg",          alt: "Professional hairdresser styling client's hair"
        }
      ]}
      buttons={[
        {
          text: "Learn More",          href: "#about"},
      ]}
      buttonAnimation="none"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Precision Haircuts",          description: "Our expert stylists craft the perfect cut to enhance your features and match your style.",          icon: Scissors,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg",              imageAlt: "Hair cutting scissors and comb"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-hair-salon_23-2150668445.jpg",              imageAlt: "Woman with a fresh, stylish haircut"},
          ]
        },
        {
          title: "Vibrant Hair Coloring",          description: "From subtle highlights to bold new hues, we specialize in stunning, long-lasting color transformations.",          icon: Paintbrush,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-placing-cover-mold-making-paper_23-2147845452.jpg",              imageAlt: "Hair dye bowls and brushes"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-young-woman-with-cut-pink-hair-closed-eyes-attractive-makeup-pink-tinsels-eyes-showing-sensitive-true-emotions-magic-woman-dreaming_197531-1324.jpg",              imageAlt: "Woman with vibrant red hair color"},
          ]
        },
        {
          title: "Rejuvenating Facials",          description: "Indulge in our tailored facial treatments designed to cleanse, nourish, and restore your skin's natural glow.",          icon: Sparkles,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099209.jpg",              imageAlt: "Natural facial masks ingredients"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-towel-using-beauty-product_1157-31091.jpg",              imageAlt: "Relaxed woman with glowing skin after facial"},
          ]
        },
      ]}
      title="Our Signature Services"
      description="Discover a range of professional beauty services tailored to your individual needs and desires."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          brand: "L'Oréal Professionnel",          name: "Absolute Repair Shampoo",          price: "IDR 180.000",          rating: 5,
          reviewCount: "250",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-bottles-with-dispensers-liquid-soap_169016-23902.jpg",          imageAlt: "L'Oréal Absolute Repair Shampoo bottle"},
        {
          id: "p2",          brand: "Kerastase",          name: "Nutritive Hair Mask",          price: "IDR 450.000",          rating: 4,
          reviewCount: "180",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-using-dry-shampoo_23-2150704970.jpg",          imageAlt: "Kerastase Nutritive Hair Mask jar"},
        {
          id: "p3",          brand: "Wella Professionals",          name: "EIMI Flexible Finish Hairspray",          price: "IDR 150.000",          rating: 5,
          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/man-showing-aerosol-can_23-2147839422.jpg",          imageAlt: "Wella EIMI Flexible Finish Hairspray can"},
        {
          id: "p4",          brand: "OPI",          name: "Infinite Shine Gel Lacquer",          price: "IDR 110.000",          rating: 5,
          reviewCount: "300",          imageSrc: "http://img.b2bpic.net/free-photo/view-nail-care-items-arrangement_23-2149046499.jpg",          imageAlt: "OPI Infinite Shine Gel Lacquer bottle"},
        {
          id: "p5",          brand: "SK-II",          name: "Facial Treatment Essence",          price: "IDR 900.000",          rating: 4,
          reviewCount: "90",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-pink-bathrobe-applying-face-cream-green-surface_140725-70036.jpg",          imageAlt: "SK-II Facial Treatment Essence bottle"},
        {
          id: "p6",          brand: "Dyson",          name: "Supersonic Hair Dryer",          price: "IDR 7.000.000",          rating: 5,
          reviewCount: "50",          imageSrc: "http://img.b2bpic.net/free-photo/various-type-hair-combs-wooden-background_23-2147878876.jpg",          imageAlt: "Dyson Supersonic Hair Dryer"},
      ]}
      title="Shop Our Premium Selection"
      description="Discover the high-quality hair care and beauty products used and recommended by our KENYUN SALON experts."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",          tag: "Hair Care",          tagIcon: Scissors,
          price: "IDR 150K",          period: "starting from",          description: "Basic hair wash, cut, and style for a fresh look.",          button: {
            text: "Book Basic Cut",            href: "#contact"},
          featuresTitle: "Includes:",          features: [
            "Professional consultation",            "Precision haircut",            "Relaxing hair wash",            "Standard blowdry & styling"],
        },
        {
          id: "premium",          tag: "Color & Treatment",          tagIcon: Sparkles,
          price: "IDR 350K",          period: "starting from",          description: "Elevate your style with our premium coloring and treatment services.",          button: {
            text: "Book Premium",            href: "#contact"},
          featuresTitle: "Includes:",          features: [
            "In-depth color consultation",            "Full head coloring / Highlights",            "Deep conditioning treatment",            "Expert styling & finish"],
        },
        {
          id: "facial",          tag: "Skin Glow",          tagIcon: Smile,
          price: "IDR 250K",          period: "starting from",          description: "Rejuvenate your skin with our signature facial treatments.",          button: {
            text: "Book Facial",            href: "#contact"},
          featuresTitle: "Includes:",          features: [
            "Skin analysis",            "Deep cleansing & exfoliation",            "Customized mask application",            "Hydrating serum & massage"],
        },
      ]}
      title="Our Service Packages"
      description="Find the perfect beauty package that suits your needs and indulge in a luxurious experience at KENYUN SALON."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Alfini Riswika",          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg",          imageAlt: "Alfini Riswika"
        },
        {
          id: "2",          name: "Ahlia Dzikria Ahsol",          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-shirt-white-jacket-bow-tie-grey-background_613910-177.jpg",          imageAlt: "Ahlia Dzikria Ahsol"
        },
        {
          id: "3",          name: "Chatarina Denyza",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-posing-studio_52683-86505.jpg",          imageAlt: "Chatarina Denyza"
        },
        {
          id: "4",          name: "Sarah Johnson",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-relaxed-content-woman-leaning-wall_1262-1749.jpg",          imageAlt: "Sarah Johnson"
        },
        {
          id: "5",          name: "Emily Chen",          imageSrc: "http://img.b2bpic.net/free-photo/young-lady-white-bathrobe-towel-showing-ok-gesture-looking-cheery-front-view_176474-50925.jpg",          imageAlt: "Emily Chen"
        },
      ]}
      cardTitle="What Our Clients Say"
      cardTag="Rave Reviews"
      cardTagIcon={Star}
      buttons={[
        {
          text: "Read All Reviews",          href: "#testimonials"},
      ]}
      buttonAnimation="none"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "How do I book an appointment?",          content: "You can easily book an appointment by calling us at 0812-1025-2023, visiting our salon, or through the 'Book Now' button on our website."},
        {
          id: "faq2",          title: "What payment methods do you accept?",          content: "We accept various payment methods including cash, QRIS, Debit cards, and Credit cards for your convenience."},
        {
          id: "faq3",          title: "What are your operating hours?",          content: "We are open daily. Our salon operates until 8:00 PM. Please call for specific daily hours."},
        {
          id: "faq4",          title: "Do you offer consultations before services?",          content: "Yes, we highly recommend a complimentary consultation for all new clients or for specific services like hair coloring to ensure we meet your expectations."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/male-make-up-look-beauty-salon_23-2148784344.jpg"
      imageAlt="Salon staff discussing with a client"
      mediaAnimation="opacity"
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about KENYUN SALON and our services."
      tag="Got Questions?"
      tagAnimation="none"
      buttons={[
        {
          text: "Contact Us Directly",          href: "#contact"},
      ]}
      buttonAnimation="none"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      text="Ready for a transformation? Visit KENYUN SALON today or book your appointment easily through our contact details below. We look forward to seeing you!"
      buttons={[
        {
          text: "Call Us: 0812-1025-2023",          href: "tel:+6281210252023"},
        {
          text: "Get Directions",          href: "https://maps.app.goo.gl/3Q8T7S7X4A7Y2Z1W9"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="KENYUN SALON"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Haircuts & Styling",              href: "#services"},
            {
              label: "Hair Coloring",              href: "#services"},
            {
              label: "Facial Treatments",              href: "#services"},
            {
              label: "Nail Care",              href: "#services"},
          ],
        },
        {
          title: "Salon",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Products",              href: "#products"},
            {
              label: "Pricing",              href: "#pricing"},
            {
              label: "Client Reviews",              href: "#testimonials"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "Book Now",              href: "#contact"},
            {
              label: "Our Location",              href: "https://maps.app.goo.gl/3Q8T7S7X4A7Y2Z1W9"},
            {
              label: "Call Us",              href: "tel:+6281210252023"},
            {
              label: "Website",              href: "https://lorealsalonshop.co.id/"},
          ],
        },
      ]}
      copyrightText="© 2024 KENYUN SALON. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
