From 757a0fac3d19a90ced87022ea96553a4d3ae9723 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 29 Apr 2026 16:10:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 483 ++++++++++++++---------------------------------
 1 file changed, 146 insertions(+), 337 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5fb4719..4f3610b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,352 +29,161 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Inicio",
-          id: "#hero",
-        },
-        {
-          name: "Nosotros",
-          id: "#about",
-        },
-        {
-          name: "Servicios",
-          id: "#services",
-        },
-        {
-          name: "Tecnología",
-          id: "#technology",
-        },
-        {
-          name: "Contacto",
-          id: "#contact",
-        },
-      ]}
-      brandName="RIGONZA"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Inicio", id: "#hero" },
+              { name: "Nosotros", id: "#about" },
+              { name: "Servicios", id: "#services" },
+              { name: "Tecnología", id: "#technology" },
+              { name: "Contacto", id: "#contact" },
+            ]}
+            brandName="RIGONZA"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Logística Premium entre México y Estados Unidos"
-      description="Cruces internacionales seguros, rápidos y respaldados por tecnología de punta."
-      tag="Transporte Internacional"
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/orange-trucks-road_1127-184.jpg",
-          imageAlt: "Logistics operations",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/car-salesman-gives-sale-contract-clients-sign-after-offering-vehicle-keys_482257-118137.jpg",
-          imageAlt: "Logistics team",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/white-dump-truck-winter-highway-open-sky-commercial-transport-motion_169016-71518.jpg",
-          imageAlt: "White dump truck on winter highway",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/containers-railways-shipment-concept_23-2148959704.jpg",
-          imageAlt: "Containers and railways shipment concept",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/truck-logistics-operation-dusk_23-2151468835.jpg",
-          imageAlt: "Truck and logistics operation at dusk",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Empresa certificada y de confianza"
-      tagIcon={Globe}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "gradient-bars" }}
+            title="Logística Premium entre México y Estados Unidos"
+            description="Cruces internacionales seguros, rápidos y respaldados por tecnología de punta."
+            tag="Transporte Internacional"
+            mediaItems={[
+              {
+                imageSrc: "http://img.b2bpic.net/free-photo/orange-trucks-road_1127-184.jpg",                imageAlt: "Logistics operations"
+              },
+              {
+                imageSrc: "http://img.b2bpic.net/free-photo/car-salesman-gives-sale-contract-clients-sign-after-offering-vehicle-keys_482257-118137.jpg",                imageAlt: "Logistics team"
+              }
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="Empresa certificada y de confianza"
+            tagIcon={Globe}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardMedia
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          title: "Seguridad Total",
-          description: "GPS en todas las unidades.",
-          tag: "Seguro",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827320.jpg",
-        },
-        {
-          id: "2",
-          title: "Cruces Sin Fricción",
-          description: "Expertos en operaciones México–USA.",
-          tag: "Rápido",
-          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-international-trade-with-truck_23-2149157911.jpg",
-        },
-        {
-          id: "3",
-          title: "Respuesta Rápida",
-          description: "Cotizaciones en menos de 60 min.",
-          tag: "Urgente",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-paper-urban-transport-assortment_23-2149003904.jpg",
-        },
-        {
-          id: "4",
-          title: "Soporte 24/7",
-          description: "Atención constante en cada envío.",
-          tag: "Soporte",
-          imageSrc: "http://img.b2bpic.net/free-photo/delivery-truck-smartphone-with-location-pointer-shipping-customer-ecommerce-concept-blue-background-3d-illustration_56104-1784.jpg",
-        },
-        {
-          id: "5",
-          title: "Trazabilidad Total",
-          description: "Visibilidad completa desde origen a destino.",
-          tag: "Transparencia",
-          imageSrc: "http://img.b2bpic.net/free-photo/pointer-pin-location-cardboard-boxes-transportation-logistics-concept-pink-background-icon-symbol-3d-rendering_56104-1281.jpg",
-        },
-      ]}
-      title="Seguridad y Eficiencia"
-      description="Tu carga, nuestra prioridad."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardMedia
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "1", title: "Seguridad Total", description: "GPS en todas las unidades.", tag: "Seguro", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827320.jpg" },
+              { id: "2", title: "Cruces Sin Fricción", description: "Expertos en operaciones México–USA.", tag: "Rápido", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-international-trade-with-truck_23-2149157911.jpg" },
+              { id: "3", title: "Respuesta Rápida", description: "Cotizaciones en menos de 60 min.", tag: "Urgente", imageSrc: "http://img.b2bpic.net/free-photo/still-life-paper-urban-transport-assortment_23-2149003904.jpg" },
+              { id: "4", title: "Soporte 24/7", description: "Atención constante en cada envío.", tag: "Soporte", imageSrc: "http://img.b2bpic.net/free-photo/delivery-truck-smartphone-with-location-pointer-shipping-customer-ecommerce-concept-blue-background-3d-illustration_56104-1784.jpg" },
+              { id: "5", title: "Trazabilidad Total", description: "Visibilidad completa desde origen a destino.", tag: "Transparencia", imageSrc: "http://img.b2bpic.net/free-photo/pointer-pin-location-cardboard-boxes-transportation-logistics-concept-pink-background-icon-symbol-3d-rendering_56104-1281.jpg" }
+            ]}
+            title="Seguridad y Eficiencia"
+            description="Tu carga, nuestra prioridad."
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "s1",
-          name: "Cruce Internacional",
-          price: "Premium",
-          variant: "Cruce",
-          imageSrc: "http://img.b2bpic.net/free-photo/forklift-unloading-container-box_53876-139871.jpg",
-        },
-        {
-          id: "s2",
-          name: "Fletes Nacionales",
-          price: "Estandar",
-          variant: "Carretera",
-          imageSrc: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468903.jpg",
-        },
-        {
-          id: "s3",
-          name: "Puerta a Puerta",
-          price: "Especial",
-          variant: "Entrega",
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-factory-trucks-parked-near-warehouse-daytime_181624-4593.jpg",
-        },
-        {
-          id: "s4",
-          name: "5ta Rueda",
-          price: "Carga Pesada",
-          variant: "Remolque",
-          imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892912.jpg",
-        },
-        {
-          id: "s5",
-          name: "Logística Integral",
-          price: "Completo",
-          variant: "Gestión",
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-roads-surrounded-by-nature_23-2148346122.jpg",
-        },
-        {
-          id: "s6",
-          name: "Transfer",
-          price: "Rápido",
-          variant: "Frontera",
-          imageSrc: "http://img.b2bpic.net/free-photo/perpendicular-shot-narrow-bridge_181624-425.jpg",
-        },
-      ]}
-      title="Nuestros Servicios"
-      description="Soluciones logísticas integrales diseñadas para tu empresa."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              { id: "s1", name: "Cruce Internacional", price: "Premium", variant: "Cruce", imageSrc: "http://img.b2bpic.net/free-photo/forklift-unloading-container-box_53876-139871.jpg" },
+              { id: "s2", name: "Fletes Nacionales", price: "Estandar", variant: "Carretera", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468903.jpg" },
+              { id: "s3", name: "Puerta a Puerta", price: "Especial", variant: "Entrega", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-factory-trucks-parked-near-warehouse-daytime_181624-4593.jpg" },
+              { id: "s4", name: "5ta Rueda", price: "Carga Pesada", variant: "Remolque", imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892912.jpg" },
+              { id: "s5", name: "Logística Integral", price: "Completo", variant: "Gestión", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-roads-surrounded-by-nature_23-2148346122.jpg" },
+              { id: "s6", name: "Transfer", price: "Rápido", variant: "Frontera", imageSrc: "http://img.b2bpic.net/free-photo/perpendicular-shot-narrow-bridge_181624-425.jpg" }
+            ]}
+            title="Nuestros Servicios"
+            description="Soluciones logísticas integrales diseñadas para tu empresa."
+          />
+        </div>
 
-  <div id="technology" data-section="technology">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Tecnología RIGONZA"
-      tag="Sistemas Inteligentes"
-      metrics={[
-        {
-          id: "m1",
-          value: "24/7",
-          description: "Monitoreo en tiempo real",
-        },
-        {
-          id: "m2",
-          value: "Autom",
-          description: "Procesos digitales",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          description: "Trazabilidad completa",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="technology" data-section="technology">
+          <MetricCardFourteen
+            useInvertedBackground={false}
+            title="Tecnología RIGONZA"
+            tag="Sistemas Inteligentes"
+            metrics={[
+              { id: "m1", value: "24/7", description: "Monitoreo en tiempo real" },
+              { id: "m2", value: "Autom", description: "Procesos digitales" },
+              { id: "m3", value: "100%", description: "Trazabilidad completa" }
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="facilities" data-section="facilities">
-      <MetricSplitMediaAbout
-      useInvertedBackground={true}
-      title="Instalaciones de Primer Nivel"
-      description="Seguridad 24/7 y mantenimiento propio."
-      metrics={[
-        {
-          value: "20+",
-          title: "Años de experiencia",
-        },
-        {
-          value: "24/7",
-          title: "Seguridad vigilada",
-        },
-        {
-          value: "Completo",
-          title: "Taller propio",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/sterile-hospital-lab-with-metal-supply-cart-wheels-clinical-space_482257-124175.jpg"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="facilities" data-section="facilities">
+          <MetricSplitMediaAbout
+            useInvertedBackground={true}
+            title="Instalaciones de Primer Nivel"
+            description="Seguridad 24/7 y mantenimiento propio."
+            metrics={[
+              { value: "20+", title: "Años de experiencia" },
+              { value: "24/7", title: "Seguridad vigilada" },
+              { value: "Completo", title: "Taller propio" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/sterile-hospital-lab-with-metal-supply-cart-wheels-clinical-space_482257-124175.jpg"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Carlos M.",
-          handle: "Cliente frecuente",
-          testimonial: "Una empresa muy organizada, seria y segura.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/trucks-loading-docks_23-2152008994.jpg",
-        },
-        {
-          id: "t2",
-          name: "Elena R.",
-          handle: "Exportadora",
-          testimonial: "Excelente atención y servicio, totalmente recomendados.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/trucks-loading-dock_23-2152008991.jpg",
-        },
-        {
-          id: "t3",
-          name: "Juan L.",
-          handle: "Usuario logístico",
-          testimonial: "Seguridad y rapidez garantizada.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/merchandise-packages-with-courier-stamps-receipts-warehouse_482257-83347.jpg",
-        },
-        {
-          id: "t4",
-          name: "Ana G.",
-          handle: "Empresaria",
-          testimonial: "Profesionalismo en cada cruce.",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/long-line-semi-trucks-industrial-loading-dock_84443-73903.jpg",
-        },
-        {
-          id: "t5",
-          name: "Pedro S.",
-          handle: "Cliente",
-          testimonial: "La mejor logística en Nuevo Laredo.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/shipping-center-features-products-delivery-procedures-transit_482257-83354.jpg",
-        },
-      ]}
-      showRating={true}
-      title="Lo que dicen nuestros clientes"
-      description="Más de 23 reseñas verificadas con 4.4 estrellas."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Carlos M.", handle: "Cliente frecuente", testimonial: "Una empresa muy organizada, seria y segura.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/trucks-loading-docks_23-2152008994.jpg" },
+              { id: "t2", name: "Elena R.", handle: "Exportadora", testimonial: "Excelente atención y servicio, totalmente recomendados.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/trucks-loading-dock_23-2152008991.jpg" },
+              { id: "t3", name: "Juan L.", handle: "Usuario logístico", testimonial: "Seguridad y rapidez garantizada.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/merchandise-packages-with-courier-stamps-receipts-warehouse_482257-83347.jpg" },
+              { id: "t4", name: "Ana G.", handle: "Empresaria", testimonial: "Profesionalismo en cada cruce.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/long-line-semi-trucks-industrial-loading-dock_84443-73903.jpg" },
+              { id: "t5", name: "Pedro S.", handle: "Cliente", testimonial: "La mejor logística en Nuevo Laredo.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/shipping-center-features-products-delivery-procedures-transit_482257-83354.jpg" }
+            ]}
+            showRating={true}
+            title="Lo que dicen nuestros clientes"
+            description="Más de 23 reseñas verificadas con 4.4 estrellas."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "¿Tienen monitoreo GPS?",
-          content: "Sí, todas nuestras unidades cuentan con sistema GPS 24/7.",
-        },
-        {
-          id: "f2",
-          title: "¿Qué certificaciones tienen?",
-          content: "Contamos con C-TPAT y estándares internacionales de seguridad.",
-        },
-        {
-          id: "f3",
-          title: "¿Cómo solicito una cotización?",
-          content: "Puedes contactarnos vía WhatsApp, correo o nuestro formulario.",
-        },
-      ]}
-      title="Preguntas Frecuentes"
-      description="Estamos aquí para resolver tus dudas sobre servicios logísticos."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="split"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "¿Tienen monitoreo GPS?", content: "Sí, todas nuestras unidades cuentan con sistema GPS 24/7." },
+              { id: "f2", title: "¿Qué certificaciones tienen?", content: "Contamos con C-TPAT y estándares internacionales de seguridad." },
+              { id: "f3", title: "¿Cómo solicito una cotización?", content: "Puedes contactarnos vía WhatsApp, correo o nuestro formulario." }
+            ]}
+            title="Preguntas Frecuentes"
+            description="Estamos aquí para resolver tus dudas sobre servicios logísticos."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Recibe una Cotización en Menos de 60 Minutos"
-      description="Estamos listos para llevar tu carga al destino con seguridad y rapidez."
-      inputs={[
-        {
-          name: "nombre",
-          type: "text",
-          placeholder: "Nombre completo",
-          required: true,
-        },
-        {
-          name: "empresa",
-          type: "text",
-          placeholder: "Empresa",
-          required: true,
-        },
-        {
-          name: "telefono",
-          type: "tel",
-          placeholder: "Teléfono",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "mensaje",
-        placeholder: "Descripción del envío",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/happy-workers-doing-high-five-storehouse-after-finishing-packing-helmet-orders-cardboard-box-celebrating-triumph-smiling-diverse-team-discussing-transportation-logistics-warehouse_482257-62328.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Recibe una Cotización en Menos de 60 Minutos"
+            description="Estamos listos para llevar tu carga al destino con seguridad y rapidez."
+            inputs={[
+              { name: "nombre", type: "text", placeholder: "Nombre completo", required: true },
+              { name: "empresa", type: "text", placeholder: "Empresa", required: true },
+              { name: "telefono", type: "tel", placeholder: "Teléfono", required: true }
+            ]}
+            textarea={{ name: "mensaje", placeholder: "Descripción del envío", rows: 4, required: true }}
+            imageSrc="http://img.b2bpic.net/free-photo/happy-workers-doing-high-five-storehouse-after-finishing-packing-helmet-orders-cardboard-box-celebrating-triumph-smiling-diverse-team-discussing-transportation-logistics-warehouse_482257-62328.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="RIGONZA"
-      leftLink={{
-        text: "Aviso de Privacidad",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Certificaciones C-TPAT",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="RIGONZA"
+            leftLink={{ text: "Aviso de Privacidad", href: "#" }}
+            rightLink={{ text: "Certificaciones C-TPAT", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1