Merge version_1 into main #1
296
src/app/page.tsx
296
src/app/page.tsx
@@ -31,75 +31,34 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "LeBron's Choice",
|
||||
id: "lebron",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "LeBron's Choice", id: "lebron" },
|
||||
{ name: "Support", id: "faq" }
|
||||
]}
|
||||
brandName="NICHE SUPERIOR"
|
||||
button={{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Reserve Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="DEFINING THE COURT."
|
||||
description="Niche Superior x LeBron. Experience performance engineering fused with pure minimalist aesthetics."
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Discover Collection", href: "#products"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cream-woman-sneakers-with-colourful-stones-it-golden-details_140725-2506.jpg",
|
||||
imageAlt: "Lebron James wearing Niche Superior",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-sneakers_93675-130031.jpg",
|
||||
imageAlt: "Minimalist shoe silhouette",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurry-silhouette-man-running-street_23-2147753275.jpg",
|
||||
imageAlt: "Athlete in motion",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-leather-sports-shoe-with-elegant-shoelace-generated-by-ai_188544-19647.jpg",
|
||||
imageAlt: "Designer sneaker layout",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cobbler-stitching-part-shoe_171337-12302.jpg",
|
||||
imageAlt: "Fabric texture close-up",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-city-night-with-neon-lights_23-2150840803.jpg",
|
||||
imageAlt: "Neon city atmosphere",
|
||||
},
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/cream-woman-sneakers-with-colourful-stones-it-golden-details_140725-2506.jpg", imageAlt: "Lebron James wearing Niche Superior" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/new-sneakers_93675-130031.jpg", imageAlt: "Minimalist shoe silhouette" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/blurry-silhouette-man-running-street_23-2147753275.jpg", imageAlt: "Athlete in motion" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/black-leather-sports-shoe-with-elegant-shoelace-generated-by-ai_188544-19647.jpg", imageAlt: "Designer sneaker layout" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cobbler-stitching-part-shoe_171337-12302.jpg", imageAlt: "Fabric texture close-up" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/view-city-night-with-neon-lights_23-2150840803.jpg", imageAlt: "Neon city atmosphere" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,21 +68,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Engineered for Greatness"
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Energy Return",
|
||||
value: "98%",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Structural Support",
|
||||
value: "Pro",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "LeBron Verified",
|
||||
value: "Elite",
|
||||
},
|
||||
{ icon: Zap, label: "Energy Return", value: "98%" },
|
||||
{ icon: Shield, label: "Structural Support", value: "Pro" },
|
||||
{ icon: Award, label: "LeBron Verified", value: "Elite" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -131,64 +78,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Niche Superior",
|
||||
name: "NS-One Apex",
|
||||
price: "$295",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-futuristic-sneakers_23-2151005681.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Niche Superior",
|
||||
name: "NS-One Shadow",
|
||||
price: "$310",
|
||||
rating: 5,
|
||||
reviewCount: "890",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-tying-his-shoelace_23-2148747431.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Niche Superior",
|
||||
name: "NS-One Silver",
|
||||
price: "$280",
|
||||
rating: 4,
|
||||
reviewCount: "450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005673.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Niche Superior",
|
||||
name: "NS-One Midnight",
|
||||
price: "$325",
|
||||
rating: 5,
|
||||
reviewCount: "1.5k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-section-man-sitting-graffiti-wall-with-spray-bottle_23-2147839380.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Niche Superior",
|
||||
name: "NS-One Neon",
|
||||
price: "$340",
|
||||
rating: 5,
|
||||
reviewCount: "670",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-with-white-shoes-stepping-floor_58702-7852.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Niche Superior",
|
||||
name: "NS-One Signature",
|
||||
price: "$399",
|
||||
rating: 5,
|
||||
reviewCount: "2.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/volleyball-player-warming-up-before-match_23-2149492329.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Niche Superior", name: "NS-One Apex", price: "$295", rating: 5, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-futuristic-sneakers_23-2151005681.jpg" },
|
||||
{ id: "p2", brand: "Niche Superior", name: "NS-One Shadow", price: "$310", rating: 5, reviewCount: "890", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-tying-his-shoelace_23-2148747431.jpg" },
|
||||
{ id: "p3", brand: "Niche Superior", name: "NS-One Silver", price: "$280", rating: 4, reviewCount: "450", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005673.jpg" },
|
||||
{ id: "p4", brand: "Niche Superior", name: "NS-One Midnight", price: "$325", rating: 5, reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/low-section-man-sitting-graffiti-wall-with-spray-bottle_23-2147839380.jpg" },
|
||||
{ id: "p5", brand: "Niche Superior", name: "NS-One Neon", price: "$340", rating: 5, reviewCount: "670", imageSrc: "http://img.b2bpic.net/free-photo/boy-with-white-shoes-stepping-floor_58702-7852.jpg" },
|
||||
{ id: "p6", brand: "Niche Superior", name: "NS-One Signature", price: "$399", rating: 5, reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/volleyball-player-warming-up-before-match_23-2149492329.jpg" }
|
||||
]}
|
||||
title="The Collection"
|
||||
description="Where luxury minimalism meets championship performance."
|
||||
@@ -199,15 +99,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Lakers Daily",
|
||||
"NBA Insider",
|
||||
"Hypebeast",
|
||||
"SneakerCon",
|
||||
"ESPN Sports",
|
||||
"Complex Style",
|
||||
"GQ Magazine",
|
||||
]}
|
||||
names={["Lakers Daily", "NBA Insider", "Hypebeast", "SneakerCon", "ESPN Sports", "Complex Style", "GQ Magazine"]}
|
||||
title="Trusted by Pros"
|
||||
description="The footwear choice for championship athletes worldwide."
|
||||
/>
|
||||
@@ -219,41 +111,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus Jordan",
|
||||
role: "Pro Athlete",
|
||||
testimonial: "The balance of support and minimalism is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-playground-with-phone-her-hands_140725-16381.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena Ross",
|
||||
role: "Streetwear Fan",
|
||||
testimonial: "Finally, a performance shoe that looks this clean.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-yoga-park-bench_23-2147791906.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Wells",
|
||||
role: "NBA Critic",
|
||||
testimonial: "LeBron wouldn't put his name on anything less than perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661589.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Chen",
|
||||
role: "Designer",
|
||||
testimonial: "The attention to detail in the silhouette is incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-designer-looking-some-prints-choose-best-one-agency-employee_482257-32975.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mike Davis",
|
||||
role: "Coach",
|
||||
testimonial: "Every step feels lighter, yet more controlled than ever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-athletic-woman-warming-up-while-exercising-living-room_637285-6208.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Marcus Jordan", role: "Pro Athlete", testimonial: "The balance of support and minimalism is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-playground-with-phone-her-hands_140725-16381.jpg" },
|
||||
{ id: "t2", name: "Elena Ross", role: "Streetwear Fan", testimonial: "Finally, a performance shoe that looks this clean.", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-yoga-park-bench_23-2147791906.jpg" },
|
||||
{ id: "t3", name: "David Wells", role: "NBA Critic", testimonial: "LeBron wouldn't put his name on anything less than perfect.", imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661589.jpg" },
|
||||
{ id: "t4", name: "Sarah Chen", role: "Designer", testimonial: "The attention to detail in the silhouette is incredible.", imageSrc: "http://img.b2bpic.net/free-photo/young-designer-looking-some-prints-choose-best-one-agency-employee_482257-32975.jpg" },
|
||||
{ id: "t5", name: "Mike Davis", role: "Coach", testimonial: "Every step feels lighter, yet more controlled than ever.", imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-athletic-woman-warming-up-while-exercising-living-room_637285-6208.jpg" }
|
||||
]}
|
||||
title="Voices of the Elite"
|
||||
description="Hear what the community says about Niche Superior."
|
||||
@@ -265,26 +127,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are these shoes performance-ready?",
|
||||
content: "Yes, Niche Superior is designed for both high-intensity performance on the court and street-ready style.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What makes the LeBron collab unique?",
|
||||
content: "It features proprietary support technology verified by LeBron himself, ensuring elite performance.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship our premium footwear to over 50 countries worldwide.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "How do I choose my size?",
|
||||
content: "Our shoes are true to size. We recommend measuring your foot length and matching it to our size chart.",
|
||||
},
|
||||
{ id: "f1", title: "Are these shoes performance-ready?", content: "Yes, Niche Superior is designed for both high-intensity performance on the court and street-ready style." },
|
||||
{ id: "f2", title: "What makes the LeBron collab unique?", content: "It features proprietary support technology verified by LeBron himself, ensuring elite performance." },
|
||||
{ id: "f3", title: "Do you offer international shipping?", content: "Yes, we ship our premium footwear to over 50 countries worldwide." },
|
||||
{ id: "f4", title: "How do I choose my size?", content: "Our shoes are true to size. We recommend measuring your foot length and matching it to our size chart." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about Niche Superior? We have the answers."
|
||||
@@ -298,24 +144,10 @@ export default function LandingPage() {
|
||||
title="Join the Elite"
|
||||
description="Sign up to receive early access to our future signature drops."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Any specific questions?",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Any specific questions?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-presentation_23-2151005714.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -323,57 +155,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Performance",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Lifestyle",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Limited Edition",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "Performance", href: "#products" }, { label: "Lifestyle", href: "#" }, { label: "Limited Edition", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#features" }, { label: "Press", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Shipping", href: "#" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
logoText="NICHE SUPERIOR"
|
||||
/>
|
||||
@@ -381,4 +165,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user