Update src/app/page.tsx
This commit is contained in:
134
src/app/page.tsx
134
src/app/page.tsx
@@ -28,22 +28,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Bicicletas",
|
||||
id: "/catalogo",
|
||||
},
|
||||
{
|
||||
name: "Accesorios",
|
||||
id: "/accesorios",
|
||||
},
|
||||
{
|
||||
name: "Protecciones",
|
||||
id: "/protecciones",
|
||||
},
|
||||
{
|
||||
name: "Ropa",
|
||||
id: "/ropa",
|
||||
},
|
||||
{ name: "Inicio", id: "/" },
|
||||
{ name: "Bicicletas", id: "/catalogo" },
|
||||
{ name: "Accesorios", id: "/accesorios" },
|
||||
{ name: "Protecciones", id: "/protecciones" },
|
||||
{ name: "Ropa", id: "/ropa" },
|
||||
]}
|
||||
brandName="bcollctive"
|
||||
/>
|
||||
@@ -52,47 +41,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="bcollctive"
|
||||
description="Pasión por el camino. Encuentra tu próxima aventura en nuestra tienda de ciclismo especializada en CDMX."
|
||||
buttons={[
|
||||
{
|
||||
text: "Comprar Ahora",
|
||||
href: "/catalogo",
|
||||
},
|
||||
text: "Comprar Ahora", href: "/catalogo"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866650.jpg?_wi=1",
|
||||
imageAlt: "Bicycle Shop Interior",
|
||||
},
|
||||
id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866650.jpg?_wi=1", imageAlt: "Bicycle Shop Interior"},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-riding-dirt-bike_23-2151493439.jpg?_wi=1",
|
||||
imageAlt: "Enduro Bike",
|
||||
},
|
||||
id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/man-riding-dirt-bike_23-2151493439.jpg?_wi=1", imageAlt: "Enduro Bike"},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sideways-shot-attractive-happy-young-european-cyclist-protective-equipment-sitting-tree-with-his-two-wheeled-motor-powered-vehicle-contemplating-amazing-wild-nature-around-him_273609-285.jpg?_wi=1",
|
||||
imageAlt: "Trail Bike",
|
||||
},
|
||||
id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/sideways-shot-attractive-happy-young-european-cyclist-protective-equipment-sitting-tree-with-his-two-wheeled-motor-powered-vehicle-contemplating-amazing-wild-nature-around-him_273609-285.jpg?_wi=1", imageAlt: "Trail Bike"},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyclist-riding-bicycle-nature_23-2150815941.jpg?_wi=1",
|
||||
imageAlt: "Road Bike",
|
||||
},
|
||||
id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/cyclist-riding-bicycle-nature_23-2150815941.jpg?_wi=1", imageAlt: "Road Bike"},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866650.jpg?_wi=2",
|
||||
imageAlt: "Bike Shop 2",
|
||||
},
|
||||
id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866650.jpg?_wi=2", imageAlt: "Bike Shop 2"},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-riding-dirt-bike_23-2151493439.jpg?_wi=2",
|
||||
imageAlt: "Enduro Action",
|
||||
},
|
||||
id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/man-riding-dirt-bike_23-2151493439.jpg?_wi=2", imageAlt: "Enduro Action"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,23 +73,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Enduro",
|
||||
price: "Explorar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-riding-dirt-bike_23-2151493439.jpg?_wi=3",
|
||||
},
|
||||
id: "p1", name: "Enduro", price: "Explorar", imageSrc: "http://img.b2bpic.net/free-photo/man-riding-dirt-bike_23-2151493439.jpg?_wi=3"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Trail",
|
||||
price: "Explorar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sideways-shot-attractive-happy-young-european-cyclist-protective-equipment-sitting-tree-with-his-two-wheeled-motor-powered-vehicle-contemplating-amazing-wild-nature-around-him_273609-285.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Trail", price: "Explorar", imageSrc: "http://img.b2bpic.net/free-photo/sideways-shot-attractive-happy-young-european-cyclist-protective-equipment-sitting-tree-with-his-two-wheeled-motor-powered-vehicle-contemplating-amazing-wild-nature-around-him_273609-285.jpg?_wi=2"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ruta",
|
||||
price: "Explorar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyclist-riding-bicycle-nature_23-2150815941.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Ruta", price: "Explorar", imageSrc: "http://img.b2bpic.net/free-photo/cyclist-riding-bicycle-nature_23-2150815941.jpg?_wi=2"},
|
||||
]}
|
||||
title="Elige tu Estilo"
|
||||
description="Descubre la gama perfecta para tu terreno."
|
||||
@@ -134,9 +90,7 @@ export default function LandingPage() {
|
||||
title="Más que una tienda, una comunidad"
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver en Maps",
|
||||
href: "https://www.google.com/maps/search/?api=1&query=05500+Ciudad+de+Mexico+CDMX",
|
||||
},
|
||||
text: "Ver en Maps", href: "https://www.google.com/maps/search/?api=1&query=05500+Ciudad+de+Mexico+CDMX"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -150,25 +104,9 @@ export default function LandingPage() {
|
||||
description="Consejos, rutas y actualizaciones de la comunidad."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Rutas",
|
||||
title: "Mejores senderos en CDMX",
|
||||
excerpt: "Descubre las mejores rutas para rodar este fin de semana.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sideways-shot-attractive-happy-young-european-cyclist-protective-equipment-sitting-tree-with-his-two-wheeled-motor-powered-vehicle-contemplating-amazing-wild-nature-around-him_273609-285.jpg?_wi=3",
|
||||
authorName: "bcollctive",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866650.jpg",
|
||||
date: "15 Mayo",
|
||||
},
|
||||
id: "b1", category: "Rutas", title: "Mejores senderos en CDMX", excerpt: "Descubre las mejores rutas para rodar este fin de semana.", imageSrc: "http://img.b2bpic.net/free-photo/sideways-shot-attractive-happy-young-european-cyclist-protective-equipment-sitting-tree-with-his-two-wheeled-motor-powered-vehicle-contemplating-amazing-wild-nature-around-him_273609-285.jpg?_wi=3", authorName: "bcollctive", authorAvatar: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866650.jpg", date: "15 Mayo"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Mantenimiento",
|
||||
title: "Cuida tu transmisión",
|
||||
excerpt: "La guía definitiva para mantener tu bicicleta al máximo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-riding-dirt-bike_23-2151493439.jpg?_wi=4",
|
||||
authorName: "bcollctive",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866650.jpg",
|
||||
date: "10 Mayo",
|
||||
},
|
||||
id: "b2", category: "Mantenimiento", title: "Cuida tu transmisión", excerpt: "La guía definitiva para mantener tu bicicleta al máximo.", imageSrc: "http://img.b2bpic.net/free-photo/man-riding-dirt-bike_23-2151493439.jpg?_wi=4", authorName: "bcollctive", authorAvatar: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866650.jpg", date: "10 Mayo"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -177,16 +115,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contacto"
|
||||
title="Visítanos en CDMX"
|
||||
description="Ven a conocer nuestro taller y nuestra selección de bicicletas. Estamos listos para ayudarte con tu próxima ruta."
|
||||
buttons={[
|
||||
{
|
||||
text: "Cómo llegar",
|
||||
href: "#",
|
||||
},
|
||||
text: "Cómo llegar", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -196,29 +131,16 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866650.jpg?_wi=3"
|
||||
columns={[
|
||||
{
|
||||
title: "Tienda",
|
||||
items: [
|
||||
{
|
||||
label: "Bicicletas",
|
||||
href: "/catalogo",
|
||||
},
|
||||
{
|
||||
label: "Ropa",
|
||||
href: "/ropa",
|
||||
},
|
||||
title: "Tienda", items: [
|
||||
{ label: "Inicio", href: "/" },
|
||||
{ label: "Bicicletas", href: "/catalogo" },
|
||||
{ label: "Ropa", href: "/ropa" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacidad", href: "#" },
|
||||
{ label: "Términos", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user