"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Sparkles, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="medium"
        background="blurBottom"
        cardStyle="outline"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Gallery",          id: "#gallery"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Team",          id: "#team"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Nail Oasis"
      button={{
        text: "Book Now",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Unleash Your Inner Sparkle"
      description="Experience luxury nail care and stunning designs at Nail Oasis. Your destination for pampering and perfection."
      testimonials={[
        {
          name: "Sophia R.",          handle: "@GlamSophia",          testimonial: "Nail Oasis transformed my nails! The best manicure experience I've ever had. So happy with the vibrant colors and detailed art!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cool-girl-with-short-hair-looking-into-camera-background-white-backdrop-brunette-lady-with-glass-beige-outside-posing-backdrop-wall_197531-29357.jpg",          imageAlt: "Sophia R."},
        {
          name: "Liam K.",          handle: "@LiamNails",          testimonial: "Professional and super friendly staff. My pedicure was incredibly relaxing, and my nails look fantastic. Highly recommend!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104578.jpg",          imageAlt: "Liam K."},
        {
          name: "Olivia M.",          handle: "@ArtfulOlivia",          testimonial: "Absolutely adore my new nail art! The team at Nail Oasis brought my vision to life perfectly. Can't wait for my next visit!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_344912-3052.jpg",          imageAlt: "Olivia M."},
        {
          name: "Noah J.",          handle: "@StylishNoah",          testimonial: "First time trying a men's manicure and I'm impressed. My hands feel incredibly soft and look very clean. Great service!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/confident-african-businesswoman-smiling-closeup-portrait-jobs-career-campaign_53876-143280.jpg",          imageAlt: "Noah J."},
        {
          name: "Emma L.",          handle: "@EmmaChic",          testimonial: "The salon atmosphere is so calming and chic. Every detail is perfect, from booking to the final polish. Five stars!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-young-woman_23-2148204712.jpg",          imageAlt: "Emma L."},
      ]}
      testimonialRotationInterval={5000}
      tag="Welcome to Nail Oasis"
      buttons={[
        {
          text: "Book Your Appointment",          href: "#contact"},
        {
          text: "View Services",          href: "#services"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_344912-1420.jpg",          alt: "Sophia R."},
        {
          src: "http://img.b2bpic.net/free-photo/people-femininity-beauty-leisure-close-up-portrait-beautiful-dark-skinned-girl-with-voluminous-hair-brown-eyes-spending-nice-time-home-going-make-coffee-kitchen-smiling_343059-2646.jpg",          alt: "Liam K."},
        {
          src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13345.jpg",          alt: "Olivia M."},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-satisfied-ethnic-woman-looks-with-toothy-smile-has-happy-mood-chuckles-hilarious-joke-dressed-fashionable-outfit-feels-carefree-isolated-pink-wall_273609-37639.jpg",          alt: "Noah J."},
        {
          src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg",          alt: "Emma L."},
      ]}
      avatarText="Join our happy clients!"
      imageSrc="http://img.b2bpic.net/free-photo/colorful-nail-design-tips-close-up_127675-2581.jpg"
      imageAlt="Colorful manicure and nail art at a salon"
      showDimOverlay={false}
      showBlur={true}
      textPosition="bottom"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      tag="About Our Salon"
      title="Your Sanctuary for Beautiful Nails"
      buttons={[
        {
          text: "Discover Our Unique Approach",          href: "#"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Classic & Gel Manicures",          description: "From a quick refresh to a long-lasting gel finish, our manicures leave your hands looking flawless.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-manicure-procedure-nail-salon-beauty-care_176420-55210.jpg",          imageAlt: "Manicured hands with colorful nail polish"},
        {
          title: "Relaxing Pedicures",          description: "Treat your feet to ultimate relaxation with our spa pedicures, including soothing soaks and gentle exfoliation.",          imageSrc: "http://img.b2bpic.net/free-photo/home-salon-pedicure-foot-care-treatment-nail-process-professional-pedicures-master-blue-gloves-apply-light-pink-gel-polish_343596-1650.jpg",          imageAlt: "Feet soaking in a spa bath"},
        {
          title: "Creative Nail Art",          description: "Unleash your creativity with our bespoke nail art designs, from subtle accents to intricate masterpieces.",          imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749312.jpg",          imageAlt: "Hand with intricate nail art design"},
      ]}
      title="Indulge in Our Signature Services"
      description="Explore a world of luxurious treatments designed to beautify and rejuvenate your hands and feet."
      tag="Our Expertise"
      buttons={[
        {
          text: "View All Services",          href: "#pricing"},
      ]}
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "nail-art-1",          name: "Abstract Dreams",          price: "From $35",          imageSrc: "http://img.b2bpic.net/free-photo/make-up-nail-polish_23-2148109465.jpg",          imageAlt: "Abstract nail art design"},
        {
          id: "nail-art-2",          name: "Floral Elegance",          price: "From $40",          imageSrc: "http://img.b2bpic.net/free-photo/perfect-beautiful-woman-legs-bed_93675-128415.jpg",          imageAlt: "Floral nail art design"},
        {
          id: "nail-art-3",          name: "Geometric Chic",          price: "From $30",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-tools-nail-art_23-2150321317.jpg",          imageAlt: "Geometric nail art design"},
        {
          id: "nail-art-4",          name: "Ombre Sunset",          price: "From $38",          imageSrc: "http://img.b2bpic.net/free-photo/messy-hands-with-honey_23-2148132524.jpg",          imageAlt: "Ombre nail art design"},
        {
          id: "nail-art-5",          name: "Sparkle Pop",          price: "From $25",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-pretty-woman-with-curly-hair_197531-2615.jpg",          imageAlt: "Sparkle and glitter nail art"},
        {
          id: "nail-art-6",          name: "Minimalist Lines",          price: "From $28",          imageSrc: "http://img.b2bpic.net/free-photo/crop-mother-helping-daughter-bathroom_23-2147807873.jpg",          imageAlt: "Minimalist line nail art"},
      ]}
      title="Nail Art Inspiration Gallery"
      description="Browse our portfolio of stunning nail designs and get inspired for your next visit."
      tag="Our Creations"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "classic",          tag: "Popular",          tagIcon: Sparkles,
          price: "$35",          period: "/ session",          description: "Our timeless classic manicure for everyday elegance.",          button: {
            text: "Book Classic",            href: "#contact"},
          featuresTitle: "Includes:",          features: [
            "Nail shaping & buffing",            "Cuticle care",            "Relaxing hand massage",            "Choice of regular polish"],
        },
        {
          id: "gel",          tag: "Long-lasting",          tagIcon: Star,
          price: "$55",          period: "/ session",          description: "Enjoy chip-free, glossy nails for weeks with our gel manicure.",          button: {
            text: "Book Gel",            href: "#contact"},
          featuresTitle: "Includes:",          features: [
            "Classic manicure features",            "Premium gel polish application",            "UV/LED light curing",            "Extended wear & shine"],
        },
        {
          id: "spa",          tag: "Ultimate Pamper",          tagIcon: Zap,
          price: "$75",          period: "/ session",          description: "Indulge in our full spa manicure & pedicure combo for head-to-toe bliss.",          button: {
            text: "Book Spa Combo",            href: "#contact"},
          featuresTitle: "Includes:",          features: [
            "Gel manicure features",            "Deluxe spa pedicure",            "Exfoliating scrub & mask",            "Extended massage & hot towels"],
        },
      ]}
      title="Transparent Pricing for Every Indulgence"
      description="Choose the perfect pampering package that fits your needs and budget."
      tag="Our Pricing"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      team={[
        {
          id: "member-1",          name: "Elena Rodriguez",          role: "Lead Nail Technician",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-thinking-blue_140725-24235.jpg",          imageAlt: "Elena Rodriguez, Lead Nail Technician"},
        {
          id: "member-2",          name: "David Chen",          role: "Nail Art Specialist",          imageSrc: "http://img.b2bpic.net/free-photo/thinking-man-holding-tablet_23-2148363635.jpg",          imageAlt: "David Chen, Nail Art Specialist"},
        {
          id: "member-3",          name: "Sarah Miller",          role: "Senior Manicurist",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-smiling-blue_140725-24232.jpg",          imageAlt: "Sarah Miller, Senior Manicurist"},
        {
          id: "member-4",          name: "Maria Lopez",          role: "Pedicure Expert",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67003.jpg",          imageAlt: "Maria Lopez, Pedicure Expert"},
      ]}
      title="Meet Our Dedicated Nail Artists"
      description="Our talented team is passionate about creating stunning nails and providing exceptional service."
      tag="The Team"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          title: "Beyond Expectations!",          quote: "The team at Nail Oasis always goes above and beyond. My nails have never looked healthier or more beautiful. Truly a five-star experience every time!",          name: "Jessica L.",          role: "Regular Client",          imageSrc: "http://img.b2bpic.net/free-photo/girl-friends-celebration-moments_23-2149168064.jpg",          imageAlt: "Jessica L., happy client"},
        {
          id: "t2",          title: "Relaxing & Rejuvenating",          quote: "I look forward to my pedicure appointments. The ambiance is so peaceful, and the service is incredibly thorough. It's my little slice of heaven!",          name: "Mark D.",          role: "Spa Enthusiast",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-girl-with-beauty-blender_23-2148272497.jpg",          imageAlt: "Mark D., happy client"},
        {
          id: "t3",          title: "Artistry at its Best",          quote: "My nail art request was quite complex, but they executed it flawlessly. The attention to detail is remarkable. My nails are a conversation starter!",          name: "Chloe S.",          role: "Nail Art Lover",          imageSrc: "http://img.b2bpic.net/free-photo/woman-blowing-nails_23-2147767648.jpg",          imageAlt: "Chloe S., happy client"},
        {
          id: "t4",          title: "Exceptional Quality",          quote: "I've tried many salons, but Nail Oasis stands out. The products are top-notch, and my gel manicure lasts forever without chipping. Worth every penny!",          name: "Isabella F.",          role: "Beauty Blogger",          imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-client-talking-mobile-phone_23-2148766580.jpg",          imageAlt: "Isabella F., happy client"},
        {
          id: "t5",          title: "Friendly & Welcoming",          quote: "The staff are always so warm and inviting. They make you feel right at home. It's not just a nail salon, it's an experience!",          name: "Sophie P.",          role: "New Client",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-executives-showing-thumbs-up_1098-1828.jpg",          imageAlt: "Sophie P., happy client"},
      ]}
      title="What Our Clients Are Saying"
      description="Hear directly from our happy customers about their Nail Oasis experience."
      tag="Client Love"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "How do I book an appointment?",          content: "You can easily book an appointment through our website's 'Contact Us' section, by calling us directly, or by visiting our salon during business hours. We recommend booking in advance to secure your preferred time."},
        {
          id: "faq-2",          title: "What is your cancellation policy?",          content: "We require at least 24 hours' notice for any cancellations or rescheduling. Cancellations made less than 24 hours in advance may incur a fee. Please refer to our full policy on the booking page."},
        {
          id: "faq-3",          title: "Do you offer gift cards?",          content: "Yes, we offer gift cards in various denominations, perfect for treating a loved one to a luxurious nail experience. You can purchase them at our salon or online."},
        {
          id: "faq-4",          title: "What payment methods do you accept?",          content: "We accept all major credit cards, debit cards, and cash. For your convenience, we also support contactless payments."},
        {
          id: "faq-5",          title: "Are your products cruelty-free and vegan?",          content: "We strive to use high-quality, ethically sourced products. Many of our polishes and treatments are cruelty-free and vegan; please ask our staff for specific options."},
      ]}
      title="Your Questions, Answered"
      description="Find quick answers to common questions about our services and booking process."
      tag="FAQ"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      text="Ready for your perfect manicure? Book your appointment today and let us pamper you!"
      buttons={[
        {
          text: "Call Us: (123) 456-7890",          href: "tel:1234567890"},
        {
          text: "Email Us",          href: "mailto:info@nailoasis.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Services",              href: "#services"},
          ],
        },
        {
          items: [
            {
              label: "Gallery",              href: "#gallery"},
            {
              label: "Pricing",              href: "#pricing"},
            {
              label: "Team",              href: "#team"},
          ],
        },
        {
          items: [
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
      ]}
      logoText="Nail Oasis"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
