Merge version_1 into main #2
196
src/app/page.tsx
196
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Flota",
|
||||
id: "products",
|
||||
},
|
||||
name: "Flota", id: "products"},
|
||||
{
|
||||
name: "Preguntas",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Preguntas", id: "faq"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="TrailBlaze Rentals"
|
||||
/>
|
||||
@@ -58,15 +50,11 @@ export default function LandingPage() {
|
||||
description="Explora terrenos indómitos con nuestra flota exclusiva de Can-Am y RZR. Agenda tu aventura hoy mismo."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Flota",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Ver Flota", href: "#products"},
|
||||
{
|
||||
text: "Reservar Ahora",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reservar Ahora", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/details-atv-quad-bike-close-up_93675-134971.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/details-atv-quad-bike-close-up_93675-134971.jpg"
|
||||
imageAlt="Can-Am Maverick in action"
|
||||
/>
|
||||
</div>
|
||||
@@ -76,9 +64,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Pasión por la Adrenalina"
|
||||
description={[
|
||||
"En TrailBlaze, no solo rentamos vehículos, entregamos experiencias inigualables en los senderos más desafiantes.",
|
||||
"Contamos con los modelos más recientes, mantenimiento riguroso y los mejores precios para tu próxima excursión.",
|
||||
]}
|
||||
"En TrailBlaze, no solo rentamos vehículos, entregamos experiencias inigualables en los senderos más desafiantes.", "Contamos con los modelos más recientes, mantenimiento riguroso y los mejores precios para tu próxima excursión."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -90,47 +76,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Can-Am Maverick X3",
|
||||
price: "$3,500/día",
|
||||
variant: "Racing Edition",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-age-biker-sports-jacket-holds-motorcycle-helmet-grey-background_613910-12160.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Can-Am Maverick X3", price: "$3,500/día", variant: "Racing Edition", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-age-biker-sports-jacket-holds-motorcycle-helmet-grey-background_613910-12160.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "RZR XP Turbo",
|
||||
price: "$3,200/día",
|
||||
variant: "Sport Edition",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-view-off-road-car-with-nature-terrain-weather-conditions_23-2151430053.jpg",
|
||||
},
|
||||
id: "2", name: "RZR XP Turbo", price: "$3,200/día", variant: "Sport Edition", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-view-off-road-car-with-nature-terrain-weather-conditions_23-2151430053.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Can-Am Defender",
|
||||
price: "$2,800/día",
|
||||
variant: "Work Utility",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car_23-2150796870.jpg",
|
||||
},
|
||||
id: "3", name: "Can-Am Defender", price: "$2,800/día", variant: "Work Utility", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car_23-2150796870.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "RZR RS1 Racing",
|
||||
price: "$3,800/día",
|
||||
variant: "Pro Edition",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-karting-with-car_1157-24783.jpg",
|
||||
},
|
||||
id: "4", name: "RZR RS1 Racing", price: "$3,800/día", variant: "Pro Edition", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-karting-with-car_1157-24783.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Can-Am Commander",
|
||||
price: "$3,000/día",
|
||||
variant: "Trail Utility",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-view-off-road-car-with-nature-terrain-weather-conditions_23-2151430042.jpg",
|
||||
},
|
||||
id: "5", name: "Can-Am Commander", price: "$3,000/día", variant: "Trail Utility", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-view-off-road-car-with-nature-terrain-weather-conditions_23-2151430042.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "RZR Trail S",
|
||||
price: "$2,500/día",
|
||||
variant: "Compact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crossroad-car-safari-scene_23-2151822332.jpg",
|
||||
},
|
||||
id: "6", name: "RZR Trail S", price: "$2,500/día", variant: "Compact", imageSrc: "http://img.b2bpic.net/free-photo/crossroad-car-safari-scene_23-2151822332.jpg"},
|
||||
]}
|
||||
title="Nuestra Flota Elite"
|
||||
description="Vehículos de alto desempeño listos para cualquier terreno."
|
||||
@@ -144,49 +100,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Agendado Inteligente",
|
||||
description: "Sistema de apartado en línea para asegurar tu fecha preferida sin complicaciones.",
|
||||
icon: Calendar,
|
||||
title: "Agendado Inteligente", description: "Sistema de apartado en línea para asegurar tu fecha preferida sin complicaciones.", icon: Calendar,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-calendar-with-stationery-items_23-2148693401.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-calendar-with-stationery-items_23-2148693401.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-agenda-schedule-concept_53876-133696.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-agenda-schedule-concept_53876-133696.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/details-atv-quad-bike-close-up_93675-134971.jpg?_wi=2",
|
||||
imageAlt: "mobile rental booking interface",
|
||||
},
|
||||
{
|
||||
title: "Equipo de Seguridad",
|
||||
description: "Cascos de alta calidad y protocolos estrictos de protección incluidos.",
|
||||
icon: ShieldCheck,
|
||||
title: "Equipo de Seguridad", description: "Cascos de alta calidad y protocolos estrictos de protección incluidos.", icon: ShieldCheck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exhaust-pipe-atv-car-close-up_93675-134871.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exhaust-pipe-atv-car-close-up_93675-134871.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-salesman-gives-sale-contract-clients-sign-after-offering-vehicle-keys_482257-113147.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-salesman-gives-sale-contract-clients-sign-after-offering-vehicle-keys_482257-113147.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hiking-backpack-made-durable-leather-material-generated-by-ai_188544-17449.jpg",
|
||||
imageAlt: "mobile rental booking interface",
|
||||
},
|
||||
{
|
||||
title: "Rutas Exclusivas",
|
||||
description: "Acceso a senderos de montaña y desierto con GPS precargado.",
|
||||
icon: MapPin,
|
||||
title: "Rutas Exclusivas", description: "Acceso a senderos de montaña y desierto con GPS precargado.", icon: MapPin,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-road-middle-green-trees_422131-106.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-road-middle-green-trees_422131-106.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-boy-standing-with-binoculars_23-2147770328.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-boy-standing-with-binoculars_23-2147770328.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-age-biker-sports-jacket-holds-motorcycle-helmet-grey-background_613910-12160.jpg?_wi=2",
|
||||
imageAlt: "mobile rental booking interface",
|
||||
},
|
||||
]}
|
||||
title="Seguridad y Tecnología"
|
||||
@@ -200,45 +138,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Experiencia brutal",
|
||||
quote: "Los mejores vehículos, impecables y la ruta sugerida fue la mejor parte.",
|
||||
name: "Carlos M.",
|
||||
role: "Fan de los RZR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-summer-forest_1157-23218.jpg",
|
||||
},
|
||||
id: "1", title: "Experiencia brutal", quote: "Los mejores vehículos, impecables y la ruta sugerida fue la mejor parte.", name: "Carlos M.", role: "Fan de los RZR", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-summer-forest_1157-23218.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Todo fácil",
|
||||
quote: "El apartado en línea es súper intuitivo, ¡muy recomendable!",
|
||||
name: "Ana G.",
|
||||
role: "Aventurera",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hunter-elegant-clothes-holds-shotgun-sits-together-with-his-beagle-dog-while-leaning-against-retro-military-car-forest_613910-3992.jpg",
|
||||
},
|
||||
id: "2", title: "Todo fácil", quote: "El apartado en línea es súper intuitivo, ¡muy recomendable!", name: "Ana G.", role: "Aventurera", imageSrc: "http://img.b2bpic.net/free-photo/hunter-elegant-clothes-holds-shotgun-sits-together-with-his-beagle-dog-while-leaning-against-retro-military-car-forest_613910-3992.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Adrenalina pura",
|
||||
quote: "Can-Am Maverick es una bestia en el desierto. Excelente mantenimiento.",
|
||||
name: "Luis F.",
|
||||
role: "Piloto aficionado",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151483094.jpg",
|
||||
},
|
||||
id: "3", title: "Adrenalina pura", quote: "Can-Am Maverick es una bestia en el desierto. Excelente mantenimiento.", name: "Luis F.", role: "Piloto aficionado", imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151483094.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Servicio de 10",
|
||||
quote: "El staff nos ayudó con todo, equipo de seguridad top y rutas increíbles.",
|
||||
name: "Sofía P.",
|
||||
role: "Viajera",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-travelling-quad-with-map_1303-10022.jpg",
|
||||
},
|
||||
id: "4", title: "Servicio de 10", quote: "El staff nos ayudó con todo, equipo de seguridad top y rutas increíbles.", name: "Sofía P.", role: "Viajera", imageSrc: "http://img.b2bpic.net/free-photo/woman-travelling-quad-with-map_1303-10022.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Regresaré pronto",
|
||||
quote: "La mejor forma de pasar el fin de semana. Precios justos.",
|
||||
name: "Javier R.",
|
||||
role: "Cliente frecuente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151482967.jpg",
|
||||
},
|
||||
id: "5", title: "Regresaré pronto", quote: "La mejor forma de pasar el fin de semana. Precios justos.", name: "Javier R.", role: "Cliente frecuente", imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151482967.jpg"},
|
||||
]}
|
||||
title="Ellos ya conquistaron el camino"
|
||||
description="Descubre por qué nuestros clientes regresan por más adrenalina."
|
||||
@@ -251,25 +159,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "¿Qué necesito para rentar?",
|
||||
content: "Identificación oficial, licencia de conducir vigente y un depósito de seguridad.",
|
||||
},
|
||||
id: "1", title: "¿Qué necesito para rentar?", content: "Identificación oficial, licencia de conducir vigente y un depósito de seguridad."},
|
||||
{
|
||||
id: "2",
|
||||
title: "¿Puedo cancelar mi cita?",
|
||||
content: "Sí, cancelaciones hasta 48 horas antes sin penalización.",
|
||||
},
|
||||
id: "2", title: "¿Puedo cancelar mi cita?", content: "Sí, cancelaciones hasta 48 horas antes sin penalización."},
|
||||
{
|
||||
id: "3",
|
||||
title: "¿El combustible está incluido?",
|
||||
content: "Entregamos el vehículo con tanque lleno y debes devolverlo igual.",
|
||||
},
|
||||
id: "3", title: "¿El combustible está incluido?", content: "Entregamos el vehículo con tanque lleno y debes devolverlo igual."},
|
||||
{
|
||||
id: "4",
|
||||
title: "¿Hay seguro de daños?",
|
||||
content: "Contamos con paquetes de protección básica y total disponible al momento del contrato.",
|
||||
},
|
||||
id: "4", title: "¿Hay seguro de daños?", content: "Contamos con paquetes de protección básica y total disponible al momento del contrato."},
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Todo lo que necesitas saber antes de tu gran aventura."
|
||||
@@ -284,34 +180,18 @@ export default function LandingPage() {
|
||||
description="Selecciona el vehículo, la fecha y asegura tu lugar ahora mismo."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nombre completo",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Nombre completo"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Correo electrónico",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Correo electrónico"},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Fecha deseada",
|
||||
},
|
||||
name: "date", type: "date", placeholder: "Fecha deseada"},
|
||||
]}
|
||||
multiSelect={{
|
||||
name: "vehicle",
|
||||
label: "Selecciona vehículo",
|
||||
options: [
|
||||
"Can-Am Maverick X3",
|
||||
"RZR XP Turbo",
|
||||
"Can-Am Defender",
|
||||
],
|
||||
name: "vehicle", label: "Selecciona vehículo", options: [
|
||||
"Can-Am Maverick X3", "RZR XP Turbo", "Can-Am Defender"],
|
||||
}}
|
||||
textarea={{
|
||||
name: "msg",
|
||||
placeholder: "Dudas adicionales...",
|
||||
}}
|
||||
name: "msg", placeholder: "Dudas adicionales..."}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-pointing-while-traveling-vehicle_107420-9767.jpg"
|
||||
buttonText="Apartar Fecha"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user