Merge version_1 into main #1
242
src/app/page.tsx
242
src/app/page.tsx
@@ -30,89 +30,40 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Destinos",
|
||||
id: "destinations",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Servicios", id: "features" },
|
||||
{ name: "Destinos", id: "destinations" },
|
||||
{ name: "Contacto", id: "contact" }
|
||||
]}
|
||||
brandName="Campana Dos S.A."
|
||||
button={{ text: "Contáctanos", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Safe transportation across Patagonia"
|
||||
description="Over 30 years connecting people, destinations, and companies."
|
||||
buttons={[
|
||||
{
|
||||
text: "Consultar tickets",
|
||||
href: "#destinations",
|
||||
},
|
||||
{
|
||||
text: "Enviar paquetes",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Consultar tickets", href: "#destinations" },
|
||||
{ text: "Enviar paquetes", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colorado-river-nevada-usa_1268-14389.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/large-passenger-bus-driving-winter-road-public-transport-motion_169016-71549.jpg",
|
||||
alt: "Large passenger bus driving on winter road",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582412.jpg",
|
||||
alt: "Male bus driver posing",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rv-road-trip-through-mountains_23-2151948165.jpg",
|
||||
alt: "Rv road trip through mountains",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-highway-through-mountains_1359-496.jpg",
|
||||
alt: "Modern highway through mountains",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582459.jpg",
|
||||
alt: "Male bus driver professional portrait",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/large-passenger-bus-driving-winter-road-public-transport-motion_169016-71549.jpg", alt: "Large passenger bus driving on winter road" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582412.jpg", alt: "Male bus driver posing" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/rv-road-trip-through-mountains_23-2151948165.jpg", alt: "Rv road trip through mountains" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-highway-through-mountains_1359-496.jpg", alt: "Modern highway through mountains" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582459.jpg", alt: "Male bus driver professional portrait" }
|
||||
]}
|
||||
avatarText="Trusted by thousands of travelers annually"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "30+ Años de trayectoria",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Flota moderna y segura",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Conectividad total",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Puntualidad garantizada",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Servicio corporativo premium",
|
||||
},
|
||||
{ type: "text", text: "30+ Años de trayectoria" },
|
||||
{ type: "text", text: "Flota moderna y segura" },
|
||||
{ type: "text", text: "Conectividad total" },
|
||||
{ type: "text", text: "Puntualidad garantizada" },
|
||||
{ type: "text", text: "Servicio corporativo premium" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,21 +74,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Pasajes",
|
||||
description: "Viaja cómodo y seguro a los principales destinos de la región.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-transport-paper-style-composition_23-2149003875.jpg",
|
||||
},
|
||||
{
|
||||
title: "Encomiendas",
|
||||
description: "Servicio de logística confiable para tus envíos y paquetes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-delivery-car-deliver-express-with-cardboard-boxes-cartoon-shipping-transportation-concept-white-website-banner-background-3d-rendering_56104-1912.jpg",
|
||||
},
|
||||
{
|
||||
title: "Empresas",
|
||||
description: "Transporte especializado para el sector industrial y corporativo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/train-station-city-life-with-car-icon_53876-120988.jpg",
|
||||
},
|
||||
{ title: "Pasajes", description: "Viaja cómodo y seguro a los principales destinos de la región.", imageSrc: "http://img.b2bpic.net/free-photo/urban-transport-paper-style-composition_23-2149003875.jpg" },
|
||||
{ title: "Encomiendas", description: "Servicio de logística confiable para tus envíos y paquetes.", imageSrc: "http://img.b2bpic.net/free-photo/red-delivery-car-deliver-express-with-cardboard-boxes-cartoon-shipping-transportation-concept-white-website-banner-background-3d-rendering_56104-1912.jpg" },
|
||||
{ title: "Empresas", description: "Transporte especializado para el sector industrial y corporativo.", imageSrc: "http://img.b2bpic.net/free-photo/train-station-city-life-with-car-icon_53876-120988.jpg" }
|
||||
]}
|
||||
title="Nuestros Servicios"
|
||||
description="Soluciones integrales de transporte para personas y empresas."
|
||||
@@ -151,42 +90,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Neuquén",
|
||||
price: "Desde $15.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-traffic-london-city_23-2149437455.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Centenario",
|
||||
price: "Desde $5.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-empty-football-locker-room_23-2150885817.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Zapala",
|
||||
price: "Desde $22.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/one-working-day-modern-automatic-bus-manufacturing-with-unfinished-cars-workers-protective-uniform-automotive-parts-background_645730-273.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Villa Pehuenia",
|
||||
price: "Desde $35.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-seats-modern-airplane-interior_181624-27151.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "San Martín",
|
||||
price: "Desde $40.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-new-car_1232-1708.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Bariloche",
|
||||
price: "Desde $55.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-posing-retro-style-with-car_23-2149525901.jpg",
|
||||
},
|
||||
{ id: "1", name: "Neuquén", price: "Desde $15.000", imageSrc: "http://img.b2bpic.net/free-photo/view-traffic-london-city_23-2149437455.jpg" },
|
||||
{ id: "2", name: "Centenario", price: "Desde $5.000", imageSrc: "http://img.b2bpic.net/free-photo/view-empty-football-locker-room_23-2150885817.jpg" },
|
||||
{ id: "3", name: "Zapala", price: "Desde $22.000", imageSrc: "http://img.b2bpic.net/free-photo/one-working-day-modern-automatic-bus-manufacturing-with-unfinished-cars-workers-protective-uniform-automotive-parts-background_645730-273.jpg" },
|
||||
{ id: "4", name: "Villa Pehuenia", price: "Desde $35.000", imageSrc: "http://img.b2bpic.net/free-photo/brown-seats-modern-airplane-interior_181624-27151.jpg" },
|
||||
{ id: "5", name: "San Martín", price: "Desde $40.000", imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-new-car_1232-1708.jpg" },
|
||||
{ id: "6", name: "Bariloche", price: "Desde $55.000", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-posing-retro-style-with-car_23-2149525901.jpg" }
|
||||
]}
|
||||
title="Nuestros Destinos"
|
||||
description="Conectamos las principales ciudades de Neuquén y la Patagonia."
|
||||
@@ -199,30 +108,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Seguridad ante todo",
|
||||
value: "100%",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Puntualidad",
|
||||
value: "99%",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Años de experiencia",
|
||||
value: "30+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
title: "Flota moderna",
|
||||
value: "Premium",
|
||||
icon: Car,
|
||||
},
|
||||
{ id: "m1", title: "Seguridad ante todo", value: "100%", icon: Shield },
|
||||
{ id: "m2", title: "Puntualidad", value: "99%", icon: Clock },
|
||||
{ id: "m3", title: "Años de experiencia", value: "30+", icon: Award },
|
||||
{ id: "m4", title: "Flota moderna", value: "Premium", icon: Car }
|
||||
]}
|
||||
title="Por qué elegirnos"
|
||||
description="Más de tres décadas de trayectoria avalan nuestra excelencia."
|
||||
@@ -234,8 +123,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Nuestra Flota"
|
||||
description={[
|
||||
"Contamos con unidades de última generación equipadas con todo el confort necesario para viajes de larga distancia.",
|
||||
"Nuestro enfoque está puesto en la seguridad, la ergonomía y la tecnología de vanguardia.",
|
||||
"Contamos con unidades de última generación equipadas con todo el confort necesario para viajes de larga distancia.", "Nuestro enfoque está puesto en la seguridad, la ergonomía y la tecnología de vanguardia."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -245,8 +133,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Servicios Corporativos"
|
||||
description={[
|
||||
"Especialistas en transporte para el sector Oil & Gas.",
|
||||
"Garantizamos traslados eficientes, seguros y adaptados a las necesidades operativas de su empresa en la región.",
|
||||
"Especialistas en transporte para el sector Oil & Gas.", "Garantizamos traslados eficientes, seguros y adaptados a las necesidades operativas de su empresa en la región."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -254,9 +141,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Soporte 24/7"
|
||||
title="Contáctanos"
|
||||
description="Estamos disponibles para responder tus dudas y gestionar tus reservas por WhatsApp o correo."
|
||||
@@ -268,56 +153,29 @@ export default function LandingPage() {
|
||||
logoText="Campana Dos S.A."
|
||||
columns={[
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Nuestra Flota",
|
||||
href: "#fleet",
|
||||
},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Empresa", items: [
|
||||
{ label: "Nosotros", href: "#" },
|
||||
{ label: "Nuestra Flota", href: "#fleet" },
|
||||
{ label: "Contacto", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Servicios",
|
||||
items: [
|
||||
{
|
||||
label: "Pasajes",
|
||||
href: "#destinations",
|
||||
},
|
||||
{
|
||||
label: "Encomiendas",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Servicios Corporativos",
|
||||
href: "#corporate",
|
||||
},
|
||||
],
|
||||
title: "Servicios", items: [
|
||||
{ label: "Pasajes", href: "#destinations" },
|
||||
{ label: "Encomiendas", href: "#features" },
|
||||
{ label: "Servicios Corporativos", href: "#corporate" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacidad", href: "#" },
|
||||
{ label: "Términos", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user