Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-06-03 16:54:17 +00:00

View File

@@ -32,87 +32,54 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Inicio", name: "Inicio", id: "#inicio"},
id: "#inicio",
},
{ {
name: "Nosotros", name: "Nosotros", id: "#nosotros"},
id: "#nosotros",
},
{ {
name: "Servicios", name: "Servicios", id: "#servicios"},
id: "#servicios",
},
{ {
name: "Equipo", name: "Equipo", id: "#equipo"},
id: "#equipo",
},
{ {
name: "Testimonios", name: "Testimonios", id: "#testimonios"},
id: "#testimonios",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Contacto", name: "Contacto", id: "#contacto"},
id: "#contacto",
},
]} ]}
logoSrc="http://img.b2bpic.net/free-photo/3d-render-realistic-medical-stethoscope-with-mic-illustration-design_460848-13100.jpg" logoSrc="http://img.b2bpic.net/free-photo/3d-render-realistic-medical-stethoscope-with-mic-illustration-design_460848-13100.jpg"
brandName="Dr. Alejandro Casillas" brandName="Dr. Alejandro Casillas"
button={{ button={{
text: "Reservar en línea", text: "Reservar en línea", href: "https://www.dralejandrocasillas.com"}}
href: "https://www.dralejandrocasillas.com",
}}
/> />
</div> </div>
<div id="inicio" data-section="inicio"> <div id="inicio" data-section="inicio">
<HeroBillboardCarousel <HeroBillboardCarousel
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Dr. Alejandro Casillas" title="Dr. Alejandro Casillas"
description="Cardiólogo e Intervencionista con amplia experiencia en el diagnóstico, tratamiento y prevención de enfermedades cardiovasculares avanzadas." description="Cardiólogo e Intervencionista con amplia experiencia en el diagnóstico, tratamiento y prevención de enfermedades cardiovasculares avanzadas."
tagAnimation="none" tagAnimation="none"
buttons={[ buttons={[
{ {
text: "Conozca al Doctor", text: "Conozca al Doctor", href: "#nosotros"},
href: "#nosotros",
},
{ {
text: "Agendar Cita", text: "Agendar Cita", href: "#contacto"},
href: "#contacto",
},
]} ]}
buttonAnimation="none" buttonAnimation="none"
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/doctors-preparing-surgical-procedure_23-2148962476.jpg", imageSrc: "http://img.b2bpic.net/free-photo/doctors-preparing-surgical-procedure_23-2148962476.jpg", imageAlt: "Modern cardiac surgery room with advanced equipment"},
imageAlt: "Modern cardiac surgery room with advanced equipment",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-nurse-walking-hall_23-2148894864.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-nurse-walking-hall_23-2148894864.jpg", imageAlt: "Cardiologist performing an ultrasound scan"},
imageAlt: "Cardiologist performing an ultrasound scan",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/young-blond-man-doctor-smiling-confident-holding-heart-clinic_839833-14689.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-blond-man-doctor-smiling-confident-holding-heart-clinic_839833-14689.jpg", imageAlt: "Doctor explaining heart health to a patient"},
imageAlt: "Doctor explaining heart health to a patient",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-robotic-human-heart_23-2151681117.jpg", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-robotic-human-heart_23-2151681117.jpg", imageAlt: "Digital display of heart monitoring data"},
imageAlt: "Digital display of heart monitoring data",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/young-patient-bed-talking-doctor-annual-checkup-visit-examination-medic-with-healthcare-information-consulting-woman-medical-appointment-specialist-doing-consultation_482257-42643.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-patient-bed-talking-doctor-annual-checkup-visit-examination-medic-with-healthcare-information-consulting-woman-medical-appointment-specialist-doing-consultation_482257-42643.jpg", imageAlt: "Doctor and patient in a comfortable consultation"},
imageAlt: "Doctor and patient in a comfortable consultation",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/busy-hospital-reception-waiting-area-with-diverse-patients-having-medical-appointment-checkup-visit-waiting-clinic-lobby-attend-healthcare-consultation-medicine-support_482257-48629.jpg", imageSrc: "http://img.b2bpic.net/free-photo/busy-hospital-reception-waiting-area-with-diverse-patients-having-medical-appointment-checkup-visit-waiting-clinic-lobby-attend-healthcare-consultation-medicine-support_482257-48629.jpg", imageAlt: "Anatomical illustration of the human heart"},
imageAlt: "Anatomical illustration of the human heart",
},
]} ]}
/> />
</div> </div>
@@ -135,29 +102,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
tag: "Diagnóstico Preciso", tag: "Diagnóstico Preciso", title: "Evaluación Integral", subtitle: "Detectamos a tiempo cualquier afección cardíaca.", description: "Utilizamos tecnología de vanguardia para realizar diagnósticos precisos, incluyendo electrocardiogramas, ecocardiogramas y pruebas de esfuerzo.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-patient-doctor-s-appointment_23-2149844638.jpg", imageAlt: "Medical instruments for heart diagnosis"},
title: "Evaluación Integral",
subtitle: "Detectamos a tiempo cualquier afección cardíaca.",
description: "Utilizamos tecnología de vanguardia para realizar diagnósticos precisos, incluyendo electrocardiogramas, ecocardiogramas y pruebas de esfuerzo.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-patient-doctor-s-appointment_23-2149844638.jpg",
imageAlt: "Medical instruments for heart diagnosis",
},
{ {
tag: "Tratamiento Avanzado", tag: "Tratamiento Avanzado", title: "Intervenciones Cardíacas", subtitle: "Procedimientos seguros y efectivos para su recuperación.", description: "El Dr. Casillas es especialista en procedimientos intervencionistas como angioplastias y cateterismos cardíacos, restaurando la salud de sus arterias.", imageSrc: "http://img.b2bpic.net/free-photo/view-anatomic-heart-model-educational-purpose-with-medical-instruments_23-2149894480.jpg", imageAlt: "Interventional cardiology lab"},
title: "Intervenciones Cardíacas",
subtitle: "Procedimientos seguros y efectivos para su recuperación.",
description: "El Dr. Casillas es especialista en procedimientos intervencionistas como angioplastias y cateterismos cardíacos, restaurando la salud de sus arterias.",
imageSrc: "http://img.b2bpic.net/free-photo/view-anatomic-heart-model-educational-purpose-with-medical-instruments_23-2149894480.jpg",
imageAlt: "Interventional cardiology lab",
},
{ {
tag: "Cuidado Preventivo", tag: "Cuidado Preventivo", title: "Manejo de Hipertensión", subtitle: "Controlamos y prevenimos enfermedades crónicas.", description: "Ofrecemos programas personalizados para el control de la hipertensión arterial y otras condiciones, minimizando riesgos futuros y mejorando su calidad de vida.", imageSrc: "http://img.b2bpic.net/free-photo/simply-minimal-design-with-medicine-equipment-stethoscope-phonendoscope_1150-12968.jpg", imageAlt: "Blood pressure monitor and doctor consultation"},
title: "Manejo de Hipertensión",
subtitle: "Controlamos y prevenimos enfermedades crónicas.",
description: "Ofrecemos programas personalizados para el control de la hipertensión arterial y otras condiciones, minimizando riesgos futuros y mejorando su calidad de vida.",
imageSrc: "http://img.b2bpic.net/free-photo/simply-minimal-design-with-medicine-equipment-stethoscope-phonendoscope_1150-12968.jpg",
imageAlt: "Blood pressure monitor and doctor consultation",
},
]} ]}
title="Nuestros Servicios de Cardiología" title="Nuestros Servicios de Cardiología"
description="Ofrecemos un espectro completo de servicios cardiológicos, desde diagnósticos preventivos hasta procedimientos intervencionistas complejos, asegurando el cuidado integral de su corazón." description="Ofrecemos un espectro completo de servicios cardiológicos, desde diagnósticos preventivos hasta procedimientos intervencionistas complejos, asegurando el cuidado integral de su corazón."
@@ -174,20 +123,11 @@ export default function LandingPage() {
tagAnimation="none" tagAnimation="none"
metrics={[ metrics={[
{ {
id: "1", id: "1", value: "253+", description: "Reseñas de 5 estrellas"},
value: "253+",
description: "Reseñas de 5 estrellas",
},
{ {
id: "2", id: "2", value: "4.9/5", description: "Calificación promedio"},
value: "4.9/5",
description: "Calificación promedio",
},
{ {
id: "3", id: "3", value: "15+", description: "Años de experiencia"},
value: "15+",
description: "Años de experiencia",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -200,28 +140,12 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
groups={[ groups={[
{ {
id: "cardiologia", id: "cardiologia", groupTitle: "Cardiología", members: [
groupTitle: "Cardiología",
members: [
{ {
id: "dr-casillas", id: "dr-casillas", title: "Dr. Alejandro Casillas", subtitle: "Cardiólogo e Intervencionista", detail: "Especialista en diagnóstico y procedimientos cardíacos avanzados. Con un enfoque humanista y la tecnología más reciente para asegurar el mejor resultado.", imageSrc: "http://img.b2bpic.net/free-photo/nurse-preparing-consult_23-2149309949.jpg", imageAlt: "Dr. Alejandro Casillas"},
title: "Dr. Alejandro Casillas",
subtitle: "Cardiólogo e Intervencionista",
detail: "Especialista en diagnóstico y procedimientos cardíacos avanzados. Con un enfoque humanista y la tecnología más reciente para asegurar el mejor resultado.",
imageSrc: "http://img.b2bpic.net/free-photo/nurse-preparing-consult_23-2149309949.jpg",
imageAlt: "Dr. Alejandro Casillas",
},
{ {
id: "med-assistant", id: "med-assistant", title: "Asistente Médico", subtitle: "Coordinación de Pacientes", detail: "Nuestro equipo de apoyo asegura una experiencia fluida desde la primera consulta hasta el seguimiento post-tratamiento, brindando atención y cuidado continuo.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-nurse-hospital_23-2151997622.jpg", imageAlt: "Medical assistant"},
title: "Asistente Médico", ]
subtitle: "Coordinación de Pacientes",
detail: "Nuestro equipo de apoyo asegura una experiencia fluida desde la primera consulta hasta el seguimiento post-tratamiento, brindando atención y cuidado continuo.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-nurse-hospital_23-2151997622.jpg",
imageAlt: "Medical assistant",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-realistic-medical-stethoscope-with-mic-illustration-design_460848-13100.jpg",
imageAlt: "dr alejandro casillas headshot professional",
}, },
]} ]}
title="Conozca a Nuestro Equipo" title="Conozca a Nuestro Equipo"
@@ -237,64 +161,28 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Carlos Romero", role: "Paciente", company: "", rating: 5,
name: "Carlos Romero", imageSrc: "http://img.b2bpic.net/free-photo/modern-senior-woman-living-city_23-2148956482.jpg", imageAlt: "Carlos Romero"},
role: "Paciente",
company: "",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/modern-senior-woman-living-city_23-2148956482.jpg",
imageAlt: "Carlos Romero",
},
{ {
id: "2", id: "2", name: "Elena Filos", role: "Paciente", company: "", rating: 5,
name: "Elena Filos", imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-standing-with-coffee-busy-street-smiling-camera_1258-123421.jpg", imageAlt: "Elena Filos"},
role: "Paciente",
company: "",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-standing-with-coffee-busy-street-smiling-camera_1258-123421.jpg",
imageAlt: "Elena Filos",
},
{ {
id: "3", id: "3", name: "Miguel Angel Ortega P", role: "Paciente", company: "", rating: 5,
name: "Miguel Angel Ortega P", imageSrc: "http://img.b2bpic.net/free-photo/modern-grandparents-resting-bedroom_329181-7724.jpg", imageAlt: "Miguel Angel Ortega P"},
role: "Paciente",
company: "",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/modern-grandparents-resting-bedroom_329181-7724.jpg",
imageAlt: "Miguel Angel Ortega P",
},
{ {
id: "4", id: "4", name: "Laura García", role: "Paciente", company: "", rating: 5,
name: "Laura García", imageSrc: "http://img.b2bpic.net/free-photo/smiling-patient-clinic_107420-73954.jpg", imageAlt: "Laura García"},
role: "Paciente",
company: "",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-patient-clinic_107420-73954.jpg",
imageAlt: "Laura García",
},
{ {
id: "5", id: "5", name: "Dr. Jorge Hernández", role: "Colega Médico", company: "", rating: 5,
name: "Dr. Jorge Hernández", imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-looking-camera_23-2147771700.jpg", imageAlt: "Dr. Jorge Hernández"},
role: "Colega Médico",
company: "",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-looking-camera_23-2147771700.jpg",
imageAlt: "Dr. Jorge Hernández",
},
]} ]}
kpiItems={[ kpiItems={[
{ {
value: "4.9", value: "4.9", label: "Calificación Promedio"},
label: "Calificación Promedio",
},
{ {
value: "250+", value: "250+", label: "Reseñas Positivas"},
label: "Reseñas Positivas",
},
{ {
value: "100%", value: "100%", label: "Atención Humana"},
label: "Atención Humana",
},
]} ]}
title="Lo Que Nuestros Pacientes Dicen" title="Lo Que Nuestros Pacientes Dicen"
description="La confianza y la satisfacción de nuestros pacientes son el corazón de nuestra práctica. Escuche sus historias de recuperación y bienestar." description="La confianza y la satisfacción de nuestros pacientes son el corazón de nuestra práctica. Escuche sus historias de recuperación y bienestar."
@@ -309,25 +197,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "1", id: "1", title: "¿Cómo puedo agendar una cita?", content: "Puede agendar su cita directamente en línea a través de nuestro sitio web o llamando a nuestro consultorio al +52 55 6095 1255."},
title: "¿Cómo puedo agendar una cita?",
content: "Puede agendar su cita directamente en línea a través de nuestro sitio web o llamando a nuestro consultorio al +52 55 6095 1255.",
},
{ {
id: "2", id: "2", title: "¿Aceptan seguros médicos?", content: "Trabajamos con diversas aseguradoras. Le recomendamos contactar a nuestro equipo para verificar la cobertura de su plan específico."},
title: "¿Aceptan seguros médicos?",
content: "Trabajamos con diversas aseguradoras. Le recomendamos contactar a nuestro equipo para verificar la cobertura de su plan específico.",
},
{ {
id: "3", id: "3", title: "¿Qué debo esperar en mi primera consulta?", content: "Durante su primera consulta, el Dr. Casillas realizará una evaluación completa, discutirá su historial médico y, si es necesario, solicitará exámenes adicionales para un diagnóstico preciso."},
title: "¿Qué debo esperar en mi primera consulta?",
content: "Durante su primera consulta, el Dr. Casillas realizará una evaluación completa, discutirá su historial médico y, si es necesario, solicitará exámenes adicionales para un diagnóstico preciso.",
},
{ {
id: "4", id: "4", title: "¿Qué tipos de afecciones cardíacas tratan?", content: "Nos especializamos en una amplia gama de condiciones, incluyendo hipertensión, enfermedad coronaria, arritmias, insuficiencia cardíaca y enfermedades valvulares, así como procedimientos intervencionistas."},
title: "¿Qué tipos de afecciones cardíacas tratan?",
content: "Nos especializamos en una amplia gama de condiciones, incluyendo hipertensión, enfermedad coronaria, arritmias, insuficiencia cardíaca y enfermedades valvulares, así como procedimientos intervencionistas.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/african-american-assistant-patients-engage-medical-checkup_482257-122731.jpg" imageSrc="http://img.b2bpic.net/free-photo/african-american-assistant-patients-engage-medical-checkup_482257-122731.jpg"
imageAlt="Doctor explaining medical information to a patient" imageAlt="Doctor explaining medical information to a patient"
@@ -348,27 +224,16 @@ export default function LandingPage() {
description="Contáctenos para agendar una consulta, solicitar más información o para cualquier pregunta sobre nuestros servicios de cardiología." description="Contáctenos para agendar una consulta, solicitar más información o para cualquier pregunta sobre nuestros servicios de cardiología."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Su Nombre Completo", required: true,
type: "text",
placeholder: "Su Nombre Completo",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Su Correo Electrónico", required: true,
type: "email",
placeholder: "Su Correo Electrónico",
required: true,
}, },
{ {
name: "phone", name: "phone", type: "tel", placeholder: "Su Número de Teléfono"},
type: "tel",
placeholder: "Su Número de Teléfono",
},
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Escriba su mensaje aquí...", rows: 4,
placeholder: "Escriba su mensaje aquí...",
rows: 4,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/nobody-waiting-room-with-front-desk-reception-wall-screen-tv-with-promotional-offer-private-practice-hopital-waiting-area-patients-with-doctor-appointments-modern-healthcare-clinic_482257-46743.jpg" imageSrc="http://img.b2bpic.net/free-photo/nobody-waiting-room-with-front-desk-reception-wall-screen-tv-with-promotional-offer-private-practice-hopital-waiting-area-patients-with-doctor-appointments-modern-healthcare-clinic_482257-46743.jpg"
imageAlt="Modern cardiology office interior" imageAlt="Modern cardiology office interior"
@@ -382,54 +247,33 @@ export default function LandingPage() {
<FooterSimple <FooterSimple
columns={[ columns={[
{ {
title: "Acerca de", title: "Acerca de", items: [
items: [
{ {
label: "Nuestra Misión", label: "Nuestra Misión", href: "#nosotros"},
href: "#nosotros",
},
{ {
label: "El Equipo", label: "El Equipo", href: "#equipo"},
href: "#equipo",
},
{ {
label: "Testimonios", label: "Testimonios", href: "#testimonios"},
href: "#testimonios",
},
], ],
}, },
{ {
title: "Servicios", title: "Servicios", items: [
items: [
{ {
label: "Diagnóstico", label: "Diagnóstico", href: "#servicios"},
href: "#servicios",
},
{ {
label: "Tratamiento", label: "Tratamiento", href: "#servicios"},
href: "#servicios",
},
{ {
label: "Prevención", label: "Prevención", href: "#servicios"},
href: "#servicios",
},
], ],
}, },
{ {
title: "Contacto", title: "Contacto", items: [
items: [
{ {
label: "Agendar Cita", label: "Agendar Cita", href: "#contacto"},
href: "#contacto",
},
{ {
label: "Preguntas Frecuentes", label: "Preguntas Frecuentes", href: "#faq"},
href: "#faq",
},
{ {
label: "Ubicación", label: "Ubicación", href: "https://maps.app.goo.gl/9Z3Xg5S1vGzY7YQY8"},
href: "https://maps.app.goo.gl/9Z3Xg5S1vGzY7YQY8",
},
], ],
}, },
]} ]}