Merge version_2 into main #2
147
src/app/page.tsx
147
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Vision",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Vision", id: "about"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
name: "Shop", id: "shop"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="STRVYZ"
|
||||
/>
|
||||
@@ -52,51 +44,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Define Your Essence."
|
||||
description="Premium streetwear and curated fragrances for the modern urban icon. Discover the new collection from STRVYZ."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#shop",
|
||||
},
|
||||
text: "Shop Collection", href: "#shop"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-perfume-bottle-purple-blurred-background_140725-145531.jpg",
|
||||
imageAlt: "Luxury perfume bottle",
|
||||
},
|
||||
id: "1", imageSrc: "https://images.unsplash.com/photo-1523381210434-271e8be1f52b?q=80&w=1000", imageAlt: "Stussy lifestyle aesthetic"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style_1321-3388.jpg",
|
||||
imageAlt: "Streetwear fashion model",
|
||||
},
|
||||
id: "2", imageSrc: "https://images.unsplash.com/photo-1552374196-c4e7ffc6e126?q=80&w=1000", imageAlt: "Urban fashion editorial"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-autumn-journey-elements-assortment_23-2148634201.jpg",
|
||||
imageAlt: "Accessories composition",
|
||||
},
|
||||
id: "3", imageSrc: "https://images.unsplash.com/photo-1502716119720-b23a93ffe5fe?q=80&w=1000", imageAlt: "Denim street style"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-autumn-warm-textural-blue-plaid-shirt_169016-23672.jpg",
|
||||
imageAlt: "Fabric detail",
|
||||
},
|
||||
id: "4", imageSrc: "https://images.unsplash.com/photo-1521093470322-381180295244?q=80&w=1000", imageAlt: "Street fashion detail"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-water-bottle-wooden-table-aerial-view_53876-105827.jpg",
|
||||
imageAlt: "Fragment bottle light",
|
||||
},
|
||||
id: "5", imageSrc: "https://images.unsplash.com/photo-1512436991641-67456b1727b1?q=80&w=1000", imageAlt: "Urban street culture"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/life-mexico-landscape-with-cool-bridge_23-2149862560.jpg",
|
||||
imageAlt: "Urban architecture",
|
||||
},
|
||||
id: "6", imageSrc: "https://images.unsplash.com/photo-1490481651871-ab68de25d43d?q=80&w=1000", imageAlt: "Modern streetwear collection"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,29 +88,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Hoodie",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-showing-stop-gesture-oversized-hoodie-pants-looking-serious-front-view_176474-58565.jpg",
|
||||
imageAlt: "Signature Hoodie",
|
||||
},
|
||||
id: "p1", name: "Stussy World Tour Hoodie", price: "$145", imageSrc: "https://images.unsplash.com/photo-1556821840-3a63f95609a7?q=80&w=600", imageAlt: "Stussy Hoodie"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Midnight Essence",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg",
|
||||
imageAlt: "Midnight Essence Perfume",
|
||||
},
|
||||
id: "p2", name: "Sp5der Pink Web Hoodie", price: "$280", imageSrc: "https://images.unsplash.com/photo-1556821840-3a63f95609a7?q=80&w=600", imageAlt: "Sp5der Hoodie"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Urban Runner",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-retro-memorabilia_23-2150583930.jpg",
|
||||
imageAlt: "Urban Runner Sneaker",
|
||||
},
|
||||
id: "p3", name: "Denim Tears Cotton Wreath Jean", price: "$350", imageSrc: "https://images.unsplash.com/photo-1542272604-787c3835535d?q=80&w=600", imageAlt: "Denim Tears Jean"},
|
||||
]}
|
||||
title="Core Collection"
|
||||
description="Curated essentials for your daily rotation."
|
||||
description="Curated essentials for your daily rotation featuring world-class streetwear icons."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -151,45 +105,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Game Changer",
|
||||
quote: "The perfume scent lasts forever, and the quality is insane.",
|
||||
name: "Alex R.",
|
||||
role: "Creative",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress_639032-829.jpg?_wi=1",
|
||||
},
|
||||
id: "t1", title: "Game Changer", quote: "The perfume scent lasts forever, and the quality is insane.", name: "Alex R.", role: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress_639032-829.jpg?_wi=1"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Stunning Design",
|
||||
quote: "Finally, streetwear that feels as good as it looks.",
|
||||
name: "Jordan P.",
|
||||
role: "Photographer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-wearing-black-dress_23-2149884576.jpg",
|
||||
},
|
||||
id: "t2", title: "Stunning Design", quote: "Finally, streetwear that feels as good as it looks.", name: "Jordan P.", role: "Photographer", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-wearing-black-dress_23-2149884576.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Essential Gear",
|
||||
quote: "My go-to brand for everything urban.",
|
||||
name: "Sam M.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-headphones_23-2148921693.jpg",
|
||||
},
|
||||
id: "t3", title: "Essential Gear", quote: "My go-to brand for everything urban.", name: "Sam M.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-headphones_23-2148921693.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Unique Vibe",
|
||||
quote: "Haven't found better quality gear anywhere else.",
|
||||
name: "Taylor D.",
|
||||
role: "Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glamour-female-model-with-short-brown-hair-black-dress-posing-near-light-wall_613910-7036.jpg",
|
||||
},
|
||||
id: "t4", title: "Unique Vibe", quote: "Haven't found better quality gear anywhere else.", name: "Taylor D.", role: "Stylist", imageSrc: "http://img.b2bpic.net/free-photo/glamour-female-model-with-short-brown-hair-black-dress-posing-near-light-wall_613910-7036.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Absolute Quality",
|
||||
quote: "The detail on every piece is just incredible. Top tier.",
|
||||
name: "Casey W.",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress_639032-829.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", title: "Absolute Quality", quote: "The detail on every piece is just incredible. Top tier.", name: "Casey W.", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress_639032-829.jpg?_wi=2"},
|
||||
]}
|
||||
title="Iconic Reviews"
|
||||
description="What our community says."
|
||||
@@ -200,8 +124,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Newsletter"
|
||||
title="Join the Inner Circle"
|
||||
description="Be the first to hear about new drops and exclusive scent releases."
|
||||
@@ -212,29 +135,19 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
title: "Store", items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#shop",
|
||||
},
|
||||
label: "Shop All", href: "#shop"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -244,4 +157,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffffe6;
|
||||
--primary-cta: #e6e6e6;
|
||||
--background: #000000;
|
||||
--card: #0c0c0c;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #ffffff;
|
||||
--primary-cta-text: #0a0a0a;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta: #000000;
|
||||
--secondary-cta-text: #ffffffe6;
|
||||
--accent: #737373;
|
||||
--background-accent: #737373;
|
||||
--accent: #535353;
|
||||
--background-accent: #535353;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user