Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
285
src/app/page.tsx
285
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Vault",
|
||||
id: "#vault",
|
||||
},
|
||||
{
|
||||
name: "Philosophy",
|
||||
id: "#vibe-check",
|
||||
},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "#lab",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Vault", id: "#vault" },
|
||||
{ name: "Philosophy", id: "#vibe-check" },
|
||||
{ name: "Blog", id: "#lab" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="DROP_01"
|
||||
/>
|
||||
@@ -58,75 +46,20 @@ export default function LandingPage() {
|
||||
title="WE DON'T FIT THE MOLD. WE BREAK IT."
|
||||
description="Premium streetwear for the generation that refuses to be labeled. Ethically made. Locally inspired. Globally loud."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah",
|
||||
handle: "@sarah_street",
|
||||
testimonial: "Fits like nothing else I own.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-grayscale-shot-small-bird-sitting-ventilation-system-wall-with-writings_181624-58322.jpg?_wi=1",
|
||||
imageAlt: "urban grainy cctv footage",
|
||||
},
|
||||
{
|
||||
name: "Mike",
|
||||
handle: "@mike_tech",
|
||||
testimonial: "Durable as hell. Built for the city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-walking-with-his-two-kids-night-city_1353-146.jpg?_wi=1",
|
||||
imageAlt: "urban grainy cctv footage",
|
||||
},
|
||||
{
|
||||
name: "Jules",
|
||||
handle: "@jules_fit",
|
||||
testimonial: "This design is completely unique.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-stretching-night-city_23-2149285662.jpg?_wi=1",
|
||||
imageAlt: "urban grainy cctv footage",
|
||||
},
|
||||
{
|
||||
name: "Kev",
|
||||
handle: "@kev_core",
|
||||
testimonial: "The fabric quality is industry-leading.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916390.jpg?_wi=1",
|
||||
imageAlt: "urban grainy cctv footage",
|
||||
},
|
||||
{
|
||||
name: "Luna",
|
||||
handle: "@luna_wear",
|
||||
testimonial: "Finally, streetwear with a real voice.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-city-night_23-2149024755.jpg?_wi=1",
|
||||
imageAlt: "urban grainy cctv footage",
|
||||
},
|
||||
{ name: "Sarah", handle: "@sarah_street", testimonial: "Fits like nothing else I own.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-grayscale-shot-small-bird-sitting-ventilation-system-wall-with-writings_181624-58322.jpg", imageAlt: "urban grainy cctv footage" },
|
||||
{ name: "Mike", handle: "@mike_tech", testimonial: "Durable as hell. Built for the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/father-walking-with-his-two-kids-night-city_1353-146.jpg", imageAlt: "urban grainy cctv footage" },
|
||||
{ name: "Jules", handle: "@jules_fit", testimonial: "This design is completely unique.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-stretching-night-city_23-2149285662.jpg", imageAlt: "urban grainy cctv footage" },
|
||||
{ name: "Kev", handle: "@kev_core", testimonial: "The fabric quality is industry-leading.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916390.jpg", imageAlt: "urban grainy cctv footage" },
|
||||
{ name: "Luna", handle: "@luna_wear", testimonial: "Finally, streetwear with a real voice.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-city-night_23-2149024755.jpg", imageAlt: "urban grainy cctv footage" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "DROP 01: ACCESS NOW",
|
||||
href: "#vault",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-grayscale-shot-small-bird-sitting-ventilation-system-wall-with-writings_181624-58322.jpg?_wi=2"
|
||||
buttons={[{ text: "DROP 01: ACCESS NOW", href: "#vault" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-grayscale-shot-small-bird-sitting-ventilation-system-wall-with-writings_181624-58322.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-glimmers-light-flares_23-2151871966.jpg",
|
||||
alt: "Abstract glimmers",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-woman-enjoying-beverage-street_23-2147765451.jpg",
|
||||
alt: "Charming woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/outdoors-abstract-shadow-daylight_23-2149080269.jpg",
|
||||
alt: "Outdoors shadow",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-view-small-traffic-lights-road_1150-20122.jpg",
|
||||
alt: "Traffic lights",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-person-getting-ready-doing-sport-night_23-2149287995.jpg",
|
||||
alt: "Sport at night",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-glimmers-light-flares_23-2151871966.jpg", alt: "Abstract glimmers" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/charming-woman-enjoying-beverage-street_23-2147765451.jpg", alt: "Charming woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/outdoors-abstract-shadow-daylight_23-2149080269.jpg", alt: "Outdoors shadow" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-view-small-traffic-lights-road_1150-20122.jpg", alt: "Traffic lights" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-person-getting-ready-doing-sport-night_23-2149287995.jpg", alt: "Sport at night" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -147,48 +80,12 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ghost-Tech Hoodie",
|
||||
price: "$120",
|
||||
variant: "Oversized",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-walking-with-his-two-kids-night-city_1353-146.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Midnight Cargo",
|
||||
price: "$145",
|
||||
variant: "Blackout",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-stretching-night-city_23-2149285662.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Urban Grid Tee",
|
||||
price: "$45",
|
||||
variant: "Raw Cotton",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916390.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rooftop Jacket",
|
||||
price: "$210",
|
||||
variant: "Tech-Shell",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-city-night_23-2149024755.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sticker Pack",
|
||||
price: "$15",
|
||||
variant: "Die-Cut",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interested-african-american-woman-trench-coat-looking-camera-front-view-curious-black-girl-standing-bricked-background_197531-28937.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Alley Runner",
|
||||
price: "$95",
|
||||
variant: "Grey/Lime",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pink-haired-girl-standing-tunnel-looking-camera_114579-92558.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ghost-Tech Hoodie", price: "$120", variant: "Oversized", imageSrc: "http://img.b2bpic.net/free-photo/father-walking-with-his-two-kids-night-city_1353-146.jpg" },
|
||||
{ id: "2", name: "Midnight Cargo", price: "$145", variant: "Blackout", imageSrc: "http://img.b2bpic.net/free-photo/woman-stretching-night-city_23-2149285662.jpg" },
|
||||
{ id: "3", name: "Urban Grid Tee", price: "$45", variant: "Raw Cotton", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916390.jpg" },
|
||||
{ id: "4", name: "Rooftop Jacket", price: "$210", variant: "Tech-Shell", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-city-night_23-2149024755.jpg" },
|
||||
{ id: "5", name: "Sticker Pack", price: "$15", variant: "Die-Cut", imageSrc: "http://img.b2bpic.net/free-photo/interested-african-american-woman-trench-coat-looking-camera-front-view-curious-black-girl-standing-bricked-background_197531-28937.jpg" },
|
||||
{ id: "6", name: "Alley Runner", price: "$95", variant: "Grey/Lime", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pink-haired-girl-standing-tunnel-looking-camera_114579-92558.jpg" }
|
||||
]}
|
||||
title="THE LATEST DROPS"
|
||||
description="Engineered for the urban struggle."
|
||||
@@ -197,33 +94,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="vibe-check" data-section="vibe-check">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Raw Authenticity",
|
||||
descriptions: [
|
||||
"Design driven by pure, unfiltered expression.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-dreadlocks-walking-night-street-city_627829-9562.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Locally Sourced",
|
||||
descriptions: [
|
||||
"Ethically manufactured with low carbon footprint.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sweater_1153-3091.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Globally Loud",
|
||||
descriptions: [
|
||||
"Built to be seen in the darkest city corners.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-indoors_23-2149735221.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Raw Authenticity", descriptions: ["Design driven by pure, unfiltered expression."], imageSrc: "http://img.b2bpic.net/free-photo/girl-with-dreadlocks-walking-night-street-city_627829-9562.jpg" },
|
||||
{ id: "f2", title: "Locally Sourced", descriptions: ["Ethically manufactured with low carbon footprint."], imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sweater_1153-3091.jpg" },
|
||||
{ id: "f3", title: "Globally Loud", descriptions: ["Built to be seen in the darkest city corners."], imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-indoors_23-2149735221.jpg" }
|
||||
]}
|
||||
title="YOUR STYLE. YOUR RULES. OUR FABRIC."
|
||||
description="We aren't just selling clothes; we’re curating an identity. No filters. No apologies. Just the rawest versions of ourselves."
|
||||
@@ -234,31 +111,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-urban_1321-54.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sam",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-model-park_1303-10362.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chris",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-woman-looking-camera_197531-33313.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Taylor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-new-york-city-daytime_23-2149488505.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jordan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-afro-dreadlocks_23-2149462105.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex", imageSrc: "http://img.b2bpic.net/free-photo/man-urban_1321-54.jpg" },
|
||||
{ id: "t2", name: "Sam", imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-model-park_1303-10362.jpg" },
|
||||
{ id: "t3", name: "Chris", imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-woman-looking-camera_197531-33313.jpg" },
|
||||
{ id: "t4", name: "Taylor", imageSrc: "http://img.b2bpic.net/free-photo/young-man-new-york-city-daytime_23-2149488505.jpg" },
|
||||
{ id: "t5", name: "Jordan", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-afro-dreadlocks_23-2149462105.jpg" }
|
||||
]}
|
||||
cardTitle="WHAT THEY SAY"
|
||||
cardAnimation="slide-up"
|
||||
@@ -272,24 +129,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Users,
|
||||
title: "Rebels Joined",
|
||||
value: "10k+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Globe,
|
||||
title: "Countries Shipped",
|
||||
value: "45",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Drops Executed",
|
||||
value: "12",
|
||||
},
|
||||
{ id: "m1", icon: Users, title: "Rebels Joined", value: "10k+" },
|
||||
{ id: "m2", icon: Globe, title: "Countries Shipped", value: "45" },
|
||||
{ id: "m3", icon: Award, title: "Drops Executed", value: "12" }
|
||||
]}
|
||||
title="BY THE NUMBERS"
|
||||
description="Evidence of the revolution."
|
||||
@@ -301,21 +143,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Where are you based?",
|
||||
content: "We operate from a secret lab in the heart of the concrete jungle.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "Yes, we ship to every corner where rebellion is needed.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I track my gear?",
|
||||
content: "Yes, once you drop, we provide the coordinates.",
|
||||
},
|
||||
{ id: "q1", title: "Where are you based?", content: "We operate from a secret lab in the heart of the concrete jungle." },
|
||||
{ id: "q2", title: "Do you ship worldwide?", content: "Yes, we ship to every corner where rebellion is needed." },
|
||||
{ id: "q3", title: "Can I track my gear?", content: "Yes, once you drop, we provide the coordinates." }
|
||||
]}
|
||||
title="THE LAB // MANIFESTO"
|
||||
description="Common questions from the midnight wanderers."
|
||||
@@ -326,9 +156,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="EARLY ACCESS"
|
||||
title="DON'T BE A STRANGER."
|
||||
description="Drop your email to get first dibs on the next drop."
|
||||
@@ -340,35 +168,18 @@ export default function LandingPage() {
|
||||
logoText="DROP_01"
|
||||
columns={[
|
||||
{
|
||||
title: "NAVIGATE",
|
||||
items: [
|
||||
{
|
||||
label: "The Lab (Blog)",
|
||||
href: "#lab",
|
||||
title: "NAVIGATE", items: [
|
||||
{ label: "The Lab (Blog)", href: "#lab" },
|
||||
{ label: "Track Your Gear", href: "#" },
|
||||
{ label: "Manifesto", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
label: "Track Your Gear",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Manifesto",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "SOCIAL",
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "SOCIAL", items: [
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "Instagram", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user