"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeLargeTitles"
        background="floatingGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Inicio",
          id: "hero",
        },
        {
          name: "Sobre Mí",
          id: "about",
        },
        {
          name: "Servicios",
          id: "features",
        },
        {
          name: "Testimonios",
          id: "testimonials",
        },
        {
          name: "Contacto",
          id: "contact",
        },
      ]}
      brandName="Dr. Aarón Rivera"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "plain",
      }}
      title="Cuida tu sonrisa con atención profesional"
      description="Limpieza dental, valoración y atención odontológica con promociones especiales de mayo."
      buttons={[
        {
          text: "Agenda tu cita por WhatsApp",
          href: "https://wa.me/5215500000000",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/dental-clinic-interior-with-modern-dentistry-equipment-orange-color-stomatology-cabinet-with-nobody-it-orange-equipment-oral-treatment_482257-12486.jpg",
          imageAlt: "Consultorio dental moderno",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23912.jpg",
          imageAlt: "Atención dental premium",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-chair-dental-office_1204-394.jpg",
          imageAlt: "Odontología profesional",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-equipment-dental-procedures_651396-1693.jpg",
          imageAlt: "Tu sonrisa en manos expertas",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-dentist-cabinet-medical-chair-stomatology-cabinet-with-nobody-it-orange-equipment-oral-treatment_482257-12482.jpg",
          imageAlt: "Calidad en servicios",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/dental-cabinet-with-various-medical-equipment_140725-7678.jpg",
          imageAlt: "Dr. Aarón Rivera",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="🦷 Soy el Dr. Aarón Rivera"
      buttons={[
        {
          text: "Conócenos más",
          href: "#contact",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Limpieza dental",
          description: "Eliminación profunda de sarro y placa. Desde MX$650",
          imageSrc: "http://img.b2bpic.net/free-photo/dental-implants-surgery-concept-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-10711.jpg",
        },
        {
          title: "Valoración dental",
          description: "Diagnóstico inicial completo. Desde MX$650",
          imageSrc: "http://img.b2bpic.net/free-photo/ghost-teeth-pink-background-flat-lay_185193-163325.jpg",
        },
        {
          title: "Revisión preventiva",
          description: "Cuida tu salud antes de que aparezcan molestias. Desde MX$650",
          imageSrc: "http://img.b2bpic.net/free-photo/young-male-psysician-with-patient-measuring-blood-pressure_1303-17877.jpg",
        },
        {
          title: "Atención general",
          description: "Tratamientos diversos para tu salud oral. Desde MX$650",
          imageSrc: "http://img.b2bpic.net/free-vector/happy-tooth-children-s-dental-care-logo_742173-32503.jpg",
        },
      ]}
      title="Servicios Dentales"
      description="Atención de calidad personalizada para toda tu familia."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "limpieza",
          badge: "Popular",
          price: "MX$650",
          subtitle: "Limpieza profunda inicial",
          features: [
            "Sarro y placa",
            "Pulido",
            "Revisión",
          ],
        },
        {
          id: "valoracion",
          badge: "Básico",
          price: "MX$650",
          subtitle: "Consulta de valoración",
          features: [
            "Diagnóstico",
            "Plan de tratamiento",
            "Rayos X (opcional)",
          ],
        },
        {
          id: "general",
          badge: "Completo",
          price: "MX$650",
          subtitle: "Atención Integral",
          features: [
            "Evaluación general",
            "Plan preventivo",
            "Cita de control",
          ],
        },
      ]}
      title="✨ Promociones de mayo"
      description="Aprovecha nuestros precios especiales para mantener tu sonrisa sana."
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "📍 Portales",
        "📍 Colonia del Valle",
        "📍 MB Cañaverales",
        "📍 Centro CDMX",
        "📍 Narvarte",
        "📍 Santa Fe",
        "📍 Coyoacán",
      ]}
      title="Nuestras Ubicaciones"
      description="Atención en distintas zonas de CDMX para mayor comodidad."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Ana García",
          date: "15 Mayo 2024",
          title: "Excelente",
          quote: "Excelente atención, muy profesional y amable.",
          tag: "Limpieza",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-pleased-smiling-woman-dentist-s-clinic_329181-20765.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/dental-clinic-interior-with-modern-dentistry-equipment-orange-color-stomatology-cabinet-with-nobody-it-orange-equipment-oral-treatment_482257-12486.jpg",
          imageAlt: "happy patient portrait",
        },
        {
          id: "2",
          name: "Luis Pérez",
          date: "10 Mayo 2024",
          title: "Recomendado",
          quote: "Muy profesional, instalaciones super limpias.",
          tag: "Consulta",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-african-american-man-with-moustache-smiling-white-teeth-looking-happy-confident-standing-checked-shirt-against-white-background_176420-46881.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-67059.jpg",
          imageAlt: "happy patient portrait",
        },
        {
          id: "3",
          name: "María López",
          date: "5 Mayo 2024",
          title: "Trato excelente",
          quote: "El doctor es muy amable, me sentí en confianza.",
          tag: "Valoración",
          avatarSrc: "http://img.b2bpic.net/free-photo/beauty-women-concept-dreamy-smiling-woman-with-red-curly-hairstyle-close-eyes-grinning-carefree-dreaming-something-standing-dress-against-white-background_176420-48905.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/dental-implants-surgery-concept-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-10711.jpg",
          imageAlt: "happy patient portrait",
        },
        {
          id: "4",
          name: "Juan Díaz",
          date: "2 Mayo 2024",
          title: "Sin dolor",
          quote: "El trato es muy bueno y el servicio es excelente.",
          tag: "Atención",
          avatarSrc: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone-smiling_1262-769.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/ghost-teeth-pink-background-flat-lay_185193-163325.jpg",
          imageAlt: "happy patient portrait",
        },
        {
          id: "5",
          name: "Sofía Martínez",
          date: "28 Abril 2024",
          title: "Muy buena atención",
          quote: "Limpieza muy eficiente, regresaré pronto.",
          tag: "Limpieza",
          avatarSrc: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/young-male-psysician-with-patient-measuring-blood-pressure_1303-17877.jpg",
          imageAlt: "happy patient portrait",
        },
      ]}
      title="Lo que dicen nuestros pacientes"
      description="La confianza de nuestros pacientes es nuestro mayor orgullo."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      text="Da el primer paso para cuidar tu sonrisa. ¡Agenda hoy mismo!"
      buttons={[
        {
          text: "WhatsApp",
          href: "https://wa.me/5215500000000",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Dr. Aarón Rivera",
          items: [
            {
              label: "Sobre nosotros",
              href: "#about",
            },
            {
              label: "Servicios",
              href: "#features",
            },
          ],
        },
        {
          title: "Ubicaciones",
          items: [
            {
              label: "Portales",
              href: "#",
            },
            {
              label: "Colonia del Valle",
              href: "#",
            },
            {
              label: "MB Cañaverales",
              href: "#",
            },
          ],
        },
        {
          title: "Contacto",
          items: [
            {
              label: "WhatsApp",
              href: "https://wa.me/5215500000000",
            },
            {
              label: "Instagram",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Dr. Aarón Rivera"
      bottomRightText="Ciudad de México, México"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
