356 lines
19 KiB
TypeScript
356 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Award, CheckCircle, Clock, Diamond, Heart, HeartPulse, Moon, Shield, Sparkles, Star, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Inicio", id: "#hero"},
|
|
{
|
|
name: "Servicios", id: "#services"},
|
|
{
|
|
name: "Nosotros", id: "#about"},
|
|
{
|
|
name: "Testimonios", id: "#testimonials"},
|
|
{
|
|
name: "Contacto", id: "#contact"},
|
|
]}
|
|
brandName="MAPA Dental"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Bienestar Femenino"
|
|
tagIcon={HeartPulse}
|
|
title="Tu Sonrisa en Manos de Expertos en Monterrey Poniente"
|
|
description="En MAPA Dental combinamos tecnología moderna, especialistas certificados y una atención cálida para cuidar de ti y de tu familia. ¡Agenda hoy mismo!"
|
|
testimonials={[
|
|
{
|
|
name: "Hylke T.", handle: "@hylke_t", testimonial: "Excelente trabajo y muy profesional. Soy de Holanda y visito Monterrey por familia. Ahora siempre voy a este dentista. Gracias por el hermoso trabajo en mi corona.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg"},
|
|
{
|
|
name: "Alejandra L.", handle: "@alejandra_l", testimonial: "Excelente atención. Le tengo pánico al dentista, pero el doctor y el asistente han sido geniales, muy pacientes y empáticos.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/premium-photo/portrait-young-man-smiling-vibrant-colorful-backdrop-striped-houses-lively-urban-area-hyperrealistic_380557-1809.jpg?id=341485239"},
|
|
{
|
|
name: "Daniela M.", handle: "@daniela_m", testimonial: "Vine por problemas de bruxismo y desde la primera cita me trataron con amabilidad y profesionalismo. Instalaciones impecables.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg"},
|
|
{
|
|
name: "Ricardo G.", handle: "@ricardo_g", testimonial: "La mejor clínica dental en Monterrey. Siempre puntuales y con resultados impecables. Dr. Abogado es un gran profesional.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-senior-man-with-long-beard-pointing-finger-front-looking-happy-choosing-inviting-recruiting-people-praising-person-standing-white-wall_176420-38750.jpg"},
|
|
{
|
|
name: "Sofía P.", handle: "@sofia_p", testimonial: "Mi limpieza dental fue la más cómoda que he tenido. Explican todo súper bien y el equipo es muy amable. ¡Altamente recomendados!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-redhead-bearded-guy-pink-tshirt-smiling-with-white-perfect-teeth-looking-camer_1258-161648.jpg"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Agendar Cita por WhatsApp", href: "https://wa.me/528122023087"},
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/premium-photo/woman-mouth-teeth-whitening-smile-closeup-orthodontics-porcelain-invisible-braces-results-female-person-dental-insurance-cosmetics-transformation-self-care-bleach-oral_590464-453291.jpg?id=368418526"
|
|
imageAlt="Modern dental clinic interior"
|
|
mediaAnimation="opacity"
|
|
avatars={[
|
|
{
|
|
src: "https://img.b2bpic.net/free-photo/young-hispanic-man-standing-with-arms-crossed-gesture-street_839833-14729.jpg?id=43962711", alt: "Profesional de la salud sonriendo"},
|
|
{
|
|
src: "https://img.b2bpic.net/free-photo/cheerful-girl-cashmere-sweater-laughs-against-backdrop-blossoming-sakura-portrait-woman-yellow-hoodie-city-spring_197531-17886.jpg?id=13012597", alt: "Paciente feliz con su sonrisa"},
|
|
{
|
|
src: "https://img.b2bpic.net/free-photo/front-view-man-posing-camera_1187-5801.jpg?id=1027738", alt: "Persona satisfecha en consulta dental"},
|
|
{
|
|
src: "https://img.b2bpic.net/free-photo/cheerful-sweet-little-boy-standing-posing-summer-park-leaning-chin-hands-smiling-looking-away-closeup-shot-childhood-concept_74855-12734.jpg?id=11622230", alt: "Dentista amigable"},
|
|
{
|
|
src: "https://img.b2bpic.net/free-photo/cute-boy-playing-with-leaves-autumn-park_1303-25309.jpg?id=11601161", alt: "Miembro del equipo dental"},
|
|
]}
|
|
avatarText="Nuestros pacientes nos aman"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Excelencia Dental", icon: Star,
|
|
},
|
|
{
|
|
type: "text", text: "Atención Personalizada"},
|
|
{
|
|
type: "text-icon", text: "Tecnología Avanzada", icon: Diamond,
|
|
},
|
|
{
|
|
type: "text", text: "Resultados Duraderos"},
|
|
{
|
|
type: "text-icon", text: "Cuidado para Toda la Familia", icon: Heart,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Limpieza Dental Profesional", description: "Prevención y cuidado continuo para una salud bucal óptima. Elimina la placa y el sarro para evitar caries y enfermedades de las encías.", media: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg?id=29150625", imageAlt: "Professional dental cleaning"},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Prevención avanzada"},
|
|
{
|
|
icon: Shield,
|
|
text: "Eliminación de sarro"},
|
|
{
|
|
icon: Sparkles,
|
|
text: "Aliento fresco y encías sanas"},
|
|
],
|
|
reverse: false,
|
|
},
|
|
{
|
|
title: "Resinas y Coronas Estéticas", description: "Restauración de alta calidad con materiales modernos que se integran perfectamente con el color natural de tus dientes.", media: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/dentist-process-dental-services-dental-office-dental-treatment_1321-2973.jpg?id=26144922", imageAlt: "Aesthetic dental resins and crowns"},
|
|
items: [
|
|
{
|
|
icon: Sparkles,
|
|
text: "Resultados naturales"},
|
|
{
|
|
icon: Award,
|
|
text: "Materiales duraderos"},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Mejora estética y funcional"},
|
|
],
|
|
reverse: true,
|
|
},
|
|
{
|
|
title: "Extracción de Muelas del Juicio", description: "Procedimientos seguros y sin dolor, realizados por especialistas. Recupera tu bienestar sin molestias innecesarias.", media: {
|
|
imageSrc: "https://img.b2bpic.net/premium-photo/concept-dentistry-close-up-view-set-various-stainless-steel-instruments-braces-dental-clinic_116317-21905.jpg?id=28989562", imageAlt: "Painless wisdom tooth extraction"},
|
|
items: [
|
|
{
|
|
icon: Zap,
|
|
text: "Mínimo dolor"},
|
|
{
|
|
icon: Shield,
|
|
text: "Procedimiento seguro"},
|
|
{
|
|
icon: Star,
|
|
text: "Recuperación rápida"},
|
|
],
|
|
reverse: false,
|
|
},
|
|
{
|
|
title: "Tratamiento de Bruxismo", description: "Protección efectiva para tu sonrisa contra el rechinamiento y apretamiento dental, previniendo daños a largo plazo.", media: {
|
|
imageSrc: "https://img.b2bpic.net/free-vector/isolated-three-dimensional-tooth-with-front-cut-version_1284-47395.jpg?id=11060449", imageAlt: "Bruxism treatment mouthguard"},
|
|
items: [
|
|
{
|
|
icon: Moon,
|
|
text: "Protección nocturna"},
|
|
{
|
|
icon: Shield,
|
|
text: "Evita el desgaste dental"},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Alivio del dolor mandibular"},
|
|
],
|
|
reverse: true,
|
|
},
|
|
{
|
|
title: "Urgencias Dentales", description: "Atención rápida y eficaz cuando más lo necesitas. Estamos preparados para resolver cualquier emergencia dental.", media: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/plastic-jaw-dentistry-clinic_1303-24382.jpg?id=10298801", imageAlt: "Emergency dental care"},
|
|
items: [
|
|
{
|
|
icon: Clock,
|
|
text: "Respuesta rápida"},
|
|
{
|
|
icon: HeartPulse,
|
|
text: "Atención prioritaria"},
|
|
{
|
|
icon: Star,
|
|
text: "Soluciones inmediatas"},
|
|
],
|
|
reverse: false,
|
|
},
|
|
]}
|
|
title="Tratamientos y Especialidades Dentales"
|
|
description="Ofrecemos una amplia gama de servicios dentales de vanguardia, diseñados para mantener tu sonrisa sana y radiante. Desde la prevención hasta tratamientos complejos, estamos aquí para ti."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{
|
|
type: "text", content: "¿Por qué los regiomontanos eligen MAPA Dental?"},
|
|
{
|
|
type: "text", content: "En MAPA Dental, nos comprometemos con tu bienestar y la salud de tu sonrisa. Nuestra diferencia radica en una combinación de experiencia, tecnología y una atención humana que nos distingue. Estamos orgullosos de ser la elección principal para el cuidado dental en Monterrey Poniente, ofreciendo tratamientos personalizados y un ambiente de confianza para cada paciente. Nuestra prioridad es tu comodidad y una sonrisa radiante."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "4.9 / 5.0", title: "Calificación Google", description: "Basado en más de 108 excelentes reseñas que avalan nuestra calidad.", imageSrc: "https://img.b2bpic.net/premium-photo/businessman-touching-glowing-yellow-five-stars-excellent-evaluation_27170-555.jpg?id=415668091", imageAlt: "Google reviews star rating"},
|
|
{
|
|
id: "m2", value: "15+ Años", title: "Experiencia Profesional", description: "Una trayectoria sólida en el cuidado dental de la comunidad de Monterrey Poniente.", imageSrc: "https://img.b2bpic.net/premium-photo/medicine-healthcare-people-concept-female-doctor-with-tablet-pc-computer-talking-smiling-woman-patient-hospital_265022-30121.jpg?id=44559938", imageAlt: "Calendar icon representing years of experience"},
|
|
{
|
|
id: "m3", value: "Miles de", title: "Sonrisas Felices", description: "Hemos transformado y cuidado las sonrisas de innumerables pacientes satisfechos.", imageSrc: "https://img.b2bpic.net/free-photo/cheerful-multigeneration-family-taking-selfie-having-fun-together-home_637285-3204.jpg?id=25776845", imageAlt: "Group of happy smiling patients"},
|
|
]}
|
|
title="Nuestros Números Hablan por Sí Solos"
|
|
description="La confianza de nuestros pacientes y la excelencia en el servicio son el motor de MAPA Dental."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Hylke T.", role: "Paciente Internacional", company: "Holanda", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/pensive-man-with-beard-outdoors_1153-1426.jpg?id=982350", imageAlt: "Hylke T."},
|
|
{
|
|
id: "2", name: "Alejandra L.", role: "Paciente", company: "Monterrey", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/premium-photo/portrait-smiling-young-woman_72482-22999.jpg?id=113341867", imageAlt: "Alejandra L."},
|
|
{
|
|
id: "3", name: "Daniela M.", role: "Paciente", company: "Monterrey", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-adorable-couple-love_23-2148741154.jpg?id=10892381", imageAlt: "Daniela M."},
|
|
{
|
|
id: "4", name: "Roberto S.", role: "Paciente", company: "Monterrey", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/premium-photo/classic-man-portrait-caucasian-man-white-shirt_133748-6652.jpg?id=16840319", imageAlt: "Roberto S."},
|
|
{
|
|
id: "5", name: "Laura G.", role: "Paciente", company: "Monterrey", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/leisure-activity-adult-happiness-people-sitting_1301-1978.jpg", imageAlt: "Laura G."},
|
|
{
|
|
id: "6", name: "Elizabeth E.", role: "Paciente", company: "Monterrey", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-her-hair-up_23-2149591244.jpg", imageAlt: "Elizabeth E."},
|
|
{
|
|
id: "7", name: "Carla G.", role: "Paciente", company: "Monterrey", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pretty-latin-american-woman-smiling-outdoors_1262-3375.jpg", imageAlt: "Carla G."}
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "4.9 / 5.0", label: "Calificación Promedio"},
|
|
{
|
|
value: "108+", label: "Reseñas de Google"},
|
|
{
|
|
value: "Total Confianza", label: "en nuestros especialistas"},
|
|
]}
|
|
title="Opiniones de Nuestros Pacientes"
|
|
description="La satisfacción de quienes nos eligen es nuestro mayor orgullo. Conoce lo que dicen sobre su experiencia en MAPA Dental."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq1", title: "¿Dónde se encuentran ubicados?", content: "Estamos en Espacio Cumbres, Av. Cumbres Madeira #691 Plaza Bendetti, Local 9, 64349 Monterrey, N.L. Contamos con estacionamiento de fácil acceso."},
|
|
{
|
|
id: "faq2", title: "¿Ofrecen planes de pago o financiamiento?", content: "Sí, en MAPA Dental nos esforzamos por ofrecer precios justos y transparentes. Ponte en contacto con nosotros para discutir las opciones de pago y financiamiento disponibles para tu tratamiento."},
|
|
{
|
|
id: "faq3", title: "¿Cómo puedo agendar una cita?", content: "Puedes agendar tu cita fácilmente a través de WhatsApp al 81 2202 3087 o llamándonos directamente. También puedes usar el botón de 'Agendar Cita por WhatsApp' en nuestra página."},
|
|
{
|
|
id: "faq4", title: "¿Atienden emergencias dentales?", content: "Sí, estamos preparados para atender urgencias dentales. Si tienes una emergencia, por favor llámanos lo antes posible para poder asistirte de manera prioritaria."},
|
|
]}
|
|
title="Preguntas Frecuentes"
|
|
description="Encuentra respuestas a las dudas más comunes sobre nuestros servicios y tu visita a MAPA Dental."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Contacto"
|
|
title="Visítanos en Cumbres"
|
|
description="Estamos listos para recibirte en nuestras modernas instalaciones. ¡Tu nueva sonrisa te espera!\nDirección: Espacio Cumbres, Av. Cumbres Madeira #691 Plaza Bendetti, Local 9, 64349 Monterrey, N.L.\nTeléfono: 81 2202 3087\nHorarios: Abre de miércoles a lunes desde las 10:00 AM."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="MAPA Dental"
|
|
columns={[
|
|
{
|
|
title: "MAPA Dental", items: [
|
|
{
|
|
label: "Acerca de Nosotros", href: "#about"},
|
|
{
|
|
label: "Nuestros Valores", href: "#about"},
|
|
{
|
|
label: "Equipo Médico", href: "#about"},
|
|
],
|
|
},
|
|
{
|
|
title: "Servicios", items: [
|
|
{
|
|
label: "Limpieza Dental", href: "#services"},
|
|
{
|
|
label: "Resinas y Coronas", href: "#services"},
|
|
{
|
|
label: "Urgencias Dentales", href: "#services"},
|
|
{
|
|
label: "Tratamiento de Bruxismo", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contacto", items: [
|
|
{
|
|
label: "Agendar Cita", href: "https://wa.me/528122023087"},
|
|
{
|
|
label: "Teléfono: 81 2202 3087", href: "tel:+528122023087"},
|
|
{
|
|
label: "Dirección: Av. Cumbres Madeira #691, Local 9", href: "https://www.google.com/maps/place/MAPA+Dental/@25.698947,-100.419018,17z/data=!3m1!4b1!4m6!3m5!1s0x866297316330920d:0xdd1e03c156f4d50c!8m2!3d25.698947!4d-100.419018!16s%2Fg%2F11sbw_861r?entry=ttu"},
|
|
{
|
|
label: "Horarios: L-V 9-7, S 9-2", href: "#contact"},
|
|
{
|
|
label: "Preguntas Frecuentes", href: "#faq"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 MAPA Dental. Todos los derechos reservados."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|