bender/930dc32d-ae31-434a-9d34-4d419f1bd593
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 05:56:49 +00:00
parent 0668e80dfb
commit c73686f8f1
1 changed files with 31 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
src/app/page.tsx
View File

@@ -31,14 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Shop", id: "#products"},
{
name: "Story", id: "#about"},
{
name: "Drops", id: "#features"},
{
name: "Contact", id: "#contact"},
{ name: "Shop", id: "#products" },
{ name: "Story", id: "#about" },
{ name: "Drops", id: "#features" },
{ name: "Contact", id: "#contact" },
]}
brandName="NEXUS"
/>
@@ -46,17 +42,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "sparkles-gradient"}}
background={{ variant: "sparkles-gradient" }}
title="Wear The Future, Own The Culture"
description="Luxury streetwear designed for the bold. Exclusive drops, limited editions, and futuristic aesthetics that define tomorrow's fashion today."
imageSrc="http://img.b2bpic.net/free-photo/red-ferromagnetic-liquid-metal-with-copy-space_23-2148253536.jpg"
imageAlt="Futuristic streetwear hero background"
buttons={[
{
text: "Explore Drops", href: "#products"},
{
text: "Join Nexus", href: "#contact"},
{ text: "Explore Drops", href: "#products" },
{ text: "Join Nexus", href: "#contact" },
]}
/>
</div>
@@ -65,11 +58,11 @@ export default function LandingPage() {
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Crafting the Future"
description={["At NEXUS, we blend high-fashion luxury with raw street energy to create wearable art that challenges the status quo."]}
description="At NEXUS, we blend high-fashion luxury with raw street energy to create wearable art that challenges the status quo."
metrics={[
{ id: "m1", value: "10k+", title: "Collectors", description: "Global community", imageSrc: "https://img.b2bpic.net/free-photo/abstract-shapes.jpg" },
{ id: "m2", value: "20+", title: "Exclusive Drops", description: "Limited releases", imageSrc: "https://img.b2bpic.net/free-photo/abstract-shapes.jpg" },
{ id: "m3", value: "100%", title: "Premium Quality", description: "Handcrafted excellence", imageSrc: "https://img.b2bpic.net/free-photo/abstract-shapes.jpg" },
{ value: "10k+", title: "Collectors" },
{ value: "20+", title: "Exclusive Drops" },
{ value: "100%", title: "Premium Quality" },
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346546.jpg"
imageAlt="Fashion designer at work"
@@ -84,11 +77,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Technical Fabric", description: "Resilient, weather-resistant materials designed for the urban environment.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg", imageAlt: "Fabric"},
title: "Technical Fabric", description: "Resilient, weather-resistant materials designed for the urban environment.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg", imageAlt: "Fabric" },
{
title: "Futuristic Footwear", description: "Ergonomic designs meeting avant-garde aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005724.jpg", imageAlt: "Sneakers"},
title: "Futuristic Footwear", description: "Ergonomic designs meeting avant-garde aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005724.jpg", imageAlt: "Sneakers" },
{
title: "Modular Design", description: "Adaptable streetwear pieces for a versatile lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489845.jpg", imageAlt: "Detail"},
title: "Modular Design", description: "Adaptable streetwear pieces for a versatile lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489845.jpg", imageAlt: "Detail" },
]}
title="Built for Tomorrow"
description="Innovative fabrics, sustainable processes, and cutting-edge design language."
@@ -102,14 +95,10 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1", name: "Void Hoodie", price: "₹12,500", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-sitting-chair_23-2149359874.jpg"},
{
id: "2", name: "Tech cargo", price: "₹8,900", imageSrc: "http://img.b2bpic.net/free-photo/stylish-casual-hipster-girl-cap-sunglasses-jeans-wear-listening-music-from-headphones-mobile-phone-against-large-graffiti-wall_627829-7723.jpg"},
{
id: "3", name: "Cyber Beanie", price: "₹2,500", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-toy_23-2149529654.jpg"},
{
id: "4", name: "Bomber Jacket", price: "₹24,000", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-posing-outside_23-2148803557.jpg"},
{ id: "1", name: "Void Hoodie", price: "₹12,500", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-sitting-chair_23-2149359874.jpg" },
{ id: "2", name: "Tech cargo", price: "₹8,900", imageSrc: "http://img.b2bpic.net/free-photo/stylish-casual-hipster-girl-cap-sunglasses-jeans-wear-listening-music-from-headphones-mobile-phone-against-large-graffiti-wall_627829-7723.jpg" },
{ id: "3", name: "Cyber Beanie", price: "₹2,500", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-toy_23-2149529654.jpg" },
{ id: "4", name: "Bomber Jacket", price: "₹24,000", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-posing-outside_23-2148803557.jpg" },
]}
title="Curated Drops"
description="Interact to reveal explosive product details."
@@ -123,20 +112,10 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic", badge: "Core", price: "₹500/mo", subtitle: "Basic Member", buttons: [
{
text: "Join", href: "#"},
],
features: [
"Early access", "Newsletter"],
id: "basic", badge: "Core", price: "₹500/mo", subtitle: "Basic Member", buttons: [ { text: "Join", href: "#" } ], features: [ "Early access", "Newsletter" ]
},
{
id: "pro", badge: "Elite", price: "₹1,500/mo", subtitle: "Elite Member", buttons: [
{
text: "Join", href: "#"},
],
features: [
"VIP Drops", "Free Shipping", "Priority Support"],
id: "pro", badge: "Elite", price: "₹1,500/mo", subtitle: "Elite Member", buttons: [ { text: "Join", href: "#" } ], features: [ "VIP Drops", "Free Shipping", "Priority Support" ]
},
]}
title="Membership Tier"
@@ -150,12 +129,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Alex R.", handle: "@alex_hype", testimonial: "Unmatched quality. NEXUS redefined my wardrobe.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-black-white_23-2149652107.jpg"},
{
id: "2", name: "Maya K.", handle: "@maya_street", testimonial: "The drops are insane, pure artistry.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket-brush-stroke_23-2149020782.jpg"},
{ id: "1", name: "Alex R.", handle: "@alex_hype", testimonial: "Unmatched quality. NEXUS redefined my wardrobe.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-black-white_23-2149652107.jpg" },
{ id: "2", name: "Maya K.", handle: "@maya_street", testimonial: "The drops are insane, pure artistry.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket-brush-stroke_23-2149020782.jpg" },
]}
showRating={true}
title="Community Voices"
@@ -168,12 +143,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1", title: "Do you ship worldwide?", content: "Yes, we ship to major global regions with expedited options."},
{
id: "f2", title: "How do drops work?", content: "Drops are released in limited quantities at scheduled times."},
{
id: "f3", title: "Are items authentic?", content: "Every single piece comes with an authenticity guarantee."},
{ id: "f1", title: "Do you ship worldwide?", content: "Yes, we ship to major global regions with expedited options." },
{ id: "f2", title: "How do drops work?", content: "Drops are released in limited quantities at scheduled times." },
{ id: "f3", title: "Are items authentic?", content: "Every single piece comes with an authenticity guarantee." },
]}
imageSrc="http://img.b2bpic.net/free-photo/medical-worker-medical-uniform-working-virtual-screen_53876-97885.jpg"
title="Need Help?"
@@ -186,8 +158,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain"}}
background={{ variant: "plain" }}
tag="Newsletter"
title="Join the NEXUS"
description="Be the first to hear about secret drops and exclusive community events."
@@ -202,18 +173,14 @@ export default function LandingPage() {
columns={[
{
items: [
{
label: "Shop All", href: "#products"},
{
label: "Collections", href: "#"},
{ label: "Shop All", href: "#products" },
{ label: "Collections", href: "#" },
],
},
{
items: [
{
label: "Community", href: "#"},
{
label: "Terms", href: "#"},
{ label: "Community", href: "#" },
{ label: "Terms", href: "#" },
],
},
]}
@@ -223,4 +190,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}