"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Crown, Sparkles, Star, Shield, Eye, Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="small"
        sizing="mediumLargeSizeMediumTitles"
        background="grid"
        cardStyle="outline"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Inicio",          id: "#inicio"},
        {
          name: "Sobre Nosotros",          id: "#sobre-nosotros"},
        {
          name: "Servicios",          id: "#servicios"},
        {
          name: "Ortodoncia",          id: "#ortodoncia"},
        {
          name: "Precios",          id: "#precios"},
        {
          name: "Testimonios",          id: "#testimonios"},
        {
          name: "FAQ",          id: "#faq"},
      ]}
      button={{
        text: "Agenda Tu Consulta Gratis",        href: "#contacto"}}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yi7yfb"
      logoAlt="Logo de Dr. Sarah Lopez, DDS"
      brandName="Dr. Sarah Lopez, DDS"
    />
  </div>

  <div id="inicio" data-section="inicio">
      <HeroCarouselLogo
      logoText="Dr. Sarah Lopez, DDS"
      description="Expertos en ortodoncia y odontología general en una clínica acogedora y moderna. Desde frenillos tradicionales hasta Invisalign, creamos sonrisas seguras para todas las edades."
      buttons={[
        {
          text: "Agenda Tu Consulta Gratis",          href: "#contacto"},
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/stomatologist-nurse-finishing-oral-care-procedure-with-patient-dentistry-office-dentist-giving-mirror-man-look-denture-results-after-surgery-dental-examination_482257-38936.jpg",          imageAlt: "Dentista examinando los dientes de un paciente."},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/doctor-examining-3d-printed-skull-with-ar-technology_23-2152000880.jpg",          imageAlt: "Joven sonriendo con alineadores invisibles."},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/collection-orthodontic-instruments-dental-procedure_651396-2230.jpg",          imageAlt: "Doctora explicando un plan de tratamiento a un paciente."},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/person-virtual-date_23-2149296055.jpg",          imageAlt: "Familia feliz después de una visita al dentista."},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-portrait_23-2149036978.jpg",          imageAlt: "Primer plano de alineadores invisibles en uso."},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/excited-young-woman-holding-crossed-hands-looking-shock-anticipation_273609-13836.jpg",          imageAlt: "Brackets cerámicos en dientes, una opción estética."},
      ]}
      autoplayDelay={4000}
    />
  </div>

  <div id="sobre-nosotros" data-section="sobre-nosotros">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Sobre Dra. Sarah Lopez"
      description="La Dra. Sarah Lopez es una ortodoncista y dentista general dedicada a transformar sonrisas con cuidado y precisión. Con años de experiencia y una pasión por la excelencia, nuestra clínica utiliza las últimas tecnologías para ofrecer tratamientos personalizados en un ambiente cálido y amigable. Nos enorgullece ayudar a nuestros pacientes a lograr una salud oral óptima y la sonrisa de sus sueños."
      metrics={[
        {
          value: "15+",          title: "Años de Experiencia"},
        {
          value: "500+",          title: "Sonrisas Transformadas"},
        {
          value: "98%",          title: "Satisfacción del Paciente"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-female-dentist-showing-patient-dental-xray-dentistry-concept_169016-67307.jpg"
      imageAlt="Dra. Sarah Lopez sonriendo profesionalmente."
    />
  </div>

  <div id="servicios" data-section="servicios">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Ortodoncia con Invisalign",          description: "Alineadores transparentes y removibles para corregir la posición de tus dientes de manera discreta y cómoda. Ideal para adolescentes y adultos.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-face-mask-concept_23-2148739636.jpg",          imageAlt: "Alineadores transparentes de Invisalign",          buttonIcon: Sparkles,
          buttonHref: "#contacto"},
        {
          title: "Brackets Tradicionales",          description: "La solución clásica y efectiva para corregir problemas complejos de alineación dental. Ofrecemos opciones metálicas y cerámicas para una sonrisa perfecta.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-snapshot-man-s-face-dentist-s-hands-putting-rubber-bands-brackets_651396-3132.jpg",          imageAlt: "Brackets metálicos en dientes",          buttonIcon: Shield,
          buttonHref: "#contacto"},
        {
          title: "Brackets Estéticos",          description: "Opciones de brackets cerámicos o de zafiro que se mimetizan con el color natural de tus dientes, ofreciendo una solución más discreta y estética.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-girl-with-her-mobile_1169-102.jpg",          imageAlt: "Brackets cerámicos transparentes",          buttonIcon: Eye,
        },
        {
          title: "Odontología General",          description: "Desde limpiezas y empastes hasta tratamientos más complejos, cuidamos tu salud bucal integral. Tu bienestar dental es nuestra prioridad.",          imageSrc: "http://img.b2bpic.net/free-photo/photo-blonde-curly-woman-brushes-teeth-with-electric-brush-holds-glass-mouthwash-fresh-breath-isolated-blue-background-blank-space-your-promotional-content-dental-care-concept_273609-60196.jpg",          imageAlt: "Instrumentos de limpieza dental",          buttonIcon: Heart,
        },
      ]}
      title="Nuestros Servicios Integrales"
      description="Ofrecemos una gama completa de servicios dentales y de ortodoncia para satisfacer las necesidades de toda tu familia. Tu sonrisa es nuestra especialidad."
    />
  </div>

  <div id="ortodoncia" data-section="ortodoncia">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "product-invisalign",          name: "Invisalign",          price: "Desde $3,500",          imageSrc: "http://img.b2bpic.net/free-photo/dentist-assisting-female-patient-wear-braces_107420-65490.jpg",          imageAlt: "Tratamiento Invisalign"},
        {
          id: "product-brackets-metalicos",          name: "Brackets Metálicos",          price: "Desde $2,800",          imageSrc: "http://img.b2bpic.net/free-photo/orthodontist-placing-rubber-bands-male-patient-braces_651396-3437.jpg",          imageAlt: "Brackets metálicos"},
        {
          id: "product-brackets-ceramicos",          name: "Brackets Cerámicos",          price: "Desde $3,200",          imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-treating-patient-close-up-photo-young-woman-sitting-dentist-s-chair_613910-17777.jpg",          imageAlt: "Brackets cerámicos"},
        {
          id: "product-retenedores",          name: "Retenedores Post-Ortodoncia",          price: "Desde $500",          imageSrc: "http://img.b2bpic.net/free-photo/female-patient-wearing-braces_107420-65482.jpg",          imageAlt: "Retenedores dentales"},
        {
          id: "product-blanqueamiento",          name: "Blanqueamiento Dental",          price: "Desde $450",          imageSrc: "http://img.b2bpic.net/free-photo/girl-showing-her-thumbs-up_1301-1128.jpg",          imageAlt: "Tratamiento de blanqueamiento dental"},
        {
          id: "product-consulta-inicial",          name: "Consulta Inicial (Gratis)",          price: "¡Gratis!",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-businesswoman-writing-diary-workplace_23-2147880556.jpg",          imageAlt: "Consulta dental inicial"},
      ]}
      title="Descubre Tus Opciones de Ortodoncia"
      description="Explora nuestras opciones de tratamiento de ortodoncia, diseñadas para adaptarse a tus necesidades y estilo de vida. Tu camino hacia una sonrisa perfecta comienza aquí."
    />
  </div>

  <div id="precios" data-section="precios">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "plan-inicial",          badge: "Popular",          badgeIcon: Star,
          price: "Consulta Gratis",          subtitle: "Evaluación completa y plan personalizado.",          buttons: [
            {
              text: "Agendar Ahora",              href: "#contacto"},
          ],
          features: [
            "Examen oral inicial",            "Diagnóstico completo",            "Revisión de historial dental",            "Opciones de tratamiento personalizadas"],
        },
        {
          id: "plan-ortodoncia-basico",          badge: "Valor",          badgeIcon: Sparkles,
          price: "Desde $2,800",          subtitle: "Tratamiento básico de ortodoncia.",          buttons: [
            {
              text: "Más Información",              href: "#contacto"},
          ],
          features: [
            "Brackets metálicos o cerámicos",            "Ajustes mensuales",            "Retenedor fijo o removible (opcional)",            "Duración: 12-24 meses"],
        },
        {
          id: "plan-ortodoncia-premium",          badge: "Premium",          badgeIcon: Crown,
          price: "Desde $3,500",          subtitle: "Soluciones avanzadas de ortodoncia.",          buttons: [
            {
              text: "Consulta Premium",              href: "#contacto"},
          ],
          features: [
            "Invisalign o Brackets estéticos",            "Ajustes flexibles",            "Blanqueamiento dental post-tratamiento",            "Duración: 6-18 meses"],
        },
      ]}
      title="Planes y Precios Transparentes"
      description="Ofrecemos diferentes planes de tratamiento para adaptarnos a tu presupuesto y necesidades. Tu inversión en una sonrisa sana y hermosa es importante."
    />
  </div>

  <div id="testimonios" data-section="testimonios">
      <TestimonialCardOne
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      animationType="depth-3d"
      testimonials={[
        {
          id: "1",          name: "Ana Rodríguez",          role: "Cliente",          company: "Paciente de Invisalign",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-woman-smiling-looking-camera_197531-33823.jpg",          imageAlt: "Ana Rodríguez"},
        {
          id: "2",          name: "Carlos Sánchez",          role: "Cliente",          company: "Paciente de Brackets",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-showing-patient-how-use-medical-machine_23-2148328380.jpg",          imageAlt: "Carlos Sánchez"},
        {
          id: "3",          name: "Laura García",          role: "Cliente",          company: "Paciente Pediátrica",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-young-girl-smiling-pink_179666-1705.jpg",          imageAlt: "Laura García"},
        {
          id: "4",          name: "Javier Pérez",          role: "Cliente",          company: "Paciente de Blanqueamiento",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-t-shirt-jacket-pointing-aside-with-thumbs-looking-cheery-front-view_176474-108088.jpg",          imageAlt: "Javier Pérez"},
        {
          id: "5",          name: "Elena Torres",          role: "Cliente",          company: "Paciente de Odontología General",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149329716.jpg",          imageAlt: "Elena Torres"},
        {
          id: "6",          name: "Miguel Ferrer",          role: "Cliente",          company: "Paciente de Ortodoncia Adulta",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/confident-smiling-young-businessman-making-hand-frame-against-orange-backdrop_23-2148119724.jpg",          imageAlt: "Miguel Ferrer"},
      ]}
      title="Lo Que Nuestros Pacientes Dicen"
      description="La satisfacción de nuestros pacientes es nuestra mayor recompensa. Descubre cómo hemos ayudado a transformar sonrisas y vidas."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "¿Cuál es la edad ideal para una consulta de ortodoncia?",          content: "Recomendamos una primera evaluación de ortodoncia alrededor de los 7 años, pero los tratamientos pueden iniciarse a cualquier edad si es necesario."},
        {
          id: "faq-2",          title: "¿Invisalign es realmente invisible?",          content: "Sí, los alineadores Invisalign son prácticamente invisibles y se adaptan perfectamente a tus dientes, permitiéndote llevar tu vida con normalidad."},
        {
          id: "faq-3",          title: "¿Cuánto tiempo dura un tratamiento de ortodoncia?",          content: "La duración varía según el caso, pero generalmente oscila entre 12 y 24 meses. La Dra. Lopez te dará una estimación precisa en tu consulta inicial."},
        {
          id: "faq-4",          title: "¿Aceptan seguros dentales?",          content: "Sí, aceptamos la mayoría de los planes de seguro dental. Por favor, contáctanos para verificar la cobertura de tu plan específico."},
        {
          id: "faq-5",          title: "¿Qué debo hacer en caso de una emergencia dental?",          content: "Si tienes una emergencia dental, llama a nuestra clínica de inmediato. Te daremos las instrucciones necesarias y programaremos una cita lo antes posible."},
      ]}
      title="Preguntas Frecuentes"
      description="Resolvemos tus dudas más comunes sobre tratamientos de ortodoncia, odontología general y nuestra clínica. Si no encuentras tu pregunta, contáctanos."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contacto" data-section="contacto">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Contacto"
      title="Agenda Tu Consulta Hoy Mismo"
      description="Estamos aquí para ayudarte a lograr la sonrisa que siempre has deseado. Contáctanos para programar tu consulta inicial gratuita."
      buttons={[
        {
          text: "Llamar Ahora",          href: "tel:+1234567890"},
        {
          text: "Enviar Mensaje",          href: "mailto:info@drasarahlopez.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yi7yfb"
      logoAlt="Logo de Dr. Sarah Lopez, DDS"
      logoText="Dr. Sarah Lopez, DDS"
      leftLink={{
        text: "Política de Privacidad",        href: "#"}}
      rightLink={{
        text: "Términos de Servicio",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
