Update src/app/page.tsx

Merge version_13 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
@@ -31,80 +31,28 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Inicio",          id: "hero"},
-        {
-          name: "Nosotros",          id: "about"},
-        {
-          name: "Servicios",          id: "services"},
-        {
-          name: "Obras",          id: "projects"},
-        {
-          name: "Clientes",          id: "clients"},
-        {
-          name: "Contacto",          id: "contact"},
+        { name: "Inicio", id: "hero" },
+        { name: "Nosotros", id: "about" },
+        { name: "Servicios", id: "services" },
+        { name: "Obras", id: "projects" },
+        { name: "Clientes", id: "clients" },
+        { name: "Contacto", id: "contact" },
       ]}
       brandName="LEA"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars"}}
-      title="Ingeniería eléctrica para proyectos industriales de alta exigencia"
+      <HeroOverlay
+      title="LEA Ingeniería Industrial"
       description="Ejecutamos obras eléctricas integrales con precisión, seguridad y cumplimiento total para grandes industrias."
-      testimonials={[
-        {
-          name: "Director General",          handle: "@ILSA",          testimonial: "LEA cumplió con estándares de seguridad y plazos exigentes en nuestra última planta.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg"},
-        {
-          name: "Gerente de Operaciones",          handle: "@Cargill",          testimonial: "Profesionalismo técnico insuperable en la automatización de nuestras líneas.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886808.jpg"},
-        {
-          name: "Jefe de Planta",          handle: "@AGD",          testimonial: "La continuidad operativa tras sus trabajos fue impecable.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/self-assured-business-leader-conference-room_1262-3068.jpg"},
-        {
-          name: "Ingeniero Civil",          handle: "@MEGA",          testimonial: "Socio estratégico clave en nuestras obras de mayor magnitud.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg"},
-        {
-          name: "Gerente Logística",          handle: "@GM",          testimonial: "Soluciones eficientes y seguras, cumpliendo todas las normativas.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
-      ]}
       buttons={[
-        {
-          text: "Solicitar Presupuesto",          href: "#contact"},
-        {
-          text: "Contactar",          href: "#contact"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg"
-      imageAlt="industrial power plant construction"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-18016.jpg",          alt: "A male electrician works in a switchboard"},
-        {
-          src: "http://img.b2bpic.net/free-photo/worker-is-cutting-wires-with-linemans-pliers_169016-15092.jpg",          alt: "Worker is cutting wires"},
-        {
-          src: "http://img.b2bpic.net/free-photo/female-repairing-electrical-panel-with-screwdriver-technical-room-electrician-service-safety_169016-71620.jpg",          alt: "Female repairing electrical panel"},
-        {
-          src: "http://img.b2bpic.net/free-photo/male-electrician-overalls-focused-work-switchboard-with-fuses-using-tablet_169016-66542.jpg",          alt: "A male electrician in overalls"},
-        {
-          src: "http://img.b2bpic.net/free-photo/low-angle-shot-bridge-blanket-yellow-flowers-with-clear-blue-sky_181624-17383.jpg",          alt: "Low angle shot of a bridge"},
-      ]}
-      avatarText="Más de 50 expertos en seguridad y precisión"
-      marqueeItems={[
-        {
-          type: "text",          text: "Alta Tensión"},
-        {
-          type: "text",          text: "Automatización Industrial"},
-        {
-          type: "text",          text: "Proyectos Llave en Mano"},
-        {
-          type: "text",          text: "Eficiencia Energética"},
-        {
-          type: "text",          text: "Soporte 24/7"},
+        { text: "Solicitar Presupuesto", href: "#contact" },
+        { text: "Contactar", href: "#contact" }
       ]}
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DGdg5oe5NNghx77c11nOHn1WtL/uploaded-1777915459260-cs7jt91p.png"
+      showBlur={true}
+      textPosition="bottom"
     />
   </div>
 
@@ -123,12 +71,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",          title: "Subestaciones Media Tensión",          description: "Garantizamos distribución segura y eficiente de energía de alta potencia.",          imageSrc: "http://img.b2bpic.net/free-photo/voltage-switchboard-with-circuit-breakers-are-positions-big-electric-box-electrical-distribution-panel-temporary-electric-cables-are-switched-electrical-background_169016-15201.jpg",          tag: "Alta Potencia"},
-        {
-          id: "f2",          title: "Automatización y Control",          description: "Maximizamos la productividad mediante sistemas inteligentes de monitoreo.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-engineer-diagnoses-switchboard-points-modules-panel-diagnostics_169016-71237.jpg",          tag: "Eficiencia"},
-        {
-          id: "f3",          title: "Montajes Industriales",          description: "Soluciones llave en mano para plantas de gran escala y logística.",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-ship-s-main-mast-cloudy-sky_181624-41897.jpg",          tag: "Integración"},
+        { id: "f1", title: "Subestaciones Media Tensión", description: "Garantizamos distribución segura y eficiente de energía de alta potencia.", imageSrc: "http://img.b2bpic.net/free-photo/voltage-switchboard-with-circuit-breakers-are-positions-big-electric-box-electrical-distribution-panel-temporary-electric-cables-are-switched-electrical-background_169016-15201.jpg", tag: "Alta Potencia" },
+        { id: "f2", title: "Automatización y Control", description: "Maximizamos la productividad mediante sistemas inteligentes de monitoreo.", imageSrc: "http://img.b2bpic.net/free-photo/woman-engineer-diagnoses-switchboard-points-modules-panel-diagnostics_169016-71237.jpg", tag: "Eficiencia" },
+        { id: "f3", title: "Montajes Industriales", description: "Soluciones llave en mano para plantas de gran escala y logística.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-ship-s-main-mast-cloudy-sky_181624-41897.jpg", tag: "Integración" },
       ]}
       title="Soluciones eléctricas integrales"
       description="Potenciamos la capacidad industrial con servicios diseñados para la eficiencia y la seguridad extrema."
@@ -141,18 +86,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",          value: "+50",          title: "Obras Ejecutadas",          items: [
-            "Alta complejidad",            "Sistemas críticos",            "Gran escala"],
-        },
-        {
-          id: "m2",          value: "100%",          title: "Cumplimiento",          items: [
-            "Estándares seguridad",            "Plazos acordados",            "Normas técnicas"],
-        },
-        {
-          id: "m3",          value: "24/7",          title: "Respuesta Operativa",          items: [
-            "Emergencias",            "Soporte técnico",            "Monitoreo"],
-        },
+        { id: "m1", value: "+50", title: "Obras Ejecutadas", items: ["Alta complejidad", "Sistemas críticos", "Gran escala"] },
+        { id: "m2", value: "100%", title: "Cumplimiento", items: ["Estándares seguridad", "Plazos acordados", "Normas técnicas"] },
+        { id: "m3", value: "24/7", title: "Respuesta Operativa", items: ["Emergencias", "Soporte técnico", "Monitoreo"] },
       ]}
       title="Capacidad operativa demostrada"
       description="Nuestros números respaldan años de trabajo en los sectores más exigentes del país."
@@ -166,18 +102,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",          name: "Plantas de Acopio de Granos",          price: "Expertos en AGD, Cargill, Syngenta",          variant: "Sector Agro",          imageSrc: "http://img.b2bpic.net/free-photo/voltage-switchboard-with-circuit-breakers-are-positions-big-electric-box-electrical-distribution-panel-temporary-electric-cables-are-switched_169016-15219.jpg"},
-        {
-          id: "p2",          name: "Puertos y Logística",          price: "Proyectos internacionales (OBRINEL)",          variant: "Infraestructura",          imageSrc: "http://img.b2bpic.net/free-photo/manual-work-switchboard-electrical-installation-cable-connection_169016-68257.jpg"},
-        {
-          id: "p3",          name: "Automatización Industrial",          price: "Dow, Quilmes, Dow Agro",          variant: "Tecnología",          imageSrc: "http://img.b2bpic.net/free-photo/wooden-electic-poles-with-blue-sky_333098-22.jpg"},
-        {
-          id: "p4",          name: "Seguridad Crítica",          price: "Sistemas de protección",          variant: "Seguridad",          imageSrc: "http://img.b2bpic.net/free-photo/two-female-engineers-stand-beside-working-oil-pumps-with-white-sky_1150-19226.jpg"},
-        {
-          id: "p5",          name: "Industria Automotriz",          price: "GM, John Deere",          variant: "Logística",          imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-52935.jpg"},
-        {
-          id: "p6",          name: "Procesado Industrial",          price: "Molinos y fertilizantes",          variant: "Producción",          imageSrc: "http://img.b2bpic.net/free-photo/electrician-checks-tablet-digital-system-control-work-switchboard_169016-68362.jpg"},
+        { id: "p1", name: "Plantas de Acopio de Granos", price: "Expertos en AGD, Cargill, Syngenta", variant: "Sector Agro", imageSrc: "http://img.b2bpic.net/free-photo/voltage-switchboard-with-circuit-breakers-are-positions-big-electric-box-electrical-distribution-panel-temporary-electric-cables-are-switched_169016-15219.jpg" },
+        { id: "p2", name: "Puertos y Logística", price: "Proyectos internacionales (OBRINEL)", variant: "Infraestructura", imageSrc: "http://img.b2bpic.net/free-photo/manual-work-switchboard-electrical-installation-cable-connection_169016-68257.jpg" },
+        { id: "p3", name: "Automatización Industrial", price: "Dow, Quilmes, Dow Agro", variant: "Tecnología", imageSrc: "http://img.b2bpic.net/free-photo/wooden-electic-poles-with-blue-sky_333098-22.jpg" },
       ]}
       title="Nuestra Experiencia en Obra"
       description="Especialistas en diversos sectores industriales que requieren máxima confiabilidad."
@@ -188,8 +115,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={true}
-      names={[
-        "ILSA Industrias General López S.A.",        "SILTEC S.R.L.",        "IPC S.A.",        "CINTER S.R.L.",        "IMG S.A.",        "Conformados Metálicos S.R.L.",        "MEGA Ingeniería S.A."]}
+      names={["ILSA Industrias General López S.A.", "SILTEC S.R.L.", "IPC S.A.", "CINTER S.R.L.", "IMG S.A.", "Conformados Metálicos S.R.L.", "MEGA Ingeniería S.A."]}
       title="Empresas líderes confían en nosotros"
       description="Nuestros clientes avalan la calidad, seguridad y capacidad de ejecutar proyectos complejos."
     />
@@ -201,21 +127,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          name: "Sarah Johnson",          handle: "@ILSA",          testimonial: "Calidad excepcional en ingeniería eléctrica.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-119910.jpg"},
-        {
-          id: "2",          name: "Michael Chen",          handle: "@SILTEC",          testimonial: "El socio más confiable en obras críticas.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-business-man-hard-hat_1303-23576.jpg"},
-        {
-          id: "3",          name: "Emily Rodriguez",          handle: "@CINTER",          testimonial: "Cumplimiento absoluto de los plazos.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/factory-inspector-suit-monitoring-solar-panel-production-output_482257-125982.jpg"},
-        {
-          id: "4",          name: "David Kim",          handle: "@IMG",          testimonial: "Seguridad ante todo, un equipo impecable.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-business-woman-portrait-smiling-face_53876-137693.jpg"},
-        {
-          id: "5",          name: "Ana Silva",          handle: "@MEGA",          testimonial: "Altamente recomendados para grandes obras.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg"},
+        { id: "1", name: "Sarah Johnson", handle: "@ILSA", testimonial: "Calidad excepcional en ingeniería eléctrica.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-119910.jpg" },
+        { id: "2", name: "Michael Chen", handle: "@SILTEC", testimonial: "El socio más confiable en obras críticas.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-business-man-hard-hat_1303-23576.jpg" }
       ]}
       showRating={true}
       title="Confianza comprobada"
@@ -226,8 +139,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
       tag="Contacto Directo"
       title="Hablemos de su próximo proyecto industrial"
       description="Nuestro equipo de ingeniería está listo para analizar sus necesidades y brindar una solución profesional y segura."
@@ -240,26 +152,15 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "LEA Electricidad",          items: [
-            {
-              label: "Nosotros",              href: "#about"},
-            {
-              label: "Servicios",              href: "#services"},
-            {
-              label: "Proyectos",              href: "#projects"},
-          ],
-        },
-        {
-          title: "Soporte",          items: [
-            {
-              label: "Contacto",              href: "#contact"},
-            {
-              label: "WhatsApp",              href: "https://wa.me/541100000000"},
-            {
-              label: "Seguridad",              href: "#"},
-          ],
-        },
+        { title: "LEA Electricidad", items: [
+            { label: "Nosotros", href: "#about" },
+            { label: "Servicios", href: "#services" },
+            { label: "Proyectos", href: "#projects" }
+        ]},
+        { title: "Soporte", items: [
+            { label: "Contacto", href: "#contact" },
+            { label: "WhatsApp", href: "https://wa.me/541100000000" }
+        ]}
       ]}
       bottomLeftText="© 2024 LEA Electricidad Integral"
       bottomRightText="Argentina"
@@ -268,4 +169,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #0a0a0a;
   --card: #1a1a1a;
-  --foreground: #f5f5f5;
-  --primary-cta: #ffdf7d;
+  --foreground: #fffffae6;
+  --primary-cta: #fde047;
   --primary-cta-text: #0a0a0a;
   --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #ffffff;
-  --accent: #b8860b;
-  --background-accent: #8b6914;
+  --secondary-cta-text: #fffffae6;
+  --accent: #737373;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);