Merge version_2 into main #2
291
src/app/page.tsx
291
src/app/page.tsx
@@ -34,21 +34,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "#products"},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Performance", id: "#features"},
|
||||
{
|
||||
name: "Athletes",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Athletes", id: "#team"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "Support", id: "#faq"},
|
||||
]}
|
||||
brandName="NIKE"
|
||||
/>
|
||||
@@ -57,65 +49,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="JUST DO IT."
|
||||
description="Unlock your full potential with the most advanced gear in the game. Performance engineered for greatness."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-sports-fitness-active-healthy-lifestyle-concept-attractive-fit-young-mixed-race-male-with-muscular-shoulders-posing-studio-keeping-arms-folded-his-look-expressing-confidence_343059-339.jpg",
|
||||
alt: "Pro Athlete",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-sports-fitness-active-healthy-lifestyle-concept-attractive-fit-young-mixed-race-male-with-muscular-shoulders-posing-studio-keeping-arms-folded-his-look-expressing-confidence_343059-339.jpg", alt: "Pro Athlete"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-fit-man-gym_23-2149517268.jpg",
|
||||
alt: "Pro Athlete",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-fit-man-gym_23-2149517268.jpg", alt: "Pro Athlete"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-sportive-young-woman_23-2148297813.jpg",
|
||||
alt: "Pro Athlete",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-sportive-young-woman_23-2148297813.jpg", alt: "Pro Athlete"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mixed-rae-african-american-woman-has-rest-her-workout-breathing-deep-body-parts_633478-2160.jpg",
|
||||
alt: "Pro Athlete",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mixed-rae-african-american-woman-has-rest-her-workout-breathing-deep-body-parts_633478-2160.jpg", alt: "Pro Athlete"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007196.jpg",
|
||||
alt: "Pro Athlete",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007196.jpg", alt: "Pro Athlete"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ athletes"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "ENGINEERED FOR SPEED",
|
||||
},
|
||||
type: "text", text: "ENGINEERED FOR SPEED"},
|
||||
{
|
||||
type: "text",
|
||||
text: "MAXIMUM COMFORT",
|
||||
},
|
||||
type: "text", text: "MAXIMUM COMFORT"},
|
||||
{
|
||||
type: "text",
|
||||
text: "UNBEATABLE TRACTION",
|
||||
},
|
||||
type: "text", text: "UNBEATABLE TRACTION"},
|
||||
{
|
||||
type: "text",
|
||||
text: "ADAPTIVE SUPPORT",
|
||||
},
|
||||
type: "text", text: "ADAPTIVE SUPPORT"},
|
||||
{
|
||||
type: "text",
|
||||
text: "PREMIUM PERFORMANCE",
|
||||
},
|
||||
type: "text", text: "PREMIUM PERFORMANCE"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,41 +95,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Air Speed Runner",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-retro-memorabilia_23-2150583919.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Air Speed Runner", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-retro-memorabilia_23-2150583919.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Hyper Court Elite",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-man-making-cardio-training-exercises-gym-club-closeup-horizontal_1220-1707.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Hyper Court Elite", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/adult-man-making-cardio-training-exercises-gym-club-closeup-horizontal_1220-1707.jpg?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Training Ground X",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-showcase_23-2151005686.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Training Ground X", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-showcase_23-2151005686.jpg?_wi=1"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Street Vision Mid",
|
||||
price: "$140",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-businesswoman-walking-street-near-office-buildi_1301-3406.jpg?_wi=1",
|
||||
},
|
||||
id: "4", name: "Street Vision Mid", price: "$140", imageSrc: "http://img.b2bpic.net/free-photo/two-young-businesswoman-walking-street-near-office-buildi_1301-3406.jpg?_wi=1"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Marathon Pro V2",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/runner-man-s-feet-running-road-closeup-shoe_273609-14245.jpg",
|
||||
},
|
||||
id: "5", name: "Marathon Pro V2", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/runner-man-s-feet-running-road-closeup-shoe_273609-14245.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Court Grip Pro",
|
||||
price: "$135",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tennis-player_23-2147820987.jpg",
|
||||
},
|
||||
id: "6", name: "Court Grip Pro", price: "$135", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tennis-player_23-2147820987.jpg"},
|
||||
]}
|
||||
title="New Releases"
|
||||
description="Engineered for speed, built for comfort. Discover your next PR."
|
||||
@@ -176,34 +119,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15%",
|
||||
title: "Energy Return",
|
||||
items: [
|
||||
"Enhanced foam core",
|
||||
"Rebound tech",
|
||||
"Stability boost",
|
||||
],
|
||||
id: "m1", value: "15%", title: "Energy Return", items: [
|
||||
"Enhanced foam core", "Rebound tech", "Stability boost"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20g",
|
||||
title: "Lighter Build",
|
||||
items: [
|
||||
"Composite mesh",
|
||||
"Zero waste build",
|
||||
"Aero focus",
|
||||
],
|
||||
id: "m2", value: "20g", title: "Lighter Build", items: [
|
||||
"Composite mesh", "Zero waste build", "Aero focus"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5x",
|
||||
title: "Durability",
|
||||
items: [
|
||||
"Tough outer layer",
|
||||
"Reinforced grip",
|
||||
"Long-term wear",
|
||||
],
|
||||
id: "m3", value: "5x", title: "Durability", items: [
|
||||
"Tough outer layer", "Reinforced grip", "Long-term wear"],
|
||||
},
|
||||
]}
|
||||
title="Built for Performance"
|
||||
@@ -218,20 +143,11 @@ export default function LandingPage() {
|
||||
description="We don't just make shoes; we build performance systems for every step of your journey."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Advanced Cushioning",
|
||||
content: "Our patented foam technology provides unparalleled comfort and bounce with every strike.",
|
||||
},
|
||||
id: "f1", title: "Advanced Cushioning", content: "Our patented foam technology provides unparalleled comfort and bounce with every strike."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Breathable Mesh",
|
||||
content: "High-performance upper material designed for maximum airflow during high-intensity training.",
|
||||
},
|
||||
id: "f2", title: "Breathable Mesh", content: "High-performance upper material designed for maximum airflow during high-intensity training."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Adaptive Support",
|
||||
content: "Integrated support systems lock your foot in for stability and precision on the track.",
|
||||
},
|
||||
id: "f3", title: "Adaptive Support", content: "Integrated support systems lock your foot in for stability and precision on the track."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005734.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -244,60 +160,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Runner",
|
||||
date: "Jan 2025",
|
||||
title: "Marathon Champion",
|
||||
quote: "The most responsive shoes I have ever trained in.",
|
||||
tag: "Speed",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/view-female-soccer-player-ready-match_23-2150887368.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-jumping-while-doing-parkour_52683-108604.jpg",
|
||||
imageAlt: "pro athlete portrait gym",
|
||||
},
|
||||
id: "t1", name: "Alex Runner", date: "Jan 2025", title: "Marathon Champion", quote: "The most responsive shoes I have ever trained in.", tag: "Speed", avatarSrc: "http://img.b2bpic.net/free-photo/view-female-soccer-player-ready-match_23-2150887368.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-jumping-while-doing-parkour_52683-108604.jpg", imageAlt: "pro athlete portrait gym"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan Hoop",
|
||||
date: "Feb 2025",
|
||||
title: "MVP Player",
|
||||
quote: "Unbeatable traction on the court, night after night.",
|
||||
tag: "Hoops",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-dark-background_613910-15130.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-retro-memorabilia_23-2150583919.jpg?_wi=2",
|
||||
imageAlt: "pro athlete portrait gym",
|
||||
},
|
||||
id: "t2", name: "Jordan Hoop", date: "Feb 2025", title: "MVP Player", quote: "Unbeatable traction on the court, night after night.", tag: "Hoops", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-dark-background_613910-15130.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-retro-memorabilia_23-2150583919.jpg?_wi=2", imageAlt: "pro athlete portrait gym"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Fit",
|
||||
date: "Mar 2025",
|
||||
title: "Fitness Influencer",
|
||||
quote: "Perfectly balanced and incredibly comfortable.",
|
||||
tag: "Training",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-sportswear-headband-looking-front-with-confident-smile-with-crossed-hands-chest-standing-white-wall_141793-96316.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-man-making-cardio-training-exercises-gym-club-closeup-horizontal_1220-1707.jpg?_wi=2",
|
||||
imageAlt: "pro athlete portrait gym",
|
||||
},
|
||||
id: "t3", name: "Sarah Fit", date: "Mar 2025", title: "Fitness Influencer", quote: "Perfectly balanced and incredibly comfortable.", tag: "Training", avatarSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-sportswear-headband-looking-front-with-confident-smile-with-crossed-hands-chest-standing-white-wall_141793-96316.jpg", imageSrc: "http://img.b2bpic.net/free-photo/adult-man-making-cardio-training-exercises-gym-club-closeup-horizontal_1220-1707.jpg?_wi=2", imageAlt: "pro athlete portrait gym"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mike Dash",
|
||||
date: "Apr 2025",
|
||||
title: "Sprinter",
|
||||
quote: "Explosive energy return helps me push my limits.",
|
||||
tag: "Sprints",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-people-running-stairs_23-2149037663.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-showcase_23-2151005686.jpg?_wi=2",
|
||||
imageAlt: "pro athlete portrait gym",
|
||||
},
|
||||
id: "t4", name: "Mike Dash", date: "Apr 2025", title: "Sprinter", quote: "Explosive energy return helps me push my limits.", tag: "Sprints", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-people-running-stairs_23-2149037663.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-showcase_23-2151005686.jpg?_wi=2", imageAlt: "pro athlete portrait gym"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena Court",
|
||||
date: "May 2025",
|
||||
title: "Tennis Pro",
|
||||
quote: "I feel faster and more secure on every turn.",
|
||||
tag: "Tennis",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-middle-aged-man-with-basket-ball_23-2149213165.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-businesswoman-walking-street-near-office-buildi_1301-3406.jpg?_wi=2",
|
||||
imageAlt: "pro athlete portrait gym",
|
||||
},
|
||||
id: "t5", name: "Elena Court", date: "May 2025", title: "Tennis Pro", quote: "I feel faster and more secure on every turn.", tag: "Tennis", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-middle-aged-man-with-basket-ball_23-2149213165.jpg", imageSrc: "http://img.b2bpic.net/free-photo/two-young-businesswoman-walking-street-near-office-buildi_1301-3406.jpg?_wi=2", imageAlt: "pro athlete portrait gym"},
|
||||
]}
|
||||
title="Pro Endorsements"
|
||||
description="See why the best in the world trust Nike to get them to the podium."
|
||||
@@ -309,12 +180,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Marathon League",
|
||||
"International Basketball Association",
|
||||
"World Athletics Pro",
|
||||
"Global Training Federation",
|
||||
"Tennis World Tour",
|
||||
]}
|
||||
"Marathon League", "International Basketball Association", "World Athletics Pro", "Global Training Federation", "Tennis World Tour"]}
|
||||
title="Global Partner Ecosystem"
|
||||
description="Proud partners of leading organizations and leagues worldwide."
|
||||
/>
|
||||
@@ -327,19 +193,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Gold Medals",
|
||||
value: "1200+",
|
||||
},
|
||||
label: "Gold Medals", value: "1200+"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Innovations",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Innovations", value: "500+"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Global Reach",
|
||||
value: "150+",
|
||||
},
|
||||
label: "Global Reach", value: "150+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -350,20 +210,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is the return policy?",
|
||||
content: "We offer 60-day returns on all unused gear.",
|
||||
},
|
||||
id: "q1", title: "What is the return policy?", content: "We offer 60-day returns on all unused gear."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do I choose my size?",
|
||||
content: "Check our size guide on each product page for a perfect fit.",
|
||||
},
|
||||
id: "q2", title: "How do I choose my size?", content: "Check our size guide on each product page for a perfect fit."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you ship globally?",
|
||||
content: "Yes, we ship to over 150 countries worldwide.",
|
||||
},
|
||||
id: "q3", title: "Do you ship globally?", content: "Yes, we ship to over 150 countries worldwide."},
|
||||
{
|
||||
id: "q4", title: "Warranty and Care", content: "All our gear comes with a 1-year performance warranty. To maintain quality, machine wash cold and air dry only."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -374,16 +227,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get In Touch"
|
||||
title="Ready to perform?"
|
||||
description="Join our community and get access to exclusive drops and training insights."
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up",
|
||||
href: "#",
|
||||
},
|
||||
text: "Sign Up", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -392,54 +242,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Running",
|
||||
href: "#",
|
||||
},
|
||||
label: "Running", href: "#"},
|
||||
{
|
||||
label: "Basketball",
|
||||
href: "#",
|
||||
},
|
||||
label: "Basketball", href: "#"},
|
||||
{
|
||||
label: "Training",
|
||||
href: "#",
|
||||
},
|
||||
label: "Training", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
label: "Press", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user