"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Feather, Grid, Heart, Scan, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="small"
        sizing="large"
        background="none"
        cardStyle="subtle-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Servicios",          id: "#servicios"},
        {
          name: "Opiniones",          id: "#opiniones"},
        {
          name: "Contacto",          id: "#contacto"}
      ]}
      brandName="Dr. Jackson Pérez Ucrós"
      bottomLeftText="Odontología Integral · Barranquilla"
      button={{
        text: "📞 300 607 9639",        href: "tel:3006079639"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "radial-gradient"}}
      title="Tu sonrisa merece el mejor cuidado"
      description="Clínica dental integral en el norte de Barranquilla. Atención personalizada, tecnología de última generación y más de 10 años devolviendo confianza a través de cada sonrisa."
      tag="5.0 — 11 opiniones en Google"
      tagIcon={Star}
      buttons={[
        {
          text: "Agendar cita ahora",          href: "tel:3006079639"},
        {
          text: "Ver Instagram",          href: "https://www.instagram.com/drjackson.odontologia/"}
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-chair-dental-office_1204-394.jpg",          imageAlt: "Modern dental clinic interior"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg",          imageAlt: "Dental tools on a tray"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-dental-clinic_107420-74179.jpg",          imageAlt: "Happy patient with a healthy smile"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/male-dentist-explaining-teeth-x-ray-screen-female-patient-lying-dentist-chair_23-2147879120.jpg",          imageAlt: "Dentist explaining an x-ray to a patient"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-dental-office-dentist-work-dental-treatment-concept_169016-67176.jpg",          imageAlt: "High-tech dental equipment"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-having-meeting-with-her-coworker_23-2148944286.jpg",          imageAlt: "Clean and bright dental reception area"}
      ]}
    />
  </div>

  <div id="servicios" data-section="servicios">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Feather,
          title: "Diseño de Sonrisa",          description: "Transformación estética personalizada con materiales de alta calidad para que luzcas tu mejor versión."},
        {
          icon: Grid,
          title: "Ortodoncia",          description: "Brackets, alineadores y tratamientos correctivos para alinear tu sonrisa de forma eficaz y cómoda."},
        {
          icon: Sparkles,
          title: "Odontología Estética",          description: "Blanqueamiento, carillas y restauraciones estéticas con resultados visibles desde la primera sesión."},
        {
          icon: Heart,
          title: "Odontología General",          description: "Revisiones, limpiezas, obturaciones y cuidado preventivo para mantener tu salud bucal en óptimas condiciones."},
        {
          icon: Heart,
          title: "Odontología Integral",          description: "Equipo de especialistas que aborda todas tus necesidades dentales en un solo lugar, con atención coordinada."},
        {
          icon: Scan,
          title: "Prótesis & Implantes",          description: "Soluciones fijas y removibles para recuperar la funcionalidad y estética de tu dentadura."}
      ]}
      title="Servicios odontológicos integrales"
      description="Contamos con un equipo multidisciplinario y tecnología de vanguardia para cada etapa de tu salud bucal."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      groups={[
        {
          id: "odontology-team",          groupTitle: "Equipo de Odontología",          members: [
            {
              id: "dr-jackson",              title: "Dr. Jackson Pérez Ucrós",              subtitle: "Odontólogo General & Estético",              detail: "Más de 10 años de experiencia en diseño de sonrisa e implantes.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-doctor-crossed-hands-front-white-wall_158595-7667.jpg",              imageAlt: "Dr. Jackson Pérez Ucrós"},
            {
              id: "assistant-ana",              title: "Ana María Rojas",              subtitle: "Asistente Dental",              detail: "Encargada de la preparación y soporte durante los procedimientos.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-dentist-woman-crossed-arms-standing-her-dentistry-office-near-chair_627829-1369.jpg",              imageAlt: "Ana María Rojas, Asistente Dental"},
            {
              id: "technician-carlos",              title: "Carlos López",              subtitle: "Técnico Dental",              detail: "Especialista en la creación de prótesis y restauraciones a medida.",              imageSrc: "http://img.b2bpic.net/free-photo/female-artisan-working-atelier-with-clay_23-2149025899.jpg",              imageAlt: "Carlos López, Técnico Dental"}
          ]
        }
      ]}
      title="Conoce al Dr. Jackson Pérez Ucrós y su Equipo"
      description="Un equipo de profesionales dedicados a tu salud bucal, liderado por el Dr. Jackson Pérez Ucrós, con una trayectoria de excelencia y resultados comprobados."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Nuestros Resultados Hablan por Sí Solos"
      tag="Excelencia Comprobada"
      metrics={[
        {
          id: "rating",          value: "5.0",          description: "Calificación Google"},
        {
          id: "patients",          value: "11",          description: "Pacientes satisfechos"},
        {
          id: "recommendation",          value: "100%",          description: "Recomendado por pacientes"}
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="opiniones" data-section="opiniones">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Excellent service, affordable prices and an overall relaxing atmosphere. Dr. Jackson goes above and beyond for his patients."
      rating={5}
      author="S. Oquendo, Estados Unidos"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/headshot-beautiful-dark-skinned-female-with-happy-expression-has-afro-hairstyle-demonstrates-perfect-white-even-teeth-has-pleased-smile-stylish-young-african-american-woman-rests-indoor_273609-2384.jpg",          alt: "S. Oquendo"},
        {
          src: "http://img.b2bpic.net/free-photo/confident-young-handsome-guy-wearing-yellow-turtleneck-sweater-isolated-olive-green-wall_141793-83753.jpg",          alt: "Sgómez03"},
        {
          src: "http://img.b2bpic.net/free-photo/half-profile-image-cheerful-attractive-middle-aged-woman-with-short-gray-hair-wrinkles-having-fun-laughing-joke-smiling-broadly-camera_343059-1891.jpg",          alt: "Local Guide"},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing-with-his-arms-crossed_23-2148692179.jpg",          alt: "Adrian Tovar"},
        {
          src: "http://img.b2bpic.net/free-photo/female-doctor-her-office_1098-21369.jpg",          alt: "Roxana Osorio"}
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "hours",          title: "Horarios de atención",          content: "Estamos disponibles de Lunes a Sábado, de 8:00 a.m. a 6:00 p.m. Te recomendamos agendar tu cita con anticipación."},
        {
          id: "insurance",          title: "¿Aceptan seguros?",          content: "Sí, aceptamos varias aseguradoras. Por favor, contáctanos directamente para verificar si tu plan está cubierto."},
        {
          id: "emergency",          title: "¿Qué hago en caso de emergencia?",          content: "Para emergencias, llámanos directamente al 300 607 9639. Haremos lo posible por atenderte a la brevedad."}
      ]}
      title="¿Tienes Preguntas?"
      description="Encuentra respuestas a las preguntas más frecuentes sobre nuestros servicios, citas y procedimientos."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="cta" data-section="cta">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      imagePosition="right"
      title="¿Listo para transformar tu sonrisa?"
      description="Agenda tu cita hoy. Atención personalizada, precios justos y un equipo que te hará sentir en casa."
      buttons={[
        {
          text: "Llamar ahora · 300 607 9639",          href: "tel:3006079639"}
      ]}
      bulletPoints={[
        {
          title: "Atención Personalizada",          description: "Cada tratamiento se adapta a tus necesidades específicas para asegurar los mejores resultados."},
        {
          title: "Tecnología de Vanguardia",          description: "Utilizamos equipos de última generación para diagnósticos precisos y procedimientos eficientes."},
        {
          title: "Más de 10 Años de Experiencia",          description: "Respaldados por una década de dedicación y miles de sonrisas felices transformadas."}
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/attractive-patient-redviolet-dress-laying-dental-chair-while-female-dentist-treating-her-teeth-with-special-instruments_627829-9738.jpg"
      imageAlt="Modern dental office reception area"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="contacto" data-section="contacto">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Visítanos en Barranquilla"
      description="Estamos ubicados en Cra. 44 #84-178, Nte. Centro Histórico, Barranquilla, Atlántico.\n\nTeléfono/WhatsApp: 300 607 9639.\nHorario de atención: Lun – Sáb: 8:00 a.m. – 6:00 p.m.\nEncuéntranos en Instagram: @drjackson.odontologia"
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Tu Nombre Completo",          required: true
        },
        {
          name: "email",          type: "email",          placeholder: "Tu Correo Electrónico",          required: true
        }
      ]}
      textarea={{
        name: "message",        placeholder: "Tu Mensaje o Consulta",        rows: 4,
        required: true
      }}
      imageSrc="http://img.b2bpic.net/free-photo/pinpoints-compass-map_23-2148232397.jpg"
      imageAlt="Map showing location in Barranquilla"
      mediaAnimation="none"
      mediaPosition="right"
      buttonText="Enviar Mensaje"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Dr. Jackson Pérez Ucrós — Odontología"
      leftLink={{
        text: "Instagram ↗",        href: "https://www.instagram.com/drjackson.odontologia/"}}
      rightLink={{
        text: "Política de Privacidad",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}