"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmallSizeLargeTitles"
        background="noise"
        cardStyle="solid"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About Us",          id: "#about-us"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Gallery",          id: "#gallery"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Reviews",          id: "#reviews"},
        {
          name: "FAQ",          id: "#faq"},
      ]}
      brandName="Asian Nails & Spa"
      button={{
        text: "Book Your Appointment",        href: "#contact"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDualMedia
      background={{
        variant: "radial-gradient"}}
      title="Elevated Nail Care Meets Modern Asian Serenity"
      description="Premium manicures, pedicures, and spa treatments in Miami. Experience expert craftsmanship with luxury finishes and a tranquil sanctuary designed for you."
      tag="Welcome to Tranquility"
      buttons={[
        {
          text: "Book Your Appointment",          href: "#contact"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/empty-chair-around-swimming-pool-hotel-resort-leisure-travel_74190-8557.jpg",          imageAlt: "Luxurious spa interior with soft lighting"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautician-working-with-client-beauty-salon-applying-color-nail-polish-manicure-procedure-beauty-salon_613910-20279.jpg",          imageAlt: "Nail technician applying polish during a manicure"},
      ]}
      mediaAnimation="opacity"
      rating={5}
      ratingText="5.0 (1,200+ Reviews)"
    />
  </div>

  <div id="about-us" data-section="about-us">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Our Philosophy"
      title="Where Serenity Meets Precision"
      description="Asian Nails & Spa is a sanctuary of beauty and relaxation, meticulously designed to transport you to a state of calm. We blend traditional Asian techniques with modern nail artistry, ensuring every visit is an experience in pure indulgence."
      subdescription="Our commitment to hygiene, premium products, and skilled technicians sets us apart in the vibrant Miami beauty scene. Discover a space where your well-being is our utmost priority."
      icon={Star}
      imageSrc="http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg"
      imageAlt="Serene spa reception area with modern Asian decor"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBento
      animationType="opacity"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Signature Manicures",          description: "Indulge in our range of manicures, from classic to luxurious spa treatments, designed for healthy, beautiful nails.",          bentoComponent: "reveal-icon",          icon: Sparkles,
        },
        {
          title: "Rejuvenating Pedicures",          description: "Relax with our premium pedicures, featuring soothing soaks, expert nail care, and invigorating massages.",          bentoComponent: "reveal-icon",          icon: Sparkles,
        },
        {
          title: "Gel X & Extensions",          description: "Discover durable and beautiful gel extensions and Gel X services for a flawless, long-lasting look.",          bentoComponent: "reveal-icon",          icon: Sparkles,
        },
        {
          title: "Spa & Combo Packages",          description: "Elevate your experience with our curated spa and combo packages, perfect for ultimate relaxation or special occasions.",          bentoComponent: "reveal-icon",          icon: Sparkles,
        },
      ]}
      title="Signature Treatments for Your Ultimate Relaxation"
      description="Explore our curated selection of nail care, pedicures, and spa enhancements, each designed to rejuvenate your body and spirit. From classic elegance to modern trends, find your perfect escape."
      tag="Our Services"
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "Classic French Manicure",          price: "Starting at $35",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-arrangement-nail-care-products_23-2148974570.jpg",          imageAlt: "Elegant french manicure"},
        {
          id: "p2",          name: "Vibrant Gel Nails",          price: "Starting at $50",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-caring-her-skin-near-mirror-bathroom_1301-7640.jpg",          imageAlt: "Vibrant red gel nails"},
        {
          id: "p3",          name: "Delicate Floral Nail Art",          price: "Starting at $65",          imageSrc: "http://img.b2bpic.net/free-photo/manicurist-doing-gel-nail-design-client-close-up_127675-2376.jpg",          imageAlt: "Delicate floral nail art"},
        {
          id: "p4",          name: "Glitter Ombre Design",          price: "Starting at $60",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-decoration-ball_23-2148346350.jpg",          imageAlt: "Glitter ombre nail art"},
        {
          id: "p5",          name: "Marble Effect Nails",          price: "Starting at $70",          imageSrc: "http://img.b2bpic.net/free-photo/textured-white-golden-cream-backdrop_23-2148078840.jpg",          imageAlt: "Marble effect nail design"},
        {
          id: "p6",          name: "Geometric Asian Art",          price: "Starting at $75",          imageSrc: "http://img.b2bpic.net/free-photo/vibrant-yellow-orange-ribbons-hanging-public-art-installation_1308-189835.jpg",          imageAlt: "Asian inspired geometric nail art"},
      ]}
      title="Crafted to Perfection"
      description="A glimpse into our exquisite nail art, premium products, and luxurious spa amenities. Let these images inspire your next appointment."
      tag="Our Artistry"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",          badge: "Classic",          badgeIcon: Sparkles,
          price: "$60",          subtitle: "Essential Manicure & Pedicure",          buttons: [
            {
              text: "Book Classic",              href: "#contact"},
          ],
          features: [
            "Standard Polish",            "Cuticle Care",            "Light Massage",            "Quick Dry Top Coat"],
        },
        {
          id: "signature",          badge: "Signature",          badgeIcon: Sparkles,
          price: "$95",          subtitle: "Our Most Popular Spa Experience",          buttons: [
            {
              text: "Book Signature",              href: "#contact"},
          ],
          features: [
            "Premium Polish Options",            "Exfoliating Scrub",            "Extended Hot Stone Massage",            "Paraffin Treatment",            "Hydrating Mask"],
        },
        {
          id: "deluxe",          badge: "Deluxe",          badgeIcon: Sparkles,
          price: "$130",          subtitle: "Ultimate Indulgence & Rejuvenation",          buttons: [
            {
              text: "Book Deluxe",              href: "#contact"},
          ],
          features: [
            "Organic & Vegan Polish",            "Deep Exfoliation & Detox",            "Aromatherapy Massage",            "Collagen Hand & Foot Treatment",            "Complimentary Drink"],
        },
      ]}
      title="Simple, Elegant Pricing"
      description="Discover our range of packages and individual services. We offer clear pricing with no hidden fees, ensuring a premium experience that fits your needs."
      tag="Transparent Pricing"
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sophia L.",          date: "October 20, 2023",          title: "Miami's Best Nail Spa!",          quote: "Asian Nails & Spa offers an unparalleled experience. The technicians are meticulous, and the ambiance is so relaxing. My nails always look flawless, and the staff is incredibly friendly. Highly recommend!",          tag: "Flawless Nails",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",          avatarAlt: "Sophia L. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199479.jpg",          imageAlt: "Luxurious spa interior"},
        {
          id: "2",          name: "Olivia M.",          date: "November 15, 2023",          title: "A True Sanctuary",          quote: "This place is a hidden gem in Miami! From the moment you walk in, you feel a sense of calm. The pedicure was heavenly, and my nails have never looked healthier. I've found my new go-to spa.",          tag: "Relaxing Pedicure",          avatarSrc: "http://img.b2bpic.net/free-photo/serious-executive-with-short-hair-crossed-arms_1149-89.jpg",          avatarAlt: "Olivia M. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/spa-body-oil-therapy-session-massage-hands-relaxation_169016-69553.jpg",          imageAlt: "Close-up hand receiving manicure"},
        {
          id: "3",          name: "Isabella R.",          date: "December 01, 2023",          title: "Exceptional Service & Quality",          quote: "I'm so impressed with the quality of service at Asian Nails & Spa. They use top-tier products, and their attention to detail is remarkable. My Gel X lasted perfectly for weeks!",          tag: "High Quality",          avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-pointing-finger-camera_171337-18531.jpg",          avatarAlt: "Isabella R. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-meditating-indoors_23-2150170831.jpg",          imageAlt: "Pedicure station with modern design"},
        {
          id: "4",          name: "Mia P.",          date: "January 08, 2024",          title: "My Nails Are Always Perfect",          quote: "I've been coming here for months, and my nails are always stunning. The environment is clean, peaceful, and the team makes every visit a delight. The best nail artists in the city!",          tag: "Consistent Perfection",          avatarSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg",          avatarAlt: "Mia P. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/pink-gray-nail-varnish-bottles-dried-white-limonium-box-colored-background_23-2148074006.jpg",          imageAlt: "Gel nail polish color palette"},
        {
          id: "5",          name: "Charlotte K.",          date: "February 20, 2024",          title: "Ultimate Relaxation Spot",          quote: "Asian Nails & Spa is my favorite place to unwind. The spa packages are incredible value, and the hot stone massage is out of this world. Five stars for total relaxation!",          tag: "Amazing Spa",          avatarSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",          avatarAlt: "Charlotte K. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg",          imageAlt: "Tranquil spa interior with natural elements"},
      ]}
      title="Unwavering Trust & Delight"
      description="Hear from our cherished clients who have experienced the difference at Asian Nails & Spa. Your satisfaction is our greatest reward."
      tag="What Our Clients Say"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "What are your operating hours?",          content: "Our Mills Dr location is open from 9 AM - 7 PM (Mon-Sat) and 11 AM - 5 PM (Sun). Our SW 160th St location is open from 10 AM - 8 PM (Mon-Sat) and closed on Sundays."},
        {
          id: "faq2",          title: "How do I book an appointment?",          content: "You can easily book your appointment online through our website by clicking the 'Book Now' button, or by calling us directly at either of our Miami locations."},
        {
          id: "faq3",          title: "Do you accept walk-ins?",          content: "While we do accept walk-ins based on availability, we highly recommend booking an appointment in advance to ensure we can provide you with the best service without a wait."},
        {
          id: "faq4",          title: "What brands of polish do you use?",          content: "We exclusively use high-quality, professional-grade polish brands known for their longevity and vibrant colors, including OPI, Essie, CND Shellac, and Bio Sculpture Gel. We also offer vegan and 7-free options."},
        {
          id: "faq5",          title: "Do you offer group bookings for special occasions?",          content: "Yes, we love hosting groups for special events like bridal parties, birthdays, or corporate wellness. Please contact us directly to arrange your group booking and discuss custom packages."},
      ]}
      sideTitle="Your Questions, Answered"
      sideDescription="Find quick answers to the most common questions about our services, booking process, and salon policies."
      faqsAnimation="opacity"
      textPosition="left"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Book Your Escape"
      title="Ready for Relaxation?"
      description="Schedule your next manicure, pedicure, or spa treatment with ease. Use our online booking system or visit us at one of our Miami locations."
      imageSrc="http://img.b2bpic.net/free-photo/virtual-love-cute-blonde-girl-red-dress-distance-date-with-wine-candles-smiling_140725-163898.jpg"
      imageAlt="Modern nail salon interior with treatment chairs"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Your Email Address"
      buttonText="Book Now"
      termsText="By clicking Book Now you're confirming that you agree with our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Asian Nails & Spa"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Manicures",              href: "#services"},
            {
              label: "Pedicures",              href: "#services"},
            {
              label: "Gel X",              href: "#services"},
            {
              label: "Spa Packages",              href: "#services"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about-us"},
            {
              label: "Reviews",              href: "#reviews"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Book Now",              href: "#contact"},
          ],
        },
        {
          title: "Locations",          items: [
            {
              label: "Mills Dr, Miami",              href: "#contact"},
            {
              label: "SW 160th St, Miami",              href: "#contact"},
          ],
        },
      ]}
      copyrightText="© 2024 Asian Nails & Spa. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
