bender/51a26dfa-df88-4efe-90ce-af4729326caf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_6 into main #4

Merged
bender merged 2 commits from version_6 into main 2026-04-15 13:28:43 +00:00
Conversation 0 Commits 2 Files Changed 2 +39 -130
2 changed files with 39 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

157
src/app/page.tsx
View File

@@ -32,14 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home", id: "hero"},
{
name: "Heritage", id: "about"},
{
name: "Models", id: "products"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "Heritage", id: "about" },
{ name: "Models", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Air Jordan"
/>
@@ -48,56 +44,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={true}
background={{
variant: "gradient-bars"}}
background={{ variant: "gradient-bars" }}
title="LEGACY IN MOTION"
description="Experience the evolution of greatness. The Air Jordan series defined a generation of culture, sport, and style."
testimonials={[
{
name: "Marcus Jordan", handle: "@m.jordan", testimonial: "The design is timeless, the comfort is unmatched.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/red-haired-skateboarder-holding-his-board-while-sitting-grind-rail-skatepark-indoors_613910-21716.jpg?_wi=1", imageAlt: "jordan sneaker dark studio lighting"},
{
name: "Elena Rodriguez", handle: "@elena.r", testimonial: "Every pair tells a story. Absolute classics.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-person_23-2149124013.jpg?_wi=1", imageAlt: "jordan sneaker dark studio lighting"},
{
name: "Kevin Banks", handle: "@k.banks", testimonial: "The silhouette is iconic. Nothing else compares.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashion-shoes-sneaker_1203-8078.jpg?_wi=1", imageAlt: "jordan sneaker dark studio lighting"},
{
name: "Sarah Chen", handle: "@s.chen", testimonial: "Pure craftsmanship in every stitch.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-retro-memorabilia_23-2150583926.jpg?_wi=1", imageAlt: "jordan sneaker dark studio lighting"},
{
name: "David Miller", handle: "@d.miller", testimonial: "The culture, the court, the street. Perfect.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-doing-fitness-with-vr-glasses_23-2150542499.jpg?_wi=1", imageAlt: "jordan sneaker dark studio lighting"},
]}
description="Nike Air Jordan presents: A 30-second cinematic journey. Rooftops at dawn, subway neon pulses, and high-energy parkour meets street dance. The legacy is moving."
testimonials={[]}
buttons={[
{
text: "Shop Collection", href: "#products"},
{ text: "Watch Storyboard", href: "#" },
]}
imageSrc="http://img.b2bpic.net/free-photo/red-haired-skateboarder-holding-his-board-while-sitting-grind-rail-skatepark-indoors_613910-21716.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098564.jpg", alt: "Urban mysterious lights of film aesthetic"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-girl-hat-sitting-box-white-wall_176420-8478.jpg", alt: "Beautiful girl in hat sitting on box over white wall"},
{
src: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058865.jpg", alt: "The process of creating stand up comedy"},
{
src: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-girl-red-leather-jacket-posed-chair-against-brick-wall_627829-8892.jpg", alt: "Studio portrait of blonde girl in red leather jacket posed on chair against brick wall"},
{
src: "http://img.b2bpic.net/free-photo/red-haired-skateboarder-holding-his-board-while-sitting-grind-rail-skatepark-indoors_613910-21716.jpg", alt: "jordan sneaker dark studio lighting"},
]}
marqueeItems={[
{
type: "text", text: "ICONIC DESIGN"},
{
type: "text", text: "UNMATCHED PERFORMANCE"},
{
type: "text", text: "GLOBAL CULTURE"},
{
type: "text", text: "TIMELESS STYLE"},
{
type: "text", text: "JORDAN BRAND"},
]}
/>
</div>
@@ -119,18 +73,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Air Max Cushioning", description: "Revolutionary tech for maximum impact protection.", buttonIcon: Zap,
imageSrc: "http://img.b2bpic.net/free-photo/fashion-shoes-sneaker_1203-8078.jpg?_wi=2"},
{
title: "Premium Leather", description: "Hand-picked materials for durability and style.", buttonIcon: Award,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-showcase_23-2151005689.jpg"},
{
title: "Traction Pattern", description: "Superior grip for any playing surface.", buttonIcon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/leather-shoe-collection-men-fashion-choices-generated-by-ai_188544-11870.jpg"},
{
title: "Modern Fit", description: "Engineered for an adaptive, locked-in feel.", buttonIcon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-show-rock_52683-94821.jpg"},
{ title: "Air Max Cushioning", description: "Revolutionary tech for maximum impact protection.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/fashion-shoes-sneaker_1203-8078.jpg?_wi=2" },
{ title: "Premium Leather", description: "Hand-picked materials for durability and style.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-showcase_23-2151005689.jpg" },
{ title: "Traction Pattern", description: "Superior grip for any playing surface.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/leather-shoe-collection-men-fashion-choices-generated-by-ai_188544-11870.jpg" },
{ title: "Modern Fit", description: "Engineered for an adaptive, locked-in feel.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-show-rock_52683-94821.jpg" },
]}
title="Advanced Engineering"
description="Innovative technology combined with premium materials for ultimate comfort and performance."
@@ -144,18 +90,12 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "p1", name: "Air Jordan I High", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-retro-memorabilia_23-2150583926.jpg?_wi=2"},
{
id: "p2", name: "Air Jordan III", price: "$200", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-doing-fitness-with-vr-glasses_23-2150542499.jpg?_wi=2"},
{
id: "p3", name: "Air Jordan IV", price: "$210", imageSrc: "http://img.b2bpic.net/free-photo/paper-near-male-accessories-box-shoes_23-2148067674.jpg"},
{
id: "p4", name: "Air Jordan XI", price: "$220", imageSrc: "http://img.b2bpic.net/free-photo/sneakers-shoes_1203-7404.jpg"},
{
id: "p5", name: "Air Jordan XII", price: "$190", imageSrc: "http://img.b2bpic.net/free-photo/girly-composition-monstera-plant_23-2148229243.jpg"},
{
id: "p6", name: "Air Jordan XXXVIII", price: "$200", imageSrc: "http://img.b2bpic.net/free-photo/side-view-leg-wearing-bowling-shoe_23-2150565686.jpg"},
{ id: "p1", name: "Air Jordan I High", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-retro-memorabilia_23-2150583926.jpg?_wi=2" },
{ id: "p2", name: "Air Jordan III", price: "$200", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-doing-fitness-with-vr-glasses_23-2150542499.jpg?_wi=2" },
{ id: "p3", name: "Air Jordan IV", price: "$210", imageSrc: "http://img.b2bpic.net/free-photo/paper-near-male-accessories-box-shoes_23-2148067674.jpg" },
{ id: "p4", name: "Air Jordan XI", price: "$220", imageSrc: "http://img.b2bpic.net/free-photo/sneakers-shoes_1203-7404.jpg" },
{ id: "p5", name: "Air Jordan XII", price: "$190", imageSrc: "http://img.b2bpic.net/free-photo/girly-composition-monstera-plant_23-2148229243.jpg" },
{ id: "p6", name: "Air Jordan XXXVIII", price: "$200", imageSrc: "http://img.b2bpic.net/free-photo/side-view-leg-wearing-bowling-shoe_23-2150565686.jpg" },
]}
title="The Jordan Collection"
description="From court performance to street style, discover your next favorite pair."
@@ -169,12 +109,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1", value: "40M+", description: "Sneakers sold annually"},
{
id: "m2", value: "1985", description: "Year of birth"},
{
id: "m3", value: "150+", description: "Global flagship stores"},
{ id: "m1", value: "40M+", description: "Sneakers sold annually" },
{ id: "m2", value: "1985", description: "Year of birth" },
{ id: "m3", value: "150+", description: "Global flagship stores" },
]}
title="Global Impact"
description="The influence of the Jordan brand across the globe."
@@ -186,16 +123,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1", title: "Game Changer", quote: "The most comfortable pair I have ever owned.", name: "Marcus Jordan", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-blue-jacket-with-paint-brush-stroke_23-2149020779.jpg"},
{
id: "t2", title: "Style Icon", quote: "Fits every look perfectly, a true wardrobe staple.", name: "Elena Rodriguez", role: "Model", imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-man-smiling-street-kuala-lumpur-urban-men-clothing-style-soap-bubbles-fly-air_1321-2121.jpg"},
{
id: "t3", title: "Pure Performance", quote: "Incredible grip and feel on the court.", name: "Kevin Banks", role: "Athlete", imageSrc: "http://img.b2bpic.net/free-photo/man-model-sitting-chair_23-2148503630.jpg"},
{
id: "t4", title: "Legacy Builder", quote: "A piece of history on my feet every day.", name: "Sarah Chen", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/side-view-non-binary-person_23-2148757597.jpg"},
{
id: "t5", title: "Unmatched Quality", quote: "The build quality is just exceptional.", name: "David Miller", role: "Influencer", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-night-with-flash_23-2150204451.jpg"},
{ id: "t1", title: "Game Changer", quote: "The most comfortable pair I have ever owned.", name: "Marcus Jordan", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-blue-jacket-with-paint-brush-stroke_23-2149020779.jpg" },
{ id: "t2", title: "Style Icon", quote: "Fits every look perfectly, a true wardrobe staple.", name: "Elena Rodriguez", role: "Model", imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-man-smiling-street-kuala-lumpur-urban-men-clothing-style-soap-bubbles-fly-air_1321-2121.jpg" },
{ id: "t3", title: "Pure Performance", quote: "Incredible grip and feel on the court.", name: "Kevin Banks", role: "Athlete", imageSrc: "http://img.b2bpic.net/free-photo/man-model-sitting-chair_23-2148503630.jpg" },
{ id: "t4", title: "Legacy Builder", quote: "A piece of history on my feet every day.", name: "Sarah Chen", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/side-view-non-binary-person_23-2148757597.jpg" },
{ id: "t5", title: "Unmatched Quality", quote: "The build quality is just exceptional.", name: "David Miller", role: "Influencer", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-night-with-flash_23-2150204451.jpg" },
]}
title="Voice of the Culture"
description="Hear from the fans, athletes, and collectors who live the Jordan lifestyle."
@@ -207,12 +139,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1", title: "How do I choose the right size?", content: "Check our detailed size guide on each product page."},
{
id: "f2", title: "Can I return my order?", content: "Yes, we offer a 30-day return policy for unused products."},
{
id: "f3", title: "Where are your stores located?", content: "We have over 150 flagship stores worldwide."},
{ id: "f1", title: "How do I choose the right size?", content: "Check our detailed size guide on each product page." },
{ id: "f2", title: "Can I return my order?", content: "Yes, we offer a 30-day return policy for unused products." },
{ id: "f3", title: "Where are your stores located?", content: "We have over 150 flagship stores worldwide." },
]}
title="Frequently Asked Questions"
description="Have questions? We've got the answers."
@@ -223,14 +152,12 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient"}}
background={{ variant: "sparkles-gradient" }}
tag="Connect"
title="Join the Movement"
description="Sign up for early access to new releases, exclusive drops, and more."
buttons={[
{
text: "Stay Updated", href: "#"},
{ text: "Stay Updated", href: "#" },
]}
/>
</div>
@@ -238,26 +165,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Shop", href: "#products"},
{
label: "Heritage", href: "#about"},
{
label: "Contact", href: "#contact"},
],
},
{
items: [
{
label: "Terms", href: "#"},
{
label: "Privacy", href: "#"},
{
label: "Support", href: "#"},
],
},
{ items: [{ label: "Shop", href: "#products" }, { label: "Heritage", href: "#about" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }, { label: "Support", href: "#" }] },
]}
logoText="Air Jordan"
/>

12
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #000000;
--card: #0c0c0c;
--background: #535353;
--card: #3f3f3f;
--foreground: #ffffff;
--primary-cta: #106EFB;
--primary-cta: #ffffff;
--primary-cta-text: #ffffff;
--secondary-cta: #000000;
--secondary-cta: #535353;
--secondary-cta-text: #ffffff;
--accent: #535353;
--background-accent: #106EFB;
--accent: #106EFB;
--background-accent: #2a2a2a;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);