Update src/app/page.tsx
This commit is contained in:
322
src/app/page.tsx
322
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "servicios",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "nosotros",
|
||||
},
|
||||
{
|
||||
name: "Testimonios",
|
||||
id: "testimonios",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contacto",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Servicios", id: "servicios" },
|
||||
{ name: "Nosotros", id: "nosotros" },
|
||||
{ name: "Testimonios", id: "testimonios" },
|
||||
{ name: "Contacto", id: "contacto" },
|
||||
]}
|
||||
brandName="VIDE DENTAL"
|
||||
/>
|
||||
@@ -59,95 +44,33 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="VIDE DENTAL: Tu Sonrisa, Nuestra Pasión"
|
||||
description="Atención dental integral, avanzada y humana en Juriquilla. Expertos comprometidos con tu bienestar desde el primer momento."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Juan Pérez",
|
||||
handle: "@paciente",
|
||||
testimonial: "Atención impecable y sin dolor. Recomendado.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "María García",
|
||||
handle: "@paciente",
|
||||
testimonial: "Excelente equipo y trato humano muy cálido.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-dentist-with-patient-dental-clinic_662251-2612.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Luis López",
|
||||
handle: "@paciente",
|
||||
testimonial: "Precios justos y resultados increíbles.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-sofa-smiling_329181-1264.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Ana Martínez",
|
||||
handle: "@paciente",
|
||||
testimonial: "La mejor opción dental en Juriquilla.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-her-dad-dental-appointment_329181-17718.jpg",
|
||||
},
|
||||
{
|
||||
name: "Pedro Ruiz",
|
||||
handle: "@paciente",
|
||||
testimonial: "Procedimientos claros y muy profesionales.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-relaxing-with-book-home_329181-1159.jpg",
|
||||
},
|
||||
{ name: "Juan Pérez", handle: "@paciente", testimonial: "Atención impecable y sin dolor. Recomendado.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg" },
|
||||
{ name: "María García", handle: "@paciente", testimonial: "Excelente equipo y trato humano muy cálido.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-dentist-with-patient-dental-clinic_662251-2612.jpg" },
|
||||
{ name: "Luis López", handle: "@paciente", testimonial: "Precios justos y resultados increíbles.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-sofa-smiling_329181-1264.jpg" },
|
||||
{ name: "Ana Martínez", handle: "@paciente", testimonial: "La mejor opción dental en Juriquilla.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-her-dad-dental-appointment_329181-17718.jpg" },
|
||||
{ name: "Pedro Ruiz", handle: "@paciente", testimonial: "Procedimientos claros y muy profesionales.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-relaxing-with-book-home_329181-1159.jpg" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/no-people-empty-waiting-area-clinical-center-with-reception-desk-waiting-room-with-seats-start-checkup-visit-appointment-medical-examination-with-doctor-hospital-lobby_482257-46239.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/no-people-empty-waiting-area-clinical-center-with-reception-desk-waiting-room-with-seats-start-checkup-visit-appointment-medical-examination-with-doctor-hospital-lobby_482257-46239.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="dentist office portrait clean"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dentistry-doctor-showing-x-ray-teeth-patient-using-tablet-standing-waiting-area-dental-clinic-stomatologist-reviewing-dental-radiography-with-woman-explaining-treatment-crowded-office_482257-3592.jpg",
|
||||
alt: "Dentistry doctor showing x-ray of teeth to patient using tablet standing in waiting area of dental clinic",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg",
|
||||
alt: "Full equiped medical cabinet",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/nobody-working-empty-reception-desk-waiting-room-support-healthcare-appointments-consultation-examination-hospital-lobby-with-waiting-area-seats-medical-facility_482257-48712.jpg",
|
||||
alt: "Nobody working at empty reception desk in waiting room to support healthcare appointments",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-front-desk-receptionist-waiting-greet-patients-private-practice-clinic-lobby-professional-healthcare-worker-offering-support-hospital-appointments_482257-46746.jpg",
|
||||
alt: "Portrait of smiling front desk receptionist",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/healthy-hospital-smile-background-job_1303-532.jpg",
|
||||
alt: "healthy hospital smile background job",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/dentistry-doctor-showing-x-ray-teeth-patient-using-tablet-standing-waiting-area-dental-clinic-stomatologist-reviewing-dental-radiography-with-woman-explaining-treatment-crowded-office_482257-3592.jpg", alt: "Dentistry doctor showing x-ray of teeth to patient using tablet standing in waiting area of dental clinic" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg", alt: "Full equiped medical cabinet" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/nobody-working-empty-reception-desk-waiting-room-support-healthcare-appointments-consultation-examination-hospital-lobby-with-waiting-area-seats-medical-facility_482257-48712.jpg", alt: "Nobody working at empty reception desk in waiting room to support healthcare appointments" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-front-desk-receptionist-waiting-greet-patients-private-practice-clinic-lobby-professional-healthcare-worker-offering-support-hospital-appointments_482257-46746.jpg", alt: "Portrait of smiling front desk receptionist" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/healthy-hospital-smile-background-job_1303-532.jpg", alt: "healthy hospital smile background job" }
|
||||
]}
|
||||
avatarText="Más de 5,000 pacientes felices"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Atención sin dolor",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tecnología de vanguardia",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Equipo certificado",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Atención integral",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Citas disponibles",
|
||||
},
|
||||
{ type: "text", text: "Atención sin dolor" },
|
||||
{ type: "text", text: "Tecnología de vanguardia" },
|
||||
{ type: "text", text: "Equipo certificado" },
|
||||
{ type: "text", text: "Atención integral" },
|
||||
{ type: "text", text: "Citas disponibles" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,21 +80,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Calidad que nos respalda"
|
||||
metrics={[
|
||||
{
|
||||
label: "Opiniones positivas",
|
||||
value: "130+",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
label: "Años de experiencia",
|
||||
value: "10+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
label: "Procedimientos exitosos",
|
||||
value: "5k+",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{ label: "Opiniones positivas", value: "130+", icon: Star },
|
||||
{ label: "Años de experiencia", value: "10+", icon: Award },
|
||||
{ label: "Procedimientos exitosos", value: "5k+", icon: CheckCircle },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -183,54 +94,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Limpiezas",
|
||||
description: "Limpiezas profesionales profundas.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/goodlooking-male-dentist-standing-dental-office_651396-3120.jpg",
|
||||
imageAlt: "Goodlooking male dentist standing in dental office",
|
||||
},
|
||||
{
|
||||
title: "Endodoncia",
|
||||
description: "Tratamiento de conductos especializado.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/no-people-empty-waiting-area-clinical-center-with-reception-desk-waiting-room-with-seats-start-checkup-visit-appointment-medical-examination-with-doctor-hospital-lobby_482257-46239.jpg?_wi=2",
|
||||
imageAlt: "Goodlooking male dentist standing in dental office",
|
||||
},
|
||||
{
|
||||
title: "Caries",
|
||||
description: "Soluciones preventivas y restaurativas.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentist-room-with-medical-equipment-background_613910-15240.jpg?_wi=1",
|
||||
imageAlt: "Goodlooking male dentist standing in dental office",
|
||||
},
|
||||
{
|
||||
title: "Radiografías",
|
||||
description: "Diagnóstico preciso con tecnología.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Target,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg?_wi=2",
|
||||
imageAlt: "Goodlooking male dentist standing in dental office",
|
||||
},
|
||||
{
|
||||
title: "Odontología",
|
||||
description: "Atención para niños y adultos.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Smile,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-dentist-with-patient-dental-clinic_662251-2612.jpg?_wi=2",
|
||||
imageAlt: "Goodlooking male dentist standing in dental office",
|
||||
},
|
||||
{
|
||||
title: "Urgencias",
|
||||
description: "Atención rápida cuando más nos necesitas.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: AlertCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-sofa-smiling_329181-1264.jpg?_wi=2",
|
||||
imageAlt: "Goodlooking male dentist standing in dental office",
|
||||
},
|
||||
{ title: "Limpiezas", description: "Limpiezas profesionales profundas.", bentoComponent: "reveal-icon", icon: Sparkles },
|
||||
{ title: "Endodoncia", description: "Tratamiento de conductos especializado.", bentoComponent: "reveal-icon", icon: Shield },
|
||||
{ title: "Caries", description: "Soluciones preventivas y restaurativas.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
{ title: "Radiografías", description: "Diagnóstico preciso con tecnología.", bentoComponent: "reveal-icon", icon: Target },
|
||||
{ title: "Odontología", description: "Atención para niños y adultos.", bentoComponent: "reveal-icon", icon: Smile },
|
||||
{ title: "Urgencias", description: "Atención rápida cuando más nos necesitas.", bentoComponent: "reveal-icon", icon: AlertCircle },
|
||||
]}
|
||||
title="Servicios Dentales Integrales"
|
||||
description="Tratamientos personalizados con tecnología moderna para toda la familia."
|
||||
@@ -241,23 +110,12 @@ export default function LandingPage() {
|
||||
<TeamCardTen
|
||||
useInvertedBackground={false}
|
||||
title="Nuestro Equipo Profesional"
|
||||
tag="Expertos"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Dr. Daniel Ponce",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentist-room-with-medical-equipment-background_613910-15240.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Dra. Ana López",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-joyful-male-doctor_171337-1489.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Dr. Carlos Ruiz",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-male-dentist-looking-camera_23-2147862093.jpg",
|
||||
},
|
||||
{ id: "m1", name: "Dr. Daniel Ponce", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentist-room-with-medical-equipment-background_613910-15240.jpg" },
|
||||
{ id: "m2", name: "Dra. Ana López", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-joyful-male-doctor_171337-1489.jpg" },
|
||||
{ id: "m3", name: "Dr. Carlos Ruiz", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-male-dentist-looking-camera_23-2147862093.jpg" },
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -269,46 +127,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
handle: "@paciente",
|
||||
testimonial: "Atención profesional y sin dolor.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-doctor-with-uniform-using-laptop-cabinet-working-checkup-appointments-desk-health-specialist-with-stethoscope-helping-with-prescription-medicine-treatment_482257-39448.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael",
|
||||
handle: "@paciente",
|
||||
testimonial: "Excelente servicio, instalaciones impecables.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-dentist-office-smiling_23-2148338134.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily",
|
||||
handle: "@paciente",
|
||||
testimonial: "Te hacen sentir en total confianza.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-watching-news-tv_23-2149718956.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David",
|
||||
handle: "@paciente",
|
||||
testimonial: "Muy amables y precios justos.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-female-doctor-patient_23-2149844603.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Laura",
|
||||
handle: "@paciente",
|
||||
testimonial: "Explicaciones claras y procedimientos rápidos.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-woman-leaning-wall_1262-1743.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah", handle: "@paciente", testimonial: "Atención profesional y sin dolor.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-doctor-with-uniform-using-laptop-cabinet-working-checkup-appointments-desk-health-specialist-with-stethoscope-helping-with-prescription-medicine-treatment_482257-39448.jpg" },
|
||||
{ id: "t2", name: "Michael", handle: "@paciente", testimonial: "Excelente servicio, instalaciones impecables.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-dentist-office-smiling_23-2148338134.jpg" },
|
||||
{ id: "t3", name: "Emily", handle: "@paciente", testimonial: "Te hacen sentir en total confianza.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-watching-news-tv_23-2149718956.jpg" },
|
||||
{ id: "t4", name: "David", handle: "@paciente", testimonial: "Muy amables y precios justos.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-female-doctor-patient_23-2149844603.jpg" },
|
||||
{ id: "t5", name: "Laura", handle: "@paciente", testimonial: "Explicaciones claras y procedimientos rápidos.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-woman-leaning-wall_1262-1743.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Lo que dicen nuestros pacientes"
|
||||
@@ -321,26 +144,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Cuáles son sus horarios?",
|
||||
content: "Estamos abiertos de lunes a sábado desde las 10:00 a.m.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Tienen urgencias?",
|
||||
content: "Sí, brindamos atención rápida en casos de emergencia.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Dónde se ubican?",
|
||||
content: "Lago Cuitzeo 336, Cumbres del Lago, Juriquilla, Qro.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "¿Aceptan pacientes nerviosos?",
|
||||
content: "Absolutamente, nos especializamos en trato humano y pacientes sensibles.",
|
||||
},
|
||||
{ id: "f1", title: "¿Cuáles son sus horarios?", content: "Estamos abiertos de lunes a sábado desde las 10:00 a.m." },
|
||||
{ id: "f2", title: "¿Tienen urgencias?", content: "Sí, brindamos atención rápida en casos de emergencia." },
|
||||
{ id: "f3", title: "¿Dónde se ubican?", content: "Lago Cuitzeo 336, Cumbres del Lago, Juriquilla, Qro." },
|
||||
{ id: "f4", title: "¿Aceptan pacientes nerviosos?", content: "Absolutamente, nos especializamos en trato humano y pacientes sensibles." },
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -351,17 +158,12 @@ export default function LandingPage() {
|
||||
<div id="contacto" data-section="contacto">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Cita"
|
||||
title="Cuida tu sonrisa hoy mismo"
|
||||
description="Agenda tu cita y vive una experiencia dental diferente. Estamos listos para recibirte."
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar vía WhatsApp",
|
||||
href: "https://wa.me/524461156647",
|
||||
},
|
||||
{ text: "Agendar vía WhatsApp", href: "https://wa.me/524461156647" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -369,36 +171,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Clínica",
|
||||
items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Servicios",
|
||||
href: "#servicios",
|
||||
},
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "#nosotros",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
{
|
||||
label: "Lago Cuitzeo 336",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "446 115 6647",
|
||||
href: "tel:4461156647",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Clínica", items: [{ label: "Inicio", href: "#hero" }, { label: "Servicios", href: "#servicios" }, { label: "Nosotros", href: "#nosotros" }] },
|
||||
{ title: "Contacto", items: [{ label: "Lago Cuitzeo 336", href: "#" }, { label: "446 115 6647", href: "tel:4461156647" }] },
|
||||
]}
|
||||
logoText="VIDE DENTAL"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user