Update src/app/page.tsx
This commit is contained in:
145
src/app/page.tsx
145
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "#products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Nasty Drip"
|
||||
/>
|
||||
@@ -53,41 +45,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background="rotated-rays-animated"
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Own The Streets Wear The Drip"
|
||||
description="Premium streetwear for those who refuse to blend in. Exclusive drops, bold designs, and uncompromising attitude."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/edgy-streetwear-urban-fashion-model-wear-1774548331489-09692595.png",
|
||||
},
|
||||
id: "c1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/edgy-streetwear-urban-fashion-model-wear-1774548331489-09692595.png"},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/close-up-detail-of-high-quality-fabric-s-1774548331445-70041325.png",
|
||||
},
|
||||
id: "c2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/close-up-detail-of-high-quality-fabric-s-1774548331445-70041325.png"},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/stylized-urban-street-scene-with-neon-re-1774548331323-b5340689.png",
|
||||
},
|
||||
id: "c3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/stylized-urban-street-scene-with-neon-re-1774548331323-b5340689.png"},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/aggressive-bold-typography-style-streetw-1774548334132-8a97e947.png",
|
||||
},
|
||||
id: "c4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/aggressive-bold-typography-style-streetw-1774548334132-8a97e947.png"},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/streetwear-lifestyle-photography-model-i-1774548332732-6209b826.png?_wi=1",
|
||||
},
|
||||
id: "c5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/streetwear-lifestyle-photography-model-i-1774548332732-6209b826.png"},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/close-up-of-streetwear-accessories-on-a--1774548331869-29781c18.png",
|
||||
},
|
||||
id: "c6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/close-up-of-streetwear-accessories-on-a--1774548331869-29781c18.png"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,23 +78,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Oversized Stealth Hoodie",
|
||||
price: "$89",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/premium-oversized-hoodie-product-image-d-1774548330952-87bf609d.png",
|
||||
},
|
||||
id: "p1", name: "Oversized Stealth Hoodie", price: "$89", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/premium-oversized-hoodie-product-image-d-1774548330952-87bf609d.png"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Glitch Effect Tee",
|
||||
price: "$45",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/edgy-streetwear-t-shirt-with-screen-prin-1774548331795-39265c80.png",
|
||||
},
|
||||
id: "p2", name: "Glitch Effect Tee", price: "$45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/edgy-streetwear-t-shirt-with-screen-prin-1774548331795-39265c80.png"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Street Tech Joggers",
|
||||
price: "$110",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/modern-urban-joggers-premium-techwear-ma-1774548333732-cfd7892e.png",
|
||||
},
|
||||
id: "p3", name: "Street Tech Joggers", price: "$110", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/modern-urban-joggers-premium-techwear-ma-1774548333732-cfd7892e.png"},
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Our latest drops designed for the modern urban rebel."
|
||||
@@ -128,7 +94,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Unapologetically Nasty"
|
||||
description="Nasty Drip isn't just a brand—it's a movement. We reject the status quo to bring you premium quality urban wear for the bold, the confident, and the trend-conscious. Wear the attitude."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/streetwear-lifestyle-photography-model-i-1774548332732-6209b826.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/streetwear-lifestyle-photography-model-i-1774548332732-6209b826.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -138,45 +104,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivers",
|
||||
date: "Jan 2025",
|
||||
title: "Influencer",
|
||||
quote: "The quality is insane. Finally, streetwear that actually feels premium.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/customer-testimonial-avatar-stylish-youn-1774548332643-d773db0e.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/close-up-of-an-urban-street-alleyway-red-1774548332895-a3785b31.png",
|
||||
},
|
||||
id: "t1", name: "Alex Rivers", date: "Jan 2025", title: "Influencer", quote: "The quality is insane. Finally, streetwear that actually feels premium.", tag: "Verified Buyer", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/customer-testimonial-avatar-stylish-youn-1774548332643-d773db0e.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/close-up-of-an-urban-street-alleyway-red-1774548332895-a3785b31.png"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan P.",
|
||||
date: "Dec 2024",
|
||||
title: "Artist",
|
||||
quote: "Nasty Drip is my go-to for statement pieces. The neon accents hit different.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/customer-testimonial-avatar-streetwear-f-1774548332426-c1772f81.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/moody-abstract-urban-art-background-red--1774548332499-f495c908.png",
|
||||
},
|
||||
id: "t2", name: "Jordan P.", date: "Dec 2024", title: "Artist", quote: "Nasty Drip is my go-to for statement pieces. The neon accents hit different.", tag: "Verified Buyer", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/customer-testimonial-avatar-streetwear-f-1774548332426-c1772f81.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/moody-abstract-urban-art-background-red--1774548332499-f495c908.png"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam K.",
|
||||
date: "Nov 2024",
|
||||
title: "Designer",
|
||||
quote: "Fast shipping, bold designs. Nothing else compares in the urban market.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/customer-testimonial-avatar-trend-consci-1774548335056-53e5f5c1.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/streetwear-lifestyle-detail-shot-leather-1774548333612-e9003522.png",
|
||||
},
|
||||
id: "t3", name: "Sam K.", date: "Nov 2024", title: "Designer", quote: "Fast shipping, bold designs. Nothing else compares in the urban market.", tag: "Verified Buyer", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/customer-testimonial-avatar-trend-consci-1774548335056-53e5f5c1.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/streetwear-lifestyle-detail-shot-leather-1774548333612-e9003522.png"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jamie Lee",
|
||||
date: "Oct 2024",
|
||||
title: "Model",
|
||||
quote: "The fit and the vibe are perfection. I always get compliments in this gear.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/customer-testimonial-avatar-creative-ind-1774548332861-19449f82.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/urban-cityscape-at-night-with-intense-re-1774548331743-8fef7014.png",
|
||||
},
|
||||
id: "t4", name: "Jamie Lee", date: "Oct 2024", title: "Model", quote: "The fit and the vibe are perfection. I always get compliments in this gear.", tag: "Verified Buyer", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/customer-testimonial-avatar-creative-ind-1774548332861-19449f82.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/urban-cityscape-at-night-with-intense-re-1774548331743-8fef7014.png"},
|
||||
]}
|
||||
title="Voices of the Rebellion"
|
||||
description="Hear what our community says about the drip."
|
||||
@@ -189,20 +123,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "When is the next drop?",
|
||||
content: "Follow our social channels to get instant notifications on exclusive drops.",
|
||||
},
|
||||
id: "f1", title: "When is the next drop?", content: "Follow our social channels to get instant notifications on exclusive drops."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Yes, we ship globally with tracked premium courier options.",
|
||||
},
|
||||
id: "f2", title: "Do you ship internationally?", content: "Yes, we ship globally with tracked premium courier options."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What's your return policy?",
|
||||
content: "We accept unworn returns within 30 days of delivery.",
|
||||
},
|
||||
id: "f3", title: "What's your return policy?", content: "We accept unworn returns within 30 days of delivery."},
|
||||
]}
|
||||
title="Need Answers?"
|
||||
description="Everything you need to know about your next drop."
|
||||
@@ -217,15 +142,9 @@ export default function LandingPage() {
|
||||
description="Sign up for exclusive access, early drops, and members-only events."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE9NRopiYxCBsi9Ac3454Md5V1/dark-gritty-urban-tunnel-with-neon-red-l-1774548332960-6f1bc0d2.png"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -239,23 +158,17 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Music,
|
||||
href: "https://tiktok.com",
|
||||
ariaLabel: "TikTok",
|
||||
},
|
||||
href: "https://tiktok.com", ariaLabel: "TikTok"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user