"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Activity, Award, CalendarCheck, CalendarPlus, Heart, ShieldCheck, Sparkles, Tag, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="circleGradient"
        cardStyle="solid"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Inicio",          id: "#hero"},
        {
          name: "Especialidades",          id: "#specialties"},
        {
          name: "Precios",          id: "#pricing"},
        {
          name: "Equipo",          id: "#team"},
        {
          name: "Testimonios",          id: "#testimonials"},
        {
          name: "Contacto",          id: "#contact"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3e9286"
      logoAlt="Centro Médico Integral D.M. Logo"
      brandName="Centro Médico Integral D.M."
      button={{
        text: "Pedir cita",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "radial-gradient"}}
      title="Salud Integral de Confianza en Guadalajara"
      description="Con los mejores especialistas, tecnología puntera y atención rápida. Tu bienestar, nuestra prioridad. ¡Aprovecha nuestra promo de eliminación de varices por 100€!"
      tag="Tu centro médico premium"
      buttons={[
        {
          text: "Pedir cita",          href: "#contact"},
        {
          text: "Llamar ahora 949 21 11 72",          href: "tel:949211172"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/closeup-bottles-with-dispensers-liquid-soap_169016-23684.jpg"
      imageAlt="Recepción moderna de Centro Médico Integral D.M. con luz natural"
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <SplitAbout
      textboxLayout="split-description"
      useInvertedBackground={true}
      imagePosition="left"
      title="¿Por qué elegir Centro Médico Integral D.M.?"
      description="En el corazón de Guadalajara, nos dedicamos a ofrecerte una experiencia de salud privada superior, donde la profesionalidad se une a un trato cercano y humano. Nuestra promesa: atención rápida, especialistas reales con nombre y cara, y tecnología puntera para resultados que se notan."
      bulletPoints={[
        {
          title: "Especialistas con nombre propio",          description: "Nuestro equipo está formado por profesionales altamente cualificados, expertos en cada área y dedicados a tu bienestar personal.",          icon: Users,
        },
        {
          title: "Tecnología de vanguardia",          description: "Contamos con equipos de última generación, como la terapia de ondas de choque, para diagnósticos precisos y tratamientos efectivos.",          icon: ShieldCheck,
        },
        {
          title: "Citas ágiles y sin esperas eternas",          description: "Valoramos tu tiempo. Ofrecemos una gestión de citas eficiente para que recibas atención cuando más lo necesitas.",          icon: CalendarCheck,
        },
        {
          title: "Trato humano y seguimiento personalizado",          description: "Desde la primera consulta, te acompañamos en cada paso, con una atención cercana, empática y adaptada a tus necesidades individuales.",          icon: Heart,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/smiling-medical-team-standing-together-hospital-corridor_107420-84832.jpg"
      imageAlt="Doctor interactuando cálidamente con un paciente en una clínica moderna"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="specialties" data-section="specialties">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "fisioterapia",          name: "Fisioterapia",          price: "Desde 35€",          imageSrc: "http://img.b2bpic.net/free-photo/woman-physiotherapy-making-physical-exercises-with-qualified-therapist_1157-38100.jpg",          imageAlt: "Fisioterapeuta trabajando con un paciente en una consulta moderna",          priceButtonProps: {
            text: "Saber más / Pedir cita"},
        },
        {
          id: "ondas-choque",          name: "Ondas de Choque",          price: "Desde 20€",          imageSrc: "http://img.b2bpic.net/free-photo/physical-therapy-shin-with-shock-wave-extracorporeal-shockwave-therapy_169016-39481.jpg",          imageAlt: "Dispositivo de ondas de choque aplicándose en un paciente",          priceButtonProps: {
            text: "Saber más / Pedir cita"},
        },
        {
          id: "pediatria",          name: "Pediatría",          price: "Consultas concertadas",          imageSrc: "http://img.b2bpic.net/free-photo/male-pediatrician-examing-sick-little-black-girl_1157-51715.jpg",          imageAlt: "Pediatra interactuando amistosamente con un niño",          priceButtonProps: {
            text: "Saber más / Pedir cita"},
        },
        {
          id: "psicologia",          name: "Psicología",          price: "Pregunta por tarifas",          imageSrc: "http://img.b2bpic.net/free-photo/family-therapy-psychologist-office_23-2149175168.jpg",          imageAlt: "Psicólogo en una tranquila consulta con un paciente",          priceButtonProps: {
            text: "Saber más / Pedir cita"},
        },
        {
          id: "varices",          name: "Eliminación de Varices",          price: "PROMO 100€",          imageSrc: "http://img.b2bpic.net/free-photo/skin-allergy-reaction-test-person-s-arm_23-2149140456.jpg",          imageAlt: "Doctor realizando un tratamiento de eliminación de varices",          priceButtonProps: {
            text: "Saber más / Pedir cita"},
        },
      ]}
      title="Nuestras Especialidades"
      description="Un equipo multidisciplinar y la tecnología más avanzada para cuidar de ti en cada etapa. Conoce lo que podemos ofrecerte en Centro Médico Integral D.M."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      textboxLayout="default"
      useInvertedBackground={true}
      animationType="slide-up"
      plans={[
        {
          id: "fisioterapia-session",          badge: "Popular",          badgeIcon: Sparkles,
          price: "35 €",          subtitle: "Sesión privada individual de Fisioterapia",          buttons: [
            {
              text: "Pedir cita",              href: "#contact"},
          ],
          features: [
            "Fisioterapeuta colegiado",            "Diagnóstico y valoración",            "Tratamiento manual y técnicas avanzadas",            "Duración: 50 minutos"],
        },
        {
          id: "ondas-choque-session",          badge: "Innovador",          badgeIcon: Zap,
          price: "20 €",          subtitle: "Sesión de Ondas de Choque",          buttons: [
            {
              text: "Pedir cita",              href: "#contact"},
          ],
          features: [
            "Tratamiento para lesiones crónicas",            "Tecnología de última generación",            "Reducción del dolor",            "Sesiones complementarias"],
        },
        {
          id: "pediatria-consultation",          badge: "Familiar",          badgeIcon: Heart,
          price: "Consultar",          subtitle: "Consultas de Pediatría",          buttons: [
            {
              text: "Pedir cita",              href: "#contact"},
          ],
          features: [
            "Atención Lunes y Jueves tarde",            "Seguimiento del desarrollo infantil",            "Revisiones y vacunación",            "Consejo médico especializado"],
        },
        {
          id: "varices-promo",          badge: "Oferta",          badgeIcon: Tag,
          price: "100 €",          subtitle: "Eliminación de Varices y Arañas Vasculares",          buttons: [
            {
              text: "Aprovechar oferta",              href: "#contact"},
          ],
          features: [
            "Evaluación inicial",            "Tratamiento de arañas vasculares",            "Resultados visibles",            "Precio promocional"],
        },
      ]}
      title="Transparencia en Nuestros Tratamientos y Precios"
      description="Ofrecemos una atención de calidad con tarifas claras y sin sorpresas. Tu salud, una inversión accesible. ¡Aprovecha nuestra promo especial para eliminación de varices por solo 100€!"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      groups={[
        {
          id: "fisioterapia-group",          groupTitle: "Fisioterapia",          members: [
            {
              id: "ivan-fisioterapeuta",              title: "Iván García",              subtitle: "Fisioterapeuta Colegiado Nº 1234",              detail: "Experto en terapias manuales y recuperación deportiva. Muy valorado por su enfoque personalizado y resultados eficaces.",              imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-patient-physiotherapy-clinic_1157-38630.jpg",              imageAlt: "Retrato profesional del fisioterapeuta Iván García"},
          ],
        },
        {
          id: "otras-especialidades",          groupTitle: "Otras Especialidades",          members: [
            {
              id: "dra-marta",              title: "Dra. Marta Sánchez",              subtitle: "Médico Especialista en Pediatría",              detail: "Con una década de experiencia en el cuidado infantil y el seguimiento del desarrollo. Cercana y empática.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-doctor-white-uniform-standing-hall_1157-33393.jpg",              imageAlt: "Retrato profesional de la Dra. Marta Sánchez"},
            {
              id: "dr-javier",              title: "Dr. Javier Ruiz",              subtitle: "Psicólogo Clínico",              detail: "Especializado en terapia cognitivo-conductual y manejo del estrés. Ofrece un espacio de escucha y apoyo.",              imageSrc: "http://img.b2bpic.net/free-photo/nurses-getting-ready-work-day_23-2149309983.jpg",              imageAlt: "Retrato profesional del Dr. Javier Ruiz"},
          ],
        },
      ]}
      title="Nuestro Equipo Médico"
      description="Conoce a los especialistas que harán de tu bienestar su prioridad. Profesionales con nombre y rostro, dedicados a ofrecerte la mejor atención."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="opacity"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Ana G.",          role: "Paciente",          company: "Fisioterapia",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/people-doing-high-five_23-2147993412.jpg",          imageAlt: "Paciente Ana G. sonriendo satisfecha"},
        {
          id: "2",          name: "Carlos M.",          role: "Paciente",          company: "Ondas de Choque",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/doctor-holding-digital-tablet-while-talking-with-patient_107420-74007.jpg",          imageAlt: "Paciente Carlos M. con una expresión de alivio"},
        {
          id: "3",          name: "Elena R.",          role: "Paciente",          company: "Pediatría",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/good-looking-successful-middle-aged-female-manager-white-shirt-posing-touching-face-smiling_343059-2.jpg",          imageAlt: "Paciente Elena R. sonriendo a cámara"},
        {
          id: "4",          name: "Javier L.",          role: "Paciente",          company: "Psicología",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-surgeon-senior-woman-handshaking-while-greeting-lobby-clinic-focus-is-woman_637285-644.jpg",          imageAlt: "Paciente Javier L. con una mirada pensativa"},
        {
          id: "5",          name: "Sofía P.",          role: "Paciente",          company: "Varices",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pleased-middleaged-female-doctor-wearing-uniform-stethoscope-around-her-neck-looking-camera-showing-chat-bubble-thumb-up-isolated-orange-background_141793-135494.jpg",          imageAlt: "Paciente Sofía P. contenta y relajada"},
      ]}
      title="La Experiencia de Nuestros Pacientes"
      description="Sus historias son nuestra mayor satisfacción. Confianza y resultados, según quienes ya nos han elegido para cuidar de su salud."
    />
  </div>

  <div id="process" data-section="process">
      <MetricCardThree
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "step-1",          icon: CalendarPlus,
          title: "Pide tu Cita",          value: "Online, teléfono o WhatsApp. Elige lo que te resulte más cómodo."},
        {
          id: "step-2",          icon: Activity,
          title: "Valoración Personalizada",          value: "Tu primera consulta con un especialista para entender tus necesidades."},
        {
          id: "step-3",          icon: Award,
          title: "Tratamiento y Seguimiento",          value: "Diseñamos un plan adaptado y te acompañamos en tu recuperación."},
      ]}
      title="Así funciona tu Cita: Un Proceso Sencillo"
      description="Te acompañamos desde el primer momento para que tu experiencia en Centro Médico Integral D.M. sea cómoda, clara y eficaz. Sin esperas ni complicaciones."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "¿Hay que ser de mutua privada para ser atendido?",          content: "No, Centro Médico Integral D.M. es un centro privado. Atendemos a pacientes particulares y también aceptamos algunas aseguradoras. Consulta con nuestro equipo."},
        {
          id: "faq-2",          title: "¿Cuánto tardan en darme cita?",          content: "Nuestra prioridad es la atención rápida. Generalmente, podemos ofrecerte una cita en 24-48 horas. Para urgencias, contáctanos directamente."},
        {
          id: "faq-3",          title: "¿Aceptáis seguros médicos?",          content: "Sí, colaboramos con varias compañías aseguradoras. Te recomendamos que nos contactes para verificar si tu seguro específico está incluido y cómo proceder."},
        {
          id: "faq-4",          title: "¿Dónde puedo aparcar?",          content: "Estamos ubicados en el centro de Guadalajara. Disponemos de opciones de parking cercanas y facilidad de acceso peatonal y en transporte público."},
        {
          id: "faq-5",          title: "¿Cómo es la primera consulta?",          content: "La primera consulta es una valoración completa con tu especialista, donde se escuchan tus necesidades, se realiza un diagnóstico y se propone un plan de tratamiento personalizado."},
      ]}
      title="Preguntas Frecuentes"
      description="Resolvemos tus dudas más comunes para que tengas toda la información antes de visitarnos en Centro Médico Integral D.M."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Contáctanos"
      title="Tu Salud Comienza Hoy"
      description="Estamos en C. de la Virgen de la Soledad, 3A, 1ª Planta, 19003 Guadalajara. Nuestro horario es de Lunes a Viernes, hasta las 20:00. Llámanos o escríbenos por WhatsApp para pedir tu cita o resolver cualquier duda. Teléfono: 949 21 11 72."
      buttons={[
        {
          text: "Reserva tu cita hoy",          href: "#contact"},
        {
          text: "WhatsApp",          href: "https://wa.me/34949211172"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Centro Médico",          items: [
            {
              label: "Centro Médico Integral D.M.",              href: "#hero"},
            {
              label: "C. de la Virgen de la Soledad, 3A, 1ª Planta, 19003 Guadalajara",              href: "https://www.google.com/maps/search/C.+de+la+Virgen+de+la+Soledad,+3A,+1%C2%AA+Planta,+19003+Guadalajara"},
            {
              label: "Teléfono: 949 21 11 72",              href: "tel:949211172"},
            {
              label: "WhatsApp",              href: "https://wa.me/34949211172"},
            {
              label: "Horario: L-V hasta 20:00",              href: "#"},
          ],
        },
        {
          title: "Especialidades",          items: [
            {
              label: "Fisioterapia",              href: "#specialties"},
            {
              label: "Ondas de Choque",              href: "#specialties"},
            {
              label: "Pediatría",              href: "#specialties"},
            {
              label: "Psicología",              href: "#specialties"},
            {
              label: "Varices y Arañas",              href: "#specialties"},
          ],
        },
        {
          title: "Información",          items: [
            {
              label: "Aviso Legal",              href: "#"},
            {
              label: "Política de Privacidad",              href: "#"},
            {
              label: "Política de Cookies",              href: "#"},
            {
              label: "Preguntas Frecuentes",              href: "#faq"},
          ],
        },
        {
          title: "Síguenos",          items: [
            {
              label: "Instagram",              href: "#"},
            {
              label: "Facebook",              href: "#"},
            {
              label: "LinkedIn",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Centro Médico Integral D.M. Todos los derechos reservados."
      bottomRightText="Desarrollado con ❤️ en Guadalajara."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
