bender/ac87d334-a81d-43eb-a8a0-bc4ed64d7f61
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-03 15:23:44 +00:00
parent 766ba1c1a2
commit 2ea15eb6b9
1 changed files with 28 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

134
src/app/page.tsx
View File

@@ -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: "#" },
],
},
]}