"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Facebook, HelpCircle, Instagram, Sparkles, Wallet } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="mediumLarge"
        background="grid"
        cardStyle="gradient-radial"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Servicios",          id: "#services"},
        {
          name: "Nosotros",          id: "#about-us"},
        {
          name: "Opiniones",          id: "#testimonials"},
        {
          name: "Ubicación",          id: "#location"},
      ]}
      brandName="PM DENTAL"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "plain"}}
      title="Tu Mejor Sonrisa Comienza Aquí"
      description="En PM DENTAL, la Dra. Paulina Melchor y su equipo transforman sonrisas con la más alta calidad y tecnología de punta en San Cristóbal, México. Expertos en todas las especialidades dentales para tu salud y estética bucal."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-her-skin-mirror-after-receiving-cosmetic-treatment_107420-73987.jpg",          imageAlt: "Dentista sonriendo con paciente",          videoAriaLabel: "Dentista trabajando"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/patient-dentist_624325-1627.jpg",          imageAlt: "Radiografía digital dental",          videoAriaLabel: "Radiografía digital"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-girl-with-her-mobile_1169-102.jpg",          imageAlt: "Tratamiento de carillas",          videoAriaLabel: "Carillas dentales"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/hand-surgeon-blue-medical-glove-showing-thumb-up_114579-72934.jpg",          imageAlt: "Manos de dentista",          videoAriaLabel: "Manos del dentista"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-boy-dentist_23-2149206291.jpg",          imageAlt: "Familia en el dentista",          videoAriaLabel: "Familia feliz"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/dentist-cleaning-child-s-teeth_23-2149195888.jpg",          imageAlt: "Dentista con lupa",          videoAriaLabel: "Dentista examinando"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-examining-patient_107420-65604.jpg",          imageAlt: "Paciente en consulta",          videoAriaLabel: "Paciente en consulta"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-dentists_23-2149443494.jpg",          imageAlt: "Explicando tratamiento dental",          videoAriaLabel: "Explicación del tratamiento"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-holding-dental-model-hands-concept-dentistry-dental-treatment_169016-67449.jpg",          imageAlt: "Niña feliz en el dentista",          videoAriaLabel: "Niña sonriendo"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-with-toothbrush_23-2147638133.jpg",          imageAlt: "Alineadores invisibles",          videoAriaLabel: "Alineadores dentales"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/female-patient-having-procedure-done-dentist_23-2148985786.jpg",          imageAlt: "Analizando radiografía",          videoAriaLabel: "Análisis de radiografía"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-dentist-holding-set-dentures_107420-74059.jpg",          imageAlt: "Dentista y asistente",          videoAriaLabel: "Equipo dental"},
      ]}
      buttons={[
        {
          text: "Agenda tu Cita",          href: "https://wa.me/5219612028438"},
        {
          text: "Ver Servicios",          href: "#services"},
      ]}
      buttonAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-mirror_107420-65403.jpg",          alt: "Female patient smiling while looking on the mirror"},
        {
          src: "http://img.b2bpic.net/free-photo/relaxed-businesswoman_329181-8846.jpg",          alt: "Relaxed businesswoman"},
        {
          src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg",          alt: "Female patient smiling while looking at doctor"},
        {
          src: "http://img.b2bpic.net/free-photo/woman-checking-her-skin-mirror-after-receiving-cosmetic-treatment_107420-73991.jpg",          alt: "Woman checking her skin in the mirror after receiving cosmetic treatment"},
        {
          src: "http://img.b2bpic.net/free-photo/woman-dentist-office-smiling_23-2148338134.jpg",          alt: "Woman in dentist office smiling"},
      ]}
      avatarText="Más de 2,500 pacientes satisfechos"
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg",          alt: "Female patient smiling while talking to doctor"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/dentist-performing-whitening-patient_23-2148338142.jpg",          alt: "Dentist performing whitening on patient"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/dentist-performing-check-up-patient-office_23-2148338116.jpg",          alt: "Dentist performing a check-up on patient in office"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/dental-procedure-installing-braces-close-up-dentistry-braces-teeth_169016-67237.jpg",          alt: "Dental procedure for installing braces close up dentistry braces on the teeth"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/happy-teenage-girl-emotions-concept-emotion-happiness_169016-66132.jpg",          alt: "Happy teenage girl Emotions concept The emotion of happiness"},
      ]}
    />
  </div>

  <div id="trust-badges" data-section="trust-badges">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Especialistas Certificados",        "Meses Sin Intereses",        "5 Estrellas en Google",        "Todas las Especialidades",        "Atención de Emergencias"]}
      title="Nuestra Promesa de Excelencia"
      description="Comprometidos con tu salud bucal, brindamos atención de calidad respaldada por experiencia y tecnología."
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardFour
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      animationType="none"
      products={[
        {
          id: "ortodoncia",          name: "Ortodoncia",          price: "Desde $1,500 MXN",          variant: "Brackets y Alineadores",          imageSrc: "http://img.b2bpic.net/free-photo/female-patient-wearing-braces_107420-65479.jpg",          imageAlt: "Tratamiento de ortodoncia"},
        {
          id: "carillas",          name: "Carillas Dentales",          price: "Consulta",          variant: "Porcelana y Resina",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-caucasian-smiling-hipster-brunette-woman-model-bright-black-summer-stylish-clothes_158538-13551.jpg",          imageAlt: "Carillas dentales estéticas"},
        {
          id: "endodoncia",          name: "Endodoncia",          price: "Desde $3,000 MXN",          variant: "Tratamiento de Conducto",          imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-holding-hands-cheeks-striped-blouse-looking-buoyant-front-view_176474-52657.jpg",          imageAlt: "Procedimiento de endodoncia"},
        {
          id: "alineadores",          name: "Alineadores Invisibles",          price: "Consulta",          variant: "Ortodoncia Discreta",          imageSrc: "http://img.b2bpic.net/free-photo/dentist-assisting-patient-wear-invisible-braces_107420-65666.jpg",          imageAlt: "Alineadores dentales invisibles"},
        {
          id: "general",          name: "Odontología General",          price: "Desde $500 MXN",          variant: "Limpieza y Diagnóstico",          imageSrc: "http://img.b2bpic.net/free-photo/female-patient-opening-her-mouth-doctor-look-her-throat-otolaryngologist-examines-sore-throat-patient_657921-189.jpg",          imageAlt: "Odontología general"},
        {
          id: "estetica",          name: "Estética Dental",          price: "Consulta",          variant: "Blanqueamiento y Diseño",          imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-her-skin-mirror-after-receiving-cosmetic-treatment_107420-74040.jpg",          imageAlt: "Estética dental"},
      ]}
      title="Nuestros Servicios Odontológicos"
      description="Ofrecemos una gama completa de tratamientos dentales personalizados para toda tu familia."
    />
  </div>

  <div id="about-us" data-section="about-us">
      <TeamCardTwo
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      animationType="none"
      members={[
        {
          id: "paulina-melchor",          name: "Dra. Paulina Melchor",          role: "Directora y Odontóloga General",          description: "Con años de experiencia y una pasión por la odontología, la Dra. Melchor se especializa en crear sonrisas saludables y hermosas, utilizando las técnicas más avanzadas para garantizar los mejores resultados a sus pacientes.",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-eco-food-bowl_624325-1722.jpg",          imageAlt: "Dra. Paulina Melchor"},
        {
          id: "asistente-dental",          name: "Asistente Clínica",          role: "Asistente Clínica",          description: "Nuestro dedicado asistente brinda un soporte invaluable, asegurando que cada visita sea cómoda y eficiente. Siempre listo para ayudar y responder a tus preguntas.",          imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-with-stethoscope-folders_58466-11512.jpg",          imageAlt: "Asistente dental"},
      ]}
      title="Conoce a Nuestro Equipo"
      description="Liderado por la Dra. Paulina Melchor, nuestro equipo está dedicado a ofrecerte la mejor experiencia dental con un trato cálido y profesional."
    />
  </div>

  <div id="technology" data-section="technology">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Escáner Intraoral 3D",          description: "Olvídate de las incómodas impresiones. Nuestro escáner digital crea un modelo 3D de tu boca en segundos, para un diagnóstico exacto y una planificación de tratamiento superior.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-29141.jpg",          imageAlt: "Escáner intraoral 3D"},
        {
          title: "Radiovisógrafo Digital",          description: "Imágenes de alta calidad con mínima radiación. Permite detectar problemas que no son visibles a simple vista, optimizando la seguridad y efectividad de cada diagnóstico.",          imageSrc: "http://img.b2bpic.net/free-photo/patient-pov-looking-dentist-asking-dental-x-ray-showing-teeth-image-stomatology-specialist-wearing-protective-mask-working-modern-stomatological-clinic-explaining-radiography-tooth_482257-13076.jpg",          imageAlt: "Radiovisógrafo digital"},
        {
          title: "Estrictos Protocolos de Bioseguridad",          description: "Tu seguridad es nuestra prioridad. Implementamos los más altos estándares de higiene y esterilización para un ambiente de confianza en cada visita.",          imageSrc: "http://img.b2bpic.net/free-photo/back-school-covid-concept_23-2148666045.jpg",          imageAlt: "Protocolos de bioseguridad"},
        {
          title: "Profesionales Certificados",          description: "Nuestro equipo está en constante capacitación para ofrecerte las técnicas y tratamientos más innovadores y efectivos del mercado.",          imageSrc: "http://img.b2bpic.net/free-photo/dentist-assistant-while-work-with-patient_140725-7686.jpg",          imageAlt: "Profesionales certificados"},
        {
          title: "Atención Personalizada",          description: "Creemos en un trato cercano y empático. Escuchamos tus necesidades para ofrecerte soluciones a medida y un seguimiento individualizado.",          imageSrc: "http://img.b2bpic.net/free-photo/crowded-stomatology-waiting-area-with-people-filling-form-dental-consultation_482257-4858.jpg",          imageAlt: "Atención personalizada"},
        {
          title: "Ambiente Confortable",          description: "Diseñamos un espacio donde te sientas relajado y seguro. Queremos que tu experiencia dental sea lo más agradable posible.",          imageSrc: "http://img.b2bpic.net/free-photo/waiting-room-clinic-with-nobody-it-front-office-with-new-normal-having-sign-chair-social-distance-coronavirus-pandemic_482257-4808.jpg",          imageAlt: "Ambiente confortable"},
      ]}
      title="Tecnología y Nuestro Compromiso"
      description="Utilizamos la tecnología más avanzada para diagnósticos precisos y tratamientos eficientes. Esto es lo que nos hace diferentes:"
    />
  </div>

  <div id="stats" data-section="stats">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Nuestros Logros Hablan por Sí Mismos"
      tag="Cifras que Inspiran Confianza"
      metrics={[
        {
          id: "years",          value: "10+",          description: "Años de Experiencia"},
        {
          id: "patients",          value: "2,500+",          description: "Pacientes Satisfechos"},
        {
          id: "specialties",          value: "Todas",          description: "Especialidades Dentales"},
        {
          id: "rating",          value: "5★",          description: "Calificación en Google"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="financing" data-section="financing">
      <PricingCardThree
      textboxLayout="default"
      useInvertedBackground={false}
      animationType="none"
      plans={[
        {
          id: "msi",          badge: "Popular",          badgeIcon: Sparkles,
          price: "Desde 3 MSI",          name: "Meses Sin Intereses",          buttons: [
            {
              text: "Más Información",              href: "https://wa.me/5219612028438"
            },
          ],
          features: [
            "Aplica en tratamientos seleccionados",            "Consulta con tarjetas participantes",            "Pregunta por las opciones disponibles"],
        },
        {
          id: "consulta-especial",          badge: "Personalizado",          badgeIcon: Wallet,
          price: "$500 MXN",          name: "Consulta de Valoración",          buttons: [
            {
              text: "Agendar Consulta",              href: "https://wa.me/5219612028438"
            },
          ],
          features: [
            "Diagnóstico completo",            "Plan de tratamiento a medida",            "Resolución de dudas"],
        },
      ]}
      buttonAnimation="slide-up"
      title="Opciones de Financiamiento"
      description="Facilitamos el acceso a tratamientos dentales de calidad con planes de pago flexibles. Tu salud bucal no tiene por qué esperar."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sofía G.",          imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-posing-with-striped-t-shirt_23-2148136171.jpg",          imageAlt: "Sofía G. sonriendo"},
        {
          id: "2",          name: "Carlos M.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-159836.jpg",          imageAlt: "Carlos M. sonriendo"},
        {
          id: "3",          name: "Ana L.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14286.jpg",          imageAlt: "Ana L. sonriendo"},
        {
          id: "4",          name: "Javier P.",          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing_176474-96417.jpg",          imageAlt: "Javier P. sonriendo"},
        {
          id: "5",          name: "María R.",          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-using-her-toothbrush_329181-7838.jpg",          imageAlt: "María R. sonriendo"},
      ]}
      cardTitle="Lo Que Dicen Nuestros Pacientes"
      cardTag="Historias de Éxito"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "¿Ofrecen planes de pago o meses sin intereses?",          content: "Sí, en PM DENTAL entendemos la importancia de la accesibilidad. Ofrecemos planes de pago flexibles y Meses Sin Intereses (MSI) con tarjetas participantes. Te invitamos a consultar directamente en clínica o por WhatsApp para conocer las opciones específicas para tu tratamiento."},
        {
          id: "q2",          title: "¿La primera consulta tiene costo?",          content: "Sí, nuestra consulta de valoración inicial tiene un costo de $500 MXN. Esta consulta incluye un diagnóstico completo y la elaboración de un plan de tratamiento personalizado, con el respaldo y la experiencia de la Dra. Paulina Melchor."},
        {
          id: "q3",          title: "¿Qué medidas de higiene y seguridad implementan?",          content: "En PM DENTAL, tu seguridad es nuestra máxima prioridad. Seguimos estrictos protocolos de bioseguridad, incluyendo la esterilización de todo el instrumental, el uso de equipo de protección personal (EPP) y la desinfección constante de nuestras instalaciones, superando los estándares requeridos para garantizar un ambiente seguro y estéril."},
        {
          id: "q4",          title: "¿Trabajan con todas las especialidades dentales?",          content: "Sí, contamos con un equipo de especialistas y la Dra. Paulina Melchor tiene la capacidad de atender una amplia gama de necesidades odontológicas, desde odontología general hasta tratamientos especializados como ortodoncia, endodoncia, estética dental y más. ¡Tu sonrisa está en las mejores manos!"},
        {
          id: "q5",          title: "¿Puedo agendar una cita por WhatsApp?",          content: "¡Absolutamente! Para tu comodidad, puedes agendar tu cita de manera rápida y sencilla a través de WhatsApp. Envíanos un mensaje al 5219612028438 y nuestro equipo estará encantado de asistirte. También puedes agendar llamando directamente o visitándonos."},
      ]}
      sideTitle="Preguntas Frecuentes"
      sideDescription="Encuentra respuestas a las dudas más comunes sobre nuestros servicios y clínica."
      faqsAnimation="slide-up"
      buttonAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="location" data-section="location">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      imagePosition="right"
      title="Visítanos en San Cristóbal, México"
      description="Estamos convenientemente ubicados para tu fácil acceso. Nuestro consultorio está diseñado para brindarte comodidad y la mejor atención."
      buttons={[
        {
          text: "Abrir en Google Maps",          href: "https://www.google.com/maps/search/Calle+Dr+Felipe+Flores+número+45,+barrio+Santa+Lucía,+San+Cristóbal,+México"
        },
        {
          text: "Enviar WhatsApp",          href: "https://wa.me/5219612028438"
        },
      ]}
      bulletPoints={[
        {
          title: "Dirección",          description: "Calle Dr Felipe Flores número 45, barrio Santa Lucía. Entre José Maria Santiago y Josefa Ortiz de Domínguez, a un costado del hotel parador Margarita. SAN CRISTOBAL, México."},
        {
          title: "Horarios",          description: "Lunes a Viernes: 9:30 AM - 6:30 PM\nSábados: 10:00 AM - 2:00 PM"},
        {
          title: "Contacto Directo",          description: "WhatsApp: 5219612028438"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/location-symbol-with-building_23-2150169882.jpg"
      imageAlt="Mapa de ubicación de PM DENTAL en San Cristóbal"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kms4n3"
      logoAlt="PM DENTAL Logo"
      logoText="PM DENTAL"
      copyrightText="© 2024 PM DENTAL. Todos los derechos reservados."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",          ariaLabel: "Facebook de PM DENTAL"},
        {
          icon: Instagram,
          href: "#",          ariaLabel: "Instagram de PM DENTAL"},
        {
          icon: HelpCircle,
          href: "https://wa.me/5219612028438",          ariaLabel: "WhatsApp de PM DENTAL"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
