"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, Star, Zap, CheckCircle, Instagram, Facebook, Linkedin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="medium"
        background="grid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Inicio",          id: "hero"},
        {
          name: "Nosotros",          id: "about"},
        {
          name: "Servicios",          id: "features"},
        {
          name: "Equipo",          id: "team"},
        {
          name: "Contacto",          id: "contact"},
      ]}
      brandName="DEM Dental"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "gradient-bars"}}
      title="Salud Dental y Especialidades de Vanguardia"
      description="En DEM Dental cuidamos tu sonrisa con tecnología avanzada y un trato humano excepcional. Expertos en odontología y especialidades médicas a tu servicio."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/nurse-practitioner-posing-camera_482257-90415.jpg",          alt: "Dentista"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-dentist-male-glasses-wearing-blue-uniform-sitting-dentist-office-looking-camera_613910-18529.jpg",          alt: "Especialista"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-building-uniform-smiling-urban_1134-754.jpg",          alt: "Cirujano"},
        {
          src: "http://img.b2bpic.net/free-photo/goodlooking-female-dentist-posing-white-coat-modern-wellequipped-cabinet_627829-9793.jpg",          alt: "Goodlooking female dentist posing in white coat in a modern wellequipped cabinet"},
        {
          src: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1677.jpg",          alt: "Equipment and dental instruments in dentist's office. Tools close-up."},
      ]}
      buttons={[
        {
          text: "Agendar Cita",          href: "#contact"},
        {
          text: "Ver Servicios",          href: "#features"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="Tu sonrisa es nuestra prioridad"
      description="DEM Dental y Especialidades Médicas nace con el propósito de elevar los estándares de atención médica. Combinamos equipos modernos con especialistas dedicados para brindarte soluciones integrales de salud bucal y bienestar general."
      bulletPoints={[
        {
          title: "Atención Personalizada",          description: "Escuchamos tus necesidades para darte el mejor tratamiento."},
        {
          title: "Tecnología de Punta",          description: "Equipos de última generación para diagnósticos precisos."},
        {
          title: "Expertos Certificados",          description: "Médicos especialistas con años de trayectoria y éxito."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/smiling-doctor-portrait_23-2151997609.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Odontología Preventiva",          description: "Limpiezas, revisiones y cuidado básico para mantener tu salud oral al día.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151042926.jpg",          buttonIcon: CheckCircle,
        },
        {
          title: "Ortodoncia Avanzada",          description: "Soluciones personalizadas para alinear tu sonrisa con comodidad y estilo.",          imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-female-patient-with-teeth-shades_107420-73950.jpg",          buttonIcon: CheckCircle,
        },
        {
          title: "Odontopediatría",          description: "Especialistas en el cuidado dental de los más pequeños con máxima paciencia.",          imageSrc: "http://img.b2bpic.net/free-photo/pediatric-dentist-little-girl-reception-dentist_1321-1717.jpg",          buttonIcon: CheckCircle,
        },
        {
          title: "Cirugía Estética",          description: "Procedimientos quirúrgicos especializados para mejorar tu estética dental.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053285.jpg",          buttonIcon: CheckCircle,
        },
      ]}
      title="Nuestras Especialidades"
      description="Ofrecemos una gama completa de servicios para toda la familia bajo un mismo techo."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          icon: Award,
          title: "Pacientes Satisfechos",          value: "5000+"},
        {
          id: "m2",          icon: Star,
          title: "Años de Experiencia",          value: "15"},
        {
          id: "m3",          icon: Zap,
          title: "Procedimientos Exitosos",          value: "8000+"},
      ]}
      title="Nuestra Trayectoria"
      description="Resultados que hablan por sí mismos."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      members={[
        {
          id: "1",          name: "Dra. Ana López",          role: "Odontóloga General",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-mask-yellow-wall_179666-20991.jpg"},
        {
          id: "2",          name: "Dr. Carlos Ruiz",          role: "Ortodoncista",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-slavic-girl-doctor-uniform-with-stethoscope-isolated-orange-wall-with-copy-space_141793-122023.jpg"},
        {
          id: "3",          name: "Dra. Elena García",          role: "Cirujana Oral",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-67127.jpg"},
        {
          id: "4",          name: "Lic. María Silva",          role: "Higiene Oral",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-nurses-working-together_52683-98096.jpg"},
        {
          id: "5",          name: "Dr. Jorge Rivas",          role: "Endodoncista",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-dentist-wearing-blue-uniform-standing-dentist-clinic_613910-18496.jpg"},
      ]}
      title="Conoce a tu equipo médico"
      description="Profesionales apasionados por tu bienestar y salud integral."
    />
  </div>

  <div id="testimonial" data-section="testimonial">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          title: "Excelente servicio",          quote: "La atención fue impecable desde el primer minuto. Totalmente recomendable.",          name: "Juan Pérez",          role: "Paciente",          imageSrc: "http://img.b2bpic.net/free-photo/big-happiness-beautiful-woman_329181-1147.jpg"},
        {
          id: "2",          title: "Gran profesionalismo",          quote: "Los doctores son muy atentos y explican todo detalladamente. Muy conforme.",          name: "Laura Méndez",          role: "Paciente",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-dental-braces-dentist-office-sitting-dentist-chair_651396-2256.jpg"},
        {
          id: "3",          title: "Resultados increíbles",          quote: "Mi sonrisa cambió por completo gracias a ellos. Grandes especialistas.",          name: "Sofía Díaz",          role: "Paciente",          imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-male-doctor-smiling-points-away-space-text-white-background-attractive-intern-wearing-uniform-looking-confident-isolated_574295-6094.jpg"},
        {
          id: "4",          title: "Atención humana",          quote: "Me hicieron sentir muy cómodo. Es difícil encontrar lugares así.",          name: "Roberto Gómez",          role: "Paciente",          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-doctor-his-female-patient-shaking-hands-after-medical-appointment-clinic_637285-421.jpg"},
        {
          id: "5",          title: "Volveré sin duda",          quote: "Excelente equipo, instalaciones muy limpias y modernas. Excelente servicio.",          name: "Lucía Torres",          role: "Paciente",          imageSrc: "http://img.b2bpic.net/free-photo/brunette-blogger-doing-her-make-up_23-2148192399.jpg"},
      ]}
      title="Lo que dicen nuestros pacientes"
      description="La confianza de nuestros pacientes es nuestra mejor carta de presentación."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",          title: "¿Cuáles son los horarios de atención?",          content: "Atendemos de lunes a sábado de 9:00 AM a 7:00 PM."},
        {
          id: "f2",          title: "¿Aceptan seguros médicos?",          content: "Sí, contamos con convenios con las principales aseguradoras."},
        {
          id: "f3",          title: "¿Es necesario agendar cita?",          content: "Sí, recomendamos agendar con antelación para brindarte una atención preferente."},
        {
          id: "f4",          title: "¿Realizan urgencias?",          content: "Atendemos urgencias dentales bajo previa evaluación telefónica."},
      ]}
      sideTitle="Preguntas Frecuentes"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      tag="Contacto"
      title="Agenda tu consulta"
      description="Da el siguiente paso hacia tu mejor sonrisa. Estamos aquí para guiarte en todo el proceso."
      buttons={[
          { text: "Agendar por WhatsApp", href: "#" },
          { text: "Llamar ahora", href: "#" }
      ]}
      background={{ variant: "sparkles-gradient" }}
      useInvertedBackground={true}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="DEM Dental"
      socialLinks={[
          { icon: Instagram, href: "#", ariaLabel: "Instagram" },
          { icon: Facebook, href: "#", ariaLabel: "Facebook" },
          { icon: Linkedin, href: "#", ariaLabel: "Linkedin" }
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}