Update src/app/page.tsx
This commit is contained in:
316
src/app/page.tsx
316
src/app/page.tsx
@@ -25,235 +25,105 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Drops",
|
||||
id: "drops",
|
||||
},
|
||||
{
|
||||
name: "Manifesto",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "community",
|
||||
},
|
||||
]}
|
||||
brandName="CORTEIZ"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Drops", id: "drops" },
|
||||
{ name: "Manifesto", id: "about" },
|
||||
{ name: "Community", id: "community" },
|
||||
]}
|
||||
brandName="CORTEIZ"
|
||||
button={{ text: "Shop Now", href: "#drops" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="CORTEIZ. RULES THE WORLD."
|
||||
description="Authentic london streetwear. Exclusive drops. Limited numbers. Get it before it's gone."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Drop",
|
||||
href: "#drops",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outside_23-2149439874.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outdoors_23-2149439864.jpg",
|
||||
alt: "Streetwear enthusiast 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-with-purple-background_23-2148261289.jpg",
|
||||
alt: "Streetwear enthusiast 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149020038.jpg",
|
||||
alt: "Streetwear enthusiast 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-man-with-face-painting-wearing-sunglasses_23-2148932849.jpg",
|
||||
alt: "Streetwear enthusiast 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-male-wearing-black-pullover-hoodie-while-laughing_181624-29240.jpg",
|
||||
alt: "Streetwear enthusiast 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 10k+ in the movement"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "RTW",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-black-hoodie_23-2149359803.jpg",
|
||||
alt: "Hoodie",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "EXCLUSIVE",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-19318.jpg",
|
||||
alt: "Cargo",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "LONDON",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="CORTEIZ. RULES THE WORLD."
|
||||
description="Authentic london streetwear. Exclusive drops. Limited numbers. Get it before it's gone."
|
||||
buttons={[{ text: "Shop Drop", href: "#drops" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outside_23-2149439874.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outdoors_23-2149439864.jpg", alt: "Streetwear enthusiast 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-man-with-purple-background_23-2148261289.jpg", alt: "Streetwear enthusiast 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149020038.jpg", alt: "Streetwear enthusiast 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/african-american-man-with-face-painting-wearing-sunglasses_23-2148932849.jpg", alt: "Streetwear enthusiast 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-male-wearing-black-pullover-hoodie-while-laughing_181624-29240.jpg", alt: "Streetwear enthusiast 5" }
|
||||
]}
|
||||
avatarText="Join 10k+ in the movement"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "RTW" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-black-hoodie_23-2149359803.jpg", alt: "Hoodie" },
|
||||
{ type: "text", text: "EXCLUSIVE" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-19318.jpg", alt: "Cargo" },
|
||||
{ type: "text", text: "LONDON" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="drops" data-section="drops">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "CRTZ Signature Hoodie",
|
||||
price: "£120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-black-hoodie_23-2149359803.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Bolo Cargo Pants",
|
||||
price: "£150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-19318.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Corteiz Crest Tee",
|
||||
price: "£45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-earphones_23-2149429037.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Action Jacket",
|
||||
price: "£190",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-k-pop-clothing-urban-scene_23-2149096948.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Essential Sweatpants",
|
||||
price: "£95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Script Cap",
|
||||
price: "£35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-casual-hipster-girl-cap-jeans-wear-against-large-graffiti-wall_627829-7731.jpg",
|
||||
},
|
||||
]}
|
||||
title="Current Drops"
|
||||
description="Limited seasonal essentials."
|
||||
/>
|
||||
</div>
|
||||
<div id="drops" data-section="drops">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "CRTZ Signature Hoodie", price: "£120", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-black-hoodie_23-2149359803.jpg" },
|
||||
{ id: "p2", name: "Bolo Cargo Pants", price: "£150", imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-19318.jpg" },
|
||||
{ id: "p3", name: "Corteiz Crest Tee", price: "£45", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-earphones_23-2149429037.jpg" }
|
||||
]}
|
||||
title="Current Drops"
|
||||
description="Limited seasonal essentials."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Manifesto: RTW"
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the movement",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Manifesto: RTW"
|
||||
buttons={[{ text: "Join the movement", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="community" data-section="community">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-male-wearing-black-pullover-hoodie-while-laughing_181624-29240.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maya S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-couple-wearing-warm-clothes-standing-staircase-underground-nightclub-backlit-signboard-background_613910-21168.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Leo P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sitting-stylish-african-american-man-wear-sunglasses-cap-with-handbag-outdoor-street-fashion-black-man_627829-3525.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sam K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-mustache-wearing-hoodie_250224-83.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jade L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-dressed-80s-aesthetic_23-2150880762.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="The Community"
|
||||
cardTag="RTW"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="community" data-section="community">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
cardAnimation="blur-reveal"
|
||||
cardTitle="The Community"
|
||||
cardTag="RTW"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-male-wearing-black-pullover-hoodie-while-laughing_181624-29240.jpg" },
|
||||
{ id: "2", name: "Maya S.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-couple-wearing-warm-clothes-standing-staircase-underground-nightclub-backlit-signboard-background_613910-21168.jpg" },
|
||||
{ id: "3", name: "Leo P.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sitting-stylish-african-american-man-wear-sunglasses-cap-with-handbag-outdoor-street-fashion-black-man_627829-3525.jpg" },
|
||||
{ id: "4", name: "Sam K.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-mustache-wearing-hoodie_250224-83.jpg" },
|
||||
{ id: "5", name: "Jade L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-dressed-80s-aesthetic_23-2150880762.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Stay Updated"
|
||||
title="Drop Notifications"
|
||||
description="Be the first to know about new drops."
|
||||
buttonText="Get Notified"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Stay Updated"
|
||||
title="Drop Notifications"
|
||||
description="Be the first to know about new drops."
|
||||
buttonText="Get Notified"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Drops",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Restocks",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Brand",
|
||||
items: [
|
||||
{
|
||||
label: "Manifesto",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Socials",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 CORTEIZ"
|
||||
bottomRightText="RTW"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "All Drops", href: "#" }, { label: "Restocks", href: "#" }] },
|
||||
{ title: "Brand", items: [{ label: "Manifesto", href: "#" }, { label: "Socials", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 CORTEIZ"
|
||||
bottomRightText="RTW"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user