2 Commits

Author SHA1 Message Date
3a614823ab Update src/app/styles/variables.css 2026-05-25 23:10:02 +00:00
d8088c6377 Update src/app/page.tsx 2026-05-25 23:10:02 +00:00
2 changed files with 70 additions and 247 deletions

View File

@@ -34,25 +34,15 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Inicio",
id: "#inicio",
},
name: "Inicio", id: "#inicio"},
{
name: "Servicios",
id: "#servicios",
},
name: "Servicios", id: "#servicios"},
{
name: "Nosotros",
id: "#nosotros",
},
name: "Nosotros", id: "#nosotros"},
{
name: "Cotizar",
id: "#contacto",
},
name: "Cotizar", id: "#contacto"},
{
name: "FAQs",
id: "#faqs",
},
name: "FAQs", id: "#faqs"},
]}
brandName="Transportes Monterrey"
/>
@@ -61,71 +51,42 @@ export default function LandingPage() {
<div id="inicio" data-section="inicio">
<HeroBillboard
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
title="Transporte de Materiales Confiable y Eficiente"
description="Conectamos Monterrey y más allá. Tu carga segura, a tiempo y en las mejores manos. Solicita tu cotización hoy mismo."
buttons={[
{
text: "Cotiza tu Viaje",
href: "#contacto",
},
text: "Cotiza tu Viaje", href: "#contacto"},
]}
imageSrc="http://img.b2bpic.net/free-photo/white-dump-truck-driving-winter-highway-construction-logistics-transport_169016-71644.jpg"
imageAlt="Moderno camión de carga en carretera con el skyline de Monterrey de fondo"
imageSrc="http://img.b2bpic.net/free-photo/container-truck-racing-wet-highway-intermodal-logistics_169016-71354.jpg"
imageAlt="Camión de contenedores en carretera mojada visto de lado"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
alt: "Líder de Negocio Exitoso",
},
src: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg", alt: "Líder de Negocio Exitoso"},
{
src: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5370.jpg",
alt: "Hombre de Negocios en Espacio Moderno",
},
src: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5370.jpg", alt: "Hombre de Negocios en Espacio Moderno"},
{
src: "http://img.b2bpic.net/free-photo/concentrated-young-businessman-walking-near-business-center_171337-19782.jpg",
alt: "Joven Empresario Concentrado",
},
src: "http://img.b2bpic.net/free-photo/concentrated-young-businessman-walking-near-business-center_171337-19782.jpg", alt: "Joven Empresario Concentrado"},
{
src: "http://img.b2bpic.net/free-photo/man-button-up-his-jacket-smiles_23-2148401389.jpg",
alt: "Hombre Sonriendo",
},
src: "http://img.b2bpic.net/free-photo/man-button-up-his-jacket-smiles_23-2148401389.jpg", alt: "Hombre Sonriendo"},
{
src: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg",
alt: "Empresaria Exitosa Feliz",
},
src: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg", alt: "Empresaria Exitosa Feliz"},
]}
avatarText="+100 Clientes Satisfechos"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/heavy-truck-driving-winter-city-road-commercial-logistics-transport-concept_169016-71545.jpg",
alt: "Camión pesado en carretera invernal",
},
type: "image", src: "http://img.b2bpic.net/free-photo/heavy-truck-driving-winter-city-road-commercial-logistics-transport-concept_169016-71545.jpg", alt: "Camión pesado en carretera invernal"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/road-maintenance-vehicle-traffic-cones-highway-construction-zone-road-repair_169016-71758.jpg",
alt: "Vehículo de mantenimiento en zona de construcción",
},
type: "image", src: "http://img.b2bpic.net/free-photo/road-maintenance-vehicle-traffic-cones-highway-construction-zone-road-repair_169016-71758.jpg", alt: "Vehículo de mantenimiento en zona de construcción"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/container-truck-racing-wet-highway-intermodal-logistics_169016-71354.jpg",
alt: "Camión de contenedores en carretera mojada",
},
type: "image", src: "http://img.b2bpic.net/free-photo/container-truck-racing-wet-highway-intermodal-logistics_169016-71354.jpg", alt: "Camión de contenedores en carretera mojada"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/truck-speeding-through-urban-highway-supplychain-delivery_169016-71317.jpg",
alt: "Camión a gran velocidad en autopista urbana",
},
type: "image", src: "http://img.b2bpic.net/free-photo/truck-speeding-through-urban-highway-supplychain-delivery_169016-71317.jpg", alt: "Camión a gran velocidad en autopista urbana"},
{
type: "text",
text: "Entregas a Tiempo",
},
type: "text", text: "Entregas a Tiempo"},
{
type: "text",
text: "Carga Segura",
},
type: "text", text: "Carga Segura"},
]}
marqueeSpeed={40}
/>
@@ -136,20 +97,13 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Tu Socio Logístico en Monterrey",
},
type: "text", content: "Tu Socio Logístico en Monterrey"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/medium-shot-men-looking-truck_23-2149426488.jpg",
alt: "Mapa logístico de rutas en Monterrey",
},
type: "image", src: "http://img.b2bpic.net/free-photo/medium-shot-men-looking-truck_23-2149426488.jpg", alt: "Mapa logístico de rutas en Monterrey"},
]}
buttons={[
{
text: "Conoce Más",
href: "#servicios",
},
text: "Conoce Más", href: "#servicios"},
]}
/>
</div>
@@ -162,23 +116,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Transporte de Carga General",
description: "Movilizamos todo tipo de mercancías con eficiencia y máxima seguridad, adaptándonos a tus plazos de entrega.",
imageSrc: "http://img.b2bpic.net/free-photo/transport-logistics-concept_23-2151541895.jpg",
imageAlt: "Carga general paletizada en un almacén",
},
title: "Transporte de Carga General", description: "Movilizamos todo tipo de mercancías con eficiencia y máxima seguridad, adaptándonos a tus plazos de entrega.", imageSrc: "http://img.b2bpic.net/free-photo/transport-logistics-concept_23-2151541895.jpg", imageAlt: "Carga general paletizada en un almacén"},
{
title: "Movimiento de Maquinaria Pesada",
description: "Contamos con equipos especializados para el traslado seguro de maquinaria industrial y de construcción.",
imageSrc: "http://img.b2bpic.net/free-photo/white-dump-truck-winter-highway-open-sky-commercial-transport-motion_169016-71518.jpg",
imageAlt: "Maquinaria pesada siendo transportada en una plataforma de camión",
},
title: "Movimiento de Maquinaria Pesada", description: "Contamos con equipos especializados para el traslado seguro de maquinaria industrial y de construcción.", imageSrc: "http://img.b2bpic.net/free-photo/white-dump-truck-winter-highway-open-sky-commercial-transport-motion_169016-71518.jpg", imageAlt: "Maquinaria pesada siendo transportada en una plataforma de camión"},
{
title: "Logística para Materiales Especiales",
description: "Ofrecemos soluciones a medida para cargas que requieren manejo y condiciones de transporte particulares.",
imageSrc: "http://img.b2bpic.net/free-photo/small-business-owner-packing-product-parcel-boxes-delivery_53876-132035.jpg",
imageAlt: "Caja de carga especial con símbolos de manejo delicado",
},
title: "Logística para Materiales Especiales", description: "Ofrecemos soluciones a medida para cargas que requieren manejo y condiciones de transporte particulares.", imageSrc: "http://img.b2bpic.net/free-photo/small-business-owner-packing-product-parcel-boxes-delivery_53876-132035.jpg", imageAlt: "Caja de carga especial con símbolos de manejo delicado"},
]}
title="Nuestros Servicios Clave"
description="Ofrecemos soluciones flexibles para cada tipo de carga, garantizando la máxima eficiencia y seguridad en cada trayecto."
@@ -192,31 +134,16 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "1",
value: "15+",
title: "Años de Experiencia",
items: [
"Liderando la industria",
"Conocimiento experto",
],
id: "1", value: "15+", title: "Años de Experiencia", items: [
"Liderando la industria", "Conocimiento experto"],
},
{
id: "2",
value: "10K+",
title: "Viajes Completados",
items: [
"Entregas exitosas",
"Clientes satisfechos",
],
id: "2", value: "10K+", title: "Viajes Completados", items: [
"Entregas exitosas", "Clientes satisfechos"],
},
{
id: "3",
value: "98%",
title: "Eficiencia en Entregas",
items: [
"Puntualidad garantizada",
"Rutas optimizadas",
],
id: "3", value: "98%", title: "Eficiencia en Entregas", items: [
"Puntualidad garantizada", "Rutas optimizadas"],
},
]}
title="Confiabilidad en Cifras"
@@ -232,47 +159,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Plataformas Abiertas",
price: "Cotización",
imageSrc: "http://img.b2bpic.net/free-photo/forklift-operator-loading-cargo-while-working-warehouse-his-colleagues-are-background_637285-4210.jpg",
imageAlt: "Camión con plataforma abierta en carretera",
},
id: "p1", name: "Plataformas Abiertas", price: "Cotización", imageSrc: "http://img.b2bpic.net/free-photo/forklift-operator-loading-cargo-while-working-warehouse-his-colleagues-are-background_637285-4210.jpg", imageAlt: "Camión con plataforma abierta en carretera"},
{
id: "p2",
name: "Contenedores Cerrados",
price: "Cotización",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-american-truck-driver-casual-clothing-boots-standing-front-truck-vehicle-with-long-trailer_342744-1321.jpg",
imageAlt: "Camión con contenedor cerrado para transporte seguro",
},
id: "p2", name: "Contenedores Cerrados", price: "Cotización", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-american-truck-driver-casual-clothing-boots-standing-front-truck-vehicle-with-long-trailer_342744-1321.jpg", imageAlt: "Camión con contenedor cerrado para transporte seguro"},
{
id: "p3",
name: "Transporte Refrigerado",
price: "Cotización",
imageSrc: "http://img.b2bpic.net/free-photo/delivery-robot-futuristic-environment_23-2151189222.jpg",
imageAlt: "Camión refrigerado para productos perecederos",
},
id: "p3", name: "Transporte Refrigerado", price: "Cotización", imageSrc: "http://img.b2bpic.net/free-photo/delivery-robot-futuristic-environment_23-2151189222.jpg", imageAlt: "Camión refrigerado para productos perecederos"},
{
id: "p4",
name: "Cargas Sobredimensionadas",
price: "Cotización",
imageSrc: "http://img.b2bpic.net/free-photo/beard-worker-man-suit-construction-worker-safety-orange-helmet-against-dump-truck-with-hammer-adjustable-wrench-hand_627829-11393.jpg",
imageAlt: "Camión transportando una carga sobredimensionada",
},
id: "p4", name: "Cargas Sobredimensionadas", price: "Cotización", imageSrc: "http://img.b2bpic.net/free-photo/beard-worker-man-suit-construction-worker-safety-orange-helmet-against-dump-truck-with-hammer-adjustable-wrench-hand_627829-11393.jpg", imageAlt: "Camión transportando una carga sobredimensionada"},
{
id: "p5",
name: "Servicios de Última Milla",
price: "Cotización",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-wearing-mask_23-2149103432.jpg",
imageAlt: "Furgoneta de reparto para servicios de última milla",
},
id: "p5", name: "Servicios de Última Milla", price: "Cotización", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-wearing-mask_23-2149103432.jpg", imageAlt: "Furgoneta de reparto para servicios de última milla"},
{
id: "p6",
name: "Logística Express",
price: "Cotización",
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-wearing-yellow-cap_23-2148593128.jpg",
imageAlt: "Camión rápido para logística express en carretera",
},
id: "p6", name: "Logística Express", price: "Cotización", imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-wearing-yellow-cap_23-2148593128.jpg", imageAlt: "Camión rápido para logística express en carretera"},
]}
title="Tipos de Carga y Flotas"
description="Contamos con una flota diversa y personal especializado para manejar cualquier tipo de material, desde bienes de consumo hasta maquinaria industrial."
@@ -286,49 +183,19 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Ana G. Fernández",
role: "Directora de Operaciones, LogisticsPro",
testimonial: "Transportes Monterrey siempre excede nuestras expectativas. Su eficiencia y atención al detalle son inigualables. ¡Un socio logístico de confianza!",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg",
imageAlt: "Ana G. Fernández",
icon: Quote,
id: "t1", name: "Ana G. Fernández", role: "Directora de Operaciones, LogisticsPro", testimonial: "Transportes Monterrey siempre excede nuestras expectativas. Su eficiencia y atención al detalle son inigualables. ¡Un socio logístico de confianza!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg", imageAlt: "Ana G. Fernández", icon: Quote,
},
{
id: "t2",
name: "Carlos M. Soto",
role: "Gerente de Compras, Constructora Élite",
testimonial: "El movimiento de nuestra maquinaria pesada es crítico. Con ellos, sabemos que cada pieza llegará a salvo y a tiempo. Excelente servicio.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
imageAlt: "Carlos M. Soto",
icon: Quote,
id: "t2", name: "Carlos M. Soto", role: "Gerente de Compras, Constructora Élite", testimonial: "El movimiento de nuestra maquinaria pesada es crítico. Con ellos, sabemos que cada pieza llegará a salvo y a tiempo. Excelente servicio.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", imageAlt: "Carlos M. Soto", icon: Quote,
},
{
id: "t3",
name: "Sofía L. Ramos",
role: "Jefa de Supply Chain, Distribuciones MX",
testimonial: "Necesitábamos un socio que entendiera nuestras rutas complejas y plazos ajustados. Transportes Monterrey lo hizo posible sin problemas.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
imageAlt: "Sofía L. Ramos",
icon: Quote,
id: "t3", name: "Sofía L. Ramos", role: "Jefa de Supply Chain, Distribuciones MX", testimonial: "Necesitábamos un socio que entendiera nuestras rutas complejas y plazos ajustados. Transportes Monterrey lo hizo posible sin problemas.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", imageAlt: "Sofía L. Ramos", icon: Quote,
},
{
id: "t4",
name: "Jorge A. Valdez",
role: "CEO, AgroIndustrias del Norte",
testimonial: "Para nuestros productos perecederos, el transporte refrigerado es vital. Su flota y personal son de primer nivel, garantizando la frescura.",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-helpline-employee-working-call-center-reception-with-multiple-monitors-male-operator-using-telecommunication-help-clients-customer-service-support-remote-network_482257-44585.jpg",
imageAlt: "Jorge A. Valdez",
icon: Quote,
id: "t4", name: "Jorge A. Valdez", role: "CEO, AgroIndustrias del Norte", testimonial: "Para nuestros productos perecederos, el transporte refrigerado es vital. Su flota y personal son de primer nivel, garantizando la frescura.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-helpline-employee-working-call-center-reception-with-multiple-monitors-male-operator-using-telecommunication-help-clients-customer-service-support-remote-network_482257-44585.jpg", imageAlt: "Jorge A. Valdez", icon: Quote,
},
{
id: "t5",
name: "Mariana E. Ruiz",
role: "Coordinadora de Proyectos, InnovaTech",
testimonial: "Desde cargas delicadas hasta entregas urgentes, su equipo demuestra profesionalismo y adaptabilidad. ¡Totalmente recomendados!",
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-scene-with-warehouse-logistics-operations_23-2151468911.jpg",
imageAlt: "Mariana E. Ruiz",
icon: Quote,
id: "t5", name: "Mariana E. Ruiz", role: "Coordinadora de Proyectos, InnovaTech", testimonial: "Desde cargas delicadas hasta entregas urgentes, su equipo demuestra profesionalismo y adaptabilidad. ¡Totalmente recomendados!", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-scene-with-warehouse-logistics-operations_23-2151468911.jpg", imageAlt: "Mariana E. Ruiz", icon: Quote,
},
]}
title="Lo que Dicen Nuestros Clientes"
@@ -341,14 +208,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"LogisticsPro",
"Constructora Élite",
"Distribuciones MX",
"AgroIndustrias del Norte",
"InnovaTech",
"Global Freight",
"Urban Delivery Solutions",
]}
"LogisticsPro", "Constructora Élite", "Distribuciones MX", "AgroIndustrias del Norte", "InnovaTech", "Global Freight", "Urban Delivery Solutions"]}
title="Nuestros Aliados Estratégicos"
description="Trabajamos con empresas líderes para ofrecerte el mejor servicio y expandir nuestras capacidades logísticas."
/>
@@ -360,30 +220,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "¿Cómo solicito una cotización?",
content: "Puedes solicitar una cotización directamente desde nuestra sección de contacto llenando el formulario o llamándonos a nuestro número de atención al cliente.",
},
id: "faq1", title: "¿Cómo solicito una cotización?", content: "Puedes solicitar una cotización directamente desde nuestra sección de contacto llenando el formulario o llamándonos a nuestro número de atención al cliente."},
{
id: "faq2",
title: "¿Qué tipos de materiales pueden transportar?",
content: "Transportamos una amplia gama de materiales, desde carga general paletizada hasta maquinaria pesada y productos que requieren condiciones especiales (refrigeración, cargas sobredimensionadas).",
},
id: "faq2", title: "¿Qué tipos de materiales pueden transportar?", content: "Transportamos una amplia gama de materiales, desde carga general paletizada hasta maquinaria pesada y productos que requieren condiciones especiales (refrigeración, cargas sobredimensionadas)."},
{
id: "faq3",
title: "¿Realizan envíos fuera de Monterrey?",
content: "Sí, aunque nuestra base está en Monterrey, ofrecemos servicios de transporte regional y nacional, conectando diversos puntos del país.",
},
id: "faq3", title: "¿Realizan envíos fuera de Monterrey?", content: "Sí, aunque nuestra base está en Monterrey, ofrecemos servicios de transporte regional y nacional, conectando diversos puntos del país."},
{
id: "faq4",
title: "¿Cuál es su política de seguridad de carga?",
content: "Implementamos estrictos protocolos de seguridad, monitoreo en tiempo real y seguros de carga para garantizar la integridad de tus materiales desde la recolección hasta la entrega.",
},
id: "faq4", title: "¿Cuál es su política de seguridad de carga?", content: "Implementamos estrictos protocolos de seguridad, monitoreo en tiempo real y seguros de carga para garantizar la integridad de tus materiales desde la recolección hasta la entrega."},
{
id: "faq5",
title: "¿Ofrecen servicio de transporte urgente?",
content: "Sí, contamos con opciones de logística express para aquellos envíos que requieren una entrega prioritaria y tiempos de tránsito reducidos.",
},
id: "faq5", title: "¿Ofrecen servicio de transporte urgente?", content: "Sí, contamos con opciones de logística express para aquellos envíos que requieren una entrega prioritaria y tiempos de tránsito reducidos."},
]}
title="Preguntas Frecuentes"
description="Resolvemos tus dudas más comunes sobre nuestros servicios de transporte y logística."
@@ -395,8 +240,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "rotated-rays-static-grid",
}}
variant: "rotated-rays-static-grid"}}
tag="Contacto"
title="¿Listo para Cotizar tu Próximo Envío?"
description="Envíanos tus detalles y nuestro equipo se pondrá en contacto contigo a la brevedad para ofrecerte la mejor solución de transporte y una cotización personalizada."
@@ -409,54 +253,33 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Servicios",
items: [
title: "Servicios", items: [
{
label: "Carga General",
href: "#servicios",
},
label: "Carga General", href: "#servicios"},
{
label: "Maquinaria Pesada",
href: "#servicios",
},
label: "Maquinaria Pesada", href: "#servicios"},
{
label: "Materiales Especiales",
href: "#servicios",
},
label: "Materiales Especiales", href: "#servicios"},
],
},
{
title: "Empresa",
items: [
title: "Empresa", items: [
{
label: "Sobre Nosotros",
href: "#nosotros",
},
label: "Sobre Nosotros", href: "#nosotros"},
{
label: "Métricas",
href: "#metricas",
},
label: "Métricas", href: "#metricas"},
{
label: "Testimonios",
href: "#testimonios",
},
label: "Testimonios", href: "#testimonios"},
],
},
{
title: "Ayuda",
items: [
title: "Ayuda", items: [
{
label: "Preguntas Frecuentes",
href: "#faqs",
},
label: "Preguntas Frecuentes", href: "#faqs"},
{
label: "Cotizar",
href: "#contacto",
},
label: "Cotizar", href: "#contacto"},
{
label: "Contacto",
href: "#contacto",
},
label: "Contacto", href: "#contacto"},
],
},
]}
@@ -467,4 +290,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #1a1a1a;
--primary-cta: #e63946;
--background: #000000;
--card: #0c0c0c;
--foreground: #ffffff;
--primary-cta: #106EFB;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #000000;
--secondary-cta-text: #1a1a1a;
--accent: #e63946;
--background-accent: #e2e2e2;
--accent: #535353;
--background-accent: #106EFB;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);