bender/c2e94d9f-66f9-4d9c-aba7-093d2a6ff833
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-11 04:27:01 +00:00
parent eca7a0489d
commit d9629d8352
1 changed files with 68 additions and 241 deletions
Download Patch File Download Diff File Expand all files Collapse all files

309
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Crown, Sparkles, Star } from "lucide-react";
import { Crown, Sparkles, Star, Shield, Eye, Heart } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,38 +33,22 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Inicio",
id: "#inicio",
},
name: "Inicio", id: "#inicio"},
{
name: "Sobre Nosotros",
id: "#sobre-nosotros",
},
name: "Sobre Nosotros", id: "#sobre-nosotros"},
{
name: "Servicios",
id: "#servicios",
},
name: "Servicios", id: "#servicios"},
{
name: "Ortodoncia",
id: "#ortodoncia",
},
name: "Ortodoncia", id: "#ortodoncia"},
{
name: "Precios",
id: "#precios",
},
name: "Precios", id: "#precios"},
{
name: "Testimonios",
id: "#testimonios",
},
name: "Testimonios", id: "#testimonios"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
]}
button={{
text: "Agenda Tu Consulta Gratis",
href: "#contacto",
}}
text: "Agenda Tu Consulta Gratis", href: "#contacto"}}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yi7yfb"
logoAlt="Logo de Dr. Sarah Lopez, DDS"
brandName="Dr. Sarah Lopez, DDS"
@@ -77,35 +61,21 @@ export default function LandingPage() {
description="Expertos en ortodoncia y odontología general en una clínica acogedora y moderna. Desde frenillos tradicionales hasta Invisalign, creamos sonrisas seguras para todas las edades."
buttons={[
{
text: "Agenda Tu Consulta Gratis",
href: "#contacto",
},
text: "Agenda Tu Consulta Gratis", href: "#contacto"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/stomatologist-nurse-finishing-oral-care-procedure-with-patient-dentistry-office-dentist-giving-mirror-man-look-denture-results-after-surgery-dental-examination_482257-38936.jpg",
imageAlt: "Dentista examinando los dientes de un paciente.",
},
imageSrc: "http://img.b2bpic.net/free-photo/stomatologist-nurse-finishing-oral-care-procedure-with-patient-dentistry-office-dentist-giving-mirror-man-look-denture-results-after-surgery-dental-examination_482257-38936.jpg", imageAlt: "Dentista examinando los dientes de un paciente."},
{
imageSrc: "http://img.b2bpic.net/free-photo/doctor-examining-3d-printed-skull-with-ar-technology_23-2152000880.jpg",
imageAlt: "Joven sonriendo con alineadores invisibles.",
},
imageSrc: "http://img.b2bpic.net/free-photo/doctor-examining-3d-printed-skull-with-ar-technology_23-2152000880.jpg", imageAlt: "Joven sonriendo con alineadores invisibles."},
{
imageSrc: "http://img.b2bpic.net/free-photo/collection-orthodontic-instruments-dental-procedure_651396-2230.jpg",
imageAlt: "Doctora explicando un plan de tratamiento a un paciente.",
},
imageSrc: "http://img.b2bpic.net/free-photo/collection-orthodontic-instruments-dental-procedure_651396-2230.jpg", imageAlt: "Doctora explicando un plan de tratamiento a un paciente."},
{
imageSrc: "http://img.b2bpic.net/free-photo/person-virtual-date_23-2149296055.jpg",
imageAlt: "Familia feliz después de una visita al dentista.",
},
imageSrc: "http://img.b2bpic.net/free-photo/person-virtual-date_23-2149296055.jpg", imageAlt: "Familia feliz después de una visita al dentista."},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-portrait_23-2149036978.jpg",
imageAlt: "Primer plano de alineadores invisibles en uso.",
},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-portrait_23-2149036978.jpg", imageAlt: "Primer plano de alineadores invisibles en uso."},
{
imageSrc: "http://img.b2bpic.net/free-photo/excited-young-woman-holding-crossed-hands-looking-shock-anticipation_273609-13836.jpg",
imageAlt: "Brackets cerámicos en dientes, una opción estética.",
},
imageSrc: "http://img.b2bpic.net/free-photo/excited-young-woman-holding-crossed-hands-looking-shock-anticipation_273609-13836.jpg", imageAlt: "Brackets cerámicos en dientes, una opción estética."},
]}
autoplayDelay={4000}
/>
@@ -118,17 +88,11 @@ export default function LandingPage() {
description="La Dra. Sarah Lopez es una ortodoncista y dentista general dedicada a transformar sonrisas con cuidado y precisión. Con años de experiencia y una pasión por la excelencia, nuestra clínica utiliza las últimas tecnologías para ofrecer tratamientos personalizados en un ambiente cálido y amigable. Nos enorgullece ayudar a nuestros pacientes a lograr una salud oral óptima y la sonrisa de sus sueños."
metrics={[
{
value: "15+",
title: "Años de Experiencia",
},
value: "15+", title: "Años de Experiencia"},
{
value: "500+",
title: "Sonrisas Transformadas",
},
value: "500+", title: "Sonrisas Transformadas"},
{
value: "98%",
title: "Satisfacción del Paciente",
},
value: "98%", title: "Satisfacción del Paciente"},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-female-dentist-showing-patient-dental-xray-dentistry-concept_169016-67307.jpg"
imageAlt="Dra. Sarah Lopez sonriendo profesionalmente."
@@ -141,34 +105,16 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Ortodoncia con Invisalign",
description: "Alineadores transparentes y removibles para corregir la posición de tus dientes de manera discreta y cómoda. Ideal para adolescentes y adultos.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-face-mask-concept_23-2148739636.jpg",
imageAlt: "Alineadores transparentes de Invisalign",
buttonIcon: "Sparkles",
buttonHref: "#contacto",
title: "Ortodoncia con Invisalign", description: "Alineadores transparentes y removibles para corregir la posición de tus dientes de manera discreta y cómoda. Ideal para adolescentes y adultos.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-face-mask-concept_23-2148739636.jpg", imageAlt: "Alineadores transparentes de Invisalign", buttonIcon: Sparkles,
buttonHref: "#contacto"},
{
title: "Brackets Tradicionales", description: "La solución clásica y efectiva para corregir problemas complejos de alineación dental. Ofrecemos opciones metálicas y cerámicas para una sonrisa perfecta.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-snapshot-man-s-face-dentist-s-hands-putting-rubber-bands-brackets_651396-3132.jpg", imageAlt: "Brackets metálicos en dientes", buttonIcon: Shield,
buttonHref: "#contacto"},
{
title: "Brackets Estéticos", description: "Opciones de brackets cerámicos o de zafiro que se mimetizan con el color natural de tus dientes, ofreciendo una solución más discreta y estética.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-girl-with-her-mobile_1169-102.jpg", imageAlt: "Brackets cerámicos transparentes", buttonIcon: Eye,
},
{
title: "Brackets Tradicionales",
description: "La solución clásica y efectiva para corregir problemas complejos de alineación dental. Ofrecemos opciones metálicas y cerámicas para una sonrisa perfecta.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-snapshot-man-s-face-dentist-s-hands-putting-rubber-bands-brackets_651396-3132.jpg",
imageAlt: "Brackets metálicos en dientes",
buttonIcon: "Shield",
buttonHref: "#contacto",
},
{
title: "Brackets Estéticos",
description: "Opciones de brackets cerámicos o de zafiro que se mimetizan con el color natural de tus dientes, ofreciendo una solución más discreta y estética.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-girl-with-her-mobile_1169-102.jpg",
imageAlt: "Brackets cerámicos transparentes",
buttonIcon: "Eye",
},
{
title: "Odontología General",
description: "Desde limpiezas y empastes hasta tratamientos más complejos, cuidamos tu salud bucal integral. Tu bienestar dental es nuestra prioridad.",
imageSrc: "http://img.b2bpic.net/free-photo/photo-blonde-curly-woman-brushes-teeth-with-electric-brush-holds-glass-mouthwash-fresh-breath-isolated-blue-background-blank-space-your-promotional-content-dental-care-concept_273609-60196.jpg",
imageAlt: "Instrumentos de limpieza dental",
buttonIcon: "Heart",
title: "Odontología General", description: "Desde limpiezas y empastes hasta tratamientos más complejos, cuidamos tu salud bucal integral. Tu bienestar dental es nuestra prioridad.", imageSrc: "http://img.b2bpic.net/free-photo/photo-blonde-curly-woman-brushes-teeth-with-electric-brush-holds-glass-mouthwash-fresh-breath-isolated-blue-background-blank-space-your-promotional-content-dental-care-concept_273609-60196.jpg", imageAlt: "Instrumentos de limpieza dental", buttonIcon: Heart,
},
]}
title="Nuestros Servicios Integrales"
@@ -184,47 +130,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "product-invisalign",
name: "Invisalign",
price: "Desde $3,500",
imageSrc: "http://img.b2bpic.net/free-photo/dentist-assisting-female-patient-wear-braces_107420-65490.jpg",
imageAlt: "Tratamiento Invisalign",
},
id: "product-invisalign", name: "Invisalign", price: "Desde $3,500", imageSrc: "http://img.b2bpic.net/free-photo/dentist-assisting-female-patient-wear-braces_107420-65490.jpg", imageAlt: "Tratamiento Invisalign"},
{
id: "product-brackets-metalicos",
name: "Brackets Metálicos",
price: "Desde $2,800",
imageSrc: "http://img.b2bpic.net/free-photo/orthodontist-placing-rubber-bands-male-patient-braces_651396-3437.jpg",
imageAlt: "Brackets metálicos",
},
id: "product-brackets-metalicos", name: "Brackets Metálicos", price: "Desde $2,800", imageSrc: "http://img.b2bpic.net/free-photo/orthodontist-placing-rubber-bands-male-patient-braces_651396-3437.jpg", imageAlt: "Brackets metálicos"},
{
id: "product-brackets-ceramicos",
name: "Brackets Cerámicos",
price: "Desde $3,200",
imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-treating-patient-close-up-photo-young-woman-sitting-dentist-s-chair_613910-17777.jpg",
imageAlt: "Brackets cerámicos",
},
id: "product-brackets-ceramicos", name: "Brackets Cerámicos", price: "Desde $3,200", imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-treating-patient-close-up-photo-young-woman-sitting-dentist-s-chair_613910-17777.jpg", imageAlt: "Brackets cerámicos"},
{
id: "product-retenedores",
name: "Retenedores Post-Ortodoncia",
price: "Desde $500",
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-wearing-braces_107420-65482.jpg",
imageAlt: "Retenedores dentales",
},
id: "product-retenedores", name: "Retenedores Post-Ortodoncia", price: "Desde $500", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-wearing-braces_107420-65482.jpg", imageAlt: "Retenedores dentales"},
{
id: "product-blanqueamiento",
name: "Blanqueamiento Dental",
price: "Desde $450",
imageSrc: "http://img.b2bpic.net/free-photo/girl-showing-her-thumbs-up_1301-1128.jpg",
imageAlt: "Tratamiento de blanqueamiento dental",
},
id: "product-blanqueamiento", name: "Blanqueamiento Dental", price: "Desde $450", imageSrc: "http://img.b2bpic.net/free-photo/girl-showing-her-thumbs-up_1301-1128.jpg", imageAlt: "Tratamiento de blanqueamiento dental"},
{
id: "product-consulta-inicial",
name: "Consulta Inicial (Gratis)",
price: "¡Gratis!",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-businesswoman-writing-diary-workplace_23-2147880556.jpg",
imageAlt: "Consulta dental inicial",
},
id: "product-consulta-inicial", name: "Consulta Inicial (Gratis)", price: "¡Gratis!", imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-businesswoman-writing-diary-workplace_23-2147880556.jpg", imageAlt: "Consulta dental inicial"},
]}
title="Descubre Tus Opciones de Ortodoncia"
description="Explora nuestras opciones de tratamiento de ortodoncia, diseñadas para adaptarse a tus necesidades y estilo de vida. Tu camino hacia una sonrisa perfecta comienza aquí."
@@ -238,61 +154,31 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "plan-inicial",
badge: "Popular",
badgeIcon: Star,
price: "Consulta Gratis",
subtitle: "Evaluación completa y plan personalizado.",
buttons: [
id: "plan-inicial", badge: "Popular", badgeIcon: Star,
price: "Consulta Gratis", subtitle: "Evaluación completa y plan personalizado.", buttons: [
{
text: "Agendar Ahora",
href: "#contacto",
},
text: "Agendar Ahora", href: "#contacto"},
],
features: [
"Examen oral inicial",
"Diagnóstico completo",
"Revisión de historial dental",
"Opciones de tratamiento personalizadas",
],
"Examen oral inicial", "Diagnóstico completo", "Revisión de historial dental", "Opciones de tratamiento personalizadas"],
},
{
id: "plan-ortodoncia-basico",
badge: "Valor",
badgeIcon: Sparkles,
price: "Desde $2,800",
subtitle: "Tratamiento básico de ortodoncia.",
buttons: [
id: "plan-ortodoncia-basico", badge: "Valor", badgeIcon: Sparkles,
price: "Desde $2,800", subtitle: "Tratamiento básico de ortodoncia.", buttons: [
{
text: "Más Información",
href: "#contacto",
},
text: "Más Información", href: "#contacto"},
],
features: [
"Brackets metálicos o cerámicos",
"Ajustes mensuales",
"Retenedor fijo o removible (opcional)",
"Duración: 12-24 meses",
],
"Brackets metálicos o cerámicos", "Ajustes mensuales", "Retenedor fijo o removible (opcional)", "Duración: 12-24 meses"],
},
{
id: "plan-ortodoncia-premium",
badge: "Premium",
badgeIcon: Crown,
price: "Desde $3,500",
subtitle: "Soluciones avanzadas de ortodoncia.",
buttons: [
id: "plan-ortodoncia-premium", badge: "Premium", badgeIcon: Crown,
price: "Desde $3,500", subtitle: "Soluciones avanzadas de ortodoncia.", buttons: [
{
text: "Consulta Premium",
href: "#contacto",
},
text: "Consulta Premium", href: "#contacto"},
],
features: [
"Invisalign o Brackets estéticos",
"Ajustes flexibles",
"Blanqueamiento dental post-tratamiento",
"Duración: 6-18 meses",
],
"Invisalign o Brackets estéticos", "Ajustes flexibles", "Blanqueamiento dental post-tratamiento", "Duración: 6-18 meses"],
},
]}
title="Planes y Precios Transparentes"
@@ -305,61 +191,26 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
animationType="depth-3d"
testimonials={[
{
id: "1",
name: "Ana Rodríguez",
role: "Cliente",
company: "Paciente de Invisalign",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-woman-smiling-looking-camera_197531-33823.jpg",
imageAlt: "Ana Rodríguez",
},
id: "1", name: "Ana Rodríguez", role: "Cliente", company: "Paciente de Invisalign", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-woman-smiling-looking-camera_197531-33823.jpg", imageAlt: "Ana Rodríguez"},
{
id: "2",
name: "Carlos Sánchez",
role: "Cliente",
company: "Paciente de Brackets",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-showing-patient-how-use-medical-machine_23-2148328380.jpg",
imageAlt: "Carlos Sánchez",
},
id: "2", name: "Carlos Sánchez", role: "Cliente", company: "Paciente de Brackets", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-showing-patient-how-use-medical-machine_23-2148328380.jpg", imageAlt: "Carlos Sánchez"},
{
id: "3",
name: "Laura García",
role: "Cliente",
company: "Paciente Pediátrica",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-young-girl-smiling-pink_179666-1705.jpg",
imageAlt: "Laura García",
},
id: "3", name: "Laura García", role: "Cliente", company: "Paciente Pediátrica", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-young-girl-smiling-pink_179666-1705.jpg", imageAlt: "Laura García"},
{
id: "4",
name: "Javier Pérez",
role: "Cliente",
company: "Paciente de Blanqueamiento",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-t-shirt-jacket-pointing-aside-with-thumbs-looking-cheery-front-view_176474-108088.jpg",
imageAlt: "Javier Pérez",
},
id: "4", name: "Javier Pérez", role: "Cliente", company: "Paciente de Blanqueamiento", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-t-shirt-jacket-pointing-aside-with-thumbs-looking-cheery-front-view_176474-108088.jpg", imageAlt: "Javier Pérez"},
{
id: "5",
name: "Elena Torres",
role: "Cliente",
company: "Paciente de Odontología General",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149329716.jpg",
imageAlt: "Elena Torres",
},
id: "5", name: "Elena Torres", role: "Cliente", company: "Paciente de Odontología General", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149329716.jpg", imageAlt: "Elena Torres"},
{
id: "6",
name: "Miguel Ferrer",
role: "Cliente",
company: "Paciente de Ortodoncia Adulta",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-smiling-young-businessman-making-hand-frame-against-orange-backdrop_23-2148119724.jpg",
imageAlt: "Miguel Ferrer",
},
id: "6", name: "Miguel Ferrer", role: "Cliente", company: "Paciente de Ortodoncia Adulta", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-smiling-young-businessman-making-hand-frame-against-orange-backdrop_23-2148119724.jpg", imageAlt: "Miguel Ferrer"},
]}
title="Lo Que Nuestros Pacientes Dicen"
description="La satisfacción de nuestros pacientes es nuestra mayor recompensa. Descubre cómo hemos ayudado a transformar sonrisas y vidas."
@@ -372,30 +223,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq-1",
title: "¿Cuál es la edad ideal para una consulta de ortodoncia?",
content: "Recomendamos una primera evaluación de ortodoncia alrededor de los 7 años, pero los tratamientos pueden iniciarse a cualquier edad si es necesario.",
},
id: "faq-1", title: "¿Cuál es la edad ideal para una consulta de ortodoncia?", content: "Recomendamos una primera evaluación de ortodoncia alrededor de los 7 años, pero los tratamientos pueden iniciarse a cualquier edad si es necesario."},
{
id: "faq-2",
title: "¿Invisalign es realmente invisible?",
content: "Sí, los alineadores Invisalign son prácticamente invisibles y se adaptan perfectamente a tus dientes, permitiéndote llevar tu vida con normalidad.",
},
id: "faq-2", title: "¿Invisalign es realmente invisible?", content: "Sí, los alineadores Invisalign son prácticamente invisibles y se adaptan perfectamente a tus dientes, permitiéndote llevar tu vida con normalidad."},
{
id: "faq-3",
title: "¿Cuánto tiempo dura un tratamiento de ortodoncia?",
content: "La duración varía según el caso, pero generalmente oscila entre 12 y 24 meses. La Dra. Lopez te dará una estimación precisa en tu consulta inicial.",
},
id: "faq-3", title: "¿Cuánto tiempo dura un tratamiento de ortodoncia?", content: "La duración varía según el caso, pero generalmente oscila entre 12 y 24 meses. La Dra. Lopez te dará una estimación precisa en tu consulta inicial."},
{
id: "faq-4",
title: "¿Aceptan seguros dentales?",
content: "Sí, aceptamos la mayoría de los planes de seguro dental. Por favor, contáctanos para verificar la cobertura de tu plan específico.",
},
id: "faq-4", title: "¿Aceptan seguros dentales?", content: "Sí, aceptamos la mayoría de los planes de seguro dental. Por favor, contáctanos para verificar la cobertura de tu plan específico."},
{
id: "faq-5",
title: "¿Qué debo hacer en caso de una emergencia dental?",
content: "Si tienes una emergencia dental, llama a nuestra clínica de inmediato. Te daremos las instrucciones necesarias y programaremos una cita lo antes posible.",
},
id: "faq-5", title: "¿Qué debo hacer en caso de una emergencia dental?", content: "Si tienes una emergencia dental, llama a nuestra clínica de inmediato. Te daremos las instrucciones necesarias y programaremos una cita lo antes posible."},
]}
title="Preguntas Frecuentes"
description="Resolvemos tus dudas más comunes sobre tratamientos de ortodoncia, odontología general y nuestra clínica. Si no encuentras tu pregunta, contáctanos."
@@ -407,20 +243,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Contacto"
title="Agenda Tu Consulta Hoy Mismo"
description="Estamos aquí para ayudarte a lograr la sonrisa que siempre has deseado. Contáctanos para programar tu consulta inicial gratuita."
buttons={[
{
text: "Llamar Ahora",
href: "tel:+1234567890",
},
text: "Llamar Ahora", href: "tel:+1234567890"},
{
text: "Enviar Mensaje",
href: "mailto:info@drasarahlopez.com",
},
text: "Enviar Mensaje", href: "mailto:info@drasarahlopez.com"},
]}
/>
</div>
@@ -431,13 +262,9 @@ export default function LandingPage() {
logoAlt="Logo de Dr. Sarah Lopez, DDS"
logoText="Dr. Sarah Lopez, DDS"
leftLink={{
text: "Política de Privacidad",
href: "#",
}}
text: "Política de Privacidad", href: "#"}}
rightLink={{
text: "Términos de Servicio",
href: "#",
}}
text: "Términos de Servicio", href: "#"}}
/>
</div>
</ReactLenis>