"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Diamond, Lightbulb, Smile, Sparkles, Star, Trophy } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumSizeLargeTitles"
        background="none"
        cardStyle="subtle-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Inicio",          id: "#hero"},
        {
          name: "Diferenciadores",          id: "#about"},
        {
          name: "Servicios",          id: "#features"},
        {
          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=bda1v7"
      logoAlt="Logo LYAL Dental Clínica Spa"
      brandName="LYAL Dental"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="Tu Sonrisa, Nuestra Obra Maestra"
      description="En LYAL Dental Clínica Spa, combinamos estética y ciencia para crear la sonrisa que siempre has soñado. Experimenta el arte de la odontología con un toque de exclusividad y cuidado."
      kpis={[
        {
          value: "5.0",          label: "Estrellas en Google"},
        {
          value: "+10",          label: "Años de Experiencia"},
        {
          value: "+500",          label: "Sonrisas Transformadas"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Agenda tu Consulta",          href: "#contact"},
        {
          text: "Conoce Nuestros Servicios",          href: "#features"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/female-doctor-showing-patient-how-use-medical-machine_23-2148328380.jpg"
      imageAlt="Dentista atendiendo a paciente en clínica moderna"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/patient-sitting-dentist-s-chair_1098-4016.jpg",          alt: "Patient sitting in dentist's chair"},
        {
          src: "http://img.b2bpic.net/free-photo/male-doctor-writing-patient-condition-clipboard_23-2148328437.jpg",          alt: "Male doctor writing patient condition on clipboard"},
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-dentist-patient-sitting-dental-office_651396-1900.jpg",          alt: "Cheerful dentist and patient sitting in dental office"},
        {
          src: "http://img.b2bpic.net/free-photo/attractive-patient-redviolet-dress-laying-dental-chair-while-female-dentist-treating-her-teeth-with-special-instruments_627829-9769.jpg",          alt: "Attractive patient in redviolet dress laying on the dental chair while female dentist treating her teeth with special instruments"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-dental-tool_23-2147862124.jpg",          alt: "Close-up of a dental tool"},
      ]}
      avatarText="Más de 500 pacientes felices"
      marqueeItems={[
        {
          type: "text-icon",          text: "Tecnología Avanzada",          icon: Star,
        },
        {
          type: "text-icon",          text: "Atención Personalizada",          icon: Star,
        },
        {
          type: "text-icon",          text: "Resultados Duraderos",          icon: Diamond,
        },
        {
          type: "text-icon",          text: "Ambiente Relajante",          icon: Sparkles,
        },
        {
          type: "text-icon",          text: "Innovación Constante",          icon: Lightbulb,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Nuestra Filosofía"
      title="Perfeccionando Sonrisas con Cuidado y Elegancia"
      description="En LYAL Dental, cada tratamiento es una experiencia personalizada diseñada para tu bienestar. Nos distinguimos por nuestra atención detallada, tecnología avanzada y un ambiente de relajación premium."
      subdescription="Liderado por la Dra. Yuritzi Alvarez Lopez, nuestro equipo está comprometido con la excelencia y la innovación, asegurando resultados impecables y duraderos."
      icon={Sparkles}
      imageSrc="http://img.b2bpic.net/free-photo/female-dentist-showing-teeth-xray-computer-clinic_23-2147879118.jpg"
      imageAlt="Manos de dentista trabajando con delicadeza"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "ortodoncia",          title: "Ortodoncia Avanzada",          subtitle: "Alinea tu sonrisa con tratamientos modernos y discretos.",          category: "Estética Dental",          value: "Resultados Duraderos"},
        {
          id: "guardas",          title: "Guardas Oclusales Personalizadas",          subtitle: "Protección y confort para tu salud bucal, previniendo el bruxismo.",          category: "Salud Bucal",          value: "Alivio Nocturno"},
        {
          id: "restauraciones",          title: "Restauraciones E.max Estéticas",          subtitle: "Soluciones duraderas y de apariencia natural para restaurar tus dientes.",          category: "Odontología Restauradora",          value: "Belleza Natural"},
        {
          id: "blanqueamiento",          title: "Blanqueamiento Dental Láser",          subtitle: "Aclara tu sonrisa hasta en varias tonalidades en una sola sesión.",          category: "Estética Dental",          value: "Brillo Instantáneo"},
        {
          id: "gingivoplastia",          title: "Gingivoplastia",          subtitle: "Rediseño de encías para una sonrisa más armoniosa y estética.",          category: "Periodoncia Estética",          value: "Armonía Gingival"},
        {
          id: "limpieza",          title: "Limpieza Dental Profesional",          subtitle: "Mantenimiento esencial para una boca sana y una sonrisa radiante.",          category: "Higiene Oral",          value: "Frescura Profunda"},
        {
          id: "odontopediatria",          title: "Odontopediatría Especializada",          subtitle: "Cuidado dental integral y amigable para los más pequeños del hogar.",          category: "Salud Infantil",          value: "Cuidado Pediátrico"},
      ]}
      title="Nuestros Tratamientos Estéticos Avanzados"
      description="Descubre una gama completa de servicios dentales diseñados para transformar tu sonrisa y mejorar tu salud bucal con las técnicas más innovadoras y un enfoque personalizado."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          icon: Star,
          title: "Satisfacción del Cliente",          value: "5.0 / 5"},
        {
          id: "m2",          icon: Trophy,
          title: "Tratamientos Exitosos",          value: "+98%"},
        {
          id: "m3",          icon: Smile,
          title: "Pacientes Felices",          value: "+500"},
      ]}
      title="Nuestros Logros Hablan por Sí Mismos"
      description="Con años de dedicación y un enfoque en la excelencia, hemos transformado innumerables sonrisas y ganado la confianza de nuestros pacientes en Ciudad Guzmán."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        {
          id: "dr-yuritzi",          name: "Dra. Yuritzi Alvarez Lopez",          role: "Directora Clínica y Especialista",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-practitioner-nurse-with-medical-stethoscope-analyzing-pharmaceutical-prescription-clinical-appointment-hospital-office-woman-asisstance-checking-sickness-symptoms_482257-28575.jpg",          imageAlt: "Retrato de la Dra. Yuritzi Alvarez Lopez"},
        {
          id: "assistant-1",          name: "Sofía Ramos",          role: "Asistente Dental Certificada",          imageSrc: "http://img.b2bpic.net/free-photo/two-female-nurses-working-clinic-scrubs_23-2149844699.jpg",          imageAlt: "Retrato de Sofía Ramos, asistente dental"},
        {
          id: "reception-1",          name: "Elena Vargas",          role: "Recepcionista y Coordinadora",          imageSrc: "http://img.b2bpic.net/free-photo/good-mood-is-essential-work_329181-10484.jpg",          imageAlt: "Retrato de Elena Vargas, recepcionista"},
      ]}
      title="Conoce a Nuestra Experta"
      description="La Dra. Yuritzi Alvarez Lopez lidera nuestro equipo con pasión y precisión, dedicada a cada detalle para tu sonrisa perfecta. Junto a ella, un staff cálido y profesional te atenderá."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "María Fernanda G.",          role: "Paciente de Estética",          company: "Cliente Satisfecha",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-flirty-glance-closeup-portrait-blonde-model-with-ideal-skin-cyrly-hair_633478-1085.jpg",          imageAlt: "Foto de María Fernanda G. sonriendo"},
        {
          id: "2",          name: "Carlos R.",          role: "Paciente de Ortodoncia",          company: "Cliente Feliz",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/two-doctors-talking-discuss-treatment_651396-1110.jpg",          imageAlt: "Foto de Carlos R. sonriendo"},
        {
          id: "3",          name: "Ana S.",          role: "Madre de Paciente Pediátrico",          company: "Familia LYAL",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/child-giving-kiss-his-mother-cheek_1301-6434.jpg",          imageAlt: "Foto de Ana S. con su hijo"},
        {
          id: "4",          name: "Javier P.",          role: "Paciente de Restauraciones",          company: "Cliente Confidente",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg",          imageAlt: "Foto de Javier P. sonriendo"},
        {
          id: "5",          name: "Laura M.",          role: "Paciente Habitual",          company: "Cliente Fiel",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-dentist-examining-female-s-teeth-dentistry_613910-11476.jpg",          imageAlt: "Foto de Laura M. sonriendo"},
      ]}
      kpiItems={[
        {
          value: "5.0",          label: "Estrellas en Google Maps"},
        {
          value: "99%",          label: "Tasa de Recomendación"},
        {
          value: "+10",          label: "Años de Confianza"},
      ]}
      title="Experiencias Reales, Sonrisas Auténticas"
      description="Nuestros pacientes comparten cómo LYAL Dental ha transformado sus sonrisas y su confianza. Lee sus historias y descubre por qué somos la elección en Ciudad Guzmán."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      text="¿Listo para transformar tu sonrisa? Contáctanos hoy mismo para agendar tu consulta en LYAL Dental Clínica Spa. Estamos listos para atenderte en Ciudad Guzmán.\n\n**Llámanos:** 341 411 8095\n**Escríbenos:** lyal1214@gmail.com\n**Visítanos:** Av. 1° de Mayo 126, Int 14-A, Condominio Plaza del Río, Cd Guzmán Centro\n**Horario de Atención:** Lunes a Domingo hasta las 8 pm\n\n**Encuéntranos en redes:** @lyal_dental (Instagram) | /LYAL-Dental-101812175244751 (Facebook)"
      buttons={[
        {
          text: "Llamar Ahora",          href: "tel:3414118095"},
        {
          text: "Enviar Email",          href: "mailto:lyal1214@gmail.com"},
        {
          text: "Ver en Mapa",          href: "https://www.google.com/maps/search/Av.+1%C2%B0+de+Mayo+126,+Int+14-A,+Condominio+Plaza+del+R%C3%ADo,+Cd+Guzm%C3%A1n+Centro/@19.7042318,-103.461623,17z/data=!3m1!4b1"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-doctors-work_52683-100239.jpg"
      imageAlt="Exterior de LYAL Dental Clínica Spa en Ciudad Guzmán"
      logoText="LYAL Dental"
      columns={[
        {
          title: "Servicios",          items: [
            {
              label: "Ortodoncia",              href: "#features"},
            {
              label: "Blanqueamiento Láser",              href: "#features"},
            {
              label: "Limpieza Dental",              href: "#features"},
            {
              label: "Odontopediatría",              href: "#features"},
          ],
        },
        {
          title: "Clínica",          items: [
            {
              label: "Inicio",              href: "#hero"},
            {
              label: "Nosotros",              href: "#about"},
            {
              label: "Equipo",              href: "#team"},
            {
              label: "Contacto",              href: "#contact"},
          ],
        },
        {
          title: "Síguenos",          items: [
            {
              label: "Instagram",              href: "https://www.instagram.com/lyal_dental"},
            {
              label: "Facebook",              href: "https://www.facebook.com/LYAL-Dental-101812175244751"},
          ],
        },
      ]}
      copyrightText="© 2024 LYAL Dental. Todos los derechos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}