From 68c46a9d3c9bd8a876047bac5bdc20e9db746c1a Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 3 Jun 2026 02:19:44 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 384 ++++++++++++----------------------------------- 1 file changed, 93 insertions(+), 291 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 8665c61..3c09828 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,7 +11,7 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp 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, Moon, Shield, Sparkles, Star, Zap } from "lucide-react"; +import { Award, CheckCircle, Clock, Diamond, Heart, HeartPulse, Moon, Shield, Sparkles, Star, Zap } from "lucide-react"; export default function LandingPage() { return ( @@ -32,25 +32,15 @@ export default function LandingPage() { @@ -60,102 +50,59 @@ export default function LandingPage() { @@ -168,129 +115,84 @@ export default function LandingPage() { 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: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-19471.jpg", - imageAlt: "Professional dental cleaning", - }, + 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: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-19471.jpg", imageAlt: "Professional dental cleaning"}, items: [ { icon: CheckCircle, - text: "Prevención avanzada", - }, + text: "Prevención avanzada"}, { icon: Shield, - text: "Eliminación de sarro", - }, + text: "Eliminación de sarro"}, { icon: Sparkles, - text: "Aliento fresco y encías sanas", - }, + text: "Aliento fresco y encías sanas"}, ], reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg?_wi=2", - imageAlt: "dental cleaning close up teeth", }, { - 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: "http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18598.jpg", - imageAlt: "Aesthetic dental resins and crowns", - }, + 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: "http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18598.jpg", imageAlt: "Aesthetic dental resins and crowns"}, items: [ { icon: Sparkles, - text: "Resultados naturales", - }, + text: "Resultados naturales"}, { icon: Award, - text: "Materiales duraderos", - }, + text: "Materiales duraderos"}, { icon: CheckCircle, - text: "Mejora estética y funcional", - }, + text: "Mejora estética y funcional"}, ], reverse: true, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg?_wi=2", - imageAlt: "dental cleaning close up teeth", }, { - title: "Extracción de Muelas del Juicio", - description: "Procedimientos seguros y sin dolor, realizados por especialistas. Recupera tu bienestar sin molestias innecesarias.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/dentist-with-tool-makes-some-manipulations-patient-s-mouth_140725-7696.jpg", - imageAlt: "Painless wisdom tooth extraction", - }, + title: "Extracción de Muelas del Juicio", description: "Procedimientos seguros y sin dolor, realizados por especialistas. Recupera tu bienestar sin molestias innecesarias.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/dentist-with-tool-makes-some-manipulations-patient-s-mouth_140725-7696.jpg", imageAlt: "Painless wisdom tooth extraction"}, items: [ { icon: Zap, - text: "Mínimo dolor", - }, + text: "Mínimo dolor"}, { icon: Shield, - text: "Procedimiento seguro", - }, + text: "Procedimiento seguro"}, { icon: Star, - text: "Recuperación rápida", - }, + text: "Recuperación rápida"}, ], reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg?_wi=2", - imageAlt: "dental cleaning close up teeth", }, { - 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: "http://img.b2bpic.net/free-photo/teeth-denture-safety-glasses-toothbrush-mirror-teeth-aligner-table_23-2147879121.jpg", - imageAlt: "Bruxism treatment mouthguard", - }, + 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: "http://img.b2bpic.net/free-photo/teeth-denture-safety-glasses-toothbrush-mirror-teeth-aligner-table_23-2147879121.jpg", imageAlt: "Bruxism treatment mouthguard"}, items: [ { icon: Moon, - text: "Protección nocturna", - }, + text: "Protección nocturna"}, { icon: Shield, - text: "Evita el desgaste dental", - }, + text: "Evita el desgaste dental"}, { icon: CheckCircle, - text: "Alivio del dolor mandibular", - }, + text: "Alivio del dolor mandibular"}, ], reverse: true, - 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?_wi=2", - imageAlt: "dental cleaning close up teeth", }, { - title: "Urgencias Dentales", - description: "Atención rápida y eficaz cuando más lo necesitas. Estamos preparados para resolver cualquier emergencia dental.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/medical-nurse-examining-patient-paing-writing-dental-problem-clipboard-while-sitting-dental-hospital-office_482257-4882.jpg", - imageAlt: "Emergency dental care", - }, + title: "Urgencias Dentales", description: "Atención rápida y eficaz cuando más lo necesitas. Estamos preparados para resolver cualquier emergencia dental.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/medical-nurse-examining-patient-paing-writing-dental-problem-clipboard-while-sitting-dental-hospital-office_482257-4882.jpg", imageAlt: "Emergency dental care"}, items: [ { icon: Clock, - text: "Respuesta rápida", - }, + text: "Respuesta rápida"}, { icon: HeartPulse, - text: "Atención prioritaria", - }, + text: "Atención prioritaria"}, { icon: Star, - text: "Soluciones inmediatas", - }, + text: "Soluciones inmediatas"}, ], reverse: false, - 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?_wi=2", - imageAlt: "dental cleaning close up teeth", }, ]} title="Tratamientos y Especialidades Dentales" @@ -303,11 +205,11 @@ export default function LandingPage() { useInvertedBackground={true} heading={[ { - type: "text", - content: "¿Por qué los regiomontanos eligen MAPA Dental?", - }, + 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." + } ]} - description="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." /> @@ -318,29 +220,11 @@ export default function LandingPage() { 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: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367136.jpg", - imageAlt: "Google reviews star rating", - }, + 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: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367136.jpg", 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: "http://img.b2bpic.net/free-vector/isometric-timeline-infographic-template_23-2148927893.jpg", - imageAlt: "Calendar icon representing years of experience", - }, + 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: "http://img.b2bpic.net/free-vector/isometric-timeline-infographic-template_23-2148927893.jpg", 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: "http://img.b2bpic.net/free-photo/young-people-relaxing-together_23-2151561975.jpg", - imageAlt: "Group of happy smiling patients", - }, + id: "m3", value: "Miles de", title: "Sonrisas Felices", description: "Hemos transformado y cuidado las sonrisas de innumerables pacientes satisfechos.", imageSrc: "http://img.b2bpic.net/free-photo/young-people-relaxing-together_23-2151561975.jpg", 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." @@ -354,64 +238,28 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "1", - name: "Hylke T.", - role: "Paciente Internacional", - company: "Holanda", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/headshot-handsome-bearded-man-smiling-standing-against-white-background_1258-112102.jpg", - imageAlt: "Hylke T.", - }, + id: "1", name: "Hylke T.", role: "Paciente Internacional", company: "Holanda", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/headshot-handsome-bearded-man-smiling-standing-against-white-background_1258-112102.jpg", imageAlt: "Hylke T."}, { - id: "2", - name: "Alejandra L.", - role: "Paciente", - company: "Monterrey", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", - imageAlt: "Alejandra L.", - }, + id: "2", name: "Alejandra L.", role: "Paciente", company: "Monterrey", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", imageAlt: "Alejandra L."}, { - id: "3", - name: "Daniela M.", - role: "Paciente", - company: "Monterrey", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg", - imageAlt: "Daniela M.", - }, + id: "3", name: "Daniela M.", role: "Paciente", company: "Monterrey", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg", imageAlt: "Daniela M."}, { - id: "4", - name: "Roberto S.", - role: "Paciente", - company: "Monterrey", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-entrepreneur_1098-15359.jpg", - imageAlt: "Roberto S.", - }, + id: "4", name: "Roberto S.", role: "Paciente", company: "Monterrey", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-entrepreneur_1098-15359.jpg", 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: "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."}, ]} kpiItems={[ { - value: "4.9 / 5.0", - label: "Calificación Promedio", - }, + value: "4.9 / 5.0", label: "Calificación Promedio"}, { - value: "108+", - label: "Reseñas de Google", - }, + value: "108+", label: "Reseñas de Google"}, { - value: "Total Confianza", - label: "en nuestros especialistas", - }, + 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." @@ -424,25 +272,13 @@ export default function LandingPage() { 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: "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: "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: "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.", - }, + 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." @@ -454,21 +290,10 @@ export default function LandingPage() { @@ -477,58 +302,35 @@ export default function LandingPage() { logoText="MAPA Dental" columns={[ { - title: "MAPA Dental", - items: [ + title: "MAPA Dental", items: [ { - label: "Acerca de Nosotros", - href: "#about", - }, + label: "Acerca de Nosotros", href: "#about"}, { - label: "Nuestros Valores", - href: "#about", - }, + label: "Nuestros Valores", href: "#about"}, { - label: "Equipo Médico", - href: "#about", - }, + label: "Equipo Médico", href: "#about"}, ], }, { - title: "Servicios", - items: [ + title: "Servicios", items: [ { - label: "Limpieza Dental", - href: "#services", - }, + label: "Limpieza Dental", href: "#services"}, { - label: "Resinas y Coronas", - href: "#services", - }, + label: "Resinas y Coronas", href: "#services"}, { - label: "Urgencias Dentales", - href: "#services", - }, + label: "Urgencias Dentales", href: "#services"}, { - label: "Tratamiento de Bruxismo", - href: "#services", - }, + label: "Tratamiento de Bruxismo", href: "#services"}, ], }, { - title: "Contacto", - items: [ + title: "Contacto", items: [ { - label: "Agendar Cita", - href: "https://wa.me/528122023087", - }, + label: "Agendar Cita", href: "https://wa.me/528122023087"}, { - label: "Ubicación", - 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: "Ubicación", 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: "Preguntas Frecuentes", - href: "#faq", - }, + label: "Preguntas Frecuentes", href: "#faq"}, ], }, ]}