bender/f60ac17d-3a74-45dd-85da-035ebbfcaec1
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-05-22 12:40:50 +00:00
parent 3d2669b3b6
commit d65ec24f65
1 changed files with 51 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

279
src/app/page.tsx
View File

@@ -30,24 +30,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Inicio",
id: "hero",
},
{
name: "Sobre Nosotros",
id: "about",
},
{
name: "Servicios",
id: "services",
},
{
name: "Contacto",
id: "contact",
},
{ name: "Inicio", id: "hero" },
{ name: "Sobre Nosotros", id: "about" },
{ name: "Servicios", id: "services" },
{ name: "Contacto", id: "contact" }
]}
brandName="Dental Ripollet"
button={{ text: "Cita Online", href: "#contact" }}
/>
</div>
@@ -56,40 +45,16 @@ export default function LandingPage() {
logoText="Dental Ripollet"
description="Atención dental profesional y cercana en Ripollet. Cuidamos tu salud bucodental con tratamientos personalizados y un trato humano."
buttons={[
{
text: "Pedir Cita",
href: "#contact",
},
{
text: "Llamar Ahora",
href: "tel:+34930000000",
},
{ text: "Pedir Cita", href: "#contact" },
{ text: "Llamar Ahora", href: "tel:+34930000000" }
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/attractive-patient-redviolet-dress-laying-dental-chair-while-female-dentist-treating-her-teeth-with-special-instruments_627829-9769.jpg",
imageAlt: "Clínica Dental Ripollet",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821330.jpg",
imageAlt: "Consulta dental moderna",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-white-office-successful-doctor_8353-9587.jpg",
imageAlt: "Instalaciones de vanguardia",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-stomatology-orthodontist-bright-office-room-with-nobody-it_482257-15349.jpg",
imageAlt: "Zona de atención",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fuzzy-room-with-television_1203-947.jpg",
imageAlt: "Clínica de confianza",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-medical-dentistry-tooth-instruments-modern-stomatolog-orthodontic-bright-office-with-nobody-it_482257-2311.jpg",
imageAlt: "Tu sonrisa en buenas manos",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/attractive-patient-redviolet-dress-laying-dental-chair-while-female-dentist-treating-her-teeth-with-special-instruments_627829-9769.jpg", imageAlt: "Clínica Dental Ripollet" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821330.jpg", imageAlt: "Consulta dental moderna" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-white-office-successful-doctor_8353-9587.jpg", imageAlt: "Instalaciones de vanguardia" },
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-stomatology-orthodontist-bright-office-room-with-nobody-it_482257-15349.jpg", imageAlt: "Zona de atención" },
{ imageSrc: "http://img.b2bpic.net/free-photo/fuzzy-room-with-television_1203-947.jpg", imageAlt: "Clínica de confianza" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-medical-dentistry-tooth-instruments-modern-stomatolog-orthodontic-bright-office-with-nobody-it_482257-2311.jpg", imageAlt: "Tu sonrisa en buenas manos" }
]}
/>
</div>
@@ -99,21 +64,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Somos tu clínica de proximidad"
metrics={[
{
icon: Award,
label: "Años de experiencia",
value: "15+",
},
{
icon: Users,
label: "Pacientes felices",
value: "5000+",
},
{
icon: Smile,
label: "Sonrisas renovadas",
value: "99%",
},
{ icon: Award, label: "Años de experiencia", value: "15+" },
{ icon: Users, label: "Pacientes felices", value: "5000+" },
{ icon: Smile, label: "Sonrisas renovadas", value: "99%" }
]}
metricsAnimation="slide-up"
/>
@@ -124,42 +77,12 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Revisiones Dentales",
description: "Control periódico para mantener tu boca sana.",
imageSrc: "http://img.b2bpic.net/free-photo/dentist-treats-childs-tooth-using-rubber-dam-closeup-tooth-treatment_169016-67055.jpg",
imageAlt: "Revisiones",
},
{
title: "Ortodoncia",
description: "Alinea tu sonrisa de forma invisible o tradicional.",
imageSrc: "http://img.b2bpic.net/free-photo/patient-pov-dentist-showing-correct-way-cleaning-teeth-wearing-dental-office-using-teeth-medical-skeleton-accessory-stomatolog-wearing-protection-mask-heatlhcare-check_482257-13107.jpg",
imageAlt: "Ortodoncia",
},
{
title: "Implantes Dentales",
description: "Recupera tu funcionalidad con implantes de alta calidad.",
imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-with-dentistry-tools-isolated_1303-13200.jpg",
imageAlt: "Implantes",
},
{
title: "Estética Dental",
description: "Diseñamos la sonrisa que siempre has deseado.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-toothy-smile-demonstrating-his-dental-implant_259150-57670.jpg",
imageAlt: "Estética",
},
{
title: "Odontopediatría",
description: "Cuidado especializado para los más pequeños.",
imageSrc: "http://img.b2bpic.net/free-photo/dentist-ca-dentistry-health-dental_1303-978.jpg",
imageAlt: "Odontopediatría",
},
{
title: "Urgencias",
description: "Atendemos tus urgencias en tiempo récord.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-anxious-worried-girl-praying-cross-fingers-good-luck_176420-31070.jpg",
imageAlt: "Urgencias",
},
{ title: "Revisiones Dentales", description: "Control periódico para mantener tu boca sana.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-treats-childs-tooth-using-rubber-dam-closeup-tooth-treatment_169016-67055.jpg", imageAlt: "Revisiones" },
{ title: "Ortodoncia", description: "Alinea tu sonrisa de forma invisible o tradicional.", imageSrc: "http://img.b2bpic.net/free-photo/patient-pov-dentist-showing-correct-way-cleaning-teeth-wearing-dental-office-using-teeth-medical-skeleton-accessory-stomatolog-wearing-protection-mask-heatlhcare-check_482257-13107.jpg", imageAlt: "Ortodoncia" },
{ title: "Implantes Dentales", description: "Recupera tu funcionalidad con implantes de alta calidad.", imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-with-dentistry-tools-isolated_1303-13200.jpg", imageAlt: "Implantes" },
{ title: "Estética Dental", description: "Diseñamos la sonrisa que siempre has deseado.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-toothy-smile-demonstrating-his-dental-implant_259150-57670.jpg", imageAlt: "Estética" },
{ title: "Odontopediatría", description: "Cuidado especializado para los más pequeños.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-ca-dentistry-health-dental_1303-978.jpg", imageAlt: "Odontopediatría" },
{ title: "Urgencias", description: "Atendemos tus urgencias en tiempo récord.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-anxious-worried-girl-praying-cross-fingers-good-luck_176420-31070.jpg", imageAlt: "Urgencias" }
]}
title="Servicios Dentales"
description="Ofrecemos una amplia gama de tratamientos para toda la familia con la última tecnología."
@@ -172,60 +95,16 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Ana Martínez",
role: "Paciente",
company: "Ripollet",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-female-doctor-wearing-wearing-medical-robe-with-stethoscope-sitting-desk-work-laptop-with-medical-tools-showing-you-gesture-her-thumb-up-white-wall_141793-23523.jpg",
},
{
id: "2",
name: "Carlos Ruiz",
role: "Paciente",
company: "Ripollet",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-female-posing_23-2148880191.jpg",
},
{
id: "3",
name: "Elena García",
role: "Paciente",
company: "Ripollet",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg",
},
{
id: "4",
name: "Jordi Pons",
role: "Paciente",
company: "Ripollet",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-fashion-glasses_329181-1227.jpg",
},
{
id: "5",
name: "Lucía Fernández",
role: "Paciente",
company: "Ripollet",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-posing-patient_23-2148757390.jpg",
},
{ id: "1", name: "Ana Martínez", role: "Paciente", company: "Ripollet", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-female-doctor-wearing-wearing-medical-robe-with-stethoscope-sitting-desk-work-laptop-with-medical-tools-showing-you-gesture-her-thumb-up-white-wall_141793-23523.jpg" },
{ id: "2", name: "Carlos Ruiz", role: "Paciente", company: "Ripollet", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-female-posing_23-2148880191.jpg" },
{ id: "3", name: "Elena García", role: "Paciente", company: "Ripollet", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg" },
{ id: "4", name: "Jordi Pons", role: "Paciente", company: "Ripollet", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-fashion-glasses_329181-1227.jpg" },
{ id: "5", name: "Lucía Fernández", role: "Paciente", company: "Ripollet", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-posing-patient_23-2148757390.jpg" }
]}
kpiItems={[
{
value: "4.9/5",
label: "Google Rating",
},
{
value: "100%",
label: "Trato humano",
},
{
value: "15+",
label: "Años trabajando",
},
{ value: "4.9/5", label: "Google Rating" },
{ value: "100%", label: "Trato humano" },
{ value: "15+", label: "Años trabajando" }
]}
title="Opiniones de nuestros pacientes"
description="La confianza de nuestros pacientes es nuestro mayor logro."
@@ -237,24 +116,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Atención cercana",
description: "Te escuchamos y te explicamos cada proceso con detalle.",
imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-writing-report_107420-74191.jpg",
imageAlt: "Cercanía",
},
{
title: "Tecnología moderna",
description: "Equipos de vanguardia para diagnósticos precisos.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-29156.jpg",
imageAlt: "Tecnología",
},
{
title: "Profesionales cualificados",
description: "Equipo humano con formación continua.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-dentist-woman-crossed-arms-standing-her-dentistry-office-near-chair_627829-1369.jpg",
imageAlt: "Profesionales",
},
{ title: "Atención cercana", description: "Te escuchamos y te explicamos cada proceso con detalle.", imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-writing-report_107420-74191.jpg", imageAlt: "Cercanía" },
{ title: "Tecnología moderna", description: "Equipos de vanguardia para diagnósticos precisos.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-29156.jpg", imageAlt: "Tecnología" },
{ title: "Profesionales cualificados", description: "Equipo humano con formación continua.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-dentist-woman-crossed-arms-standing-her-dentistry-office-near-chair_627829-1369.jpg", imageAlt: "Profesionales" }
]}
title="Por qué elegirnos"
description="Tu centro dental de confianza en Carrer Monturiol."
@@ -266,26 +130,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "¿Aceptan urgencias?",
content: "Sí, atendemos urgencias dentales con prioridad.",
},
{
id: "q2",
title: "¿La primera visita incluye diagnóstico?",
content: "Realizamos una primera valoración completa gratuita.",
},
{
id: "q3",
title: "¿Trabajan con niños?",
content: "Contamos con odontopediatría especializada.",
},
{
id: "q4",
title: "¿Cómo pedir cita?",
content: "Puedes llamar, escribirnos por WhatsApp o usar el formulario.",
},
{ id: "q1", title: "¿Aceptan urgencias?", content: "Sí, atendemos urgencias dentales con prioridad." },
{ id: "q2", title: "¿La primera visita incluye diagnóstico?", content: "Realizamos una primera valoración completa gratuita." },
{ id: "q3", title: "¿Trabajan con niños?", content: "Contamos con odontopediatría especializada." },
{ id: "q4", title: "¿Cómo pedir cita?", content: "Puedes llamar, escribirnos por WhatsApp o usar el formulario." }
]}
title="Preguntas frecuentes"
description="Resolvemos todas tus dudas."
@@ -296,21 +144,13 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Contacto"
title="Reserva tu cita hoy"
description="Estamos en Carrer Monturiol, 83, Ripollet. ¡Visítanos o llámanos!"
buttons={[
{
text: "Llamar Ahora",
href: "tel:+34930000000",
},
{
text: "WhatsApp",
href: "https://wa.me/34600000000",
},
{ text: "Llamar Ahora", href: "tel:+34930000000" },
{ text: "WhatsApp", href: "https://wa.me/34600000000" }
]}
/>
</div>
@@ -320,35 +160,18 @@ export default function LandingPage() {
logoText="Dental Ripollet"
columns={[
{
title: "Clínica",
items: [
{
label: "Sobre nosotros",
href: "#about",
},
{
label: "Servicios",
href: "#services",
},
{
label: "Contacto",
href: "#contact",
},
],
title: "Clínica", items: [
{ label: "Sobre nosotros", href: "#about" },
{ label: "Servicios", href: "#services" },
{ label: "Contacto", href: "#contact" }
]
},
{
title: "Ubicación",
items: [
{
label: "Carrer Monturiol, 83",
href: "#",
},
{
label: "Ripollet, Barcelona",
href: "#",
},
],
},
title: "Ubicación", items: [
{ label: "Carrer Monturiol, 83", href: "#" },
{ label: "Ripollet, Barcelona", href: "#" }
]
}
]}
copyrightText="© 2025 Dental Ripollet. Todos los derechos reservados."
/>
@@ -356,4 +179,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}