Merge version_1 into main #2
136
src/app/page.tsx
136
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
]}
|
||||
brandName="Matelica"
|
||||
/>
|
||||
@@ -49,45 +43,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Wear the Street. Own the Vibe."
|
||||
description="Premium streetwear for the modern generation. Grab the latest oversized looks now."
|
||||
tag="NEW DROP"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/a-futuristic-streetwear-model-posing-in--1774863810893-f26bcced.png?_wi=1",
|
||||
imageAlt: "Matelica Store Model 1",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/a-futuristic-streetwear-model-posing-in--1774863810893-f26bcced.png", imageAlt: "Matelica Store Model 1"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/a-futuristic-streetwear-model-posing-in--1774863810893-f26bcced.png?_wi=2",
|
||||
imageAlt: "Matelica Store Model 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/oversized-black-streetwear-hoodie-with-n-1774863811446-48fbbf5a.png?_wi=1",
|
||||
imageAlt: "Matelica Store Hoodie",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/trendy-streetwear-cargo-pants-urban-stre-1774863812286-ec293518.png?_wi=1",
|
||||
imageAlt: "Matelica Store Cargo",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/stylish-urban-oversized-t-shirt-minimali-1774863810679-a7f59c1d.png?_wi=1",
|
||||
imageAlt: "Matelica Store Tee",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/a-futuristic-streetwear-model-posing-in--1774863810893-f26bcced.png", imageAlt: "Matelica Store Model 2"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by thousands of trendsetters"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "View Lookbook",
|
||||
href: "#",
|
||||
},
|
||||
text: "View Lookbook", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,23 +73,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cyber Hoodie",
|
||||
price: "$89",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/oversized-black-streetwear-hoodie-with-n-1774863811446-48fbbf5a.png?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Cyber Hoodie", price: "$89", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/oversized-black-streetwear-hoodie-with-n-1774863811446-48fbbf5a.png"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Neon Cargo",
|
||||
price: "$120",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/trendy-streetwear-cargo-pants-urban-stre-1774863812286-ec293518.png?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Neon Cargo", price: "$120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/trendy-streetwear-cargo-pants-urban-stre-1774863812286-ec293518.png"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Urban Tee",
|
||||
price: "$45",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/stylish-urban-oversized-t-shirt-minimali-1774863810679-a7f59c1d.png?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Urban Tee", price: "$45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/stylish-urban-oversized-t-shirt-minimali-1774863810679-a7f59c1d.png"},
|
||||
]}
|
||||
title="Trending Streetwear"
|
||||
description="Our latest urban drops. Get them before they disappear."
|
||||
@@ -128,30 +89,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex K.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/trendy-gen-z-portrait-urban-fashion-styl-1774863811817-92383c4c.png?_wi=1",
|
||||
},
|
||||
id: "t1", name: "Alex K.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/trendy-gen-z-portrait-urban-fashion-styl-1774863811817-92383c4c.png"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan P.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/fashionable-young-adult-wearing-streetwe-1774863810805-360bf45b.png",
|
||||
},
|
||||
id: "t2", name: "Jordan P.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/fashionable-young-adult-wearing-streetwe-1774863810805-360bf45b.png"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Riley M.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/cool-portrait-of-a-streetwear-fan-urban--1774863812034-d5a98c66.png",
|
||||
},
|
||||
id: "t3", name: "Riley M.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/cool-portrait-of-a-streetwear-fan-urban--1774863812034-d5a98c66.png"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sam R.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/stylish-gen-z-fashion-creator-urban-aest-1774863811681-c19cdc5d.png",
|
||||
},
|
||||
id: "t4", name: "Sam R.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/stylish-gen-z-fashion-creator-urban-aest-1774863811681-c19cdc5d.png"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Taylor D.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/trendy-gen-z-portrait-urban-fashion-styl-1774863811817-92383c4c.png?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Taylor D.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/trendy-gen-z-portrait-urban-fashion-styl-1774863811817-92383c4c.png"},
|
||||
]}
|
||||
cardTitle="What the Community Says"
|
||||
cardTag="REVIEWS"
|
||||
@@ -166,12 +112,7 @@ export default function LandingPage() {
|
||||
title="Seen on Streets Globally"
|
||||
description="Worn by top creators and urban trendsetters everywhere."
|
||||
names={[
|
||||
"Vibe Magazine",
|
||||
"Urban Daily",
|
||||
"Street Pulse",
|
||||
"Modern Mode",
|
||||
"Culture Drop",
|
||||
]}
|
||||
"Vibe Magazine", "Urban Daily", "Street Pulse", "Modern Mode", "Culture Drop"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -184,23 +125,14 @@ export default function LandingPage() {
|
||||
description="Making waves in the modern streetwear scene."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: ShoppingBag,
|
||||
title: "Products Sold",
|
||||
value: "15k+",
|
||||
},
|
||||
id: "m1", icon: ShoppingBag,
|
||||
title: "Products Sold", value: "15k+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Happy Customers",
|
||||
value: "12k+",
|
||||
},
|
||||
id: "m2", icon: Users,
|
||||
title: "Happy Customers", value: "12k+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Globe,
|
||||
title: "Countries Shipped",
|
||||
value: "45+",
|
||||
},
|
||||
id: "m3", icon: Globe,
|
||||
title: "Countries Shipped", value: "45+"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -210,29 +142,19 @@ export default function LandingPage() {
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeyLUDFiCLpK6Yl9LZxyazTOtI/dark-atmospheric-urban-city-street-at-ni-1774863811321-5dea9ea2.png"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Hoodies",
|
||||
href: "#",
|
||||
},
|
||||
label: "Hoodies", href: "#"},
|
||||
{
|
||||
label: "Tees",
|
||||
href: "#",
|
||||
},
|
||||
label: "Tees", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user