"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Diamond, Leaf, Sparkles, Star, Scissors, HeartHandshake } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="large"
        background="none"
        cardStyle="soft-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Gallery",          id: "#gallery"},
        {
          name: "Team",          id: "#team"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ldpkz"
      logoAlt="Elegance Atelier Logo"
      brandName="Elegance Atelier"
      button={{
        text: "TR / EN"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitKpi
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="Luxury Beauty Redefined Through Artistry"
      description="Bespoke treatments crafted by master aestheticians in an elevated sanctuary designed for transformation."
      kpis={[
        {
          value: "15+",          label: "Years of Expertise"},
        {
          value: "10K+",          label: "Satisfied Clients"},
        {
          value: "5-Star",          label: "Award-Winning Service"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Reserve Your Appointment",          href: "#contact"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-stylish-woman_23-2148323518.jpg",          alt: "Client 1"},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-applying-cream_23-2148389885.jpg",          alt: "Client 2"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-blonde-confident-young-businesswoman-against-gray-background_23-2148029500.jpg",          alt: "Client 3"},
        {
          src: "http://img.b2bpic.net/free-photo/charming-lady-black-classic-outfit-smiling-isolated-background-attractive-woman-dark-suit-laughing-touching-hair_197531-18495.jpg",          alt: "Client 4"},
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling-speaking-phone-walking-down-city_176420-3938.jpg",          alt: "Beautiful woman smiling speaking on phone walking down city"},
      ]}
      avatarText="Join our cherished clients"
      imageSrc="http://img.b2bpic.net/free-photo/blurred-hotel-reception_1203-1410.jpg"
      imageAlt="Luxurious beauty salon interior with elegant decor"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",          text: "Personalized Excellence",          icon: Sparkles,
        },
        {
          type: "text",          text: "Award-Winning Service"},
        {
          type: "text-icon",          text: "Master Aestheticians",          icon: Diamond,
        },
        {
          type: "text",          text: "Ultimate Relaxation"},
        {
          type: "text-icon",          text: "Holistic Well-being",          icon: Leaf,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      imagePosition="left"
      title="Our Philosophy: Artistry & Serenity"
      description="At Elegance Atelier, we believe beauty is an art form. Our master aestheticians combine cutting-edge techniques with a holistic approach, providing personalized treatments that not only enhance your natural beauty but also nourish your mind and spirit. Experience true transformation in an environment of unparalleled luxury and tranquility."
      bulletPoints={[
        {
          title: "Personalized Care",          description: "Each treatment is tailored to your unique needs and desires.",          icon: Sparkles,
        },
        {
          title: "Master Aestheticians",          description: "Expert hands deliver exceptional results with precision.",          icon: Diamond,
        },
        {
          title: "Luxurious Sanctuary",          description: "An exquisite environment designed for ultimate relaxation.",          icon: Leaf,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/caucasian-woman-going-through-microblading-treatment_23-2149102676.jpg"
      imageAlt="Master aesthetician performing a facial treatment"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Radiant Facials",          description: "Tailored skincare solutions for a luminous, youthful complexion. From hydrating to anti-aging, achieve your glow.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-lying-lounger-wellness-center_23-2147867939.jpg",          imageAlt: "Woman receiving a radiant facial treatment",          buttonIcon: Sparkles,
          buttonHref: "#contact"},
        {
          title: "Masterful Hair Styling",          description: "Transformative cuts, vibrant colors, and expert styling that reflects your personal elegance and style.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-bride-getting-hair-done_23-2149860770.jpg",          imageAlt: "Hair stylist working on a client's hair",          buttonIcon: Scissors,
          buttonHref: "#contact"},
        {
          title: "Artistic Nail Care",          description: "Exquisite manicures, pedicures, and bespoke nail art that elevates your hands and feet to works of art.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262886.jpg",          imageAlt: "Manicurist applying nail polish",          buttonIcon: HeartHandshake,
          buttonHref: "#contact"},
        {
          title: "Serene Spa Treatments",          description: "Indulge in holistic massages, detoxifying wraps, and aromatic therapies for ultimate relaxation and rejuvenation.",          imageSrc: "http://img.b2bpic.net/free-photo/massage-concept-with-woman-with-close-eyes_23-2147816963.jpg",          imageAlt: "A person receiving a relaxing spa treatment",          buttonIcon: Leaf,
        },
      ]}
      title="Our Signature Services"
      description="Discover a curated selection of high-end beauty and wellness treatments, each designed to deliver exceptional results and a truly indulgent experience."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "p-1",          name: "Radiance Renewal Facial",          price: "From $150",          imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-women-white-bathrobes-towels-head_158538-18141.jpg",          imageAlt: "Woman with glowing skin after facial"},
        {
          id: "p-2",          name: "Signature Cut & Style",          price: "From $120",          imageSrc: "http://img.b2bpic.net/free-photo/dance-with-passion_1385-827.jpg",          imageAlt: "Woman with a chic, modern haircut"},
        {
          id: "p-3",          name: "Luxury Gel Manicure",          price: "From $75",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-body-suit-white-shirt-with-pink-beautiful-lips-holding-cigar_343596-463.jpg",          imageAlt: "Close up of elegant gel nails"},
        {
          id: "p-4",          name: "Holistic Relaxation Massage",          price: "From $180",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-receiving-back-massage-spa-center_1139-1218.jpg",          imageAlt: "Person receiving a relaxing massage"},
        {
          id: "p-5",          name: "Bridal Makeup Artistry",          price: "Upon Consultation",          imageSrc: "http://img.b2bpic.net/free-photo/women-doing-makeup-with-brush-cosmetic_1150-4802.jpg",          imageAlt: "Bridal makeup artist working"},
        {
          id: "p-6",          name: "Precision Eyebrow Sculpting",          price: "From $60",          imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-beauty-portrait-beautiful-caucasian-young-woman-model-with-no-makeup-with-perfect-clean-skin_158538-12925.jpg",          imageAlt: "Close up of perfectly sculpted eyebrows"},
      ]}
      title="A Gallery of Transformations"
      description="Explore our portfolio of exceptional results, showcasing the artistry and precision that defines every service at Elegance Atelier."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      groups={[
        {
          id: "group-1",          groupTitle: "Expert Team",          members: [
            {
              id: "t-1",              title: "Elara Vance",              subtitle: "Lead Aesthetician & Founder",              detail: "With over 15 years of experience, Elara's innovative techniques and personalized approach redefine luxury skincare. Her commitment to excellence ensures every client receives a bespoke journey to radiance.",              imageSrc: "http://img.b2bpic.net/free-photo/friends-posing-with-bathrobe-spa_23-2148206161.jpg",              imageAlt: "Portrait of Elara Vance"},
            {
              id: "t-2",              title: "Marcus Thorne",              subtitle: "Master Hair Stylist",              detail: "Marcus is renowned for his visionary hair artistry, transforming locks into masterpieces. His expertise in cuts, colors, and styling ensures you leave feeling confident and looking spectacular.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",              imageAlt: "Portrait of Marcus Thorne"},
            {
              id: "t-3",              title: "Sophia Rossi",              subtitle: "Nail Art Director",              detail: "Sophia's intricate designs and meticulous nail care make every manicure and pedicure a luxurious experience. Her passion for detail guarantees impeccable results that truly stand out.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67086.jpg",              imageAlt: "Portrait of Sophia Rossi"},
          ]
        },
      ]}
      title="Meet Our Master Aestheticians"
      description="Our team comprises highly skilled professionals, passionate about their craft and dedicated to providing you with an unparalleled beauty experience."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t-a",          name: "Isabella Chen",          handle: "@isabella.c",          testimonial: "Elegance Atelier is truly a sanctuary. The personalized facial left my skin glowing like never before, and the atmosphere is pure bliss. A truly transformative experience!",          imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-selfie-hotel-room_23-2148095360.jpg",          imageAlt: "Isabella Chen, happy client",          icon: Star,
        },
        {
          id: "t-b",          name: "Olivia White",          handle: "@oliviaw",          testimonial: "My hair has never looked better! Marcus is a genius. The attention to detail and the luxurious products make all the difference. Highly recommend for anyone seeking perfection.",          imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-sweet-moments_23-2148661106.jpg",          imageAlt: "Olivia White, satisfied client",          icon: Star,
        },
        {
          id: "t-c",          name: "Ava Rodriguez",          handle: "@avarod",          testimonial: "The nail artistry here is simply unparalleled. Sophia created a custom design for me that was absolutely stunning. It’s an indulgence I now can't live without!",          imageSrc: "http://img.b2bpic.net/free-photo/green-eyed-woman-white-t-shirt-pink-jacket-with-snow-white-smile-looks-front-posing-street_197531-17040.jpg",          imageAlt: "Ava Rodriguez, thrilled client",          icon: Star,
        },
        {
          id: "t-d",          name: "Mia Thompson",          handle: "@miat",          testimonial: "From the moment I stepped in, I felt pampered. The spa treatments are incredibly relaxing, and the staff are wonderfully attentive. My favorite place to unwind.",          imageSrc: "http://img.b2bpic.net/free-photo/people-doing-cold-exposure-treatment_23-2151205896.jpg",          imageAlt: "Mia Thompson, relaxed client",          icon: Star,
        },
        {
          id: "t-e",          name: "Sophia Lee",          handle: "@sophia.l",          testimonial: "An exceptional experience from start to finish. The bespoke approach to skincare truly delivers remarkable results. My complexion has never been this clear and vibrant.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-couple-wearing-linen-clothing_23-2150695729.jpg",          imageAlt: "Sophia Lee, delighted client",          icon: Star,
        },
      ]}
      title="Client Transformations & Raves"
      description="Hear from our cherished clients about their unforgettable experiences and the exquisite results achieved at Elegance Atelier."
      speed={60}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "How do I book an appointment?",          content: "Appointments can be easily booked online through our website's 'Reserve Your Appointment' button, or by calling our reception directly during business hours. We recommend booking in advance to secure your preferred time."},
        {
          id: "q2",          title: "What payment methods do you accept?",          content: "We accept all major credit cards (Visa, Mastercard, American Express), debit cards, and cash. For your convenience, we also offer secure online payment options for advance bookings."},
        {
          id: "q3",          title: "What is your cancellation policy?",          content: "We require at least 24 hours' notice for any cancellations or rescheduling to avoid a cancellation fee. This allows us to offer the time slot to other clients. Please contact us as soon as possible if you need to make changes."},
        {
          id: "q4",          title: "Do you offer gift certificates?",          content: "Yes, luxury gift certificates are available for purchase online and at our reception. They make the perfect gift for loved ones to experience the indulgence of Elegance Atelier."},
      ]}
      sideTitle="Your Questions, Answered"
      sideDescription="Find quick answers to the most common questions about our luxury services, booking process, and salon experience."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      text="Ready to redefine your beauty experience? Book your bespoke treatment today and step into a world of elegance and transformation."
      buttons={[
        {
          text: "Reserve Your Appointment",          href: "#"},
        {
          text: "Call Us",          href: "tel:+1234567890"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ldpkz"
      logoAlt="Elegance Atelier Logo"
      logoText="Elegance Atelier"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Facials",              href: "#services"},
            {
              label: "Hair Styling",              href: "#services"},
            {
              label: "Nail Artistry",              href: "#services"},
            {
              label: "Spa Treatments",              href: "#services"},
          ],
        },
        {
          title: "About Us",          items: [
            {
              label: "Our Story",              href: "#about"},
            {
              label: "Our Team",              href: "#team"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Book Now",              href: "#contact"},
            {
              label: "Contact",              href: "#contact"},
            {
              label: "Instagram",              href: "https://instagram.com/eleganceatelier"},
            {
              label: "Facebook",              href: "https://facebook.com/eleganceatelier"},
          ],
        },
      ]}
      copyrightText="© 2024 Elegance Atelier. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
