"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Sparkles, Star, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSizeMediumTitles"
        background="none"
        cardStyle="gradient-bordered"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Inicio",          id: "#inicio"},
        {
          name: "Servicios",          id: "#servicios"},
        {
          name: "Nosotros",          id: "#nosotros"},
        {
          name: "Equipo",          id: "#equipo"},
        {
          name: "Planes",          id: "#planes"},
        {
          name: "Testimonios",          id: "#testimonios"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contacto",          id: "#contacto"},
      ]}
      button={{
        text: "Agenda tu Cita",        href: "#contacto"}}
      brandName="Consultorio Dental Premier"
    />
  </div>

  <div id="inicio" data-section="inicio">
      <HeroCentered
      background={{
        variant: "radial-gradient"}}
      title="Sonrisas Brillantes, Salud Duradera"
      description="Expertos en cuidado dental para toda la familia. Tu bienestar empieza aquí."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/woman-patient-dentist_1303-9351.jpg",          alt: "Paciente feliz 1"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-man-putting-toothpaste-toothbrush_171337-17280.jpg",          alt: "Paciente feliz 2"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-boy-leaning-dental-chair_23-2147905961.jpg",          alt: "Paciente feliz 3"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-elegant-elderly-woman-wearing-stylish-clothes-isolated_273609-34968.jpg",          alt: "Paciente feliz 4"},
        {
          src: "http://img.b2bpic.net/free-photo/young-man-with-dental-braces-dentist-office-sitting-dentist-chair_651396-2256.jpg",          alt: "Sonrisa saludable"},
      ]}
      avatarText="+2,000 Sonrisas Satisfechas"
      buttons={[
        {
          text: "Agenda tu Cita",          href: "#contacto"},
        {
          text: "Conoce Nuestros Servicios",          href: "#servicios"},
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "text",          text: "Atención Personalizada"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/orthodontist-using-tablet-explaining-dental-x-ray-patient-standing-waiting-area-stomatologic-office-dentist-showing-woman-radiography-using-digital-device-working-modern-clinic_482257-3589.jpg",          alt: "Modern dental waiting room"},
        {
          type: "text-icon",          text: "Tecnología de Punta",          icon: Zap,
        },
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/worn-instrument-tape-white-steel_1303-341.jpg",          alt: "Close-up of dentist tools"},
        {
          type: "text",          text: "Resultados Garantizados"},
      ]}
    />
  </div>

  <div id="nosotros" data-section="nosotros">
      <MediaAbout
      useInvertedBackground={true}
      title="Innovación y Cuidado en Cada Visita"
      description="En Consultorio Dental Premier, combinamos tecnología de vanguardia con un trato humano y personalizado para ofrecerte la mejor experiencia dental. Dedicados a la salud y estética de tu sonrisa, te garantizamos resultados duraderos y una atención excepcional."
      tag="Nuestra Historia"
      tagIcon={Star}
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Nuestra Filosofía",          href: "#nosotros"},
        {
          text: "Conoce al Equipo",          href: "#equipo"},
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/diverse-group-people-waiting-hospital-reception-lobby-attend-medical-appointment-with-general-practitioner-patients-waiting-room-lobby-sitting-healthcare-clinic-tripod-shot_482257-46247.jpg"
      imageAlt="Interior moderno del consultorio dental"
    />
  </div>

  <div id="servicios" data-section="servicios">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f-limpieza",          title: "Limpieza y Prevención",          tags: [
            "Higiene",            "Chequeo"],
          imageSrc: "http://img.b2bpic.net/free-photo/dentist-treats-childs-tooth-using-rubber-dam-closeup-tooth-treatment_169016-66780.jpg",          imageAlt: "Herramientas de limpieza dental"},
        {
          id: "f-blanqueamiento",          title: "Blanqueamiento Dental",          tags: [
            "Estética",            "Brillo"],
          imageSrc: "http://img.b2bpic.net/free-photo/dentist-checking-mid-adult-man-with-ultraviolet-light-dental-clinic_662251-2565.jpg",          imageAlt: "Tratamiento de blanqueamiento dental"},
        {
          id: "f-ortodoncia",          title: "Ortodoncia Avanzada",          tags: [
            "Alineación",            "Estética"],
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-with-dental-gems_23-2151212419.jpg",          imageAlt: "Brackets de ortodoncia"},
        {
          id: "f-implantes",          title: "Implantes Dentales",          tags: [
            "Restauración",            "Durabilidad"],
          imageSrc: "http://img.b2bpic.net/free-photo/modeling-pot-process-close-up_23-2148643298.jpg",          imageAlt: "Implante dental con corona"},
        {
          id: "f-estetica",          title: "Odontología Estética",          tags: [
            "Diseño",            "Armonía"],
          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-smartphone-as-habit_23-2149240972.jpg",          imageAlt: "Diseño de sonrisa"},
      ]}
      title="Nuestros Servicios Dentales Integrales"
      description="Ofrecemos una amplia gama de tratamientos avanzados y personalizados para mantener tu salud bucal óptima y realzar la belleza natural de tu sonrisa."
    />
  </div>

  <div id="equipo" data-section="equipo">
      <TeamCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      groups={[
        {
          id: "dentistas-premier",          groupTitle: "Nuestro Equipo de Odontólogos",          members: [
            {
              id: "member-1",              title: "Dra. Ana García",              subtitle: "Odontología General y Estética",              detail: "Especialista en restauraciones estéticas y blanqueamiento dental, con más de 10 años de experiencia.",              imageSrc: "http://img.b2bpic.net/free-photo/dentist-posing-office-with-surgical-mask_23-2148338087.jpg",              imageAlt: "Dra. Ana García"},
            {
              id: "member-2",              title: "Dr. Carlos Martínez",              subtitle: "Ortodoncia e Implantes",              detail: "Dedicado a la corrección de maloclusiones y rehabilitación oral con implantes de última generación.",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-medical-shirt-crossing-her-fingers-color-health-nurse-covid-19-hospital-virus-emotion_179666-23827.jpg",              imageAlt: "Dr. Carlos Martínez"},
            {
              id: "member-3",              title: "Dra. Sofía López",              subtitle: "Odontopediatría y Prevención",              detail: "Experta en el cuidado dental de niños y en programas de prevención para mantener sonrisas sanas desde pequeños.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-studio_23-2149434898.jpg",              imageAlt: "Dra. Sofía López"},
          ]
        },
      ]}
      title="Conoce a Nuestros Especialistas"
      description="Un equipo de dentistas altamente calificados y comprometidos con tu salud bucal. Cada miembro aporta experiencia y calidez para que tu visita sea lo más confortable y efectiva posible."
    />
  </div>

  <div id="planes" data-section="planes">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "plan-esencial",          badge: "Popular",          badgeIcon: Sparkles,
          price: "$29",          name: "Plan Esencial",          buttons: [
            {
              text: "Ver Detalles",              href: "#contacto"},
          ],
          features: [
            "1 Limpieza Anual",            "Revisión General",            "Diagnóstico Digital",            "20% Descuento en Blanqueamiento"],
        },
        {
          id: "plan-premium",          badge: "Recomendado",          badgeIcon: Award,
          price: "$59",          name: "Plan Premium",          buttons: [
            {
              text: "Elegir Plan",              href: "#contacto"},
          ],
          features: [
            "2 Limpiezas Anuales",            "1 Blanqueamiento Dental",            "1 Consulta Especialista",            "30% Descuento en Ortodoncia"],
        },
        {
          id: "plan-familiar",          badge: "Ideal Familias",          badgeIcon: Users,
          price: "$99",          name: "Plan Familiar",          buttons: [
            {
              text: "Elegir Plan",              href: "#contacto"},
          ],
          features: [
            "Cobertura hasta 4 personas",            "2 Limpiezas por persona",            "Consultas ilimitadas",            "40% Descuento en todos los tratamientos"],
        },
      ]}
      title="Planes de Cuidado Dental"
      description="Descubre nuestras opciones flexibles diseñadas para adaptarse a tus necesidades y hacer que el cuidado de tu sonrisa sea accesible y conveniente para ti y tu familia."
    />
  </div>

  <div id="testimonios" data-section="testimonios">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="El mejor consultorio dental al que he ido. El personal es increíblemente amable y profesional. Mi sonrisa nunca se había visto tan bien. ¡Altamente recomendado para toda la familia!"
      rating={5}
      author="Marta Sánchez, Diseñadora Gráfica"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/she-looks-relaxed-her-home_329181-1170.jpg",          alt: "Marta Sánchez"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-business-man-making-call-me-gesture_1262-5627.jpg",          alt: "Juan Pérez"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-teenage-girl-with-braces-sitting-chair-while-dentist-standing-clinic_662251-2526.jpg",          alt: "Sofía Ramos"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-european-man-with-grey-hair-beard-smiles-pleasantly-looks-directly-front-being-good-mood-has-lucky-day-wears-spectacles-sweater-isolated-blue-wall_273609-44285.jpg",          alt: "Roberto Castro"},
        {
          src: "http://img.b2bpic.net/free-photo/always-brush-your-teeth-after-meal_329181-4752.jpg",          alt: "Elena Torres"},
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "¿Aceptan seguros dentales?",          content: "Sí, trabajamos con una amplia gama de aseguradoras dentales. Te recomendamos contactarnos para verificar si tu plan específico es compatible y cómo podemos ayudarte con los trámites."},
        {
          id: "faq-2",          title: "¿Ofrecen planes de financiación para tratamientos?",          content: "Absolutamente. Entendemos que algunos tratamientos pueden requerir una inversión. Por eso, ofrecemos diversas opciones de financiación y planes de pago flexibles para que puedas acceder al cuidado que necesitas sin preocupaciones."},
        {
          id: "faq-3",          title: "¿Cómo puedo agendar una cita?",          content: "Puedes agendar tu cita de manera sencilla llamándonos directamente, o utilizando nuestro formulario de contacto online disponible en la sección de 'Contacto'. ¡Esperamos verte pronto!"},
        {
          id: "faq-4",          title: "¿Es doloroso el blanqueamiento dental?",          content: "Nuestro proceso de blanqueamiento dental está diseñado para ser lo más cómodo posible. Utilizamos productos y técnicas que minimizan la sensibilidad, y nuestro equipo te guiará en cada paso para asegurar una experiencia placentera y resultados óptimos."},
      ]}
      title="¿Preguntas Frecuentes?"
      description="Encuentra respuestas rápidas a las dudas más comunes sobre nuestros servicios dentales, citas, pagos y el cuidado general de tu salud bucal."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contacto" data-section="contacto">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      text="¿Listo para tu Sonrisa Perfecta?"
      buttons={[
        {
          text: "Agenda tu Consulta",          href: "#contacto"},
        {
          text: "Envíanos un Mensaje",          href: "mailto:info@dentalpremier.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Consultorio Dental Premier"
      columns={[
        {
          title: "Servicios",          items: [
            {
              label: "Limpieza Dental",              href: "#servicios"},
            {
              label: "Blanqueamiento",              href: "#servicios"},
            {
              label: "Ortodoncia",              href: "#servicios"},
            {
              label: "Implantes",              href: "#servicios"},
          ],
        },
        {
          title: "Contacto",          items: [
            {
              label: "Agenda tu Cita",              href: "#contacto"},
            {
              label: "Ubicación",              href: "#"},
            {
              label: "Email",              href: "mailto:info@dentalpremier.com"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Aviso de Privacidad",              href: "#"},
            {
              label: "Términos y Condiciones",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Consultorio Dental Premier. Todos los derechos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
