Update src/app/page.tsx
This commit is contained in:
407
src/app/page.tsx
407
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user