"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeLargeTitles"
        background="aurora"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Services",          id: "services"},
        {
          name: "Reviews",          id: "reviews"},
      ]}
      brandName="Shasha."
      button={{
        text: "Book Now",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "radial-gradient"}}
      title="Where Every Woman Leaves Glowing."
      description="More than 20 years of trusted beauty expertise. We bring out the most radiant version of you — naturally, gently, beautifully."
      kpis={[
        {
          value: "20+",          label: "Years of Excellence"},
        {
          value: "10+",          label: "Beauty Services"},
        {
          value: "4.9",          label: "Client Rating"},
      ]}
      enableKpiAnimation={false}
      buttons={[
        {
          text: "Book Appointment",          href: "#contact"},
        {
          text: "Our Services",          href: "#services"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=1"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg",          alt: "Client 1"},
        {
          src: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg",          alt: "Client 2"},
        {
          src: "http://img.b2bpic.net/free-photo/beauty-fashion-portrait-young-blond-woman-model-with-natural-makeup-perfect-skin-posing-touching-her-face_158538-8756.jpg",          alt: "Client 3"},
        {
          src: "http://img.b2bpic.net/free-photo/portait-charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9658.jpg",          alt: "Client 4"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-athlete-with-closed-eyes_23-2148267274.jpg",          alt: "Client 5"},
      ]}
      avatarText="Join 5,000+ happy clients"
      marqueeItems={[
        {
          type: "text",          text: "Threading"},
        {
          type: "text",          text: "Facial"},
        {
          type: "text",          text: "Styling"},
        {
          type: "text",          text: "Nails"},
        {
          type: "text",          text: "Waxing"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Beauty Built on Trust & Care"
      description="Shasha Beauty Salon was born from a simple belief — every woman deserves to feel beautiful, comfortable, and truly seen. For over 20 years, we have been the quiet luxury that women in our community trust — not just for results, but for the experience."
      imageSrc="http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=1"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      features={[
        {
          title: "Threading & Facial",          description: "Precision threading and cleansing facial.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=2"},
        {
          title: "Haircut & Styling",          description: "We listen, we shape, we deliver.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=3"},
        {
          title: "Acrylic Nails",          description: "Natural-feeling acrylics that last.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=4"},
        {
          title: "Waxing",          description: "Quick, efficient, comfortable.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=5"},
        {
          title: "Lash Lift",          description: "Lifted lashes that look naturally yours.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=6"},
        {
          title: "Rebonding & Keratin",          description: "Silky straight, frizz-free hair.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=7"},
      ]}
      title="Our Services"
      description="Precision treatments designed to enhance your natural glow."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardFive
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Kavi",          date: "Oct 2024",          title: "Client",          quote: "Results were so clean.",          tag: "Service",          avatarSrc: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=2",          imageAlt: "elegant beauty salon interior"},
        {
          id: "2",          name: "Preethi",          date: "Sept 2024",          title: "Client",          quote: "My acrylic nails came out so nice.",          tag: "Service",          avatarSrc: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=8",          imageAlt: "professional beauty expert smiling"},
        {
          id: "3",          name: "Divyaa",          date: "Aug 2024",          title: "Client",          quote: "The lash lift looks so natural.",          tag: "Service",          avatarSrc: "http://img.b2bpic.net/free-photo/beauty-fashion-portrait-young-blond-woman-model-with-natural-makeup-perfect-skin-posing-touching-her-face_158538-8756.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg?_wi=1",          imageAlt: "elegant woman smiling portrait"},
        {
          id: "4",          name: "Ashwini",          date: "Jul 2024",          title: "Client",          quote: "Simple, clean, and not too heavy.",          tag: "Service",          avatarSrc: "http://img.b2bpic.net/free-photo/portait-charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9658.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg?_wi=2",          imageAlt: "professional woman portrait"},
        {
          id: "5",          name: "Sneha",          date: "Jun 2024",          title: "Client",          quote: "Facial and massage was relaxing.",          tag: "Service",          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-athlete-with-closed-eyes_23-2148267274.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/beauty-fashion-portrait-young-blond-woman-model-with-natural-makeup-perfect-skin-posing-touching-her-face_158538-8756.jpg",          imageAlt: "happy client spa experience"},
      ]}
      title="What Our Clients Say"
      description="Real stories from the women we have served for over two decades."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Booking"
      title="Ready to Glow? Book Your Session Today."
      description="Join the many women who trust Shasha for beauty that feels as good as it looks."
      buttonText="Chat on WhatsApp"
      onSubmit={() => window.open("https://wa.me/60163607038", "_blank")}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Shasha."
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Threading & Facial",              href: "#"},
            {
              label: "Haircut & Styling",              href: "#"},
            {
              label: "Acrylic Nails",              href: "#"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "016-360 7038",              href: "tel:0163607038"},
            {
              label: "WhatsApp Us",              href: "https://wa.me/60163607038"},
            {
              label: "Tingkat 1, 18A, Jalan Besar, Pekan Kapar",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Shasha Beauty Salon. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
