Merge version_2 into main #2
191
src/app/page.tsx
191
src/app/page.tsx
@@ -31,72 +31,37 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Nosotros", id: "about"},
|
||||
{
|
||||
name: "Servicios", id: "features"},
|
||||
{
|
||||
name: "Contacto", id: "contact"},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Servicios", id: "features" },
|
||||
{ name: "Historias", id: "testimonials" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="U Smile Clínica Dental"
|
||||
button={{
|
||||
text: "Llamar Ahora", href: "tel:+50700000000"}}
|
||||
button={{ text: "Llamar Ahora", href: "tel:+50700000000" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Tu sonrisa en las mejores manos a pasos del Metro"
|
||||
description="Atención cálida, profesional y tecnología de punta en Bethania. Reducimos la ansiedad dental con un trato humano en cada consulta."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Eduardo M.", handle: "@eduardom", testimonial: "Excelente trato, muy profesionales y cerca del metro.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-examining-patient_1170-2159.jpg"},
|
||||
{
|
||||
name: "Yadysel P.", handle: "@yadyselp", testimonial: "Perdí mi miedo al dentista aquí, muy humanos.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-taking-notes-about-patient_23-2148757365.jpg"},
|
||||
{
|
||||
name: "Carlos R.", handle: "@carlosr", testimonial: "El personal es muy amable, me explicaron todo.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-helping-patient-medium-shot_23-2148973504.jpg"},
|
||||
{
|
||||
name: "Ana G.", handle: "@anag", testimonial: "La mejor clínica en Bethania, 100% recomendados.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-giving-injection-patient-hospital_1170-2137.jpg"},
|
||||
{
|
||||
name: "Luis D.", handle: "@luisd", testimonial: "Tratamiento rápido y sin dolor. Muy satisfecho.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patient-consulting-doctor_1170-2090.jpg"},
|
||||
]}
|
||||
title="Dental Excellence near Metro Station, Bethania"
|
||||
description="Atención clínica de primer nivel en una ubicación estratégica. Tu sonrisa en las mejores manos con tecnología de vanguardia."
|
||||
testimonials={[]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reservar Cita", href: "https://wa.me/50700000000"},
|
||||
{
|
||||
text: "Llamar Ahora", href: "tel:+50700000000"},
|
||||
{ text: "Call Now", href: "tel:+50700000000" },
|
||||
{ text: "WhatsApp", href: "https://wa.me/50700000000" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1673.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-patient-receiving-ultrasound-scan-stomach_107420-74199.jpg", alt: "Paciente satisfecho"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/patient-explaining-her-pain-doctor_1139-317.jpg", alt: "Paciente feliz"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dermatologist-standing-with-arms-crossed-clinic_107420-65527.jpg", alt: "Paciente sonriente"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-doctor-patient-chatting-medium-shot_23-2149351660.jpg", alt: "Paciente relajado"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gynecologist-talking-with-young-female-patient-medical-consultation-modern-clinic-patient-with-gynecologist-consultation-gynecological-office_657921-130.jpg", alt: "Paciente agradecido"},
|
||||
]}
|
||||
avatarText="+100 pacientes satisfechos"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Clínica Dental U Smile"
|
||||
title="Confianza clínica en el corazón de Bethania"
|
||||
description="Estamos ubicados estratégicamente en Plaza Panamá, Local 28, Transístmica, facilitando tu acceso con la Estación de Metro a pasos de distancia."
|
||||
subdescription="Nuestro compromiso es tu tranquilidad y salud bucal integral."
|
||||
tag="Ubicación Clínica"
|
||||
title="Encuéntranos en Bethania"
|
||||
description="Estamos ubicados en Plaza Panamá, Local 28, Bethania, Transístmica, facilitando tu llegada desde cualquier punto de la ciudad."
|
||||
subdescription="Salud bucal de excelencia a un paso de la estación de metro."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/orthodontist-putting-surgical-gloves-office_23-2148338098.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={ShieldCheck}
|
||||
@@ -108,24 +73,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Limpieza Dental", description: "Limpieza profunda profesional para mantener tus encías sanas.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-equipment_23-2148104981.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Consulta Profesional", description: "Evaluación detallada para planes de tratamiento personalizados.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-writing-medical-reports-clinic_107420-73999.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Tratamiento de Flúor", description: "Protección efectiva contra caries para niños y adultos.", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-looking-mirror-after-dental-procedure_23-2148985824.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Atención Humana", description: "Un enfoque libre de ansiedad dental y estrés.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-cleaning-child-s-teeth_23-2149195892.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Blanqueamiento Dental", description: "Devuelve la blancura natural a tu sonrisa con seguridad.", imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-with-pipes-fixed-dental-chair_140725-7684.jpg", buttonIcon: Sparkles,
|
||||
},
|
||||
{ title: "Limpieza Dental", description: "Limpieza profunda profesional para encías sanas.", buttonIcon: CheckCircle, buttonHref: "#contact" },
|
||||
{ title: "Blanqueamiento", description: "Devuelve la blancura a tu sonrisa con seguridad.", buttonIcon: Sparkles, buttonHref: "#contact" },
|
||||
{ title: "Consulta Preventiva", description: "Evaluación detallada y personalizada.", buttonIcon: CheckCircle, buttonHref: "#contact" },
|
||||
{ title: "Tratamientos de Flúor", description: "Protección efectiva contra caries.", buttonIcon: CheckCircle, buttonHref: "#contact" },
|
||||
]}
|
||||
title="Nuestros servicios especializados"
|
||||
description="Tratamientos diseñados para toda la familia con la máxima higiene y tecnología."
|
||||
description="Cuidado clínico con calidad y tecnología para toda la familia."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -133,84 +87,25 @@ export default function LandingPage() {
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Eduardo M.", role: "Paciente", company: "Bethania", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-doctor-smiling-yellow-wall_179666-12961.jpg"},
|
||||
{
|
||||
id: "2", name: "Yadysel P.", role: "Paciente", company: "Bethania", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-posing-smiling_23-2148385855.jpg"},
|
||||
{
|
||||
id: "3", name: "Carlos R.", role: "Paciente", company: "Ciudad", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-doing-check-up-patient_23-2149206249.jpg"},
|
||||
{
|
||||
id: "4", name: "Ana G.", role: "Paciente", company: "Bethania", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patient-consulting-doctor_1170-2142.jpg"},
|
||||
{
|
||||
id: "5", name: "Luis D.", role: "Paciente", company: "Transístmica", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-healthcare-worker-looking-away_114579-64359.jpg"},
|
||||
{ id: "1", name: "Eduardo Maestre", role: "Paciente", company: "Google Business", rating: 5 },
|
||||
{ id: "2", name: "yadysel herrera", role: "Paciente", company: "Google Business", rating: 5 },
|
||||
{ id: "3", name: "Clemencia Batista", role: "Paciente", company: "Google Business", rating: 5 },
|
||||
]}
|
||||
title="Pacientes reales, sonrisas reales"
|
||||
description="Más de 21 reseñas con 5 estrellas en Google validan nuestra calidad humana y profesional."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", price: "$30", name: "Limpieza Básica", features: [
|
||||
"Examen clínico", "Limpieza profesional", "Revisión general"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Agendar", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro", price: "$60", name: "Plan Preventivo", features: [
|
||||
"Examen clínico", "Limpieza profunda", "Aplicación de flúor", "Consulta preventiva"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Agendar", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Planes de Salud Dental"
|
||||
description="Precios transparentes para tu bienestar bucal."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "5.0", title: "Calificación Google", description: "Promedio basado en reseñas reales", imageSrc: "http://img.b2bpic.net/free-photo/dentist-cleaning-child-s-teeth_23-2149195899.jpg"},
|
||||
{
|
||||
id: "2", value: "21+", title: "Reseñas Verificadas", description: "Pacientes satisfechos con nosotros", imageSrc: "http://img.b2bpic.net/free-photo/woman-patient-dentist_1303-9363.jpg"},
|
||||
{
|
||||
id: "3", value: "100%", title: "Atención Humana", description: "Enfoque libre de estrés dental", imageSrc: "http://img.b2bpic.net/free-photo/filling-lamp-care-medicine-mouth_1303-527.jpg"},
|
||||
]}
|
||||
title="Clínica de Confianza"
|
||||
description="Nuestros números nos avalan."
|
||||
title="Real Patient Stories"
|
||||
description="Pacientes reales que confían en nosotros."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
title="Agenda tu cita hoy mismo"
|
||||
description="Estamos en Plaza Panamá, Local 28. ¡Déjanos cuidar tu sonrisa!"
|
||||
buttonText="Enviar Mensaje"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Agenda tu consulta"
|
||||
description="Plaza Panamá, Local 28, Bethania, Transístmica. ¡Llámanos o escríbenos al WhatsApp!"
|
||||
buttonText="Enviar"
|
||||
tag="Contacto"
|
||||
/>
|
||||
</div>
|
||||
@@ -219,32 +114,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="U Smile Clínica Dental"
|
||||
columns={[
|
||||
{
|
||||
title: "Ubicación", items: [
|
||||
{
|
||||
label: "Plaza Panamá, Local 28, Bethania", href: "#"},
|
||||
{
|
||||
label: "Cerca de Estación Metro", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "WhatsApp", href: "https://wa.me/50700000000"},
|
||||
{
|
||||
label: "Teléfono", href: "tel:+50700000000"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacidad", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Dirección", items: [{ label: "Plaza Panamá, Local 28, Bethania", href: "#" }] },
|
||||
{ title: "Contacto", items: [{ label: "WhatsApp", href: "https://wa.me/50700000000" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user