Update src/app/page.tsx
This commit is contained in:
183
src/app/page.tsx
183
src/app/page.tsx
@@ -30,136 +30,73 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Brands",
|
||||
id: "discovery",
|
||||
},
|
||||
name: "Brands", id: "discovery"},
|
||||
{
|
||||
name: "Drops",
|
||||
id: "drops",
|
||||
},
|
||||
name: "Drops", id: "drops"},
|
||||
{
|
||||
name: "Mystery Box",
|
||||
id: "mystery",
|
||||
},
|
||||
name: "Mystery Box", id: "mystery"},
|
||||
]}
|
||||
brandName="UNDERGRND"
|
||||
button={{
|
||||
text: "Cart (0)",
|
||||
}}
|
||||
text: "Cart (0)"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="CULTURE FIRST."
|
||||
description="Discover underground streetwear before the world does. Curated, exclusive, raw."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Drops",
|
||||
href: "#drops",
|
||||
},
|
||||
text: "Explore Drops", href: "#drops"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg?_wi=1",
|
||||
imageAlt: "Streetwear fashion editorial",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg", imageAlt: "Streetwear fashion editorial"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg?_wi=2",
|
||||
imageAlt: "Streetwear fashion editorial",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg", imageAlt: "Streetwear fashion editorial"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg?_wi=3",
|
||||
imageAlt: "Streetwear fashion editorial",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg", imageAlt: "Streetwear fashion editorial"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg?_wi=4",
|
||||
imageAlt: "Streetwear fashion editorial",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg", imageAlt: "Streetwear fashion editorial"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg?_wi=5",
|
||||
imageAlt: "Streetwear fashion editorial",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg", imageAlt: "Streetwear fashion editorial"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg?_wi=6",
|
||||
imageAlt: "Streetwear fashion editorial",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg", imageAlt: "Streetwear fashion editorial"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="discovery" data-section="discovery">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "b1",
|
||||
title: "VOID ARCHIVE",
|
||||
author: "Tokyo",
|
||||
description: "Experimental techwear from the heart of Shinjuku.",
|
||||
tags: [
|
||||
"Techwear",
|
||||
"Minimal",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tohr8b&_wi=1",
|
||||
imageAlt: "Void Archive logo",
|
||||
},
|
||||
id: "b1", title: "VOID ARCHIVE", author: "Tokyo", description: "Experimental techwear from the heart of Shinjuku.", tags: [
|
||||
"Techwear", "Minimal"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tohr8b", imageAlt: "Void Archive logo"},
|
||||
{
|
||||
id: "b2",
|
||||
title: "KULTUR STUDIO",
|
||||
author: "Berlin",
|
||||
description: "Industrial design meets premium textiles.",
|
||||
tags: [
|
||||
"Industrial",
|
||||
"Raw",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-cartoon-splash-red-background_23-2147948829.jpg?_wi=1",
|
||||
imageAlt: "Kultur Studio logo",
|
||||
},
|
||||
id: "b2", title: "KULTUR STUDIO", author: "Berlin", description: "Industrial design meets premium textiles.", tags: [
|
||||
"Industrial", "Raw"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-cartoon-splash-red-background_23-2147948829.jpg", imageAlt: "Kultur Studio logo"},
|
||||
{
|
||||
id: "b3",
|
||||
title: "AXIS ZERO",
|
||||
author: "London",
|
||||
description: "Post-streetwear essentials for the modern nomad.",
|
||||
tags: [
|
||||
"Essential",
|
||||
"Modern",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r5fd1a",
|
||||
imageAlt: "Axis Zero logo",
|
||||
},
|
||||
id: "b3", title: "AXIS ZERO", author: "London", description: "Post-streetwear essentials for the modern nomad.", tags: [
|
||||
"Essential", "Modern"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r5fd1a", imageAlt: "Axis Zero logo"},
|
||||
{
|
||||
id: "b4",
|
||||
title: "NEON SOUL",
|
||||
author: "Seoul",
|
||||
description: "Cyberpunk-inspired streetwear for the nocturnal.",
|
||||
tags: [
|
||||
"Futuristic",
|
||||
"Street",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tohr8b&_wi=2",
|
||||
imageAlt: "Neon Soul logo",
|
||||
},
|
||||
id: "b4", title: "NEON SOUL", author: "Seoul", description: "Cyberpunk-inspired streetwear for the nocturnal.", tags: [
|
||||
"Futuristic", "Street"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tohr8b", imageAlt: "Neon Soul logo"},
|
||||
{
|
||||
id: "b5",
|
||||
title: "RUST & BONE",
|
||||
author: "Detroit",
|
||||
description: "Distressed aesthetic with heavy-duty construction.",
|
||||
tags: [
|
||||
"Grunge",
|
||||
"Workwear",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-cartoon-splash-red-background_23-2147948829.jpg?_wi=2",
|
||||
imageAlt: "Rust & Bone logo",
|
||||
},
|
||||
id: "b5", title: "RUST & BONE", author: "Detroit", description: "Distressed aesthetic with heavy-duty construction.", tags: [
|
||||
"Grunge", "Workwear"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-cartoon-splash-red-background_23-2147948829.jpg", imageAlt: "Rust & Bone logo"},
|
||||
]}
|
||||
title="TOP UNDERGROUND BRANDS"
|
||||
description="The pulse of the streets. Fresh labels dropping limited collections."
|
||||
@@ -174,41 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Heavyweight Hoodie",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-gray-background_89887-986.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Heavyweight Hoodie", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-gray-background_89887-986.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Signature Tech-Runner",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-white-high-top-sneakers-standing-chair_53876-97148.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Signature Tech-Runner", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/model-white-high-top-sneakers-standing-chair_53876-97148.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Graphic Print Tee",
|
||||
price: "$60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-plans-repair-new-room_1321-4380.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", name: "Graphic Print Tee", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-plans-repair-new-room_1321-4380.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cargo Tech-Pants",
|
||||
price: "$140",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-gray-background_89887-986.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Cargo Tech-Pants", price: "$140", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-gray-background_89887-986.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Oversized Bomber",
|
||||
price: "$220",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-white-high-top-sneakers-standing-chair_53876-97148.jpg?_wi=2",
|
||||
},
|
||||
id: "p5", name: "Oversized Bomber", price: "$220", imageSrc: "http://img.b2bpic.net/free-photo/model-white-high-top-sneakers-standing-chair_53876-97148.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Vintage Wash Cap",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-plans-repair-new-room_1321-4380.jpg?_wi=2",
|
||||
},
|
||||
id: "p6", name: "Vintage Wash Cap", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-plans-repair-new-room_1321-4380.jpg"},
|
||||
]}
|
||||
title="NEW DROPS"
|
||||
description="Limited quantities. Exclusive releases."
|
||||
@@ -223,9 +136,7 @@ export default function LandingPage() {
|
||||
tagIcon={Globe}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -237,20 +148,12 @@ export default function LandingPage() {
|
||||
description="Curated selection, guaranteed $120+ value. Select your style and size. Limited quantity available."
|
||||
inputs={[
|
||||
{
|
||||
name: "size",
|
||||
type: "text",
|
||||
placeholder: "Size (S, M, L, XL)",
|
||||
},
|
||||
name: "size", type: "text", placeholder: "Size (S, M, L, XL)"},
|
||||
{
|
||||
name: "style",
|
||||
type: "text",
|
||||
placeholder: "Style (Streetwear, Minimal, Vintage)",
|
||||
},
|
||||
name: "style", type: "text", placeholder: "Style (Streetwear, Minimal, Vintage)"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "notes",
|
||||
placeholder: "Any specific preferences?",
|
||||
}}
|
||||
name: "notes", placeholder: "Any specific preferences?"}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f208re"
|
||||
buttonText="Secure Box"
|
||||
/>
|
||||
@@ -260,13 +163,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="UNDERGRND"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user