Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Inicio", id: "hero" },
-          name: "Inicio",
+        { name: "Nosotros", id: "about" },
-          id: "hero",
+        { name: "Servicios", id: "services" },
-        },
+        { name: "Contacto", id: "contact" },
-        {
-          name: "Nosotros",
-          id: "about",
-        },
-        {
-          name: "Servicios",
-          id: "services",
-        },
-        {
-          name: "Contacto",
-          id: "contact",
-        },
       ]}
       brandName="CISYSE"
     />
@@ -54,24 +42,16 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       logoText="CISYSE - Corporación Iberoamericana de Salud y Seguridad"
-      description="Líderes regionales en consultoría integral de seguridad industrial, salud ocupacional y cumplimiento normativo."
+      description="Corporación peruana especializada en servicios de salud, seguridad industrial y gestión de riesgos, enfocada en la excelencia regional."
       buttons={[
-        {
+        { text: "Nuestros Servicios", href: "#services" },
-          text: "Nuestros Servicios",
+        { text: "Contacto", href: "#contact" },
-          href: "#services",
-        },
-        {
-          text: "Contacto",
-          href: "#contact",
-        },
       ]}
       buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833344.jpg"
-      imageAlt="CISYSE Safety Compliance"
+      imageAlt="CISYSE Soluciones en Perú"
       mediaAnimation="slide-up"
     />
   </div>
@@ -79,8 +59,8 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <MediaAbout
       useInvertedBackground={false}
-      title="Compromiso con la Excelencia"
+      title="Experiencia Peruana en Salud y Seguridad"
-      description="En Corporación Iberoamericana, transformamos la cultura de seguridad en su empresa. Con años de experiencia, garantizamos entornos laborales más sanos, seguros y productivos para sus colaboradores."
+      description="Como empresa peruana líder, Corporación Iberoamericana de Salud y Seguridad ofrece soluciones integrales para potenciar el bienestar y la seguridad en el entorno laboral de nuestros clientes a nivel nacional."
       imageSrc="http://img.b2bpic.net/free-photo/female-architect-talking-mobile-phone_107420-74351.jpg"
     />
   </div>
@@ -92,30 +72,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       features={[
-        {
+        { title: "Normativa Peruana", description: "Consultoría experta en cumplimiento del Reglamento de Seguridad y Salud en el Trabajo (Ley 29783).", imageSrc: "http://img.b2bpic.net/free-photo/focused-office-lady-glasses-using-tablet-while-two-mature-businessmen-discussing-work-glass-wall-copy-space-communication-concept_74855-14243.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/colleagues-with-safety-equipment_23-2148908449.jpg", buttonText: "Saber más" },
-          title: "Auditorías Técnicas",
+        { title: "Salud Ocupacional", description: "Servicios preventivos y monitoreo de salud adaptados a las exigencias industriales locales.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-laborer-with-hard-hat-copy-space_23-2148773509.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/electrician-work-uniform-items-wooden-background-top-view_169016-24599.jpg", buttonText: "Saber más" },
-          description: "Análisis exhaustivos de cumplimiento legal y estándares internacionales.",
+        { title: "Gestión de Riesgos", description: "Análisis estratégico para entornos industriales peruanos complejos.", imageSrc: "http://img.b2bpic.net/free-photo/car-navigation-screen-dashboard-display-digital-auto-panel_169016-68647.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/man-enjoys-city-skyscrapers-night_482257-91205.jpg", buttonText: "Saber más" },
-          imageSrc: "http://img.b2bpic.net/free-photo/focused-office-lady-glasses-using-tablet-while-two-mature-businessmen-discussing-work-glass-wall-copy-space-communication-concept_74855-14243.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/colleagues-with-safety-equipment_23-2148908449.jpg",
-          buttonText: "Saber más",
-        },
-        {
-          title: "Gestión de EPP",
-          description: "Equipos de protección personal con los más altos estándares de calidad.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-laborer-with-hard-hat-copy-space_23-2148773509.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/electrician-work-uniform-items-wooden-background-top-view_169016-24599.jpg",
-          buttonText: "Saber más",
-        },
-        {
-          title: "Coordinación Global",
-          description: "Sistemas centralizados para control de seguridad multi-sede.",
-          imageSrc: "http://img.b2bpic.net/free-photo/car-navigation-screen-dashboard-display-digital-auto-panel_169016-68647.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/man-enjoys-city-skyscrapers-night_482257-91205.jpg",
-          buttonText: "Saber más",
-        },
       ]}
-      title="Nuestras Soluciones"
+      title="Servicios para la Industria Peruana"
-      description="Herramientas avanzadas para la gestión de riesgos y salud integral."
+      description="Soluciones adaptadas al mercado nacional con estándares internacionales."
     />
   </div>
 
@@ -125,27 +87,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "1", icon: Shield, title: "Reducción de Riesgos", value: "95%" },
-          id: "1",
+        { id: "2", icon: Award, title: "Certificaciones Logradas", value: "150+" },
-          icon: Shield,
+        { id: "3", icon: Users, title: "Empresas Atendidas", value: "25k+" },
-          title: "Incidentes Reducidos",
-          value: "95%",
-        },
-        {
-          id: "2",
-          icon: Award,
-          title: "Certificaciones",
-          value: "150+",
-        },
-        {
-          id: "3",
-          icon: Users,
-          title: "Colaboradores Protegidos",
-          value: "25k+",
-        },
       ]}
-      title="Impacto Medible"
+      title="Resultados en Perú"
-      description="Resultados verificables que respaldan nuestra gestión en seguridad."
+      description="Cifras que demuestran nuestro compromiso con la seguridad corporativa local."
     />
   </div>
 
@@ -156,51 +103,15 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "s1", name: "Diagnóstico de Seguridad", price: "Consulta", variant: "Integral", imageSrc: "http://img.b2bpic.net/free-photo/female-investor-tracks-stock-market-data_482257-121080.jpg" },
-          id: "s1",
+        { id: "s2", name: "Capacitación Especializada", price: "Plan Anual", variant: "Formación", imageSrc: "http://img.b2bpic.net/free-photo/female-engineer-white-helmet-gear-showing-construction-plan-explaining-it_114579-14406.jpg" },
-          name: "Diagnóstico de Riesgos",
+        { id: "s3", name: "Soporte Legal SST", price: "Soporte", variant: "Legal", imageSrc: "http://img.b2bpic.net/free-photo/financial-documents_1098-14227.jpg" },
-          price: "Consulta",
+        { id: "s4", name: "Vigilancia Médica", price: "Plan Mensual", variant: "Salud", imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg" },
-          variant: "Integral",
+        { id: "s5", name: "Auditorías Normativas", price: "Proyecto", variant: "Normas", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-builder-yellow-helmet-holding-white-sign-white-desk-female-architect_140725-35206.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/female-investor-tracks-stock-market-data_482257-121080.jpg",
+        { id: "s6", name: "Gestión de Emergencias", price: "Soporte", variant: "Seguridad", imageSrc: "http://img.b2bpic.net/free-photo/smiley-senior-sitting-her-office_23-2148341566.jpg" },
-        },
-        {
-          id: "s2",
-          name: "Capacitación In-Company",
-          price: "Plan Anual",
-          variant: "Formación",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-engineer-white-helmet-gear-showing-construction-plan-explaining-it_114579-14406.jpg",
-        },
-        {
-          id: "s3",
-          name: "Gestión Normativa",
-          price: "Soporte",
-          variant: "Legal",
-          imageSrc: "http://img.b2bpic.net/free-photo/financial-documents_1098-14227.jpg",
-        },
-        {
-          id: "s4",
-          name: "Salud Ocupacional",
-          price: "Plan Mensual",
-          variant: "Salud",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg",
-        },
-        {
-          id: "s5",
-          name: "Consultoría ISO",
-          price: "Proyecto",
-          variant: "Normas",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-builder-yellow-helmet-holding-white-sign-white-desk-female-architect_140725-35206.jpg",
-        },
-        {
-          id: "s6",
-          name: "Emergencias Industriales",
-          price: "Soporte",
-          variant: "Seguridad",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-senior-sitting-her-office_23-2148341566.jpg",
-        },
       ]}
-      title="Catálogo de Servicios"
+      title="Portafolio de Servicios Corporativos"
-      description="Planes especializados para cubrir todas las necesidades de su corporación."
+      description="Planes a medida para la normativa y operatividad de su empresa en Perú."
     />
   </div>
 
@@ -209,83 +120,25 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", title: "Seguridad de Confianza", quote: "CISYSE es nuestro aliado estratégico en Perú.", name: "Elena Rivas", role: "Gerente de Planta", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg" },
-          id: "1",
+        { id: "2", title: "Cumplimiento Normativo", quote: "Un equipo experto y alineado con la normativa local.", name: "Carlos Mendieta", role: "Director de RH", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18993.jpg" },
-          title: "Seguridad Inigualable",
-          quote: "CISYSE cambió radicalmente nuestra operación.",
-          name: "Elena Rivas",
-          role: "Gerente de Planta",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
-        },
-        {
-          id: "2",
-          title: "Profesionalismo",
-          quote: "Su enfoque técnico es el mejor que hemos recibido.",
-          name: "Carlos Mendieta",
-          role: "Director de RH",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18993.jpg",
-        },
-        {
-          id: "3",
-          title: "Cumplimiento Total",
-          quote: "Pasamos todas nuestras auditorías sin errores gracias a ellos.",
-          name: "Sofia Torres",
-          role: "CEO Corporativa",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
-        },
-        {
-          id: "4",
-          title: "Impacto Positivo",
-          quote: "La seguridad es ahora nuestra ventaja competitiva.",
-          name: "Diego Flores",
-          role: "Gerente de Operaciones",
-          imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
-        },
-        {
-          id: "5",
-          title: "Expertos en la materia",
-          quote: "Su conocimiento normativo es de primer nivel.",
-          name: "Ana Galarza",
-          role: "Directora de Seguridad",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
-        },
       ]}
-      title="Historias de Éxito"
+      title="Historias de Éxito en Perú"
-      description="Testimonios reales de corporaciones que han transformado su seguridad con nosotros."
+      description="Empresas peruanas que avalan nuestra gestión en seguridad y salud ocupacional."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={true}
-      title="Hablemos de Seguridad"
+      title="Contacte a nuestro equipo"
-      description="Estamos listos para implementar las soluciones de salud y seguridad que su empresa necesita hoy."
+      description="¿Necesita asesoría en salud y seguridad ocupacional? Estamos a su disposición en todo el Perú."
       inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Nombre Completo", required: true },
-          name: "name",
+        { name: "company", type: "text", placeholder: "Empresa", required: true },
-          type: "text",
+        { name: "email", type: "email", placeholder: "Correo Electrónico", required: true },
-          placeholder: "Nombre Completo",
-          required: true,
-        },
-        {
-          name: "company",
-          type: "text",
-          placeholder: "Empresa",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Correo Electrónico",
-          required: true,
-        },
       ]}
-      textarea={{
+      textarea={{ name: "message", placeholder: "Cuéntenos sus requerimientos", rows: 4, required: true }}
-        name: "message",
-        placeholder: "Cuéntenos sus necesidades",
-        rows: 4,
-        required: true,
-      }}
       imageSrc="http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599220.jpg"
     />
   </div>
@@ -293,51 +146,15 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
+        { title: "Corporación", items: [{ label: "Nosotros", href: "#about" }, { label: "Servicios", href: "#services" }] },
-          title: "Empresa",
+        { title: "Legal", items: [{ label: "Privacidad", href: "#" }, { label: "Términos", href: "#" }] },
-          items: [
+        { title: "Contacto", items: [{ label: "info@cisyse.com.pe", href: "mailto:info@cisyse.com.pe" }, { label: "Lima, Perú", href: "#" }] },
-            {
-              label: "Nosotros",
-              href: "#about",
-            },
-            {
-              label: "Servicios",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacidad",
-              href: "#",
-            },
-            {
-              label: "Términos",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Contacto",
-          items: [
-            {
-              label: "Email: info@cisyse.com",
-              href: "mailto:info@cisyse.com",
-            },
-            {
-              label: "Oficinas",
-              href: "#",
-            },
-          ],
-        },
       ]}
-      bottomLeftText="© 2024 Corporación Iberoamericana de Salud y Seguridad"
+      bottomLeftText="© 2024 Corporación Iberoamericana de Salud y Seguridad S.A.C."
-      bottomRightText="Todos los derechos reservados."
+      bottomRightText="Orgullosamente peruana."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
+  --background: #ffffff;
-  --card: #481f1f;
+  --card: #f9f9f9;
-  --foreground: #ffffff;
+  --foreground: #000612e6;
-  --primary-cta: #ffffff;
+  --primary-cta: #15479c;
   --primary-cta-text: #280101;
-  --secondary-cta: #361311;
+  --secondary-cta: #f9f9f9;
   --secondary-cta-text: #f6d4d4;
-  --accent: #51000b;
+  --accent: #e2e2e2;
-  --background-accent: #ff2231;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);