"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Heart, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="largeSmallSizeLargeTitles"
        background="none"
        cardStyle="subtle-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Gift Cards",
          id: "#gift-cards",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Sao Masaje Tailandés"
      button={{
        text: "Book Now",
        href: "#contact",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Authentic Thai Massage: Complete Relaxation Awaits"
      description="Experience professional, personalized wellness treatments in the heart of Valladolid. From traditional Thai massage to Balinese oil treatments, we adapt every session to your comfort and needs."
      buttons={[
        {
          text: "Book Your Massage Now",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/green-leaf-with-candle-sliced-dried-orange-fruit-gray_114579-85987.jpg?_wi=1"
      imageAlt="Luxurious Thai massage room with warm lighting"
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-lesbian-couple-taking-selfie-wedding_23-2150835706.jpg",
          alt: "Satisfied client",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-man-laying-down-with-copy-space_23-2147638181.jpg",
          alt: "Relaxed customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-relaxed-fitness-girl-sitting-rubber-mat-doing-yoga-meditating-home-doing-mindfulness_1258-200222.jpg",
          alt: "Happy individual",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-selfcare_23-2149168522.jpg",
          alt: "Smiling person",
        },
        {
          src: "http://img.b2bpic.net/free-photo/fashionable-gray-haired-female-real-estate-agent-white-shirt-posing-indoors-happy-stylish-woman-manager-standing-office-desk-working-day_343059-3730.jpg",
          alt: "Rejuvenated patron",
        },
      ]}
      avatarText="Over 200 happy clients"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Our Philosophy"
      title="Where Ancient Traditions Meet Modern Wellness"
      description="At Sao Masaje Tailandés, we are dedicated to creating a sanctuary for mind, body, and spirit. As a female-owned business, we pride ourselves on a welcoming, inclusive environment for all, including our LGBTQ+ community members."
      subdescription="Our skilled therapists blend authentic Thai techniques with personalized care, ensuring every session is tailored to your unique needs for deep relaxation and rejuvenation."
      icon={Heart}
      imageSrc="http://img.b2bpic.net/free-photo/professional-cosmetologist-holding-tray-with-herbs-spa-procedure_1098-19904.jpg?_wi=1"
      imageAlt="Professional female massage therapist smiling"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Traditional Thai Massage",
          description: "Experience the ancient art of Thai massage, a therapeutic blend of acupressure, stretching, and meditation to relieve tension and restore energy.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/spiritual-young-man-woman-practicing-yoga-indoors_23-2149163334.jpg",
            imageAlt: "Traditional Thai massage stretching",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-foot-massage-service-from-masseuse-close-up-hand-foot-relax-foot-massage-therapy-service-concept_1150-13706.jpg",
            imageAlt: "Relaxing spa treatment ambiance",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/green-leaf-with-candle-sliced-dried-orange-fruit-gray_114579-85987.jpg?_wi=2",
          imageAlt: "thai massage stretching techniques close up",
        },
        {
          title: "Balinese Oil Massage",
          description: "Indulge in a deeply relaxing Balinese massage using aromatic essential oils to soothe muscles, improve circulation, and calm the mind.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg",
            imageAlt: "Balinese oil massage with aromatic oils",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/vintage-brown-medicine-bottles_53876-142850.jpg",
            imageAlt: "Spa setting with candles and oils",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/professional-cosmetologist-holding-tray-with-herbs-spa-procedure_1098-19904.jpg?_wi=2",
          imageAlt: "thai massage stretching techniques close up",
        },
        {
          title: "Couples Retreat",
          description: "Share a unique moment of relaxation with our couples massage, perfect for a special occasion or simply to enjoy together.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-spa_23-2150911819.jpg",
            imageAlt: "Couple receiving synchronized massage",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/top-view-mineral-salt-lavender_23-2148295902.jpg",
            imageAlt: "Luxury spa amenities for couples",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/colorful-flash-near-stars_23-2147798935.jpg?_wi=1",
          imageAlt: "thai massage stretching techniques close up",
        },
      ]}
      showStepNumbers={false}
      title="Our Signature Wellness Treatments"
      description="Explore our diverse range of authentic Thai and Balinese massage therapies, each designed to provide a unique path to relaxation and healing."
    />
  </div>

  <div id="trust" data-section="trust">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "stars",
          value: "4.8",
          title: "Star Rating",
          description: "Consistently high satisfaction on Google Reviews, reflecting our dedication to quality.",
          imageSrc: "http://img.b2bpic.net/free-photo/colorful-flash-near-stars_23-2147798935.jpg?_wi=2",
          imageAlt: "Glowing star rating",
        },
        {
          id: "ratings",
          value: "288+",
          title: "Customer Ratings",
          description: "A growing community of satisfied clients who have shared their positive experiences.",
          imageSrc: "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling_1258-229592.jpg",
          imageAlt: "Graph showing customer ratings",
        },
        {
          id: "experience",
          value: "7+",
          title: "Years of Experience",
          description: "Bringing years of dedicated practice and authentic techniques to every massage session.",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-getting-massaged-spa_23-2149871268.jpg",
          imageAlt: "Hands showing professional care",
        },
      ]}
      title="Trusted by Our Community"
      description="Our commitment to excellence shines through the experiences of our valued clients."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Absolutely wonderful!",
          quote: "The traditional Thai massage at Sao was an incredibly authentic and relaxing experience. I left feeling completely rejuvenated.",
          name: "Ana G.",
          role: "Marketing Executive",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-adult-asian-woman-outdoor-mature-woman-is-looking-seriously_549566-341.jpg",
          imageAlt: "Smiling female client",
        },
        {
          id: "2",
          title: "Best massage in Valladolid",
          quote: "I've tried many places, but Sao Masaje Tailandés truly stands out. The Balinese oil massage was pure bliss, and the therapist was incredibly skilled.",
          name: "Carlos L.",
          role: "Software Engineer",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-bathrobe-resting-with-eyes-closed-spa-there-is-woman-background_637285-7460.jpg",
          imageAlt: "Relaxed male client",
        },
        {
          id: "3",
          title: "A serene sanctuary",
          quote: "From the moment I walked in, I felt a sense of calm. The atmosphere, combined with a fantastic massage, made for a perfect escape.",
          name: "Marta S.",
          role: "Freelance Artist",
          imageSrc: "http://img.b2bpic.net/free-photo/good-looking-young-brunette-relaxing-massage-bed-spa-making-eye-contact_662251-1806.jpg",
          imageAlt: "Peaceful woman after spa",
        },
        {
          id: "4",
          title: "Highly recommend for couples",
          quote: "My partner and I booked a couples massage, and it was a fantastic experience. A perfect way to relax and reconnect. We'll be back!",
          name: "Javier R.",
          role: "Architect",
          imageSrc: "http://img.b2bpic.net/free-photo/young-blond-girl-happy-expression_1194-4511.jpg",
          imageAlt: "Content man smiling",
        },
        {
          id: "5",
          title: "Inclusive and professional",
          quote: "As an LGBTQ+ individual, it's wonderful to find a place that is not only professional but also genuinely welcoming and inclusive. The service was impeccable.",
          name: "Laura P.",
          role: "Community Organizer",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12662.jpg",
          imageAlt: "Serene woman profile",
        },
        {
          id: "6",
          title: "Pure bliss!",
          quote: "Every session at Sao Masaje Tailandés leaves me feeling completely renewed. The attention to detail and personalized care are unmatched.",
          name: "Fernando T.",
          role: "Chef",
          imageSrc: "http://img.b2bpic.net/free-photo/people-cooking-enjoying-food_23-2149257438.jpg",
          imageAlt: "Man feeling refreshed and calm",
        },
      ]}
      title="What Our Clients Say"
      description="Hear directly from those who have experienced the transformative power of Sao Masaje Tailandés."
    />
  </div>

  <div id="gift-cards" data-section="gift-cards">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "gift-card-50",
          name: "Wellness Gift Card",
          price: "€50",
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-with-smartphone-mock-up_23-2148312063.jpg",
          imageAlt: "Elegant wellness gift card",
        },
        {
          id: "gift-card-thai",
          name: "Thai Massage Experience",
          price: "€75",
          imageSrc: "http://img.b2bpic.net/free-photo/diwali-festival-illuminated-candles-floral-decorations_23-2152004272.jpg",
          imageAlt: "Thai massage gift card with lotus",
        },
        {
          id: "gift-card-couples",
          name: "Couples Retreat Voucher",
          price: "€140",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-gift-box-man-back_23-2148012292.jpg",
          imageAlt: "Romantic couples massage gift card",
        },
        {
          id: "gift-card-balinese",
          name: "Balinese Aroma Therapy",
          price: "€80",
          imageSrc: "http://img.b2bpic.net/free-photo/assortment-equipment-floristry_23-2147743011.jpg",
          imageAlt: "Aromatherapy massage gift card",
        },
        {
          id: "gift-card-deep",
          name: "Deep Tissue Relief",
          price: "€90",
          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-gift-certificate-template_23-2149606481.jpg",
          imageAlt: "Deep tissue massage gift card",
        },
        {
          id: "gift-card-reflexology",
          name: "Reflexology Session",
          price: "€60",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099265.jpg",
          imageAlt: "Reflexology massage gift card",
        },
      ]}
      title="Give the Gift of Relaxation"
      description="Share the ultimate wellness experience with a digital gift card, perfect for any occasion and delivered instantly."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "thai-60",
          badge: "Popular",
          badgeIcon: Sparkles,
          price: "€65",
          subtitle: "Traditional Thai Massage (60 min)",
          buttons: [
            {
              text: "Book Now",
              href: "#contact",
            },
          ],
          features: [
            "Full Body Stretching",
            "Acupressure Techniques",
            "Energy Line Work",
            "Deep Relaxation",
          ],
        },
        {
          id: "balinese-90",
          badge: "Premium",
          badgeIcon: Star,
          price: "€95",
          subtitle: "Balinese Oil Massage (90 min)",
          buttons: [
            {
              text: "Book Now",
              href: "#contact",
            },
          ],
          features: [
            "Aromatic Essential Oils",
            "Long, Flowing Strokes",
            "Muscle Tension Relief",
            "Ultimate Serenity",
          ],
        },
        {
          id: "couples-120",
          badge: "Experience",
          badgeIcon: Heart,
          price: "€180",
          subtitle: "Couples Massage (120 min)",
          buttons: [
            {
              text: "Book Now",
              href: "#contact",
            },
          ],
          features: [
            "Private Couples Room",
            "Choice of Massage",
            "Refreshments Included",
            "Shared Relaxation",
          ],
        },
      ]}
      title="Choose Your Path to Serenity"
      description="Discover our flexible massage durations and packages designed to fit your schedule and wellness goals."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",
          title: "¿Qué tipos de masaje tailandés ofrecen?",
          content: "Ofrecemos masaje tradicional tailandés (sin aceites), masaje con aceites balinés, masaje a parejas, y reflexología podal.",
        },
        {
          id: "faq2",
          title: "¿Necesito reservar con antelación?",
          content: "Sí, recomendamos encarecidamente reservar con antelación, especialmente para fines de semana o masajes en pareja, para asegurar su cita.",
        },
        {
          id: "faq3",
          title: "¿Ofrecen tarjetas de regalo?",
          content: "Sí, disponemos de tarjetas de regalo digitales que puede comprar directamente en nuestra web y enviar al instante. Son el regalo perfecto para cualquier ocasión.",
        },
        {
          id: "faq4",
          title: "¿El local es accesible para personas con movilidad reducida?",
          content: "Nuestro centro está diseñado para ser lo más accesible posible. Por favor, contáctenos directamente si tiene necesidades específicas para que podamos asistirle mejor.",
        },
        {
          id: "faq5",
          title: "¿Tienen ofertas especiales o paquetes?",
          content: "Sí, regularmente ofrecemos paquetes y promociones. Visite nuestra sección de 'Precios' o síganos en redes sociales para estar al tanto de las últimas novedades.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common inquiries about our services, bookings, and policies to ensure a smooth experience."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Connect with Us"
      title="Ready for Your Relaxation Journey?"
      description="Contact us today to book your personalized massage experience or inquire about our services. We look forward to welcoming you."
      inputPlaceholder="Your email address"
      buttonText="Send Message"
      termsText="By sending a message, you agree to our privacy policy."
    />
  </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: "Gift Cards",
              href: "#gift-cards",
            },
            {
              label: "Pricing",
              href: "#pricing",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
        {
          items: [
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Sao Masaje Tailandés"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
