Update src/app/page.tsx
This commit is contained in:
341
src/app/page.tsx
341
src/app/page.tsx
@@ -30,93 +30,52 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "/",
|
||||
},
|
||||
name: "Inicio", id: "/"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "/nosotros",
|
||||
},
|
||||
name: "Nosotros", id: "/nosotros"},
|
||||
{
|
||||
name: "Especialidades",
|
||||
id: "/especialidades",
|
||||
},
|
||||
name: "Especialidades", id: "/especialidades"},
|
||||
{
|
||||
name: "Staff Médico",
|
||||
id: "/staff",
|
||||
},
|
||||
name: "Staff Médico", id: "/staff"},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "/servicios",
|
||||
},
|
||||
name: "Servicios", id: "/servicios"},
|
||||
{
|
||||
name: "Convenios",
|
||||
id: "/convenios",
|
||||
},
|
||||
name: "Convenios", id: "/convenios"},
|
||||
{
|
||||
name: "Promociones",
|
||||
id: "/promociones",
|
||||
},
|
||||
name: "Promociones", id: "/promociones"},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
name: "Blog", id: "/blog"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "/contacto",
|
||||
},
|
||||
name: "Contacto", id: "/contacto"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/hand-holding-pills-container_23-2148718176.jpg"
|
||||
logoAlt="Logo Policlínico San Marcos"
|
||||
brandName="Policlínico San Marcos"
|
||||
button={{
|
||||
text: "📅 Reservar cita",
|
||||
href: "tel:+5176433687",
|
||||
}}
|
||||
text: "📅 Reservar cita", href: "tel:+5176433687"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Profesionales de la Salud, al Servicio de tu Bienestar"
|
||||
description="En Policlínico San Marcos, contamos con más de 30 años de experiencia, 13 especialidades médicas y un equipo de +20 especialistas comprometidos con tu salud."
|
||||
tag="Tu Salud es Nuestra Prioridad"
|
||||
tagAnimation="opacity"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reservar cita",
|
||||
href: "tel:+5176433687",
|
||||
},
|
||||
text: "Reservar cita", href: "tel:+5176433687"},
|
||||
{
|
||||
text: "Ver Especialidades",
|
||||
href: "/especialidades",
|
||||
},
|
||||
text: "Ver Especialidades", href: "/especialidades"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-woman-doctors-clinic_23-2147763842.jpg",
|
||||
imageAlt: "Equipo médico sonriendo",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-woman-doctors-clinic_23-2147763842.jpg", imageAlt: "Equipo médico sonriendo"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/picture-modern-skyscrapers-with-blue-windows-parking-area-blue-sky_181624-7105.jpg",
|
||||
imageAlt: "Fachada del Policlínico San Marcos",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/position-mask-standing-medical-doctor-women_1291-54.jpg",
|
||||
imageAlt: "Doctora en mascarilla de pie",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-male-female-doctor_23-2148351984.jpg",
|
||||
imageAlt: "Frente a frente, médico y doctora sonriendo",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-female-doctor-looking-photographer_23-2148351989.jpg",
|
||||
imageAlt: "Equipo médico sonriente mirando al fotógrafo",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/picture-modern-skyscrapers-with-blue-windows-parking-area-blue-sky_181624-7105.jpg", imageAlt: "Fachada del Policlínico San Marcos"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={4.7}
|
||||
@@ -132,39 +91,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
value: "+30",
|
||||
title: "Años de Experiencia",
|
||||
description: "Cuidando la salud de Jaén y sus alrededores.",
|
||||
icon: Activity,
|
||||
id: "metric-1", value: "+30", title: "Años de Experiencia", description: "Cuidando la salud de Jaén y sus alrededores.", icon: Activity,
|
||||
},
|
||||
{
|
||||
id: "metric-2",
|
||||
value: "+20",
|
||||
title: "Médicos Especialistas",
|
||||
description: "Un equipo multidisciplinario a tu servicio.",
|
||||
icon: UserCheck,
|
||||
id: "metric-2", value: "+20", title: "Médicos Especialistas", description: "Un equipo multidisciplinario a tu servicio.", icon: UserCheck,
|
||||
},
|
||||
{
|
||||
id: "metric-3",
|
||||
value: "13",
|
||||
title: "Especialidades",
|
||||
description: "Amplia gama de servicios médicos en un solo lugar.",
|
||||
icon: LifeBuoy,
|
||||
id: "metric-3", value: "13", title: "Especialidades", description: "Amplia gama de servicios médicos en un solo lugar.", icon: LifeBuoy,
|
||||
},
|
||||
{
|
||||
id: "metric-4",
|
||||
value: "+50,000",
|
||||
title: "Pacientes Satisfechos",
|
||||
description: "Nuestra mayor motivación es tu bienestar.",
|
||||
icon: Smile,
|
||||
id: "metric-4", value: "+50,000", title: "Pacientes Satisfechos", description: "Nuestra mayor motivación es tu bienestar.", icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "metric-5",
|
||||
value: "1",
|
||||
title: "Premio Nacional",
|
||||
description: "Reconocimiento a la Empresa Peruana del Año 2012.",
|
||||
icon: Award,
|
||||
id: "metric-5", value: "1", title: "Premio Nacional", description: "Reconocimiento a la Empresa Peruana del Año 2012.", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Nuestros Números Hablan por Sí Mismos"
|
||||
@@ -179,77 +118,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "feature-1",
|
||||
title: "Médicos Especialistas Reconocidos",
|
||||
author: "Nuestros Doctores",
|
||||
description: "Profesionales con amplia trayectoria y experiencia en diversas áreas de la medicina, comprometidos con tu salud.",
|
||||
tags: [
|
||||
"Calidad",
|
||||
"Experiencia",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/professions-icons_23-2147508990.jpg",
|
||||
imageAlt: "Icono de médico especialista",
|
||||
},
|
||||
id: "feature-1", title: "Médicos Especialistas Reconocidos", author: "Nuestros Doctores", description: "Profesionales con amplia trayectoria y experiencia en diversas áreas de la medicina, comprometidos con tu salud.", tags: [
|
||||
"Calidad", "Experiencia"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/professions-icons_23-2147508990.jpg", imageAlt: "Icono de médico especialista"},
|
||||
{
|
||||
id: "feature-2",
|
||||
title: "Tecnología Moderna",
|
||||
author: "Diagnóstico y Tratamiento",
|
||||
description: "Contamos con equipos de última generación para diagnósticos precisos y tratamientos efectivos, como laparoscopía y endoscopía.",
|
||||
tags: [
|
||||
"Innovación",
|
||||
"Precisión",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-nurse-protective-mask-workwear-helping-surgeon-with-gloves-while-both-preparing-operation_657921-777.jpg",
|
||||
imageAlt: "Icono de tecnología moderna",
|
||||
},
|
||||
id: "feature-2", title: "Tecnología Moderna", author: "Diagnóstico y Tratamiento", description: "Contamos con equipos de última generación para diagnósticos precisos y tratamientos efectivos, como laparoscopía y endoscopía.", tags: [
|
||||
"Innovación", "Precisión"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-nurse-protective-mask-workwear-helping-surgeon-with-gloves-while-both-preparing-operation_657921-777.jpg", imageAlt: "Icono de tecnología moderna"},
|
||||
{
|
||||
id: "feature-3",
|
||||
title: "Trato Humano y Empático",
|
||||
author: "Nuestro Compromiso",
|
||||
description: "En Policlínico San Marcos, te atendemos con calidez y respeto, entendiendo tus necesidades y brindando el apoyo que mereces.",
|
||||
tags: [
|
||||
"Cercanía",
|
||||
"Cuidado",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-still-life-friendship-day-elements_23-2148970495.jpg",
|
||||
imageAlt: "Icono de trato humano",
|
||||
},
|
||||
id: "feature-3", title: "Trato Humano y Empático", author: "Nuestro Compromiso", description: "En Policlínico San Marcos, te atendemos con calidez y respeto, entendiendo tus necesidades y brindando el apoyo que mereces.", tags: [
|
||||
"Cercanía", "Cuidado"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-still-life-friendship-day-elements_23-2148970495.jpg", imageAlt: "Icono de trato humano"},
|
||||
{
|
||||
id: "feature-4",
|
||||
title: "Precios Accesibles",
|
||||
author: "Pensando en tu Bolsillo",
|
||||
description: "Ofrecemos servicios de alta calidad a precios justos y competitivos, para que tu salud no sea un lujo.",
|
||||
tags: [
|
||||
"Economía",
|
||||
"Valor",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-doctor-medical-suit-holding-red-bank-card-yellow-color-medicine-hospital-disease-health-virus-medic_140725-144318.jpg",
|
||||
imageAlt: "Icono de precios accesibles",
|
||||
},
|
||||
id: "feature-4", title: "Precios Accesibles", author: "Pensando en tu Bolsillo", description: "Ofrecemos servicios de alta calidad a precios justos y competitivos, para que tu salud no sea un lujo.", tags: [
|
||||
"Economía", "Valor"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-doctor-medical-suit-holding-red-bank-card-yellow-color-medicine-hospital-disease-health-virus-medic_140725-144318.jpg", imageAlt: "Icono de precios accesibles"},
|
||||
{
|
||||
id: "feature-5",
|
||||
title: "Convenios con Seguros Principales",
|
||||
author: "Facilidad de Atención",
|
||||
description: "Trabajamos con las principales aseguradoras del país (MAPFRE, La Positiva), incluyendo SOAT, SCTR y EPS.",
|
||||
tags: [
|
||||
"Cobertura",
|
||||
"Flexibilidad",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-medical-report_23-2148168458.jpg",
|
||||
imageAlt: "Icono de convenios y seguros",
|
||||
},
|
||||
id: "feature-5", title: "Convenios con Seguros Principales", author: "Facilidad de Atención", description: "Trabajamos con las principales aseguradoras del país (MAPFRE, La Positiva), incluyendo SOAT, SCTR y EPS.", tags: [
|
||||
"Cobertura", "Flexibilidad"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-medical-report_23-2148168458.jpg", imageAlt: "Icono de convenios y seguros"},
|
||||
{
|
||||
id: "feature-6",
|
||||
title: "Atención de Lunes a Domingo",
|
||||
author: "Disponibilidad Total",
|
||||
description: "Adaptándonos a tu ritmo de vida, nuestro horario extendido te permite acceder a nuestros servicios cuando más lo necesitas.",
|
||||
tags: [
|
||||
"Conveniencia",
|
||||
"Horario",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/store-shopping-medical-care-mall-specialist_1134-731.jpg",
|
||||
imageAlt: "Icono de atención diaria",
|
||||
},
|
||||
id: "feature-6", title: "Atención de Lunes a Domingo", author: "Disponibilidad Total", description: "Adaptándonos a tu ritmo de vida, nuestro horario extendido te permite acceder a nuestros servicios cuando más lo necesitas.", tags: [
|
||||
"Conveniencia", "Horario"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/store-shopping-medical-care-mall-specialist_1134-731.jpg", imageAlt: "Icono de atención diaria"},
|
||||
]}
|
||||
title="¿Por Qué Elegir Policlínico San Marcos?"
|
||||
description="Comprometidos con tu bienestar, ofrecemos una atención integral y de calidad."
|
||||
@@ -264,64 +155,28 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t-1",
|
||||
name: "María G. R.",
|
||||
role: "Paciente",
|
||||
company: "Jaén",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-nurse-medical-uniform-with-stethoscope-looking-exited-having-fun-holding-open-palms-near-head_141793-18710.jpg",
|
||||
imageAlt: "Avatar de María G. R.",
|
||||
},
|
||||
id: "t-1", name: "María G. R.", role: "Paciente", company: "Jaén", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-nurse-medical-uniform-with-stethoscope-looking-exited-having-fun-holding-open-palms-near-head_141793-18710.jpg", imageAlt: "Avatar de María G. R."},
|
||||
{
|
||||
id: "t-2",
|
||||
name: "Juan C. S.",
|
||||
role: "Paciente",
|
||||
company: "Jaén",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-sassy-senior-man-assure-showing-okay-gesture-smiling-pleased_176420-31830.jpg",
|
||||
imageAlt: "Avatar de Juan C. S.",
|
||||
},
|
||||
id: "t-2", name: "Juan C. S.", role: "Paciente", company: "Jaén", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-sassy-senior-man-assure-showing-okay-gesture-smiling-pleased_176420-31830.jpg", imageAlt: "Avatar de Juan C. S."},
|
||||
{
|
||||
id: "t-3",
|
||||
name: "Ana L. T.",
|
||||
role: "Paciente",
|
||||
company: "Jaén",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-white-cardigan-thinking_176474-92250.jpg",
|
||||
imageAlt: "Avatar de Ana L. T.",
|
||||
},
|
||||
id: "t-3", name: "Ana L. T.", role: "Paciente", company: "Jaén", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-white-cardigan-thinking_176474-92250.jpg", imageAlt: "Avatar de Ana L. T."},
|
||||
{
|
||||
id: "t-4",
|
||||
name: "Carlos M. P.",
|
||||
role: "Paciente",
|
||||
company: "Jaén",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-pen_1098-898.jpg",
|
||||
imageAlt: "Avatar de Carlos M. P.",
|
||||
},
|
||||
id: "t-4", name: "Carlos M. P.", role: "Paciente", company: "Jaén", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-pen_1098-898.jpg", imageAlt: "Avatar de Carlos M. P."},
|
||||
{
|
||||
id: "t-5",
|
||||
name: "Sofía V. Z.",
|
||||
role: "Paciente",
|
||||
company: "Jaén",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-holding-hand-waist-leaning-cheek-palm-smiling-floral-blouse-black-skirt-looking-happy-front-view_176474-52336.jpg",
|
||||
imageAlt: "Avatar de Sofía V. Z.",
|
||||
},
|
||||
id: "t-5", name: "Sofía V. Z.", role: "Paciente", company: "Jaén", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-holding-hand-waist-leaning-cheek-palm-smiling-floral-blouse-black-skirt-looking-happy-front-view_176474-52336.jpg", imageAlt: "Avatar de Sofía V. Z."},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.7★",
|
||||
label: "Calificación Google",
|
||||
},
|
||||
value: "4.7★", label: "Calificación Google"},
|
||||
{
|
||||
value: "+1,900",
|
||||
label: "Likes en Facebook",
|
||||
},
|
||||
value: "+1,900", label: "Likes en Facebook"},
|
||||
{
|
||||
value: "+50,000",
|
||||
label: "Pacientes Atendidos",
|
||||
},
|
||||
value: "+50,000", label: "Pacientes Atendidos"},
|
||||
]}
|
||||
title="Lo que Nuestros Pacientes Dicen"
|
||||
description="La satisfacción de quienes confían en nosotros es nuestro mayor orgullo. Conoce sus experiencias."
|
||||
@@ -329,110 +184,66 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCatalog />
|
||||
<ProductCatalog layout="section"/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Policlínico San Marcos",
|
||||
items: [
|
||||
title: "Policlínico San Marcos", items: [
|
||||
{
|
||||
label: "Somos un centro de salud integral con más de 30 años de experiencia, brindando atención de calidad con profesionales reconocidos en Jaén.",
|
||||
href: "#",
|
||||
},
|
||||
label: "Somos un centro de salud integral con más de 30 años de experiencia, brindando atención de calidad con profesionales reconocidos en Jaén.", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/PSanMarcos",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com/PSanMarcos"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/policlinicosanmarcosjaen",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/policlinicosanmarcosjaen"},
|
||||
{
|
||||
label: "WhatsApp Admisión",
|
||||
href: "https://wa.me/51976114961",
|
||||
},
|
||||
label: "WhatsApp Admisión", href: "https://wa.me/51976114961"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Enlaces Rápidos",
|
||||
items: [
|
||||
title: "Enlaces Rápidos", items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "/",
|
||||
},
|
||||
label: "Inicio", href: "/"},
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "/nosotros",
|
||||
},
|
||||
label: "Nosotros", href: "/nosotros"},
|
||||
{
|
||||
label: "Especialidades Médicas",
|
||||
href: "/especialidades",
|
||||
},
|
||||
label: "Especialidades Médicas", href: "/especialidades"},
|
||||
{
|
||||
label: "Staff Médico",
|
||||
href: "/staff",
|
||||
},
|
||||
label: "Staff Médico", href: "/staff"},
|
||||
{
|
||||
label: "Citas",
|
||||
href: "/citas",
|
||||
},
|
||||
label: "Citas", href: "/citas"},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "/contacto",
|
||||
},
|
||||
label: "Contacto", href: "/contacto"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Especialidades Destacadas",
|
||||
items: [
|
||||
title: "Especialidades Destacadas", items: [
|
||||
{
|
||||
label: "Medicina General",
|
||||
href: "/especialidades#medicina-general",
|
||||
},
|
||||
label: "Medicina General", href: "/especialidades#medicina-general"},
|
||||
{
|
||||
label: "Gastroenterología",
|
||||
href: "/especialidades#gastroenterologia",
|
||||
},
|
||||
label: "Gastroenterología", href: "/especialidades#gastroenterologia"},
|
||||
{
|
||||
label: "Ginecología",
|
||||
href: "/especialidades#ginecologia",
|
||||
},
|
||||
label: "Ginecología", href: "/especialidades#ginecologia"},
|
||||
{
|
||||
label: "Pediatría",
|
||||
href: "/especialidades#pediatria",
|
||||
},
|
||||
label: "Pediatría", href: "/especialidades#pediatria"},
|
||||
{
|
||||
label: "Cardiología",
|
||||
href: "/especialidades#cardiologia",
|
||||
},
|
||||
label: "Cardiología", href: "/especialidades#cardiologia"},
|
||||
{
|
||||
label: "Traumatología",
|
||||
href: "/especialidades#traumatologia",
|
||||
},
|
||||
label: "Traumatología", href: "/especialidades#traumatologia"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "Sede Principal: Calle Huamantanga N° 1114, Jaén",
|
||||
href: "https://maps.app.goo.gl/MAPlink1",
|
||||
},
|
||||
label: "Sede Principal: Calle Huamantanga N° 1114, Jaén", href: "https://maps.app.goo.gl/MAPlink1"},
|
||||
{
|
||||
label: "Segunda Sede: Calle Manco Cápac N° 512, Jaén",
|
||||
href: "https://maps.app.goo.gl/MAPlink2",
|
||||
},
|
||||
label: "Segunda Sede: Calle Manco Cápac N° 512, Jaén", href: "https://maps.app.goo.gl/MAPlink2"},
|
||||
{
|
||||
label: "Central Telefónica: 076 – 433687",
|
||||
href: "tel:+5176433687",
|
||||
},
|
||||
label: "Central Telefónica: 076 – 433687", href: "tel:+5176433687"},
|
||||
{
|
||||
label: "Email: psm.jaen@gmail.com",
|
||||
href: "mailto:psm.jaen@gmail.com",
|
||||
},
|
||||
label: "Email: psm.jaen@gmail.com", href: "mailto:psm.jaen@gmail.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user