Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
276
src/app/page.tsx
276
src/app/page.tsx
@@ -32,87 +32,54 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "#inicio",
|
||||
},
|
||||
name: "Inicio", id: "#inicio"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "#nosotros",
|
||||
},
|
||||
name: "Nosotros", id: "#nosotros"},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "#servicios",
|
||||
},
|
||||
name: "Servicios", id: "#servicios"},
|
||||
{
|
||||
name: "Equipo",
|
||||
id: "#equipo",
|
||||
},
|
||||
name: "Equipo", id: "#equipo"},
|
||||
{
|
||||
name: "Testimonios",
|
||||
id: "#testimonios",
|
||||
},
|
||||
name: "Testimonios", id: "#testimonios"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "#contacto",
|
||||
},
|
||||
name: "Contacto", id: "#contacto"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/3d-render-realistic-medical-stethoscope-with-mic-illustration-design_460848-13100.jpg"
|
||||
brandName="Dr. Alejandro Casillas"
|
||||
button={{
|
||||
text: "Reservar en línea",
|
||||
href: "https://www.dralejandrocasillas.com",
|
||||
}}
|
||||
text: "Reservar en línea", href: "https://www.dralejandrocasillas.com"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="inicio" data-section="inicio">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Dr. Alejandro Casillas"
|
||||
description="Cardiólogo e Intervencionista con amplia experiencia en el diagnóstico, tratamiento y prevención de enfermedades cardiovasculares avanzadas."
|
||||
tagAnimation="none"
|
||||
buttons={[
|
||||
{
|
||||
text: "Conozca al Doctor",
|
||||
href: "#nosotros",
|
||||
},
|
||||
text: "Conozca al Doctor", href: "#nosotros"},
|
||||
{
|
||||
text: "Agendar Cita",
|
||||
href: "#contacto",
|
||||
},
|
||||
text: "Agendar Cita", href: "#contacto"},
|
||||
]}
|
||||
buttonAnimation="none"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctors-preparing-surgical-procedure_23-2148962476.jpg",
|
||||
imageAlt: "Modern cardiac surgery room with advanced equipment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctors-preparing-surgical-procedure_23-2148962476.jpg", imageAlt: "Modern cardiac surgery room with advanced equipment"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-nurse-walking-hall_23-2148894864.jpg",
|
||||
imageAlt: "Cardiologist performing an ultrasound scan",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-nurse-walking-hall_23-2148894864.jpg", 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",
|
||||
imageAlt: "Doctor explaining heart health to a patient",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-robotic-human-heart_23-2151681117.jpg",
|
||||
imageAlt: "Digital display of heart monitoring data",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-robotic-human-heart_23-2151681117.jpg", 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",
|
||||
imageAlt: "Doctor and patient in a comfortable consultation",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,29 +102,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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="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."
|
||||
@@ -174,20 +123,11 @@ export default function LandingPage() {
|
||||
tagAnimation="none"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "253+",
|
||||
description: "Reseñas de 5 estrellas",
|
||||
},
|
||||
id: "1", value: "253+", description: "Reseñas de 5 estrellas"},
|
||||
{
|
||||
id: "2",
|
||||
value: "4.9/5",
|
||||
description: "Calificación promedio",
|
||||
},
|
||||
id: "2", value: "4.9/5", description: "Calificación promedio"},
|
||||
{
|
||||
id: "3",
|
||||
value: "15+",
|
||||
description: "Años de experiencia",
|
||||
},
|
||||
id: "3", value: "15+", description: "Años de experiencia"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -200,28 +140,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "cardiologia",
|
||||
groupTitle: "Cardiología",
|
||||
members: [
|
||||
id: "cardiologia", groupTitle: "Cardiología", members: [
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
],
|
||||
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",
|
||||
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="Conozca a Nuestro Equipo"
|
||||
@@ -237,64 +161,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "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: "1", name: "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",
|
||||
name: "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: "2", name: "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",
|
||||
name: "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: "3", name: "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",
|
||||
name: "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: "4", name: "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",
|
||||
name: "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",
|
||||
},
|
||||
id: "5", name: "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={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Calificación Promedio",
|
||||
},
|
||||
value: "4.9", label: "Calificación Promedio"},
|
||||
{
|
||||
value: "250+",
|
||||
label: "Reseñas Positivas",
|
||||
},
|
||||
value: "250+", label: "Reseñas Positivas"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Atención Humana",
|
||||
},
|
||||
value: "100%", label: "Atención Humana"},
|
||||
]}
|
||||
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."
|
||||
@@ -309,25 +197,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
]}
|
||||
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"
|
||||
@@ -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."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Su Nombre Completo",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Su Nombre Completo", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Su Correo Electrónico",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Su Correo Electrónico", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Su Número de Teléfono",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Su Número de Teléfono"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Escriba su mensaje aquí...",
|
||||
rows: 4,
|
||||
name: "message", 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"
|
||||
imageAlt="Modern cardiology office interior"
|
||||
@@ -382,54 +247,33 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Acerca de",
|
||||
items: [
|
||||
title: "Acerca de", items: [
|
||||
{
|
||||
label: "Nuestra Misión",
|
||||
href: "#nosotros",
|
||||
},
|
||||
label: "Nuestra Misión", href: "#nosotros"},
|
||||
{
|
||||
label: "El Equipo",
|
||||
href: "#equipo",
|
||||
},
|
||||
label: "El Equipo", href: "#equipo"},
|
||||
{
|
||||
label: "Testimonios",
|
||||
href: "#testimonios",
|
||||
},
|
||||
label: "Testimonios", href: "#testimonios"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Servicios",
|
||||
items: [
|
||||
title: "Servicios", items: [
|
||||
{
|
||||
label: "Diagnóstico",
|
||||
href: "#servicios",
|
||||
},
|
||||
label: "Diagnóstico", href: "#servicios"},
|
||||
{
|
||||
label: "Tratamiento",
|
||||
href: "#servicios",
|
||||
},
|
||||
label: "Tratamiento", href: "#servicios"},
|
||||
{
|
||||
label: "Prevención",
|
||||
href: "#servicios",
|
||||
},
|
||||
label: "Prevención", href: "#servicios"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "Agendar Cita",
|
||||
href: "#contacto",
|
||||
},
|
||||
label: "Agendar Cita", href: "#contacto"},
|
||||
{
|
||||
label: "Preguntas Frecuentes",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Preguntas Frecuentes", href: "#faq"},
|
||||
{
|
||||
label: "Ubicación",
|
||||
href: "https://maps.app.goo.gl/9Z3Xg5S1vGzY7YQY8",
|
||||
},
|
||||
label: "Ubicación", href: "https://maps.app.goo.gl/9Z3Xg5S1vGzY7YQY8"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user