Update src/app/page.tsx
This commit is contained in:
272
src/app/page.tsx
272
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
name: "Nosotros", id: "about"},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "features",
|
||||
},
|
||||
name: "Servicios", id: "features"},
|
||||
{
|
||||
name: "Testimonios",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonios", id: "testimonials"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="Clínica Dental Valderrama"
|
||||
/>
|
||||
@@ -61,103 +51,55 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Tu sonrisa es nuestra prioridad"
|
||||
description="En Clínica Dental Valderrama combinamos tecnología avanzada y un trato humano para cuidar tu salud bucodental."
|
||||
testimonials={[
|
||||
{
|
||||
name: "María G.",
|
||||
handle: "@mariag",
|
||||
testimonial: "Excelente trato y profesionalidad absoluta.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg?_wi=1",
|
||||
imageAlt: "dental clinic professional portrait",
|
||||
},
|
||||
name: "María G.", handle: "@mariag", testimonial: "Excelente trato y profesionalidad absoluta.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg", imageAlt: "dental clinic professional portrait"},
|
||||
{
|
||||
name: "Juan R.",
|
||||
handle: "@juanr",
|
||||
testimonial: "La mejor clínica de la ciudad, muy contento.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-dental-jaw-female-patient-clinic_23-2147862036.jpg?_wi=1",
|
||||
imageAlt: "dental clinic professional portrait",
|
||||
},
|
||||
name: "Juan R.", handle: "@juanr", testimonial: "La mejor clínica de la ciudad, muy contento.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-dental-jaw-female-patient-clinic_23-2147862036.jpg", imageAlt: "dental clinic professional portrait"},
|
||||
{
|
||||
name: "Ana S.",
|
||||
handle: "@anas",
|
||||
testimonial: "Muy detallistas y amables con los niños.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-thumbs-up_1187-3144.jpg?_wi=1",
|
||||
imageAlt: "dental clinic professional portrait",
|
||||
},
|
||||
name: "Ana S.", handle: "@anas", testimonial: "Muy detallistas y amables con los niños.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-thumbs-up_1187-3144.jpg", imageAlt: "dental clinic professional portrait"},
|
||||
{
|
||||
name: "Pedro M.",
|
||||
handle: "@pedrom",
|
||||
testimonial: "Cero dolor, tratamiento muy eficiente.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-striped-jersey-looking-camera_1187-5166.jpg?_wi=1",
|
||||
imageAlt: "dental clinic professional portrait",
|
||||
},
|
||||
name: "Pedro M.", handle: "@pedrom", testimonial: "Cero dolor, tratamiento muy eficiente.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-striped-jersey-looking-camera_1187-5166.jpg", imageAlt: "dental clinic professional portrait"},
|
||||
{
|
||||
name: "Lucía P.",
|
||||
handle: "@luciap",
|
||||
testimonial: "Salud dental al mejor nivel, gracias.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-male-dentist_23-2147862083.jpg?_wi=1",
|
||||
imageAlt: "dental clinic professional portrait",
|
||||
},
|
||||
name: "Lucía P.", handle: "@luciap", testimonial: "Salud dental al mejor nivel, gracias.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-male-dentist_23-2147862083.jpg", imageAlt: "dental clinic professional portrait"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserva tu cita",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserva tu cita", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg"
|
||||
imageAlt="dental clinic professional portrait"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23917.jpg",
|
||||
alt: "Full equiped medical cabinet",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23917.jpg", alt: "Full equiped medical cabinet"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23912.jpg",
|
||||
alt: "Full equiped medical cabinet",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23912.jpg", alt: "Full equiped medical cabinet"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-dentist-treating-patients-teeth-with-dental-microscope-dentistry-concept_169016-67130.jpg",
|
||||
alt: "Young female dentist treating patients teeth with dental microscope Dentistry concept",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-dentist-treating-patients-teeth-with-dental-microscope-dentistry-concept_169016-67130.jpg", alt: "Young female dentist treating patients teeth with dental microscope Dentistry concept"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-spacious-office-dentist_8353-9976.jpg",
|
||||
alt: "Beautiful spacious office of a dentist",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-spacious-office-dentist_8353-9976.jpg", alt: "Beautiful spacious office of a dentist"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg",
|
||||
alt: "dental clinic professional portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg", alt: "dental clinic professional portrait"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Odontología Integral",
|
||||
},
|
||||
type: "text", text: "Odontología Integral"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Alta Tecnología",
|
||||
},
|
||||
type: "text", text: "Alta Tecnología"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seguridad Total",
|
||||
},
|
||||
type: "text", text: "Seguridad Total"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Trato Humano",
|
||||
},
|
||||
type: "text", text: "Trato Humano"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Satisfacción Garantizada",
|
||||
},
|
||||
type: "text", text: "Satisfacción Garantizada"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -168,19 +110,13 @@ export default function LandingPage() {
|
||||
title="Experiencia que nos respalda"
|
||||
metrics={[
|
||||
{
|
||||
label: "Pacientes atendidos",
|
||||
value: "5000+",
|
||||
icon: Users,
|
||||
label: "Pacientes atendidos", value: "5000+", icon: Users,
|
||||
},
|
||||
{
|
||||
label: "Años de servicio",
|
||||
value: "15",
|
||||
icon: Award,
|
||||
label: "Años de servicio", value: "15", icon: Award,
|
||||
},
|
||||
{
|
||||
label: "Especialistas",
|
||||
value: "8",
|
||||
icon: ShieldCheck,
|
||||
label: "Especialistas", value: "8", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
@@ -194,28 +130,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Implantes Dentales",
|
||||
description: "Soluciones de alta calidad con materiales duraderos.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-patient-clinic_23-2149103571.jpg",
|
||||
imageAlt: "Close up doctor and patient at clinic",
|
||||
title: "Implantes Dentales", description: "Soluciones de alta calidad con materiales duraderos.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Ortodoncia Invisible",
|
||||
description: "Alinea tu sonrisa sin que nadie lo note.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg?_wi=3",
|
||||
imageAlt: "Close up doctor and patient at clinic",
|
||||
title: "Ortodoncia Invisible", description: "Alinea tu sonrisa sin que nadie lo note.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Blanqueamiento Dental",
|
||||
description: "Recupera el brillo natural de tus dientes.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-dental-jaw-female-patient-clinic_23-2147862036.jpg?_wi=2",
|
||||
imageAlt: "Close up doctor and patient at clinic",
|
||||
title: "Blanqueamiento Dental", description: "Recupera el brillo natural de tus dientes.", bentoComponent: "reveal-icon", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Nuestros servicios especializados"
|
||||
@@ -230,51 +151,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "Desde $50",
|
||||
name: "Limpieza Dental",
|
||||
features: [
|
||||
"Revisión completa",
|
||||
"Limpieza profesional",
|
||||
"Diagnóstico",
|
||||
],
|
||||
id: "basic", price: "Desde $50", name: "Limpieza Dental", features: [
|
||||
"Revisión completa", "Limpieza profesional", "Diagnóstico"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Elegir",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Elegir", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "Desde $400",
|
||||
name: "Blanqueamiento",
|
||||
features: [
|
||||
"Sesión completa",
|
||||
"Kit de seguimiento",
|
||||
"Revisión incluida",
|
||||
],
|
||||
id: "pro", price: "Desde $400", name: "Blanqueamiento", features: [
|
||||
"Sesión completa", "Kit de seguimiento", "Revisión incluida"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Elegir",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Elegir", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
price: "Consulta",
|
||||
name: "Implantes",
|
||||
features: [
|
||||
"Estudio personalizado",
|
||||
"Cirugía guiada",
|
||||
"Seguimiento médico",
|
||||
],
|
||||
id: "premium", price: "Consulta", name: "Implantes", features: [
|
||||
"Estudio personalizado", "Cirugía guiada", "Seguimiento médico"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Elegir",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Elegir", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -290,40 +187,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "María González",
|
||||
handle: "@mariag",
|
||||
testimonial: "El personal es increíblemente amable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-dental-jaw-female-patient-clinic_23-2147862036.jpg?_wi=3",
|
||||
},
|
||||
id: "1", name: "María González", handle: "@mariag", testimonial: "El personal es increíblemente amable.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-dental-jaw-female-patient-clinic_23-2147862036.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Juan Pérez",
|
||||
handle: "@juanp",
|
||||
testimonial: "Un proceso muy rápido y eficiente.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-thumbs-up_1187-3144.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Juan Pérez", handle: "@juanp", testimonial: "Un proceso muy rápido y eficiente.", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-thumbs-up_1187-3144.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ana López",
|
||||
handle: "@anal",
|
||||
testimonial: "Muy contenta con el resultado final.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-striped-jersey-looking-camera_1187-5166.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Ana López", handle: "@anal", testimonial: "Muy contenta con el resultado final.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-striped-jersey-looking-camera_1187-5166.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Carlos Ruíz",
|
||||
handle: "@carlosr",
|
||||
testimonial: "El mejor dentista de la ciudad.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-male-dentist_23-2147862083.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "Carlos Ruíz", handle: "@carlosr", testimonial: "El mejor dentista de la ciudad.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-male-dentist_23-2147862083.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Luis Sánchez",
|
||||
handle: "@luiss",
|
||||
testimonial: "Atención impecable en todo momento.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-senior-marriage-eating-breakfast-together_329181-14782.jpg",
|
||||
},
|
||||
id: "5", name: "Luis Sánchez", handle: "@luiss", testimonial: "Atención impecable en todo momento.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-senior-marriage-eating-breakfast-together_329181-14782.jpg"},
|
||||
]}
|
||||
title="Historias de éxito"
|
||||
description="La satisfacción de nuestros pacientes es nuestro mayor logro."
|
||||
@@ -337,23 +209,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dra. Laura",
|
||||
role: "Odontóloga",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-67174.jpg",
|
||||
},
|
||||
id: "1", name: "Dra. Laura", role: "Odontóloga", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-67174.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dr. Jorge",
|
||||
role: "Ortodoncista",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-medical-shirt-pandemic-nurse-medic-emotion-covid-19_179666-23978.jpg",
|
||||
},
|
||||
id: "2", name: "Dr. Jorge", role: "Ortodoncista", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-medical-shirt-pandemic-nurse-medic-emotion-covid-19_179666-23978.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ana Moreno",
|
||||
role: "Higiene Dental",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-dentist-dentist-s-clinic_329181-20753.jpg",
|
||||
},
|
||||
id: "3", name: "Ana Moreno", role: "Higiene Dental", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-dentist-dentist-s-clinic_329181-20753.jpg"},
|
||||
]}
|
||||
title="Nuestro equipo médico"
|
||||
description="Profesionales dedicados a cuidar tu salud."
|
||||
@@ -365,20 +225,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Tienen facilidades de pago?",
|
||||
content: "Sí, contamos con diversos planes y financiación.",
|
||||
},
|
||||
id: "f1", title: "¿Tienen facilidades de pago?", content: "Sí, contamos con diversos planes y financiación."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Atienden urgencias?",
|
||||
content: "Contamos con citas de urgencia disponibles diariamente.",
|
||||
},
|
||||
id: "f2", title: "¿Atienden urgencias?", content: "Contamos con citas de urgencia disponibles diariamente."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Aceptan seguros?",
|
||||
content: "Trabajamos con las principales aseguradoras dentales.",
|
||||
},
|
||||
id: "f3", title: "¿Aceptan seguros?", content: "Trabajamos con las principales aseguradoras dentales."},
|
||||
]}
|
||||
sideTitle="Preguntas frecuentes"
|
||||
sideDescription="Respondemos a las dudas más comunes."
|
||||
@@ -390,14 +241,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Agenda tu cita hoy mismo y comienza a cuidar tu salud dental."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/123456789",
|
||||
},
|
||||
text: "WhatsApp", href: "https://wa.me/123456789"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -406,13 +254,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Clínica Dental Valderrama"
|
||||
leftLink={{
|
||||
text: "Política de privacidad",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Política de privacidad", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contacto",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contacto", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user