bender/8357f853-3bdb-4e16-91b1-f7106029bb0a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 18:12:18 +00:00
parent be3b3af787
commit 16e5956cf6
1 changed files with 44 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

209
src/app/page.tsx
View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "Collection", name: "Collection", id: "products"},
id: "products",
},
{ {
name: "Story", name: "Story", id: "about"},
id: "about",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="ES. BHUJWENI" brandName="ES. BHUJWENI"
/> />
@@ -56,64 +48,39 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCentered <HeroCentered
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="ES. BHUJWENI Avenue" title="ES. BHUJWENI Avenue"
description="Redefining street wear culture with our iconic, unapologetic signature style. Wear the movement." description="Redefining street wear culture with our iconic, unapologetic signature style. Wear the movement."
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_344912-2444.jpg", src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_344912-2444.jpg", alt: "Customer 1"},
alt: "Customer 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/serious-stylish-curly-haired-young-woman-looks-watch-checks-time-waits-somone-wears-sunglasses-casual-hoodie-jacket-poses-street_273609-55747.jpg", src: "http://img.b2bpic.net/free-photo/serious-stylish-curly-haired-young-woman-looks-watch-checks-time-waits-somone-wears-sunglasses-casual-hoodie-jacket-poses-street_273609-55747.jpg", alt: "Customer 2"},
alt: "Customer 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/front-view-man-with-afro-dreadlocks-posing_23-2149462091.jpg", src: "http://img.b2bpic.net/free-photo/front-view-man-with-afro-dreadlocks-posing_23-2149462091.jpg", alt: "Customer 3"},
alt: "Customer 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-sunglasses_23-2149409792.jpg", src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-sunglasses_23-2149409792.jpg", alt: "Customer 4"},
alt: "Customer 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-stylish-woman_23-2149213179.jpg", src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-stylish-woman_23-2149213179.jpg", alt: "Customer 5"},
alt: "Customer 5",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Shop Now", text: "Shop Now", href: "#products"},
href: "#products",
},
{ {
text: "Explore Story", text: "Explore Story", href: "#about"},
href: "#about",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "BOLD TYPOGRAPHY"},
text: "BOLD TYPOGRAPHY",
},
{ {
type: "text", type: "text", text: "URBAN GRIT"},
text: "URBAN GRIT",
},
{ {
type: "text", type: "text", text: "LIMITLESS STYLE"},
text: "LIMITLESS STYLE",
},
{ {
type: "text", type: "text", text: "SIGNATURE BEANIES"},
text: "SIGNATURE BEANIES",
},
{ {
type: "text", type: "text", text: "UNAPOLOGETIC"},
text: "UNAPOLOGETIC",
},
]} ]}
/> />
</div> </div>
@@ -121,9 +88,10 @@ export default function LandingPage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<MediaAbout <MediaAbout
useInvertedBackground={false} useInvertedBackground={false}
title="Born in the Streets" title="Interactive 3D Experience"
description="ES. BHUJWENI Avenue is not just a brand; it's a testament to urban grit and high-fashion aesthetics. We combine bold, raw typography with quality materials to bring you headwear that commands attention." description="Immerse yourself in our signature beanies with a fully interactive 3D model. Rotate, zoom, and inspect every detail of our craftsmanship."
imageSrc="http://img.b2bpic.net/free-photo/young-woman-new-york-city-daytime_23-2149488563.jpg" videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/assets/hat-3d-showcase.mp4"
videoAriaLabel="3D Interactive Hat Model"
imageAlt="Streetwear aesthetic" imageAlt="Streetwear aesthetic"
/> />
</div> </div>
@@ -136,41 +104,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Classic Red Beanie", price: "$45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BerVuEmmA7r7mkBdp8WD9a4IZS/uploaded-1778436179926-eyt1eagl.png"},
name: "Classic Red Beanie",
price: "$45",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BerVuEmmA7r7mkBdp8WD9a4IZS/uploaded-1778436179926-eyt1eagl.png",
},
{ {
id: "p2", id: "p2", name: "Sky Blue Beanie", price: "$45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BerVuEmmA7r7mkBdp8WD9a4IZS/uploaded-1778436179926-qi987biq.png"},
name: "Sky Blue Beanie",
price: "$45",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BerVuEmmA7r7mkBdp8WD9a4IZS/uploaded-1778436179926-qi987biq.png",
},
{ {
id: "p3", id: "p3", name: "Midnight Black Beanie", price: "$50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BerVuEmmA7r7mkBdp8WD9a4IZS/uploaded-1778436179926-73p24xb3.png"},
name: "Midnight Black Beanie",
price: "$50",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BerVuEmmA7r7mkBdp8WD9a4IZS/uploaded-1778436179926-73p24xb3.png",
},
{ {
id: "p4", id: "p4", name: "Vibrant Pink Beanie", price: "$45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BerVuEmmA7r7mkBdp8WD9a4IZS/uploaded-1778436179926-igktfyzf.png"},
name: "Vibrant Pink Beanie",
price: "$45",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BerVuEmmA7r7mkBdp8WD9a4IZS/uploaded-1778436179926-igktfyzf.png",
},
{ {
id: "p5", id: "p5", name: "Minimal White Beanie", price: "$45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BerVuEmmA7r7mkBdp8WD9a4IZS/uploaded-1778436179926-9t17mowf.png"},
name: "Minimal White Beanie",
price: "$45",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BerVuEmmA7r7mkBdp8WD9a4IZS/uploaded-1778436179926-9t17mowf.png",
},
{ {
id: "p6", id: "p6", name: "Signature Red Beanie", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/abstract-red-silver-geometric-cube_84443-87564.jpg"},
name: "Signature Red Beanie",
price: "$55",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-red-silver-geometric-cube_84443-87564.jpg",
},
]} ]}
title="The Signature Collection" title="The Signature Collection"
description="Exclusive beanies crafted for the bold. Experience comfort with an attitude." description="Exclusive beanies crafted for the bold. Experience comfort with an attitude."
@@ -185,25 +129,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "10K+", title: "Happy Wearers", description: "Worldwide", icon: Users,
value: "10K+",
title: "Happy Wearers",
description: "Worldwide",
icon: Users,
}, },
{ {
id: "m2", id: "m2", value: "500+", title: "5-Star Reviews", description: "Confirmed", icon: Star,
value: "500+",
title: "5-Star Reviews",
description: "Confirmed",
icon: Star,
}, },
{ {
id: "m3", id: "m3", value: "20+", title: "Global Pop-ups", description: "Locations", icon: MapPin,
value: "20+",
title: "Global Pop-ups",
description: "Locations",
icon: MapPin,
}, },
]} ]}
title="Brand Impact" title="Brand Impact"
@@ -217,45 +149,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", title: "Love the fit!", quote: "The quality is unmatched and it looks perfect with any outfit.", name: "Sarah Johnson", role: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/pleased-lady-sitting-chair_197531-19819.jpg"},
title: "Love the fit!",
quote: "The quality is unmatched and it looks perfect with any outfit.",
name: "Sarah Johnson",
role: "Creative",
imageSrc: "http://img.b2bpic.net/free-photo/pleased-lady-sitting-chair_197531-19819.jpg",
},
{ {
id: "t2", id: "t2", title: "Unmatched Style", quote: "Finally, headwear that fits my vibe perfectly.", name: "Michael Chen", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/urban-portrait-young-man-with-long-hair_23-2149122924.jpg"},
title: "Unmatched Style",
quote: "Finally, headwear that fits my vibe perfectly.",
name: "Michael Chen",
role: "Artist",
imageSrc: "http://img.b2bpic.net/free-photo/urban-portrait-young-man-with-long-hair_23-2149122924.jpg",
},
{ {
id: "t3", id: "t3", title: "Everyday Essential", quote: "I wear this everywhere I go. The quality is solid.", name: "Emily Rodriguez", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/stylish-indian-beard-man-black-leather-jacket-sunglasses-india-model-posed-outdoor-streets-city_627829-12724.jpg"},
title: "Everyday Essential",
quote: "I wear this everywhere I go. The quality is solid.",
name: "Emily Rodriguez",
role: "Developer",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-indian-beard-man-black-leather-jacket-sunglasses-india-model-posed-outdoor-streets-city_627829-12724.jpg",
},
{ {
id: "t4", id: "t4", title: "Solid Brand", quote: "Great design and comfort. I'll buy more colors soon.", name: "David Kim", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing-city_23-2149295720.jpg"},
title: "Solid Brand",
quote: "Great design and comfort. I'll buy more colors soon.",
name: "David Kim",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing-city_23-2149295720.jpg",
},
{ {
id: "t5", id: "t5", title: "Best purchase", quote: "The dripping logo looks so cool in person.", name: "Jessica Lee", role: "Photographer", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-drag-queen-posing_23-2149556836.jpg"},
title: "Best purchase",
quote: "The dripping logo looks so cool in person.",
name: "Jessica Lee",
role: "Photographer",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-drag-queen-posing_23-2149556836.jpg",
},
]} ]}
title="Street-Tested Reviews" title="Street-Tested Reviews"
description="What our community says about ES. BHUJWENI." description="What our community says about ES. BHUJWENI."
@@ -267,14 +169,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"Urban Vogue", "Urban Vogue", "Street Culture", "Global Apparel", "Urban Wear", "Modern Style", "City Threads", "Street Collective"]}
"Street Culture",
"Global Apparel",
"Urban Wear",
"Modern Style",
"City Threads",
"Street Collective",
]}
title="Seen In" title="Seen In"
description="We are proud to be part of the modern streetwear movement." description="We are proud to be part of the modern streetwear movement."
/> />
@@ -286,20 +181,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "Do you offer worldwide shipping?", content: "Yes, we ship globally."},
title: "Do you offer worldwide shipping?",
content: "Yes, we ship globally.",
},
{ {
id: "f2", id: "f2", title: "How do I care for my beanie?", content: "Gentle hand wash recommended."},
title: "How do I care for my beanie?",
content: "Gentle hand wash recommended.",
},
{ {
id: "f3", id: "f3", title: "Can I return the item?", content: "Yes, within 30 days."},
title: "Can I return the item?",
content: "Yes, within 30 days.",
},
]} ]}
title="Common Questions" title="Common Questions"
description="Answers about our products and shipping." description="Answers about our products and shipping."
@@ -314,16 +200,13 @@ export default function LandingPage() {
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
tag="Get in touch" tag="Get in touch"
title="Join the Movement" title="Join the Movement"
description="Stay updated on new drops and community events." description="Stay updated on new drops and community events."
buttons={[ buttons={[
{ {
text: "Contact Us", text: "Contact Us", href: "mailto:info@esbhujweniavenue.com"},
href: "mailto:info@esbhujweniavenue.com",
},
]} ]}
/> />
</div> </div>
@@ -335,18 +218,14 @@ export default function LandingPage() {
socialLinks={[ socialLinks={[
{ {
icon: Instagram, icon: Instagram,
href: "https://instagram.com", href: "https://instagram.com", ariaLabel: "Instagram"},
ariaLabel: "Instagram",
},
{ {
icon: Twitter, icon: Twitter,
href: "https://twitter.com", href: "https://twitter.com", ariaLabel: "Twitter"},
ariaLabel: "Twitter",
},
]} ]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }