Update src/app/page.tsx
This commit is contained in:
195
src/app/page.tsx
195
src/app/page.tsx
@@ -33,71 +33,46 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "#servicios",
|
||||
},
|
||||
name: "Servicios", id: "#servicios"},
|
||||
{
|
||||
name: "Opiniones",
|
||||
id: "#opiniones",
|
||||
},
|
||||
name: "Opiniones", id: "#opiniones"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "#contacto",
|
||||
},
|
||||
name: "Contacto", id: "#contacto"},
|
||||
]}
|
||||
brandName="Dr. Jackson Pérez Ucrós"
|
||||
bottomLeftText="Odontología Integral · Barranquilla"
|
||||
button={{
|
||||
text: "📞 300 607 9639",
|
||||
href: "tel:3006079639",
|
||||
}}
|
||||
text: "📞 300 607 9639", href: "tel:3006079639"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Tu sonrisa merece el mejor cuidado"
|
||||
description="Clínica dental integral en el norte de Barranquilla. Atención personalizada, tecnología de última generación y más de 10 años devolviendo confianza a través de cada sonrisa."
|
||||
tag="5.0 — 11 opiniones en Google"
|
||||
tagIcon={Star}
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar cita ahora",
|
||||
href: "tel:3006079639",
|
||||
},
|
||||
text: "Agendar cita ahora", href: "tel:3006079639"},
|
||||
{
|
||||
text: "Ver Instagram",
|
||||
href: "https://www.instagram.com/drjackson.odontologia/",
|
||||
},
|
||||
text: "Ver Instagram", href: "https://www.instagram.com/drjackson.odontologia/"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-chair-dental-office_1204-394.jpg?_wi=1",
|
||||
imageAlt: "Modern dental clinic interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-chair-dental-office_1204-394.jpg", imageAlt: "Modern dental clinic interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg",
|
||||
imageAlt: "Dental tools on a tray",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg", imageAlt: "Dental tools on a tray"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-dental-clinic_107420-74179.jpg",
|
||||
imageAlt: "Happy patient with a healthy smile",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-dental-clinic_107420-74179.jpg", imageAlt: "Happy patient with a healthy smile"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-dentist-explaining-teeth-x-ray-screen-female-patient-lying-dentist-chair_23-2147879120.jpg",
|
||||
imageAlt: "Dentist explaining an x-ray to a patient",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-dentist-explaining-teeth-x-ray-screen-female-patient-lying-dentist-chair_23-2147879120.jpg", imageAlt: "Dentist explaining an x-ray to a patient"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-dental-office-dentist-work-dental-treatment-concept_169016-67176.jpg",
|
||||
imageAlt: "High-tech dental equipment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-dental-office-dentist-work-dental-treatment-concept_169016-67176.jpg", imageAlt: "High-tech dental equipment"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-having-meeting-with-her-coworker_23-2148944286.jpg",
|
||||
imageAlt: "Clean and bright dental reception area",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-having-meeting-with-her-coworker_23-2148944286.jpg", imageAlt: "Clean and bright dental reception area"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -110,34 +85,22 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Feather,
|
||||
title: "Diseño de Sonrisa",
|
||||
description: "Transformación estética personalizada con materiales de alta calidad para que luzcas tu mejor versión.",
|
||||
},
|
||||
title: "Diseño de Sonrisa", description: "Transformación estética personalizada con materiales de alta calidad para que luzcas tu mejor versión."},
|
||||
{
|
||||
icon: Grid,
|
||||
title: "Ortodoncia",
|
||||
description: "Brackets, alineadores y tratamientos correctivos para alinear tu sonrisa de forma eficaz y cómoda.",
|
||||
},
|
||||
title: "Ortodoncia", description: "Brackets, alineadores y tratamientos correctivos para alinear tu sonrisa de forma eficaz y cómoda."},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Odontología Estética",
|
||||
description: "Blanqueamiento, carillas y restauraciones estéticas con resultados visibles desde la primera sesión.",
|
||||
},
|
||||
title: "Odontología Estética", description: "Blanqueamiento, carillas y restauraciones estéticas con resultados visibles desde la primera sesión."},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Odontología General",
|
||||
description: "Revisiones, limpiezas, obturaciones y cuidado preventivo para mantener tu salud bucal en óptimas condiciones.",
|
||||
},
|
||||
title: "Odontología General", description: "Revisiones, limpiezas, obturaciones y cuidado preventivo para mantener tu salud bucal en óptimas condiciones."},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Odontología Integral",
|
||||
description: "Equipo de especialistas que aborda todas tus necesidades dentales en un solo lugar, con atención coordinada.",
|
||||
},
|
||||
title: "Odontología Integral", description: "Equipo de especialistas que aborda todas tus necesidades dentales en un solo lugar, con atención coordinada."},
|
||||
{
|
||||
icon: Scan,
|
||||
title: "Prótesis & Implantes",
|
||||
description: "Soluciones fijas y removibles para recuperar la funcionalidad y estética de tu dentadura.",
|
||||
},
|
||||
title: "Prótesis & Implantes", description: "Soluciones fijas y removibles para recuperar la funcionalidad y estética de tu dentadura."},
|
||||
]}
|
||||
title="Servicios odontológicos integrales"
|
||||
description="Contamos con un equipo multidisciplinario y tecnología de vanguardia para cada etapa de tu salud bucal."
|
||||
@@ -151,37 +114,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "odontology-team",
|
||||
groupTitle: "Equipo de Odontología",
|
||||
members: [
|
||||
id: "odontology-team", groupTitle: "Equipo de Odontología", members: [
|
||||
{
|
||||
id: "dr-jackson",
|
||||
title: "Dr. Jackson Pérez Ucrós",
|
||||
subtitle: "Odontólogo General & Estético",
|
||||
detail: "Más de 10 años de experiencia en diseño de sonrisa e implantes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-doctor-crossed-hands-front-white-wall_158595-7667.jpg",
|
||||
imageAlt: "Dr. Jackson Pérez Ucrós",
|
||||
},
|
||||
id: "dr-jackson", title: "Dr. Jackson Pérez Ucrós", subtitle: "Odontólogo General & Estético", detail: "Más de 10 años de experiencia en diseño de sonrisa e implantes.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-doctor-crossed-hands-front-white-wall_158595-7667.jpg", imageAlt: "Dr. Jackson Pérez Ucrós"},
|
||||
{
|
||||
id: "assistant-ana",
|
||||
title: "Ana María Rojas",
|
||||
subtitle: "Asistente Dental",
|
||||
detail: "Encargada de la preparación y soporte durante los procedimientos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-dentist-woman-crossed-arms-standing-her-dentistry-office-near-chair_627829-1369.jpg",
|
||||
imageAlt: "Ana María Rojas, Asistente Dental",
|
||||
},
|
||||
id: "assistant-ana", title: "Ana María Rojas", subtitle: "Asistente Dental", detail: "Encargada de la preparación y soporte durante los procedimientos.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-dentist-woman-crossed-arms-standing-her-dentistry-office-near-chair_627829-1369.jpg", imageAlt: "Ana María Rojas, Asistente Dental"},
|
||||
{
|
||||
id: "technician-carlos",
|
||||
title: "Carlos López",
|
||||
subtitle: "Técnico Dental",
|
||||
detail: "Especialista en la creación de prótesis y restauraciones a medida.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-artisan-working-atelier-with-clay_23-2149025899.jpg",
|
||||
imageAlt: "Carlos López, Técnico Dental",
|
||||
},
|
||||
id: "technician-carlos", title: "Carlos López", subtitle: "Técnico Dental", detail: "Especialista en la creación de prótesis y restauraciones a medida.", imageSrc: "http://img.b2bpic.net/free-photo/female-artisan-working-atelier-with-clay_23-2149025899.jpg", imageAlt: "Carlos López, Técnico Dental"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-chair-dental-office_1204-394.jpg?_wi=2",
|
||||
imageAlt: "professional male dentist portrait",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-chair-dental-office_1204-394.jpg", imageAlt: "professional male dentist portrait"},
|
||||
]}
|
||||
title="Conoce al Dr. Jackson Pérez Ucrós y su Equipo"
|
||||
description="Un equipo de profesionales dedicados a tu salud bucal, liderado por el Dr. Jackson Pérez Ucrós, con una trayectoria de excelencia y resultados comprobados."
|
||||
@@ -195,20 +136,11 @@ export default function LandingPage() {
|
||||
tag="Excelencia Comprobada"
|
||||
metrics={[
|
||||
{
|
||||
id: "rating",
|
||||
value: "5.0",
|
||||
description: "Calificación Google",
|
||||
},
|
||||
id: "rating", value: "5.0", description: "Calificación Google"},
|
||||
{
|
||||
id: "patients",
|
||||
value: "11",
|
||||
description: "Pacientes satisfechos",
|
||||
},
|
||||
id: "patients", value: "11", description: "Pacientes satisfechos"},
|
||||
{
|
||||
id: "recommendation",
|
||||
value: "100%",
|
||||
description: "Recomendado por pacientes",
|
||||
},
|
||||
id: "recommendation", value: "100%", description: "Recomendado por pacientes"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -222,25 +154,15 @@ export default function LandingPage() {
|
||||
author="S. Oquendo, Estados Unidos"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/headshot-beautiful-dark-skinned-female-with-happy-expression-has-afro-hairstyle-demonstrates-perfect-white-even-teeth-has-pleased-smile-stylish-young-african-american-woman-rests-indoor_273609-2384.jpg",
|
||||
alt: "S. Oquendo",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/headshot-beautiful-dark-skinned-female-with-happy-expression-has-afro-hairstyle-demonstrates-perfect-white-even-teeth-has-pleased-smile-stylish-young-african-american-woman-rests-indoor_273609-2384.jpg", alt: "S. Oquendo"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-handsome-guy-wearing-yellow-turtleneck-sweater-isolated-olive-green-wall_141793-83753.jpg",
|
||||
alt: "Sgómez03",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-handsome-guy-wearing-yellow-turtleneck-sweater-isolated-olive-green-wall_141793-83753.jpg", alt: "Sgómez03"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/half-profile-image-cheerful-attractive-middle-aged-woman-with-short-gray-hair-wrinkles-having-fun-laughing-joke-smiling-broadly-camera_343059-1891.jpg",
|
||||
alt: "Local Guide",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/half-profile-image-cheerful-attractive-middle-aged-woman-with-short-gray-hair-wrinkles-having-fun-laughing-joke-smiling-broadly-camera_343059-1891.jpg", alt: "Local Guide"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing-with-his-arms-crossed_23-2148692179.jpg",
|
||||
alt: "Adrian Tovar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing-with-his-arms-crossed_23-2148692179.jpg", alt: "Adrian Tovar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-doctor-her-office_1098-21369.jpg",
|
||||
alt: "Roxana Osorio",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-doctor-her-office_1098-21369.jpg", alt: "Roxana Osorio"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -253,20 +175,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "hours",
|
||||
title: "Horarios de atención",
|
||||
content: "Estamos disponibles de Lunes a Sábado, de 8:00 a.m. a 6:00 p.m. Te recomendamos agendar tu cita con anticipación.",
|
||||
},
|
||||
id: "hours", title: "Horarios de atención", content: "Estamos disponibles de Lunes a Sábado, de 8:00 a.m. a 6:00 p.m. Te recomendamos agendar tu cita con anticipación."},
|
||||
{
|
||||
id: "insurance",
|
||||
title: "¿Aceptan seguros?",
|
||||
content: "Sí, aceptamos varias aseguradoras. Por favor, contáctanos directamente para verificar si tu plan está cubierto.",
|
||||
},
|
||||
id: "insurance", title: "¿Aceptan seguros?", content: "Sí, aceptamos varias aseguradoras. Por favor, contáctanos directamente para verificar si tu plan está cubierto."},
|
||||
{
|
||||
id: "emergency",
|
||||
title: "¿Qué hago en caso de emergencia?",
|
||||
content: "Para emergencias, llámanos directamente al 300 607 9639. Haremos lo posible por atenderte a la brevedad.",
|
||||
},
|
||||
id: "emergency", title: "¿Qué hago en caso de emergencia?", content: "Para emergencias, llámanos directamente al 300 607 9639. Haremos lo posible por atenderte a la brevedad."},
|
||||
]}
|
||||
title="¿Tienes Preguntas?"
|
||||
description="Encuentra respuestas a las preguntas más frecuentes sobre nuestros servicios, citas y procedimientos."
|
||||
@@ -283,23 +196,15 @@ export default function LandingPage() {
|
||||
description="Agenda tu cita hoy. Atención personalizada, precios justos y un equipo que te hará sentir en casa."
|
||||
buttons={[
|
||||
{
|
||||
text: "Llamar ahora · 300 607 9639",
|
||||
href: "tel:3006079639",
|
||||
},
|
||||
text: "Llamar ahora · 300 607 9639", href: "tel:3006079639"},
|
||||
]}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Atención Personalizada",
|
||||
description: "Cada tratamiento se adapta a tus necesidades específicas para asegurar los mejores resultados.",
|
||||
},
|
||||
title: "Atención Personalizada", description: "Cada tratamiento se adapta a tus necesidades específicas para asegurar los mejores resultados."},
|
||||
{
|
||||
title: "Tecnología de Vanguardia",
|
||||
description: "Utilizamos equipos de última generación para diagnósticos precisos y procedimientos eficientes.",
|
||||
},
|
||||
title: "Tecnología de Vanguardia", description: "Utilizamos equipos de última generación para diagnósticos precisos y procedimientos eficientes."},
|
||||
{
|
||||
title: "Más de 10 Años de Experiencia",
|
||||
description: "Respaldados por una década de dedicación y miles de sonrisas felices transformadas.",
|
||||
},
|
||||
title: "Más de 10 Años de Experiencia", description: "Respaldados por una década de dedicación y miles de sonrisas felices transformadas."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-patient-redviolet-dress-laying-dental-chair-while-female-dentist-treating-her-teeth-with-special-instruments_627829-9738.jpg"
|
||||
imageAlt="Modern dental office reception area"
|
||||
@@ -314,22 +219,14 @@ export default function LandingPage() {
|
||||
description="Estamos ubicados en Cra. 44 #84-178, Nte. Centro Histórico, Barranquilla, Atlántico.\n\nTeléfono/WhatsApp: 300 607 9639.\nHorario de atención: Lun – Sáb: 8:00 a.m. – 6:00 p.m.\nEncuéntranos en Instagram: @drjackson.odontologia"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Tu Nombre Completo",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Tu Nombre Completo", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Tu Correo Electrónico",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Tu Correo Electrónico", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tu Mensaje o Consulta",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tu Mensaje o Consulta", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pinpoints-compass-map_23-2148232397.jpg"
|
||||
@@ -344,13 +241,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Dr. Jackson Pérez Ucrós — Odontología"
|
||||
leftLink={{
|
||||
text: "Instagram ↗",
|
||||
href: "https://www.instagram.com/drjackson.odontologia/",
|
||||
}}
|
||||
text: "Instagram ↗", href: "https://www.instagram.com/drjackson.odontologia/"}}
|
||||
rightLink={{
|
||||
text: "Política de Privacidad",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Política de Privacidad", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user