Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-29 16:10:21 +00:00

View File

@@ -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éxicoUSA.",
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éxicoUSA.", 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>
);