Merge version_1 into main #1
306
src/app/page.tsx
306
src/app/page.tsx
@@ -33,42 +33,24 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#shop",
|
||||
},
|
||||
name: "Shop", id: "#shop"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "#impact",
|
||||
},
|
||||
name: "Impact", id: "#impact"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#shop",
|
||||
}}
|
||||
text: "Shop Now", href: "#shop"}}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/minimal-logo-collection-two-colors_23-2148382034.jpg"
|
||||
brandName="Nike"
|
||||
/>
|
||||
@@ -77,77 +59,46 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Unleash Your Potential with Nike"
|
||||
description="Discover the latest innovations in athletic footwear. Engineered for performance, designed for champions."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005721.jpg",
|
||||
alt: "Nike running shoe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005721.jpg", alt: "Nike running shoe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-blue-winter-trekking-boots-black-background_181624-25741.jpg",
|
||||
alt: "Vertical shot of blue winter trekking boots on black background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-blue-winter-trekking-boots-black-background_181624-25741.jpg", alt: "Vertical shot of blue winter trekking boots on black background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/factory-producing-co2-pollution_23-2150858309.jpg",
|
||||
alt: "Factory producing co2 pollution",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/factory-producing-co2-pollution_23-2150858309.jpg", alt: "Factory producing co2 pollution"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005663.jpg",
|
||||
alt: "Close up on futuristic sneakers",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005663.jpg", alt: "Close up on futuristic sneakers"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-presentation_23-2151005715.jpg",
|
||||
alt: "Close up on futuristic sneakers presentation",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-presentation_23-2151005715.jpg", alt: "Close up on futuristic sneakers presentation"},
|
||||
]}
|
||||
avatarText="Featured: The New Air Zoom Pegasus"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#shop",
|
||||
},
|
||||
text: "Explore Collection", href: "#shop"},
|
||||
{
|
||||
text: "Find Your Fit",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Find Your Fit", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
type: "text", text: "Innovation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance",
|
||||
},
|
||||
type: "text", text: "Performance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Style",
|
||||
},
|
||||
type: "text", text: "Style"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Comfort",
|
||||
},
|
||||
type: "text", text: "Comfort"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Durability",
|
||||
},
|
||||
type: "text", text: "Durability"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Legacy",
|
||||
},
|
||||
type: "text", text: "Legacy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Future",
|
||||
},
|
||||
type: "text", text: "Future"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Excellence",
|
||||
},
|
||||
type: "text", text: "Excellence"},
|
||||
]}
|
||||
showMarqueeCard={true}
|
||||
/>
|
||||
@@ -161,47 +112,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Nike Air Zoom Pegasus 40",
|
||||
price: "$130",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-leggings-roller-skates_23-2148372973.jpg",
|
||||
imageAlt: "Nike Air Zoom Pegasus 40",
|
||||
},
|
||||
id: "1", name: "Nike Air Zoom Pegasus 40", price: "$130", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-leggings-roller-skates_23-2148372973.jpg", imageAlt: "Nike Air Zoom Pegasus 40"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Nike Blazer Mid '77 Vintage",
|
||||
price: "$100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-urban-style-african-american-man-pink-hoodie-posed-afro-rapper-guy_627829-13429.jpg",
|
||||
imageAlt: "Nike Blazer Mid '77 Vintage",
|
||||
},
|
||||
id: "2", name: "Nike Blazer Mid '77 Vintage", price: "$100", imageSrc: "http://img.b2bpic.net/free-photo/stylish-urban-style-african-american-man-pink-hoodie-posed-afro-rapper-guy_627829-13429.jpg", imageAlt: "Nike Blazer Mid '77 Vintage"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Nike Dunk Low 'Panda'",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-with-shoes_23-2147814373.jpg",
|
||||
imageAlt: "Nike Dunk Low 'Panda'",
|
||||
},
|
||||
id: "3", name: "Nike Dunk Low 'Panda'", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-with-shoes_23-2147814373.jpg", imageAlt: "Nike Dunk Low 'Panda'"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Nike React Infinity Run Flyknit 3",
|
||||
price: "$160",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-boy-doing-parkour_23-2150373109.jpg",
|
||||
imageAlt: "Nike React Infinity Run Flyknit 3",
|
||||
},
|
||||
id: "4", name: "Nike React Infinity Run Flyknit 3", price: "$160", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-boy-doing-parkour_23-2150373109.jpg", imageAlt: "Nike React Infinity Run Flyknit 3"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Air Jordan 1 Retro High OG",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-basketball-shoes-locker_23-2150847412.jpg",
|
||||
imageAlt: "Air Jordan 1 Retro High OG",
|
||||
},
|
||||
id: "5", name: "Air Jordan 1 Retro High OG", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/close-up-basketball-shoes-locker_23-2150847412.jpg", imageAlt: "Air Jordan 1 Retro High OG"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Nike Air Force 1 '07",
|
||||
price: "$100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-view-woman-sea_23-2148504833.jpg",
|
||||
imageAlt: "Nike Air Force 1 '07",
|
||||
},
|
||||
id: "6", name: "Nike Air Force 1 '07", price: "$100", imageSrc: "http://img.b2bpic.net/free-photo/high-view-woman-sea_23-2148504833.jpg", imageAlt: "Nike Air Force 1 '07"},
|
||||
]}
|
||||
title="Our Latest Collection"
|
||||
description="Step into greatness with our newest arrivals. Discover cutting-edge designs and iconic styles."
|
||||
@@ -216,24 +137,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Nike Air Technology",
|
||||
description: "Revolutionary cushioning that absorbs impact and springs back for an energetic stride.",
|
||||
},
|
||||
title: "Nike Air Technology", description: "Revolutionary cushioning that absorbs impact and springs back for an energetic stride."},
|
||||
{
|
||||
icon: Wind,
|
||||
title: "Flyknit Construction",
|
||||
description: "Lightweight, breathable, and supportive upper that molds to your foot for a secure fit.",
|
||||
},
|
||||
title: "Flyknit Construction", description: "Lightweight, breathable, and supportive upper that molds to your foot for a secure fit."},
|
||||
{
|
||||
icon: Feather,
|
||||
title: "React Foam",
|
||||
description: "An incredibly soft, springy foam that delivers exceptional energy return and lasting comfort.",
|
||||
},
|
||||
title: "React Foam", description: "An incredibly soft, springy foam that delivers exceptional energy return and lasting comfort."},
|
||||
{
|
||||
icon: Activity,
|
||||
title: "ZoomX Cushioning",
|
||||
description: "Nike's lightest and highest energy-returning foam, designed for ultimate speed and efficiency.",
|
||||
},
|
||||
title: "ZoomX Cushioning", description: "Nike's lightest and highest energy-returning foam, designed for ultimate speed and efficiency."},
|
||||
]}
|
||||
title="Engineered for Excellence"
|
||||
description="Experience superior comfort, durability, and performance with Nike's signature technologies."
|
||||
@@ -247,19 +160,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years of Innovation",
|
||||
value: "60+",
|
||||
},
|
||||
label: "Years of Innovation", value: "60+"},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Countries Served",
|
||||
value: "170+",
|
||||
},
|
||||
label: "Countries Served", value: "170+"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Patented Technologies",
|
||||
value: "1000+",
|
||||
},
|
||||
label: "Patented Technologies", value: "1000+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -273,23 +180,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "90%",
|
||||
title: "Renewable Energy",
|
||||
description: "Powering our owned and operated facilities globally with clean energy.",
|
||||
id: "m1", value: "90%", title: "Renewable Energy", description: "Powering our owned and operated facilities globally with clean energy.", icon: Zap
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100M+",
|
||||
title: "Shoes Recycled",
|
||||
description: "Giving new life to old shoes through our Reuse-A-Shoe program.",
|
||||
id: "m2", value: "100M+", title: "Shoes Recycled", description: "Giving new life to old shoes through our Reuse-A-Shoe program.", icon: Activity
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1M+",
|
||||
title: "Youth Impacted",
|
||||
description: "Investing in programs that empower youth through sport and education.",
|
||||
},
|
||||
id: "m3", value: "1M+", title: "Youth Impacted", description: "Investing in programs that empower youth through sport and education.", icon: Sparkles
|
||||
}
|
||||
]}
|
||||
title="Making an Impact"
|
||||
description="Our commitment extends beyond performance, embracing sustainability and community."
|
||||
@@ -304,45 +202,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Serena Williams",
|
||||
role: "Professional Tennis Player",
|
||||
company: "Nike Athlete",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
},
|
||||
id: "1", name: "Serena Williams", role: "Professional Tennis Player", company: "Nike Athlete", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Eliud Kipchoge",
|
||||
role: "Olympic Marathon Champion",
|
||||
company: "Nike Athlete",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-arab-beard-man-wear-grey-turtleneck-black-jaket-arabian-model-guy-show-finger-close-camera_627829-4304.jpg",
|
||||
},
|
||||
id: "2", name: "Eliud Kipchoge", role: "Olympic Marathon Champion", company: "Nike Athlete", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-arab-beard-man-wear-grey-turtleneck-black-jaket-arabian-model-guy-show-finger-close-camera_627829-4304.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "LeBron James",
|
||||
role: "NBA Superstar",
|
||||
company: "Nike Athlete",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-naked-muscular-african-sportsman-resting_171337-9437.jpg",
|
||||
},
|
||||
id: "3", name: "LeBron James", role: "NBA Superstar", company: "Nike Athlete", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-naked-muscular-african-sportsman-resting_171337-9437.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chloe Kim",
|
||||
role: "Olympic Snowboarder",
|
||||
company: "Nike Athlete",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-short-wavy-hairs-sitting-floor-pink_273443-1358.jpg",
|
||||
},
|
||||
id: "4", name: "Chloe Kim", role: "Olympic Snowboarder", company: "Nike Athlete", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-short-wavy-hairs-sitting-floor-pink_273443-1358.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Michael Jordan",
|
||||
role: "NBA Legend",
|
||||
company: "Nike Athlete",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-curly-darkskinned-man-longsleeved-tshirt-smiles-gently-sits-yoga-mat-near-sea-cool-guy-holds-wireless-headphones_197531-28685.jpg",
|
||||
},
|
||||
id: "5", name: "Michael Jordan", role: "NBA Legend", company: "Nike Athlete", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-curly-darkskinned-man-longsleeved-tshirt-smiles-gently-sits-yoga-mat-near-sea-cool-guy-holds-wireless-headphones_197531-28685.jpg"},
|
||||
]}
|
||||
title="Hear From Our Athletes & Customers"
|
||||
description="Real experiences, unmatched performance. See why athletes and everyday users choose Nike."
|
||||
@@ -354,20 +227,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is Nike Air technology?",
|
||||
content: "Nike Air technology uses pressurized air inside a tough, flexible membrane, providing lightweight cushioning for comfort and impact absorption.",
|
||||
},
|
||||
id: "q1", title: "What is Nike Air technology?", content: "Nike Air technology uses pressurized air inside a tough, flexible membrane, providing lightweight cushioning for comfort and impact absorption."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do I choose the right size?",
|
||||
content: "We recommend using our size guide available on each product page, or visiting a Nike store for a professional fitting to ensure the best comfort and performance.",
|
||||
},
|
||||
id: "q2", title: "How do I choose the right size?", content: "We recommend using our size guide available on each product page, or visiting a Nike store for a professional fitting to ensure the best comfort and performance."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What is Nike's return policy?",
|
||||
content: "You can return items for any reason within 30 days of the shipping date. For NikePlus members, returns are free. See our full return policy for details.",
|
||||
},
|
||||
id: "q3", title: "What is Nike's return policy?", content: "You can return items for any reason within 30 days of the shipping date. For NikePlus members, returns are free. See our full return policy for details."},
|
||||
]}
|
||||
sideTitle="Your Questions, Answered."
|
||||
sideDescription="Find quick answers to common questions about Nike products, orders, and more."
|
||||
@@ -379,8 +243,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get In Touch"
|
||||
title="Connect With Nike Support"
|
||||
description="Have a question or need assistance? Our team is here to help you get the most out of your Nike experience."
|
||||
@@ -402,66 +265,39 @@ export default function LandingPage() {
|
||||
logoText="Nike"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#shop",
|
||||
},
|
||||
label: "New Arrivals", href: "#shop"},
|
||||
{
|
||||
label: "Men's Shoes",
|
||||
href: "#shop",
|
||||
},
|
||||
label: "Men's Shoes", href: "#shop"},
|
||||
{
|
||||
label: "Women's Shoes",
|
||||
href: "#shop",
|
||||
},
|
||||
label: "Women's Shoes", href: "#shop"},
|
||||
{
|
||||
label: "Kids' Shoes",
|
||||
href: "#shop",
|
||||
},
|
||||
label: "Kids' Shoes", href: "#shop"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Nike",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Nike", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Investors",
|
||||
href: "#",
|
||||
},
|
||||
label: "Investors", href: "#"},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#impact",
|
||||
},
|
||||
label: "Sustainability", href: "#impact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Help",
|
||||
items: [
|
||||
title: "Help", items: [
|
||||
{
|
||||
label: "Order Status",
|
||||
href: "#",
|
||||
},
|
||||
label: "Order Status", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Returns", href: "#faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user