Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -44,9 +44,9 @@ export default function LandingPage() {
           name: "Contacto",          id: "#contacto"},
       ]}
       button={{
-        text: "Inscríbete ahora",        href: "#contacto"}}
+        text: "Inscríbete ahora",          href: "#contacto"}}
       logoAlt="PETRASERVIS - Seguridad y Salud Ocupacional"
-      brandName="PETRASERVIS"
+      brandName="PETRASERVIS S.A.S."
     />
   </div>
 
@@ -56,10 +56,10 @@ export default function LandingPage() {
         variant: "plain"}}
       imagePosition="right"
       title="Certifícate con los expertos en seguridad ocupacional"
-      description="En PETRASERVIS S.A.S., impulsamos tu crecimiento profesional con cursos y certificaciones de vanguardia en Seguridad y Salud Ocupacional, avalados y con validez nacional."
+      description="Con más de 10 años de experiencia, PETRASERVIS S.A.S. te ofrece cursos y certificaciones de vanguardia en Seguridad y Salud Ocupacional, disponibles también en modalidad virtual y con validez nacional."
       kpis={[
         {
-          value: "15+",          label: "Años de Experiencia"},
+          value: "10",          label: "Años de Experiencia"},
         {
           value: "5000+",          label: "Estudiantes Certificados"},
         {
@@ -72,8 +72,8 @@ export default function LandingPage() {
         {
           text: "Contáctanos",          href: "#contacto"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/depot-managers-overalls-using-tablet-inventory-planning-distribution-logistics-delivery-service-team-diverse-people-checking-stock-products-storage-room-handheld-shot_482257-59952.jpg"
-      imageAlt="Equipo de seguridad industrial en capacitación"
+      imageSrc="http://img.b2bpic.net/free-photo/truck-parking_23-2150935579.jpg"
+      imageAlt="Camión de carga pesada, símbolo de seguridad y transporte"
       mediaAnimation="slide-up"
       avatars={[
         {
@@ -104,17 +104,19 @@ export default function LandingPage() {
       ]}
       marqueeSpeed={30}
       showMarqueeCard={true}
+      tag="Tu futuro seguro"
+      tagIcon={ShieldCheck}
     />
   </div>
 
   <div id="nosotros" data-section="nosotros">
       <AboutMetric
       useInvertedBackground={true}
-      title="PETRASERVIS S.A.S.: Tu aliado en Seguridad y Salud Ocupacional"
+      title="PETRASERVIS S.A.S.: 10 Años Impulsando la Seguridad y Salud Ocupacional"
       metrics={[
         {
           icon: Award,
-          label: "Años de Trayectoria",          value: "15"},
+          label: "Años de Trayectoria",          value: "10"},
         {
           icon: Users,
           label: "Estudiantes Capacitados",          value: "5000+"},
@@ -139,13 +141,13 @@ export default function LandingPage() {
         {
           id: "first-aid",          name: "Primeros Auxilios",          price: "Certificación",          variant: "Presencial / Virtual",          imageSrc: "http://img.b2bpic.net/free-photo/medical-student-are-practicing_1157-42454.jpg",          imageAlt: "Capacitación en primeros auxilios"},
         {
-          id: "extinguishers",          name: "Manejo y Uso de Extintores",          price: "Certificación",          variant: "Presencial",          imageSrc: "http://img.b2bpic.net/free-photo/male-female-firefighters-working-together-suits-helmets_23-2149206384.jpg",          imageAlt: "Uso correcto de extintores"},
+          id: "extinguishers",          name: "Manejo y Uso de Extintores",          price: "Certificación",          variant: "Presencial / Virtual",          imageSrc: "http://img.b2bpic.net/free-photo/male-female-firefighters-working-together-suits-helmets_23-2149206384.jpg",          imageAlt: "Uso correcto de extintores"},
         {
           id: "road-safety",          name: "Seguridad Vial",          price: "Certificación",          variant: "Presencial / Virtual",          imageSrc: "http://img.b2bpic.net/free-photo/person-taking-driver-s-license-exam_23-2149891411.jpg",          imageAlt: "Educación en seguridad vial"},
         {
           id: "sst",          name: "Seguridad y Salud en el Trabajo (SST)",          price: "Certificación",          variant: "Virtual",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-building-contractor-talking-civil-engineers-construction-site-coronavirus-epidemic_637285-8170.jpg",          imageAlt: "Curso de seguridad y salud en el trabajo"},
         {
-          id: "heights",          name: "Trabajo en Alturas",          price: "Certificación",          variant: "Presencial",          imageSrc: "http://img.b2bpic.net/free-photo/worker_268835-3242.jpg",          imageAlt: "Capacitación para trabajo seguro en alturas"},
+          id: "heights",          name: "Trabajo en Alturas",          price: "Certificación",          variant: "Presencial / Virtual",          imageSrc: "http://img.b2bpic.net/free-photo/worker_268835-3242.jpg",          imageAlt: "Capacitación para trabajo seguro en alturas"},
       ]}
       title="Nuestros Cursos Destacados"
       description="Explora nuestra amplia oferta de cursos y certificaciones, diseñados para cumplir con los más altos estándares de seguridad y salud en el trabajo."
@@ -175,7 +177,7 @@ export default function LandingPage() {
         },
       ]}
       title="¿Por qué elegir PETRASERVIS S.A.S.?"
-      description="Nos destacamos por ofrecer una formación de excelencia que garantiza tu éxito profesional y el cumplimiento normativo en cualquier sector."
+      description="Con 10 años de experiencia, ofrecemos formación de excelencia en modalidades presenciales y virtuales, garantizando tu éxito profesional y el cumplimiento normativo en cualquier sector."
     />
   </div>
 
@@ -215,7 +217,7 @@ export default function LandingPage() {
         {
           id: "4",          name: "Sofía Vargas",          imageSrc: "http://img.b2bpic.net/free-photo/engineer-uniform-holding-white-helmet_114579-19002.jpg",          imageAlt: "Sofía Vargas"},
         {
-          id: "5",          name: "Miguel Ángel Rojas",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg",          imageAlt: "Miguel Ángel Rojas"},
+          id: "5",          name: "Miguel Ángel Rojas",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg",          imageAlt: "Miguel Ángel Rojas"}
       ]}
       cardTitle="Voces de Nuestros Estudiantes"
       cardTag="Testimonios"
@@ -295,11 +297,11 @@ export default function LandingPage() {
           ],
         },
       ]}
-      bottomLeftText="© 2023 PETRASERVIS S.A.S. Todos los derechos reservados."
+      bottomLeftText="© 2024 PETRASERVIS S.A.S. Todos los derechos reservados."
       bottomRightText="Hecho con seguridad en Colombia"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f2f2f2;
-  --foreground: #1a3a5c;
-  --primary-cta: #f5a623;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #1a3a5c;
-  --secondary-cta-text: #ffffff;
-  --accent: #f5a623;
-  --background-accent: #e0e0e0;
+  --background: #f5faff;
+  --card: #f1f8ff;
+  --foreground: #001122;
+  --primary-cta: #15479c;
+  --primary-cta-text: #f5faff;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #001122;
+  --accent: #a8cce8;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);