"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, Sparkles, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Inicio",          id: "#inicio"},
        {
          name: "Sobre Nosotros",          id: "#sobre-nosotros"},
        {
          name: "Servicios",          id: "#servicios"},
        {
          name: "Precios",          id: "#precios"},
        {
          name: "Testimonios",          id: "#testimonios"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contacto",          id: "#contacto"},
      ]}
      brandName="Busa Masajes Lorca"
    />
  </div>

  <div id="inicio" data-section="inicio">
      <HeroOverlayTestimonial
      title="Relájate y Renueva tu Bienestar en Lorca"
      description="En Busa Masajes, ofrecemos una experiencia única de relajación y bienestar. Déjate cuidar por manos expertas y encuentra tu equilibrio perfecto."
      testimonials={[
        {
          name: "María G.",          handle: "@mariag_client",          testimonial: "¡Una experiencia increíble! Salí como nueva, totalmente relajada. Busa Masajes es mi lugar favorito en Lorca.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg",          imageAlt: "Avatar de María G."},
        {
          name: "Juan P.",          handle: "@juanp_review",          testimonial: "El masaje descontracturante que necesitaba. Muy profesionales y el ambiente es de lo más tranquilo.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg",          imageAlt: "Avatar de Juan P."},
        {
          name: "Ana R.",          handle: "@anar_wellness",          testimonial: "Desde que descubrí Busa Masajes, mis dolores de espalda han desaparecido. ¡Altamente recomendado!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",          imageAlt: "Avatar de Ana R."},
        {
          name: "Pedro S.",          handle: "@pedros_happy",          testimonial: "Un oasis de paz. Cada sesión es una recarga de energía. Gracias por el excelente servicio.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-naked-woman-beach-tans_641386-731.jpg",          imageAlt: "Avatar de Pedro S."},
        {
          name: "Laura M.",          handle: "@lauram_zen",          testimonial: "Profesionalidad y calidez. Es un placer ponerse en sus manos. ¡Volveré sin duda!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-standing-city_839833-28609.jpg",          imageAlt: "Avatar de Laura M."},
      ]}
      tag="Tu Bienestar, Nuestra Prioridad"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Reservar Ahora",          href: "#contacto"},
        {
          text: "Ver Servicios",          href: "#servicios"},
      ]}
      buttonAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-girl-looking-happy-smiling-camera-outdoor-human-emotion-concept_574295-2802.jpg",          alt: "Avatar de cliente 1"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-cheerful-confident-bearded-man-assure-everything-good-showing-okay-gesture-winki_1258-163886.jpg",          alt: "Avatar de cliente 2"},
        {
          src: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-130180.jpg",          alt: "Avatar de cliente 3"},
        {
          src: "http://img.b2bpic.net/free-photo/woman-with-blonde-hair-smiling-warmly-minimalist-portrait_24972-2971.jpg",          alt: "Avatar de cliente 4"},
        {
          src: "http://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg",          alt: "Avatar de cliente 5"},
      ]}
      avatarText="+100 clientes satisfechos"
      imageSrc="http://img.b2bpic.net/free-photo/man-massage-session-close-up_23-2148824094.jpg"
      imageAlt="Mujer recibiendo un masaje relajante en un ambiente sereno."
      showBlur={true}
      textPosition="bottom"
    />
  </div>

  <div id="sobre-nosotros" data-section="sobre-nosotros">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "Sobre Busa Masajes: Tu Santuario de Paz en Lorca"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/bed-with-sea-view_1137-127.jpg",          alt: "Interior tranquilo y relajante de un estudio de masajes."
        }
      ]}
      buttons={[
        {
          text: "Conócenos Más",          href: "#"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="servicios" data-section="servicios">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Masaje Relajante",          description: "Una experiencia suave para aliviar el estrés, mejorar la circulación y promover una profunda relajación.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-getting-massaged-spa_23-2149871268.jpg",          imageAlt: "Masaje relajante con piedras calientes."},
        {
          title: "Masaje Descontracturante",          description: "Ideal para liberar tensiones musculares, reducir el dolor y restaurar la flexibilidad en zonas específicas.",          imageSrc: "http://img.b2bpic.net/free-photo/doctor-checks-collarbone-shoulder-female-patient-rehab-pain-assessment_169016-71289.jpg",          imageAlt: "Masaje descontracturante en la espalda."},
        {
          title: "Masaje Deportivo",          description: "Diseñado para atletas, ayuda a la recuperación muscular, previene lesiones y mejora el rendimiento.",          imageSrc: "http://img.b2bpic.net/free-photo/knee-thigh-compression-spa-mindful-care_169016-69825.jpg",          imageAlt: "Masaje deportivo en la pierna de un atleta."},
        {
          title: "Reflexología Podal",          description: "Terapia que aplica presión en puntos específicos de los pies para estimular el equilibrio y la salud general del cuerpo.",          imageSrc: "http://img.b2bpic.net/free-photo/muslim-woman-background-praying_23-2147794175.jpg",          imageAlt: "Sesión de reflexología podal."},
        {
          title: "Drenaje Linfático Manual",          description: "Técnica suave que estimula el sistema linfático para eliminar toxinas, reducir la hinchazón y mejorar la circulación.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-young-brunette-getting-back-massage-health-clinic_662251-1840.jpg",          imageAlt: "Drenaje linfático manual en la pierna."},
      ]}
      title="Nuestros Servicios de Masajes Especializados"
      description="Descubre la variedad de masajes diseñados para satisfacer tus necesidades específicas y promover tu bienestar físico y mental."
      tag="Elige tu Tratamiento"
      tagAnimation="slide-up"
    />
  </div>

  <div id="precios" data-section="precios">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "sesion-30min",          badge: "Inicio",          badgeIcon: Sparkles,
          price: "30€",          subtitle: "Sesión de 30 minutos",          features: [
            "Masaje focalizado",            "Alivio rápido",            "Ideal para probar"],
        },
        {
          id: "sesion-60min",          badge: "Popular",          badgeIcon: Award,
          price: "50€",          subtitle: "Sesión de 60 minutos",          features: [
            "Relajación profunda",            "Tratamiento completo",            "Bienestar total"],
        },
        {
          id: "sesion-90min",          badge: "Premium",          badgeIcon: Zap,
          price: "70€",          subtitle: "Sesión de 90 minutos",          features: [
            "Experiencia exclusiva",            "Máxima relajación",            "Tratamiento personalizado"],
        },
      ]}
      title="Elige tu Experiencia de Bienestar"
      description="Ofrecemos planes flexibles para que disfrutes de nuestros masajes adaptados a tu ritmo y necesidades."
      tag="Nuestros Planes"
      tagAnimation="slide-up"
    />
  </div>

  <div id="testimonios" data-section="testimonios">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Carmen L.",          imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-casual-wear-outdoor_624325-1131.jpg",          imageAlt: "Foto de Carmen L."},
        {
          id: "2",          name: "Ricardo V.",          imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-red-tie-blue-shirt-wearing-glasses-looking-camera-happy-positive-smiling-cheerfully-raising-hands-standing-orange-background_141793-110787.jpg",          imageAlt: "Foto de Ricardo V."},
        {
          id: "3",          name: "Silvia D.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg",          imageAlt: "Foto de Silvia D."},
        {
          id: "4",          name: "Manuel J.",          imageSrc: "http://img.b2bpic.net/free-photo/dreamy-pretty-young-lady-touching-chin-city-park_1262-20536.jpg",          imageAlt: "Foto de Manuel J."},
        {
          id: "5",          name: "Elena C.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",          imageAlt: "Foto de Elena C."},
        {
          id: "6",          name: "Francisco R.",          imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-posing-studio_176474-73380.jpg",          imageAlt: "Foto de Francisco R."},
      ]}
      cardTitle="Lo que Dicen Nuestros Clientes"
      cardTag="Opiniones Reales"
      cardTagIcon={Star}
      buttons={[
        {
          text: "Déjanos tu opinión",          href: "#contacto"},
      ]}
      buttonAnimation="slide-up"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "¿Cómo puedo reservar una cita?",          content: "Puedes reservar tu cita directamente a través de nuestra web en la sección de Contacto, llamando por teléfono o enviando un mensaje por WhatsApp."},
        {
          id: "faq-2",          title: "¿Qué tipos de masajes ofrecen?",          content: "Ofrecemos una amplia gama de masajes, incluyendo relajantes, descontracturantes, deportivos, reflexología podal y drenaje linfático manual. Consulta nuestra sección de Servicios para más detalles."},
        {
          id: "faq-3",          title: "¿Necesito llevar algo especial para mi sesión?",          content: "No, no es necesario. Te proporcionaremos todo lo que necesites para tu sesión, desde toallas hasta aceites de alta calidad. Solo ven y relájate."},
        {
          id: "faq-4",          title: "¿Dónde están ubicados?",          content: "Estamos en Lorca, Murcia. La dirección exacta se proporcionará al confirmar tu cita o puedes consultarla en la sección de Contacto de nuestra web."},
      ]}
      title="¿Tienes Preguntas? Resolvemos tus Dudas"
      description="Encuentra respuestas a las preguntas más frecuentes sobre nuestros servicios, reservas y lo que puedes esperar de tu visita."
      tag="Preguntas Comunes"
      tagAnimation="slide-up"
      faqsAnimation="slide-up"
      showCard={true}
    />
  </div>

  <div id="contacto" data-section="contacto">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Contacto"
      title="Reserva tu Momento de Relax Hoy"
      description="Envíanos un mensaje o llámanos para programar tu próxima sesión de masaje en Lorca. Estamos aquí para tu bienestar."
      imageSrc="http://img.b2bpic.net/free-photo/schedule-time-management-planner-concept_53876-121130.jpg"
      imageAlt="Manos sobre un teclado, simbolizando la reserva de citas online."
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Tu correo electrónico"
      buttonText="Enviar Mensaje"
      termsText="Al hacer clic en Enviar Mensaje, confirmas que estás de acuerdo con nuestros Términos y Condiciones."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Busa Masajes Lorca"
      columns={[
        {
          title: "Servicios",          items: [
            {
              label: "Masaje Relajante",              href: "#servicios"},
            {
              label: "Masaje Descontracturante",              href: "#servicios"},
            {
              label: "Masaje Deportivo",              href: "#servicios"},
            {
              label: "Reflexología Podal",              href: "#servicios"},
          ],
        },
        {
          title: "Enlaces Rápidos",          items: [
            {
              label: "Sobre Nosotros",              href: "#sobre-nosotros"},
            {
              label: "Precios",              href: "#precios"},
            {
              label: "Testimonios",              href: "#testimonios"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          title: "Contacto",          items: [
            {
              label: "Dirección: C/ Ficticia, 123, Lorca",              href: "#"},
            {
              label: "Teléfono: +34 123 456 789",              href: "#"},
            {
              label: "Email: info@busamasajeslorca.com",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Busa Masajes Lorca. Todos los derechos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
