"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmall"
        background="fluid"
        cardStyle="inset"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Inicio",          id: "#hero"},
        {
          name: "Filosofía",          id: "#philosophy"},
        {
          name: "Servicios",          id: "#services"},
        {
          name: "Equipo",          id: "#team"},
        {
          name: "Testimonios",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contacto",          id: "#footer"},
      ]}
      brandName="Reactiva Fisio"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "plain"}}
      logoText="REACTIVA FISIO"
      description="Fisioterapia avanzada y osteopatía clínica personalizada en Molina de Segura. ⭐ Valoración 5.0 en Google Reviews."
      buttons={[
        {
          text: "Reserva tu Cita",          href: "https://wa.me/34601676913"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/physiotherapy-clinic-room_1303-30541.jpg"
      imageAlt="Modern physiotherapy clinic room with treatment bed and equipment"
      mediaAnimation="opacity"
    />
  </div>

  <div id="philosophy" data-section="philosophy">
      <MediaAbout
      useInvertedBackground={false}
      title="Nuestra Filosofía: El Enfoque Reactiva"
      description="En Reactiva Fisio, nos dedicamos a una recuperación integral, ofreciendo terapia manual experta y osteopatía clínica de vanguardia. Nuestro objetivo es identificar la raíz de tu dolor para restaurar la movilidad y la salud a largo plazo, todo ello en un ambiente cálido y centrado en el paciente. Creemos en un cuidado personalizado que te acompañe en cada paso hacia tu bienestar."
      imageSrc="http://img.b2bpic.net/free-photo/family-therapy-psychologist-office_23-2149175157.jpg"
      imageAlt="Physiotherapist explaining treatment to a patient in a modern clinic"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "osteopatia",          label: "Terapia Holística",          title: "Osteopatía Clínica",          items: [
            "Técnicas estructurales para el dolor",            "Enfoque visceral y craneal",            "Restauración del equilibrio corporal"],
        },
        {
          id: "fisioterapia",          label: "Recuperación Avanzada",          title: "Fisioterapia Avanzada",          items: [
            "Tratamientos musculoesqueléticos",            "Rehabilitación de tendones y articulaciones",            "Terapia basada en la evidencia"],
        },
        {
          id: "manual",          label: "Bienestar y Relajación",          title: "Terapia Manual y Masajes",          items: [
            "Reducción de tensión muscular",            "Alivio del estrés y mejoras circulatorias",            "Técnicas manuales personalizadas"],
        },
        {
          id: "rehabilitacion",          label: "Movilidad Duradera",          title: "Rehabilitación de Lesiones",          items: [
            "Programas de recuperación a medida",            "Restauración segura y efectiva",            "Enfoque en la movilidad a largo plazo"],
        },
      ]}
      title="Nuestros Servicios Especializados"
      description="Ofrecemos un abanico completo de tratamientos diseñados para tu recuperación y bienestar, siempre con un enfoque personalizado y basado en la evidencia."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "patients",          value: "2500+",          title: "Pacientes Satisfechos",          items: [
            "Miles de personas han recuperado su bienestar y movilidad."],
        },
        {
          id: "experience",          value: "10+",          title: "Años de Experiencia",          items: [
            "Década de experiencia al servicio de la salud y el alivio del dolor."],
        },
        {
          id: "ratings",          value: "5.0",          title: "Calificación en Google",          items: [
            "Orgullosos de nuestra valoración perfecta gracias a la confianza de nuestros pacientes."],
        },
      ]}
      title="Resultados que Inspiran Confianza"
      description="Nuestros pacientes experimentan una notable mejora gracias a nuestro compromiso con la excelencia y el cuidado personalizado."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTen
      useInvertedBackground={true}
      title="Conoce a Nuestros Expertos"
      tag="Equipo de Profesionales"
      membersAnimation="slide-up"
      members={[
        {
          id: "member-1",          name: "Dr. Alejandro García",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-female-nurse_23-2148501058.jpg",          imageAlt: "Dr. Alejandro García, Fisioterapeuta y Osteópata"},
        {
          id: "member-2",          name: "Dra. Sofía Martínez",          imageSrc: "http://img.b2bpic.net/free-photo/confident-woman-with-crossed-arms-gesture_53876-111201.jpg",          imageAlt: "Dra. Sofía Martínez, Especialista en Terapia Manual"},
        {
          id: "member-3",  "        name: "Lic. Pablo Rivas",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctors-vet-clinic_23-2149304296.jpg",          imageAlt: "Lic. Pablo Rivas, Experto en Rehabilitación"},
      ]}
      memberVariant="card"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "María G.",          role: "Paciente",          testimonial: "El equipo de Reactiva Fisio es increíble. Me diagnosticaron con precisión y el tratamiento fue muy efectivo. ¡Adiós al dolor!",          imageSrc: "http://img.b2bpic.net/free-photo/happy-female-model-looks-gladfully-somewhere-has-white-teeth-healthy-skin-enjoys-recreation-time-dressed-casual-clothes-uses-modern-stereo-headphones-listening-songs-blurred_273609-54122.jpg",          imageAlt: "María G., Paciente"},
        {
          id: "2",          name: "Carlos R.",          role: "Paciente",          testimonial: "La osteopatía clínica me cambió la vida. Me sentía atrapado por el dolor y ahora he recuperado mi movilidad. ¡Totalmente recomendado!",          imageSrc: "http://img.b2bpic.net/free-photo/athlete-doing-physiotherapy-medium-shot_23-2149866137.jpg",          imageAlt: "Carlos R., Paciente"},
        {
          id: "3",          name: "Laura S.",          role: "Paciente",          testimonial: "Siempre me he sentido escuchada y cuidada. La terapia manual es excepcional y me ha ayudado mucho con mi estrés y tensión. Un 10.",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-female-nurse-posing-with-man-nursing-home_23-2148740041.jpg",          imageAlt: "Laura S., Paciente"},
        {
          id: "4",          name: "Javier P.",          role: "Paciente",          testimonial: "Tras una lesión deportiva, pensé que mi recuperación sería lenta. Con Reactiva Fisio, volví a la cancha más fuerte y sin molestias. Gracias.",          imageSrc: "http://img.b2bpic.net/free-photo/doctor-holding-digital-tablet-while-talking-with-patient_107420-74007.jpg",          imageAlt: "Javier P., Paciente"},
        {
          id: "5",          name: "Ana M.",          role: "Paciente",          testimonial: "La atención es muy personalizada y profesional. Me ayudaron a entender el origen de mi dolor y a tratarlo de manera integral.",          imageSrc: "http://img.b2bpic.net/free-photo/view-unshaven-woman-home-daily-life-scene_23-2150168718.jpg",          imageAlt: "Ana M., Paciente"},
      ]}
      title="Lo que Dicen Nuestros Pacientes"
      description="Experiencias reales de personas que han recuperado su bienestar gracias a nuestro enfoque profesional y empático. ⭐ Perfecta Calificación de 5.0 Estrellas en Google."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "¿Qué diferencia hay entre fisioterapia y osteopatía?",          content: "La fisioterapia se enfoca en la recuperación de lesiones y el movimiento funcional, mientras que la osteopatía busca el equilibrio global del cuerpo, tratando la causa raíz de las disfunciones con técnicas más amplias."},
        {
          id: "q2",          title: "¿Necesito un diagnóstico médico para reservar una cita?",          content: "No es estrictamente necesario. Puedes reservar una cita directamente para una valoración inicial donde nuestros profesionales evaluarán tu caso y te recomendarán el mejor tratamiento."},
        {
          id: "q3",          title: "¿Cubrís seguros de salud?",          content: "Actualmente, trabajamos de forma privada. Sin embargo, te proporcionamos facturas detalladas que puedes presentar a tu compañía de seguros para el posible reembolso, según tu póliza."},
        {
          id: "q4",          title: "¿Cuál es la duración de una sesión?",          content: "La duración de cada sesión varía según el tratamiento y las necesidades individuales, pero generalmente oscilan entre 45 y 60 minutos para asegurar un enfoque completo y efectivo."},
      ]}
      title="¿Tienes Preguntas? Te Respondemos."
      description="Encuentra respuestas a las dudas más comunes sobre nuestros tratamientos, citas y clínica."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Contacto",          items: [
            {
              label: "C. de la Música, 1, 30500 Molina de Segura, Murcia",              href: "https://maps.app.goo.gl/example"},
            {
              label: "Lunes a Viernes: 9:00 a 12:00 y 16:00 a 20:00 (Horario partido)",              href: "#"},
            {
              label: "Sábados y Domingos: Cerrado",              href: "#"},
            {
              label: "+34 601 67 69 13",              href: "tel:+34601676913"},
          ],
        },
        {
          title: "Navegación",          items: [
            {
              label: "Inicio",              href: "#hero"},
            {
              label: "Filosofía",              href: "#philosophy"},
            {
              label: "Servicios",              href: "#services"},
            {
              label: "Equipo",              href: "#team"},
            {
              label: "Testimonios",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Política de Privacidad",              href: "#"},
            {
              label: "Aviso Legal",              href: "#"},
          ],
        },
      ]}
      logoText="Reactiva Fisio"
      copyrightText="© 2024 Reactiva Fisio. Todos los derechos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
