bender/bafcc561-ea9f-46a1-9182-e76369fb23aa
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-05-08 23:39:43 +00:00
parent 44ef859b8b
commit e31927a24c
1 changed files with 45 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files

330
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Shop",
id: "products",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Shop", id: "products" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" }
]}
brandName="OCCULTA"
/>
@@ -55,66 +43,25 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="OCCULTA"
description="Streetwear exclusivo. Stock limitado."
buttons={[
{
text: "Shop Now",
href: "#products",
},
{
text: "Explorar Colección",
href: "#brands",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-posing-with-sunglasses_23-2149267440.jpg?_wi=1"
buttons={[{ text: "Shop Now", href: "#products" }, { text: "Explorar Colección", href: "#brands" }]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-posing-with-sunglasses_23-2149267440.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/full-shot-punk-woman-posing_23-2149267435.jpg",
alt: "Punk woman",
},
{
src: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275134.jpg",
alt: "Beautiful woman",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-with-longboard_158595-2444.jpg",
alt: "Woman with longboard",
},
{
src: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275132.jpg",
alt: "Portrait",
},
{
src: "http://img.b2bpic.net/free-photo/you-can-see-photographer-reflection-glasses-young-beautiful-girl-warm-clothes-have-walk-city-her-weekends-time_146671-16854.jpg",
alt: "Woman in city",
},
{ src: "http://img.b2bpic.net/free-photo/full-shot-punk-woman-posing_23-2149267435.jpg", alt: "Punk woman" },
{ src: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275134.jpg", alt: "Beautiful woman" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-longboard_158595-2444.jpg", alt: "Woman with longboard" },
{ src: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275132.jpg", alt: "Portrait" },
{ src: "http://img.b2bpic.net/free-photo/you-can-see-photographer-reflection-glasses-young-beautiful-girl-warm-clothes-have-walk-city-her-weekends-time_146671-16854.jpg", alt: "Woman in city" }
]}
marqueeItems={[
{
type: "text",
text: "LIMITED EDITION",
},
{
type: "text",
text: "PREMIUM FABRIC",
},
{
type: "text",
text: "GLOBAL SHIPPING",
},
{
type: "text",
text: "SECURE PAYMENT",
},
{
type: "text",
text: "URBAN AESTHETIC",
},
{ type: "text", text: "LIMITED EDITION" },
{ type: "text", text: "PREMIUM FABRIC" },
{ type: "text", text: "GLOBAL SHIPPING" },
{ type: "text", text: "SECURE PAYMENT" },
{ type: "text", text: "URBAN AESTHETIC" }
]}
/>
</div>
@@ -126,30 +73,10 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
features={[
{
title: "Corteiz",
description: "Urban luxury.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w0lz5s",
imageAlt: "Corteiz",
},
{
title: "Bape",
description: "Street icon.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nqpb5e",
imageAlt: "Bape",
},
{
title: "Supreme",
description: "Hype culture.",
imageSrc: "http://img.b2bpic.net/free-photo/creative-poster-drawing-element-sketch_1194-8116.jpg",
imageAlt: "Supreme",
},
{
title: "Essentials",
description: "Minimal fit.",
imageSrc: "http://img.b2bpic.net/free-vector/monocolor-y2k-streetwear-brand-logo-template_742173-17199.jpg",
imageAlt: "Essentials",
},
{ title: "Corteiz", description: "Urban luxury.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w0lz5s", imageAlt: "Corteiz" },
{ title: "Bape", description: "Street icon.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nqpb5e", imageAlt: "Bape" },
{ title: "Supreme", description: "Hype culture.", imageSrc: "http://img.b2bpic.net/free-photo/creative-poster-drawing-element-sketch_1194-8116.jpg", imageAlt: "Supreme" },
{ title: "Essentials", description: "Minimal fit.", imageSrc: "http://img.b2bpic.net/free-vector/monocolor-y2k-streetwear-brand-logo-template_742173-17199.jpg", imageAlt: "Essentials" }
]}
title="Colecciones"
description="Marcas exclusivas seleccionadas."
@@ -158,64 +85,17 @@ export default function LandingPage() {
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Occulta",
name: "Heavy Hoodie",
price: "$85,000",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830413.jpg",
},
{
id: "p2",
brand: "Occulta",
name: "Zip Up Jacket",
price: "$120,000",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg",
},
{
id: "p3",
brand: "Occulta",
name: "Baggy Jeans",
price: "$95,000",
rating: 5,
reviewCount: "20",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-gray-background_89887-986.jpg",
},
{
id: "p4",
brand: "Occulta",
name: "Minimal Cap",
price: "$30,000",
rating: 4,
reviewCount: "5",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-autumn-cozy-accessories_23-2147869633.jpg",
},
{
id: "p5",
brand: "Occulta",
name: "Urban Tee",
price: "$45,000",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vintage-suitcase-with-casual-clothes_23-2148610428.jpg",
},
{
id: "p6",
brand: "Occulta",
name: "Cargo Pants",
price: "$110,000",
rating: 5,
reviewCount: "10",
imageSrc: "http://img.b2bpic.net/free-photo/collection-beige-tone-colored-pants_23-2150773386.jpg",
},
{ id: "p1", brand: "Occulta", name: "Heavy Hoodie", price: "$85,000", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830413.jpg" },
{ id: "p2", brand: "Occulta", name: "Zip Up Jacket", price: "$120,000", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg" },
{ id: "p3", brand: "Occulta", name: "Baggy Jeans", price: "$95,000", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-gray-background_89887-986.jpg" },
{ id: "p4", brand: "Occulta", name: "Minimal Cap", price: "$30,000", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-autumn-cozy-accessories_23-2147869633.jpg" },
{ id: "p5", brand: "Occulta", name: "Urban Tee", price: "$45,000", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-vintage-suitcase-with-casual-clothes_23-2148610428.jpg" },
{ id: "p6", brand: "Occulta", name: "Cargo Pants", price: "$110,000", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/collection-beige-tone-colored-pants_23-2150773386.jpg" }
]}
title="Destacados"
description="Lo último del street."
@@ -228,36 +108,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "d1",
title: "Early Access",
price: "LIVE",
period: "drop",
features: [
"Limited Stock",
"Priority Shipping",
],
button: {
text: "Shop Drop",
},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-studio_23-2149429028.jpg",
imageAlt: "Medium shot smiley woman posing in studio",
},
{
id: "d2",
title: "Membership",
price: "JOIN",
period: "vip",
features: [
"First Access",
"Private Sales",
],
button: {
text: "Join Club",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-with-sunglasses_23-2149267440.jpg?_wi=2",
imageAlt: "Medium shot smiley woman posing in studio",
},
{ id: "d1", title: "Early Access", price: "LIVE", period: "drop", features: ["Limited Stock", "Priority Shipping"], button: { text: "Shop Drop" }, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-studio_23-2149429028.jpg", imageAlt: "Medium shot smiley woman posing in studio" },
{ id: "d2", title: "Membership", price: "JOIN", period: "vip", features: ["First Access", "Private Sales"], button: { text: "Join Club" }, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-with-sunglasses_23-2149267440.jpg", imageAlt: "Medium shot smiley woman posing in studio" }
]}
title="NEW DROP"
description="Stock limitado disponible ahora."
@@ -271,18 +123,9 @@ export default function LandingPage() {
title="Sobre Occulta"
description="Occulta nace de la cultura streetwear, el diseño minimalista y la exclusividad. Cada drop está pensado para quienes buscan vestir diferente."
bulletPoints={[
{
title: "Calidad Premium",
description: "Materiales de alta gama.",
},
{
title: "Diseño Exclusivo",
description: "Drops limitados.",
},
{
title: "Voz Underground",
description: "Inspiración urbana total.",
},
{ title: "Calidad Premium", description: "Materiales de alta gama." },
{ title: "Diseño Exclusivo", description: "Drops limitados." },
{ title: "Voz Underground", description: "Inspiración urbana total." }
]}
mediaAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/woman-walking-white-blouse-terracotta-pants-minimalist-setting_24972-2967.jpg"
@@ -294,46 +137,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
title: "Excelente",
quote: "La calidad es una locura.",
name: "Santi",
role: "Hypebeast",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-portrait-with-stylish-blue-hair-pretty-face_158595-4339.jpg",
},
{
id: "t2",
title: "Fits",
quote: "Los fits son increíbles.",
name: "Lucia",
role: "Fashionista",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-woman-street-look-camera-sunglasses_197531-33066.jpg",
},
{
id: "t3",
title: "Internacional",
quote: "Parece una marca internacional.",
name: "Mati",
role: "Urban Pro",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-model-woman-dressed-warm-hipster-white-sweater-beanie-she-posing-street_158538-17177.jpg",
},
{
id: "t4",
title: "Packaging",
quote: "Llegó rápido y el packaging 10/10.",
name: "Valen",
role: "Cliente",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-parisienne-with-brunette-wavy-hair-black-sunglasses-white-top-polka-dot-skirt-red-shirt-standing-city-stairs-looking-straight-early-warm-autumn-background_197531-28081.jpg",
},
{
id: "t5",
title: "Top",
quote: "Marca increíble.",
name: "Joaco",
role: "Urban",
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-dyed-green-hair-poses-chair-smiles-gladfully-uses-smartphone-headphones-listen-favorite-music-dressed-fashionable-clothes-red_273609-54728.jpg",
},
{ id: "t1", title: "Excelente", quote: "La calidad es una locura.", name: "Santi", role: "Hypebeast", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-portrait-with-stylish-blue-hair-pretty-face_158595-4339.jpg" },
{ id: "t2", title: "Fits", quote: "Los fits son increíbles.", name: "Lucia", role: "Fashionista", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-woman-street-look-camera-sunglasses_197531-33066.jpg" },
{ id: "t3", title: "Internacional", quote: "Parece una marca internacional.", name: "Mati", role: "Urban Pro", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-model-woman-dressed-warm-hipster-white-sweater-beanie-she-posing-street_158538-17177.jpg" },
{ id: "t4", title: "Packaging", quote: "Llegó rápido y el packaging 10/10.", name: "Valen", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-parisienne-with-brunette-wavy-hair-black-sunglasses-white-top-polka-dot-skirt-red-shirt-standing-city-stairs-looking-straight-early-warm-autumn-background_197531-28081.jpg" },
{ id: "t5", title: "Top", quote: "Marca increíble.", name: "Joaco", role: "Urban", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-dyed-green-hair-poses-chair-smiles-gladfully-uses-smartphone-headphones-listen-favorite-music-dressed-fashionable-clothes-red_273609-54728.jpg" }
]}
title="Comunidad"
description="Lo que dicen de nosotros."
@@ -347,27 +155,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "24h",
title: "Envíos",
description: "A toda Argentina.",
icon: Truck,
},
{
id: "m2",
value: "MP",
title: "Pagos",
description: "Mercado Pago seguro.",
icon: CreditCard,
},
{
id: "m3",
value: "Limited",
title: "Stock",
description: "Colecciones exclusivas.",
icon: ShieldCheck,
},
{ id: "m1", value: "24h", title: "Envíos", description: "A toda Argentina.", icon: Truck },
{ id: "m2", value: "MP", title: "Pagos", description: "Mercado Pago seguro.", icon: CreditCard },
{ id: "m3", value: "Limited", title: "Stock", description: "Colecciones exclusivas.", icon: ShieldCheck }
]}
title="Envíos y Pagos"
description="Comprá con seguridad."
@@ -380,18 +170,8 @@ export default function LandingPage() {
title="Contacto"
description="Estamos en WhatsApp e Instagram."
inputs={[
{
name: "nombre",
type: "text",
placeholder: "Nombre",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email",
required: true,
},
{ name: "nombre", type: "text", placeholder: "Nombre", required: true },
{ name: "email", type: "email", placeholder: "Email", required: true }
]}
buttonText="Enviar mensaje"
imageSrc="http://img.b2bpic.net/free-photo/golden-monstera-leaves-background-design-resource_53876-143098.jpg"
@@ -402,28 +182,8 @@ export default function LandingPage() {
<FooterBaseCard
logoText="OCCULTA"
columns={[
{
title: "Shop",
items: [
{
label: "Remeras",
href: "#",
},
{
label: "Jeans",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacidad",
href: "#",
},
],
},
{ title: "Shop", items: [{ label: "Remeras", href: "#" }, { label: "Jeans", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacidad", href: "#" }] }
]}
/>
</div>