Merge version_1 into main #2
280
src/app/page.tsx
280
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "New Releases",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Our Vision",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "New Releases", id: "#products" },
|
||||
{ name: "Performance", id: "#features" },
|
||||
{ name: "Our Vision", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="NIKE"
|
||||
/>
|
||||
@@ -55,111 +43,23 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "downward-rays-animated",
|
||||
}}
|
||||
background={{ variant: "downward-rays-animated" }}
|
||||
title="Unleash Your Potential."
|
||||
description="Engineered for speed, built for endurance. Discover the latest in performance footwear designed to push your limits further."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@runner_pro",
|
||||
testimonial: "The best support I've ever felt. Unmatched speed and comfort.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-whale-pottery-workshop-finished-product-close-view_1153-6315.jpg?_wi=1",
|
||||
imageAlt: "sports shoe professional photography",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@fitness_coach",
|
||||
testimonial: "I never feel fatigued even after 10 miles. Simply incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-military-protection-item_23-2149341299.jpg?_wi=1",
|
||||
imageAlt: "shoe material macro shot",
|
||||
},
|
||||
{
|
||||
name: "Mike D.",
|
||||
handle: "@pro_bball",
|
||||
testimonial: "Total game changer on the court.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sneakers_1122-2301.jpg?_wi=1",
|
||||
imageAlt: "shoe sole shock absorption tech",
|
||||
},
|
||||
{
|
||||
name: "Elena K.",
|
||||
handle: "@triathlete_elena",
|
||||
testimonial: "Fast, light, and durable. The perfect tri-shoe.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-streching-exercises_23-2148656522.jpg?_wi=1",
|
||||
imageAlt: "athletic shoe breathable fabric",
|
||||
},
|
||||
{
|
||||
name: "Jordan P.",
|
||||
handle: "@crossfit_j",
|
||||
testimonial: "Stable and responsive for every lift.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-tying-laces_23-2147598741.jpg?_wi=1",
|
||||
imageAlt: "shoe outsole traction pattern",
|
||||
},
|
||||
{ name: "Alex R.", handle: "@runner_pro", testimonial: "The best support I've ever felt. Unmatched speed and comfort.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/ceramic-whale-pottery-workshop-finished-product-close-view_1153-6315.jpg", imageAlt: "sports shoe professional photography" },
|
||||
{ name: "Sarah J.", handle: "@fitness_coach", testimonial: "I never feel fatigued even after 10 miles. Simply incredible.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-military-protection-item_23-2149341299.jpg", imageAlt: "shoe material macro shot" },
|
||||
{ name: "Mike D.", handle: "@pro_bball", testimonial: "Total game changer on the court.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sneakers_1122-2301.jpg", imageAlt: "shoe sole shock absorption tech" },
|
||||
{ name: "Elena K.", handle: "@triathlete_elena", testimonial: "Fast, light, and durable. The perfect tri-shoe.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-streching-exercises_23-2148656522.jpg", imageAlt: "athletic shoe breathable fabric" },
|
||||
{ name: "Jordan P.", handle: "@crossfit_j", testimonial: "Stable and responsive for every lift.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-tying-laces_23-2147598741.jpg", imageAlt: "shoe outsole traction pattern" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Men",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Shop Women",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ceramic-whale-pottery-workshop-finished-product-close-view_1153-6315.jpg?_wi=2"
|
||||
buttons={[{ text: "Shop Men", href: "#products" }, { text: "Shop Women", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ceramic-whale-pottery-workshop-finished-product-close-view_1153-6315.jpg"
|
||||
imageAlt="Nike Performance Shoe Showcase"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-preparing-basketball-match_23-2150847414.jpg",
|
||||
alt: "Athlete 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-white-portrait-professional-tennis-player_23-2151418341.jpg",
|
||||
alt: "Athlete 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-holds-basket-ball_613910-1484.jpg",
|
||||
alt: "Athlete 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-with-cloud-talc-around-dark-background_613910-15101.jpg",
|
||||
alt: "Athlete 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-female-sprinter-athletes-running-treadmill-race-training-athletics-stadium_613910-19085.jpg",
|
||||
alt: "Athlete 5",
|
||||
},
|
||||
]}
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/man-preparing-basketball-match_23-2150847414.jpg", alt: "Athlete 1" }, { src: "http://img.b2bpic.net/free-photo/black-white-portrait-professional-tennis-player_23-2151418341.jpg", alt: "Athlete 2" }, { src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-holds-basket-ball_613910-1484.jpg", alt: "Athlete 3" }, { src: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-with-cloud-talc-around-dark-background_613910-15101.jpg", alt: "Athlete 4" }, { src: "http://img.b2bpic.net/free-photo/two-female-sprinter-athletes-running-treadmill-race-training-athletics-stadium_613910-19085.jpg", alt: "Athlete 5" }]}
|
||||
avatarText="Trusted by 10k+ elite athletes"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Speed",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Durability",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "Speed" }, { type: "text", text: "Durability" }, { type: "text", text: "Innovation" }, { type: "text", text: "Performance" }, { type: "text", text: "Precision" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -171,7 +71,7 @@ export default function LandingPage() {
|
||||
description="We believe that every athlete deserves gear that pushes them beyond their personal best."
|
||||
subdescription="Our R&D center utilizes biomechanical data to ensure every stitch, sole, and mesh pattern serves a purpose in your athletic journey."
|
||||
icon={Zap}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-military-protection-item_23-2149341299.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-military-protection-item_23-2149341299.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -182,27 +82,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Shock Absorb+",
|
||||
author: "R&D Lab",
|
||||
description: "High-density cushioning absorbing 40% more impact than standard foam.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sneakers_1122-2301.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "AeroMesh™",
|
||||
author: "Materials Team",
|
||||
description: "Ultra-lightweight weave for maximum airflow and temperature regulation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-streching-exercises_23-2148656522.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Traction-Pro",
|
||||
author: "Tech Dev",
|
||||
description: "Multi-directional tread patterns ensuring stability on any surface.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-tying-laces_23-2147598741.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", title: "Shock Absorb+", author: "R&D Lab", description: "High-density cushioning absorbing 40% more impact than standard foam.", imageSrc: "http://img.b2bpic.net/free-photo/sneakers_1122-2301.jpg", tags: [] },
|
||||
{ id: "2", title: "AeroMesh™", author: "Materials Team", description: "Ultra-lightweight weave for maximum airflow and temperature regulation.", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-streching-exercises_23-2148656522.jpg", tags: [] },
|
||||
{ id: "3", title: "Traction-Pro", author: "Tech Dev", description: "Multi-directional tread patterns ensuring stability on any surface.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-tying-laces_23-2147598741.jpg", tags: [] },
|
||||
]}
|
||||
title="Performance at the Core"
|
||||
description="Technological advancements designed for the elite athlete in everyone."
|
||||
@@ -216,42 +98,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "SpeedRunner Pro",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-black-leather-shoes_1203-7614.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Apex Trainer X",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-person-listening-music-ultra-modern-headphones_23-2151072953.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "TrailMaster G",
|
||||
price: "$195",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-tying-shoelace-running-shoes-before-practice-forest_158538-17932.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sprint Spike Elite",
|
||||
price: "$220",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sportive-woman-jumping-exercise_23-2148297826.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "CrossFit Stance",
|
||||
price: "$140",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-lacing-sneakers-gym_1303-32006.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Street Glide Low",
|
||||
price: "$125",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-man-urban-outfit_1303-17746.jpg",
|
||||
},
|
||||
{ id: "1", name: "SpeedRunner Pro", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-black-leather-shoes_1203-7614.jpg" },
|
||||
{ id: "2", name: "Apex Trainer X", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-person-listening-music-ultra-modern-headphones_23-2151072953.jpg" },
|
||||
{ id: "3", name: "TrailMaster G", price: "$195", imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-tying-shoelace-running-shoes-before-practice-forest_158538-17932.jpg" },
|
||||
{ id: "4", name: "Sprint Spike Elite", price: "$220", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sportive-woman-jumping-exercise_23-2148297826.jpg" },
|
||||
{ id: "5", name: "CrossFit Stance", price: "$140", imageSrc: "http://img.b2bpic.net/free-photo/woman-lacing-sneakers-gym_1303-32006.jpg" },
|
||||
{ id: "6", name: "Street Glide Low", price: "$125", imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-man-urban-outfit_1303-17746.jpg" },
|
||||
]}
|
||||
title="Latest Drops"
|
||||
description="Dominate the field, the track, or the street."
|
||||
@@ -260,49 +112,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
handle: "@pro_runner",
|
||||
testimonial: "I never looked back after the SpeedRunner.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-basketball-match_23-2150847414.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah J.",
|
||||
handle: "@tennis_ace",
|
||||
testimonial: "The grip is insane. Changes the way I move.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-professional-tennis-player_23-2151418341.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike D.",
|
||||
handle: "@hoops_star",
|
||||
testimonial: "Responsive cushioning is top-tier.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-holds-basket-ball_613910-1484.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena K.",
|
||||
handle: "@tri_champ",
|
||||
testimonial: "Perfect for the transition.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-with-cloud-talc-around-dark-background_613910-15101.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jordan P.",
|
||||
handle: "@fit_coach",
|
||||
testimonial: "My athletes swear by these.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-female-sprinter-athletes-running-treadmill-race-training-athletics-stadium_613910-19085.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex R.", handle: "@pro_runner", testimonial: "I never looked back after the SpeedRunner.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-basketball-match_23-2150847414.jpg" },
|
||||
{ id: "2", name: "Sarah J.", handle: "@tennis_ace", testimonial: "The grip is insane. Changes the way I move.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-professional-tennis-player_23-2151418341.jpg" },
|
||||
{ id: "3", name: "Mike D.", handle: "@hoops_star", testimonial: "Responsive cushioning is top-tier.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-holds-basket-ball_613910-1484.jpg" },
|
||||
{ id: "4", name: "Elena K.", handle: "@tri_champ", testimonial: "Perfect for the transition.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-with-cloud-talc-around-dark-background_613910-15101.jpg" },
|
||||
{ id: "5", name: "Jordan P.", handle: "@fit_coach", testimonial: "My athletes swear by these.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-female-sprinter-athletes-running-treadmill-race-training-athletics-stadium_613910-19085.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Athlete Voices"
|
||||
@@ -315,14 +133,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"World Athletics",
|
||||
"Global Marathon League",
|
||||
"SportsTech Innovators",
|
||||
"Track Nation",
|
||||
"Elite Footwear Group",
|
||||
"GymLife Apparel",
|
||||
"Wellness Performance",
|
||||
]}
|
||||
"World Athletics", "Global Marathon League", "SportsTech Innovators", "Track Nation", "Elite Footwear Group", "GymLife Apparel", "Wellness Performance"]}
|
||||
title="Official Partners"
|
||||
description="Trusted by organizations pushing athletic boundaries worldwide."
|
||||
/>
|
||||
@@ -331,16 +142,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Ready to take the next step? Get in touch with our team for bulk orders or professional support."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@nike-sport.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Support", href: "mailto:support@nike-sport.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -349,21 +153,9 @@ export default function LandingPage() {
|
||||
logoText="NIKE"
|
||||
copyrightText="© 2025 Nike Sport Performance. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Film,
|
||||
href: "https://youtube.com",
|
||||
ariaLabel: "Youtube",
|
||||
},
|
||||
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||||
{ icon: Film, href: "https://youtube.com", ariaLabel: "Youtube" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user