From c678e435d0ea604d9e1ce3bfec8a061239c69f3b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 11 Apr 2026 19:39:39 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 407 +++++++++++++----------------------------------
 1 file changed, 108 insertions(+), 299 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 003aa1d..2ea32c7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,311 +25,120 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Servicios",
-          id: "#services",
-        },
-        {
-          name: "Aduanas",
-          id: "#customs",
-        },
-        {
-          name: "Seguimiento",
-          id: "#tracking",
-        },
-        {
-          name: "Nosotros",
-          id: "#about",
-        },
-        {
-          name: "Contacto",
-          id: "#contact",
-        },
-      ]}
-      brandName="Lantia Marítima"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Servicios", id: "#services" },
+              { name: "Aduanas", id: "#customs" },
+              { name: "Seguimiento", id: "#tracking" },
+              { name: "Nosotros", id: "#about" },
+              { name: "Contacto", id: "#contact" },
+            ]}
+            brandName="Lantia Marítima"
+            button={{ text: "Login", href: "#login" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{
-        variant: "plain",
-      }}
-      title="Expertos en Logística Global y Gestión Aduanera"
-      description="Conectamos su negocio con el mundo a través de soluciones marítimas precisas y seguras."
-      buttons={[
-        {
-          text: "Solicitar Presupuesto",
-          href: "#contact",
-        },
-        {
-          text: "Seguimiento",
-          href: "#tracking",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/hong-kong-aerial-view_649448-5115.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/fishing-boats-floating-calm-waters-going-fishing_158595-6910.jpg",
-          alt: "Equipo de expertos 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/aerial-view-cargo-ship-cargo-container-harbor_335224-1370.jpg",
-          alt: "Equipo de expertos 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/transport-concept-with-containers_23-2148959731.jpg",
-          alt: "Equipo de expertos 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/transport-logistics-products_23-2151541860.jpg",
-          alt: "Equipo de expertos 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/shield-check-marks-4-set_78370-1668.jpg",
-          alt: "Equipo de expertos 5",
-        },
-      ]}
-      avatarText="Más de 50 años conectando mercados globales."
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Transporte Marítimo",
-        },
-        {
-          type: "text",
-          text: "Agentes Aduaneros",
-        },
-        {
-          type: "text",
-          text: "Logística Internacional",
-        },
-        {
-          type: "text",
-          text: "Seguridad OEA",
-        },
-        {
-          type: "text",
-          text: "Puertos Globales",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboard
+            background={{ variant: "plain" }}
+            title="Expertos en Logística Global y Gestión Aduanera"
+            description="Conectamos su negocio con el mundo a través de soluciones marítimas precisas y seguras."
+            buttons={[
+              { text: "Solicitar Presupuesto", href: "#contact" },
+              { text: "Seguimiento", href: "#tracking" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/hong-kong-aerial-view_649448-5115.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/fishing-boats-floating-calm-waters-going-fishing_158595-6910.jpg", alt: "Equipo de expertos 1" },
+              { src: "http://img.b2bpic.net/free-photo/aerial-view-cargo-ship-cargo-container-harbor_335224-1370.jpg", alt: "Equipo de expertos 2" },
+              { src: "http://img.b2bpic.net/free-photo/transport-concept-with-containers_23-2148959731.jpg", alt: "Equipo de expertos 3" },
+              { src: "http://img.b2bpic.net/free-photo/transport-logistics-products_23-2151541860.jpg", alt: "Equipo de expertos 4" },
+              { src: "http://img.b2bpic.net/free-vector/shield-check-marks-4-set_78370-1668.jpg", alt: "Equipo de expertos 5" }
+            ]}
+            avatarText="Más de 50 años conectando mercados globales."
+            marqueeItems={[
+              { type: "text", text: "Transporte Marítimo" },
+              { type: "text", text: "Agentes Aduaneros" },
+              { type: "text", text: "Logística Internacional" },
+              { type: "text", text: "Seguridad OEA" },
+              { type: "text", text: "Puertos Globales" }
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Seguridad OEA",
-          tags: [
-            "Certificación",
-            "Autorizado",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/protect-against-cyber-attacks-infographic_23-2148530838.jpg",
-        },
-        {
-          id: "f2",
-          title: "Red Global de Agentes",
-          tags: [
-            "Internacional",
-            "Conexión",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/military-it-professional-gathers-intelligence-from-world-map-projection_482257-89861.jpg",
-        },
-        {
-          id: "f3",
-          title: "Experiencia Técnica",
-          tags: [
-            "Gestión",
-            "Precisión",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599380.jpg",
-        },
-      ]}
-      title="Nuestros Pilares"
-      description="Soluciones basadas en experiencia y certificación técnica internacional."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Seguridad OEA", tags: ["Certificación", "Autorizado"], imageSrc: "http://img.b2bpic.net/free-vector/protect-against-cyber-attacks-infographic_23-2148530838.jpg" },
+              { id: "f2", title: "Red Global de Agentes", tags: ["Internacional", "Conexión"], imageSrc: "http://img.b2bpic.net/free-photo/military-it-professional-gathers-intelligence-from-world-map-projection_482257-89861.jpg" },
+              { id: "f3", title: "Experiencia Técnica", tags: ["Gestión", "Precisión"], imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599380.jpg" }
+            ]}
+            title="Nuestros Pilares"
+            description="Soluciones basadas en experiencia y certificación técnica internacional."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      sideTitle="Preguntas Frecuentes"
-      sideDescription="Respondemos a las dudas más comunes sobre nuestros servicios de logística marítima."
-      faqsAnimation="slide-up"
-      faqs={[
-        {
-          id: "faq1",
-          title: "¿Qué es la certificación OEA?",
-          content: "Es el Operador Económico Autorizado, que facilita el comercio internacional cumpliendo estándares de seguridad.",
-        },
-        {
-          id: "faq2",
-          title: "¿A qué puertos llegan?",
-          content: "Operamos en los principales puertos de España como Valencia, Barcelona, Algeciras y Bilbao.",
-        },
-        {
-          id: "faq3",
-          title: "¿Cómo hago seguimiento?",
-          content: "Puede realizar el seguimiento en tiempo real desde nuestra plataforma conectada con su número de referencia.",
-        },
-        {
-          id: "faq4",
-          title: "¿Ofrecen seguros de carga?",
-          content: "Sí, gestionamos seguros integrales para todo tipo de mercancías internacionales.",
-        },
-        {
-          id: "faq5",
-          title: "¿Qué documentos necesito?",
-          content: "Depende del tipo de mercancía, pero generalmente factura comercial, packing list y conocimiento de embarque.",
-        },
-      ]}
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            sideTitle="Preguntas Frecuentes"
+            sideDescription="Respondemos a las dudas más comunes sobre nuestros servicios de logística marítima."
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "faq1", title: "¿Qué es la certificación OEA?", content: "Es el Operador Económico Autorizado, que facilita el comercio internacional cumpliendo estándares de seguridad." },
+              { id: "faq2", title: "¿A qué puertos llegan?", content: "Operamos en los principales puertos de España como Valencia, Barcelona, Algeciras y Bilbao." },
+              { id: "faq3", title: "¿Cómo hago seguimiento?", content: "Puede realizar el seguimiento en tiempo real desde nuestra plataforma conectada con su número de referencia." },
+              { id: "faq4", title: "¿Ofrecen seguros de carga?", content: "Sí, gestionamos seguros integrales para todo tipo de mercancías internacionales." },
+              { id: "faq5", title: "¿Qué documentos necesito?", content: "Depende del tipo de mercancía, pero generalmente factura comercial, packing list y conocimiento de embarque." }
+            ]}
+          />
+        </div>
 
-  <div id="blog" data-section="blog">
-      <BlogCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Últimas Noticias del Sector"
-      description="Manténgase informado sobre las tendencias en logística global y cambios normativos."
-      blogs={[
-        {
-          id: "b1",
-          category: "Logística",
-          title: "El Futuro del Transporte Marítimo",
-          excerpt: "Cómo la digitalización está cambiando las rutas comerciales.",
-          imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663048.jpg",
-          authorName: "Equipo Lantia",
-          authorAvatar: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663054.jpg",
-          date: "12 Mayo 2024",
-        },
-        {
-          id: "b2",
-          category: "Aduanas",
-          title: "Nuevas Regulaciones UE",
-          excerpt: "Impacto de las nuevas normativas aduaneras en 2024.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-interacting-with-futuristic-graphics_23-2151003712.jpg",
-          authorName: "Equipo Lantia",
-          authorAvatar: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662969.jpg",
-          date: "15 Abril 2024",
-        },
-      ]}
-    />
-  </div>
+        <div id="blog" data-section="blog">
+          <BlogCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Últimas Noticias del Sector"
+            description="Manténgase informado sobre las tendencias en logística global y cambios normativos."
+            blogs={[
+              { id: "b1", category: "Logística", title: "El Futuro del Transporte Marítimo", excerpt: "Cómo la digitalización está cambiando las rutas comerciales.", imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663048.jpg", authorName: "Equipo Lantia", authorAvatar: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663054.jpg", date: "12 Mayo 2024" },
+              { id: "b2", category: "Aduanas", title: "Nuevas Regulaciones UE", excerpt: "Impacto de las nuevas normativas aduaneras en 2024.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-interacting-with-futuristic-graphics_23-2151003712.jpg", authorName: "Equipo Lantia", authorAvatar: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662969.jpg", date: "15 Abril 2024" }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Solicitar Presupuesto"
-      description="Indíquenos los detalles de su carga y nuestro equipo de Madrid, Valencia, Barcelona o Algeciras le contactará en breve."
-      inputs={[
-        {
-          name: "origin",
-          type: "text",
-          placeholder: "Origen",
-          required: true,
-        },
-        {
-          name: "destination",
-          type: "text",
-          placeholder: "Destino",
-          required: true,
-        },
-        {
-          name: "cargo",
-          type: "text",
-          placeholder: "Tipo de Carga",
-          required: true,
-        },
-        {
-          name: "weight",
-          type: "text",
-          placeholder: "Peso Total (kg)",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Información adicional",
-        rows: 4,
-        required: false,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/map-montserrat-polygonal-mesh-line-map-flag-map_559531-11778.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Solicitar Presupuesto"
+            description="Indíquenos los detalles de su carga y nuestro equipo de Madrid, Valencia, Barcelona o Algeciras le contactará en breve."
+            inputs={[
+              { name: "origin", type: "text", placeholder: "Origen", required: true },
+              { name: "destination", type: "text", placeholder: "Destino", required: true },
+              { name: "cargo", type: "text", placeholder: "Tipo de Carga", required: true },
+              { name: "weight", type: "text", placeholder: "Peso Total (kg)", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "Información adicional", rows: 4, required: false }}
+            imageSrc="http://img.b2bpic.net/free-photo/map-montserrat-polygonal-mesh-line-map-flag-map_559531-11778.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Servicios",
-          items: [
-            {
-              label: "Sea Freight",
-              href: "#",
-            },
-            {
-              label: "Customs Brokerage",
-              href: "#",
-            },
-            {
-              label: "Air Freight",
-              href: "#",
-            },
-            {
-              label: "Land Transport",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Oficinas",
-          items: [
-            {
-              label: "Madrid (HQ)",
-              href: "#",
-            },
-            {
-              label: "Valencia",
-              href: "#",
-            },
-            {
-              label: "Barcelona",
-              href: "#",
-            },
-            {
-              label: "Algeciras",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Contacto",
-          items: [
-            {
-              label: "info@lantiamaritima.com",
-              href: "mailto:info@lantiamaritima.com",
-            },
-            {
-              label: "Aviso Legal",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Lantia Marítima"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Servicios", items: [{ label: "Sea Freight", href: "#" }, { label: "Customs Brokerage", href: "#" }, { label: "Air Freight", href: "#" }, { label: "Land Transport", href: "#" }] },
+              { title: "Oficinas", items: [{ label: "Madrid (HQ)", href: "#" }, { label: "Valencia", href: "#" }, { label: "Barcelona", href: "#" }, { label: "Algeciras", href: "#" }] },
+              { title: "Contacto", items: [{ label: "info@lantiamaritima.com", href: "mailto:info@lantiamaritima.com" }, { label: "Aviso Legal", href: "#" }] }
+            ]}
+            logoText="Lantia Marítima"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1