"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MediaAbout from '@/components/sections/about/MediaAbout';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';

const assetMap = [
  {"id":"hero-dental-smile","url":"http://img.b2bpic.net/free-photo/happy-woman-lying-relaxing-sofa-home_171337-19452.jpg","alt":"perfect smile dental clinic white background"},
  {"id":"service-orthodontics","url":"http://img.b2bpic.net/free-photo/headshot-worried-curly-haired-woman-bites-finger-nails-looks-nervously-camera-afraids-something-has-anxious-expression-confused-face-isolated-pink-background-negative-emotions_273609-57466.jpg","alt":"orthodontics braces dental treatment"},
  {"id":"service-implants","url":"http://img.b2bpic.net/free-photo/woman-taking-mask-off-mockup-new-normal_53876-148128.jpg","alt":"dental implants surgery procedure"},
  {"id":"service-cosmetic","url":"http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18598.jpg","alt":"cosmetic dentistry smile design"},
  {"id":"product-allon4","url":"http://img.b2bpic.net/free-photo/full-set-acrylic-denture-isolated-white-background_1232-4359.jpg","alt":"dental implant all on 4 procedure"},
  {"id":"product-allon6","url":"http://img.b2bpic.net/free-photo/young-female-dentist-showing-patient-dental-xray-dentistry-concept_169016-67187.jpg","alt":"dental implant all on 6 model"},
  {"id":"product-smiledesign","url":"http://img.b2bpic.net/free-photo/close-up-fashion-woman-red-lips-big-smile_1150-14159.jpg","alt":"smile design digital dentistry"},
  {"id":"product-veneers","url":"http://img.b2bpic.net/free-photo/dentist-examining-female-patient-with-teeth-shades_107420-65410.jpg","alt":"dental veneers cosmetic enhancement"},
  {"id":"product-whitening","url":"http://img.b2bpic.net/free-photo/woman-patient-visiting-dentist_1303-24407.jpg","alt":"professional teeth whitening procedure"},
  {"id":"product-ortho","url":"http://img.b2bpic.net/free-photo/closeup-snapshot-man-s-face-dentist-s-hands-putting-rubber-bands-brackets_651396-3132.jpg","alt":"invisible aligners orthodontic treatment"},
  {"id":"dr-erika-portrait","url":"http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-woman-leaning-wall_1262-1743.jpg","alt":"female dentist portrait professional smile"},
  {"id":"medical-tourism-nicaragua","url":"http://img.b2bpic.net/free-photo/pov-patient-dental-clinic-sitting-surgery-chair-while-professional-dentist-working-with-gloves-examination-modern-clinic-using-sterilized-instruments_482257-13115.jpg","alt":"medical tourism dental clinic nicaragua"},
  {"id":"avatar-1","url":"http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg","alt":"satisfied patient portrait professional"},
  {"id":"avatar-2","url":"http://img.b2bpic.net/free-photo/portrait-smiling-male-dentist-dentist-s-clinic_329181-20759.jpg","alt":"male patient portrait happy smile"},
  {"id":"avatar-3","url":"http://img.b2bpic.net/free-photo/smiley-woman-wearing-sunglasses_23-2148618932.jpg","alt":"senior woman smiling dental care"},
  {"id":"avatar-4","url":"http://img.b2bpic.net/free-photo/happy-positive-female-customer-touching-chin_74855-3520.jpg","alt":"young professional woman smiling"},
  {"id":"avatar-5","url":"http://img.b2bpic.net/free-photo/portrait-smiling-young-man-isolated-white-backdrop_23-2148055695.jpg","alt":"young man smiling bright teeth"},
  {"id":"map-nicaragua-managua","url":"http://img.b2bpic.net/free-photo/top-view-various-syringes_23-2149283822.jpg","alt":"managua nicaragua city map"},
  {"id":"logo-clinic-erika-lopez","url":"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d92j1x","alt":"dental clinic logo modern elegant"}
];

function getAssetUrl(id) {
  const asset = assetMap.find(a => a.id === id);
  return asset ? asset.url : `http://img.b2bpic.net/free-photo/placeholder.jpg?id=${id}`;
}

function getAssetAlt(id, fallbackText) {
  const asset = assetMap.find(a => a.id === id);
  return asset ? asset.alt : fallbackText;
}

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Clínica Dra. Erika S. López"
          navItems={[
            { name: "Inicio", id: "#hero" },
            { name: "Servicios", id: "#services" },
            { name: "Implantes", id: "#treatments" },
            { name: "Dra. López", id: "#about" },
            { name: "Turismo Médico", id: "#tourism" },
            { name: "Testimonios", id: "#testimonials" },
            { name: "Contacto", id: "#contact" }
          ]}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Sonrisas Perfectas en Tiempo Récord"
          description="Descubra la excelencia en salud dental con tratamientos avanzados y un toque personal en Clínica Odonto-Médica Dra. Erika S. López Berroterán en Managua. ¡Su sonrisa soñada, más cerca que nunca!"
          background={{ variant: "downward-rays-static-grid" }}
          buttons={[
            { text: "Agendar Evaluación por WhatsApp", href: "https://wa.me/XXXXXXXXXX", onClick: () => console.log('WhatsApp clicked') }
          ]}
          imageSrc={getAssetUrl("hero-dental-smile")}
          imageAlt={getAssetAlt("hero-dental-smile", "Mujer sonriendo con dientes perfectos, reflejando una salud dental excelente tras un tratamiento")}
        />
      </div>
      <div id="services" data-section="services">
        <FeatureCardTwentySeven
          title="Nuestros Servicios Premium"
          description="Ofrecemos una gama completa de tratamientos dentales de alta gama, diseñados para su salud y belleza. Cada servicio es personalizado y ejecutado con la más alta tecnología."
          features={[
            { id: "orthodontics", title: "Ortodoncia Avanzada", descriptions: ["Soluciones para alinear sus dientes con brackets de última generación o alineadores transparentes.", "Tratamientos personalizados para todas las edades y necesidades estéticas."], imageSrc: getAssetUrl("service-orthodontics"), imageAlt: getAssetAlt("service-orthodontics", "Mujer joven sonriendo mostrando alineadores transparentes") },
            { id: "implants", title: "Implantes Dentales All-on-4/6", descriptions: ["Recupere su sonrisa completa con implantes de carga inmediata. Técnicas All-on-4 y All-on-6 para resultados duraderos.", "Procedimientos mínimamente invasivos con tecnología de vanguardia."], imageSrc: getAssetUrl("service-implants"), imageAlt: getAssetAlt("service-implants", "Ilustración 3D de implantes dentales All-on-4") },
            { id: "cosmetic", title: "Estética Dental y Diseño de Sonrisa", descriptions: ["Transformamos su sonrisa en tiempo récord con carillas, blanqueamiento y contorneado dental.", "Diseño de sonrisa digital para visualizar su resultado antes de empezar el tratamiento."], imageSrc: getAssetUrl("service-cosmetic"), imageAlt: getAssetAlt("service-cosmetic", "Dentista trabajando en el diseño de sonrisa de un paciente") }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="treatments" data-section="treatments">
        <ProductCardFour
          title="Nuestros Tratamientos Destacados"
          description="Explora nuestras soluciones más populares, diseñadas para brindarte una sonrisa saludable y hermosa con resultados rápidos y eficaces."
          products={[
            { id: "allon4", name: "Implantes All-on-4", price: "Desde $7,500 USD", variant: "Solución de arcada completa", imageSrc: getAssetUrl("product-allon4"), imageAlt: getAssetAlt("product-allon4", "Modelo de implantes dentales All-on-4") },
            { id: "allon6", name: "Implantes All-on-6", price: "Desde $9,800 USD", variant: "Máxima estabilidad y durabilidad", imageSrc: getAssetUrl("product-allon6"), imageAlt: getAssetAlt("product-allon6", "Modelo de implantes dentales All-on-6") },
            { id: "smiledesign", name: "Diseño de Sonrisa Express", price: "Consulta", variant: "Resultados en tiempo récord", imageSrc: getAssetUrl("product-smiledesign"), imageAlt: getAssetAlt("product-smiledesign", "Mujer feliz mostrando su nueva sonrisa después de un diseño") },
            { id: "veneers", name: "Carillas de Porcelana", price: "Desde $450 USD/unidad", variant: "Transformación estética total", imageSrc: getAssetUrl("product-veneers"), imageAlt: getAssetAlt("product-veneers", "Primer plano de dientes con carillas de porcelana") },
            { id: "whitening", name: "Blanqueamiento Dental", price: "Desde $250 USD", variant: "Aclara hasta 8 tonos", imageSrc: getAssetUrl("product-whitening"), imageAlt: getAssetAlt("product-whitening", "Kit de blanqueamiento dental con luz LED") },
            { id: "invisalign", name: "Ortodoncia Invisible", price: "Consulta", variant: "Alineadores transparentes y discretos", imageSrc: getAssetUrl("product-ortho"), imageAlt: getAssetAlt("product-ortho", "Alineadores dentales transparentes en un estuche") }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="about" data-section="about">
        <MediaAbout
          title="Liderazgo Femenino y Empatía en Cada Sonrisa"
          description="La Dra. Erika S. López Berroterán, fundadora de nuestra clínica, se distingue por su profesionalismo excepcional y su cálida atención. Como mujer empresaria, ha creado un espacio donde la empatía, la inclusión y el respeto son pilares fundamentales, acogiendo con cariño a toda la comunidad, incluyendo a nuestros amigos LGBTQ+. Con un equipo altamente calificado, garantizamos tratamientos de vanguardia y una experiencia inigualable, enfocada en la confianza y el bienestar de cada paciente."
          imageSrc={getAssetUrl("dr-erika-portrait")}
          imageAlt={getAssetAlt("dr-erika-portrait", "Retrato profesional de la Dra. Erika S. López Berroterán sonriendo")}
          useInvertedBackground={false}
        />
      </div>
      <div id="tourism" data-section="tourism">
        <MediaAbout
          title="Turismo Médico Dental en Managua"
          description="Nicaragua se ha consolidado como un destino líder para el turismo médico, y nuestra clínica es su mejor elección. Ofrecemos paquetes integrales para pacientes internacionales, que incluyen asistencia en viaje, alojamiento y, por supuesto, tratamientos dentales de la más alta calidad a precios competitivos. Reciba atención de primer nivel en un entorno cálido y profesional, y disfrute de la belleza de Managua mientras recupera su sonrisa."
          imageSrc={getAssetUrl("medical-tourism-nicaragua")}
          imageAlt={getAssetAlt("medical-tourism-nicaragua", "Familia de turistas sonriendo en un destino turístico en Nicaragua")}
          useInvertedBackground={true}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="\"Estoy absolutamente encantada con mi nueva sonrisa. La Dra. López y su equipo son increíblemente profesionales y amables. Me sentí cómoda y segura en todo momento, y los resultados superaron mis expectativas. ¡Recomiendo esta clínica a todos!\""
          rating={5}
          author="María Fernanda C."
          avatars={[
            { src: getAssetUrl("avatar-1"), alt: getAssetAlt("avatar-1", "Foto de María Fernanda C.") },
            { src: getAssetUrl("avatar-2"), alt: getAssetAlt("avatar-2", "Foto de Carlos P.") },
            { src: getAssetUrl("avatar-3"), alt: getAssetAlt("avatar-3", "Foto de Sofia G.") },
            { src: getAssetUrl("avatar-4"), alt: getAssetAlt("avatar-4", "Foto de Juan R.") },
            { src: getAssetUrl("avatar-5"), alt: getAssetAlt("avatar-5", "Foto de Ana L.") }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Contáctenos"
          description="Estamos listos para atenderle. Llene el formulario o visítenos en nuestra ubicación en Managua. Nuestro equipo está para ayudarle con cualquier consulta."
          inputs={[
            { name: "name", type: "text", placeholder: "Su Nombre Completo", required: true },
            { name: "email", type: "email", placeholder: "Su Correo Electrónico", required: true },
            { name: "phone", type: "tel", placeholder: "Su Número de Teléfono (WhatsApp)", required: true }
          ]}
          textarea={{ name: "message", placeholder: "Su Mensaje o Consulta", rows: 4, required: true }}
          useInvertedBackground={true}
          imageSrc={getAssetUrl("map-nicaragua-managua")}
          imageAlt={getAssetAlt("map-nicaragua-managua", "Mapa de la ubicación de la Clínica Odonto-Médica en Managua, Semáforos de la Vicky.")}
          mediaAnimation="opacity"
          mediaPosition="left"
          buttonText="Enviar Mensaje"
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBase
          columns={[
            { title: "Servicios", items: [{ label: "Ortodoncia", href: "#services" }, { label: "Implantes All-on-4/6", href: "#treatments" }, { label: "Estética Dental", href: "#services" }, { label: "Diseño de Sonrisa", href: "#treatments" }] },
            { title: "La Clínica", items: [{ label: "Sobre Dra. López", href: "#about" }, { label: "Turismo Médico", href: "#tourism" }, { label: "Testimonios", href: "#testimonials" }, { label: "Contacto", href: "#contact" }] },
            { title: "Legal", items: [{ label: "Política de Privacidad", href: "#" }, { label: "Términos y Condiciones", href: "#" }] }
          ]}
          logoSrc={getAssetUrl("logo-clinic-erika-lopez")}
          logoAlt={getAssetAlt("logo-clinic-erika-lopez", "Logo de Clínica Odonto-Médica Dra. Erika S. López Berroterán")}
          logoText="Clínica Dra. Erika S. López"
          copyrightText="© 2024 Clínica Odonto-Médica Dra. Erika S. López Berroterán. Todos los derechos reservados."
        />
      </div>
    </ThemeProvider>
  );
}
