From 2bca35c3539c25ffc373cc58350ba82e20e0701a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 1 Jun 2026 12:36:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 341 +++++++++++------------------------------------
 1 file changed, 76 insertions(+), 265 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 544eb68..18c0efd 100644
--- a/src/app/page.tsx
+++ b/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"},
           ],
         },
       ]}