Merge version_5 into main #2
279
src/app/page.tsx
279
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Shield } from "lucide-react";
|
||||
import { Shield, Zap, Award, CheckCircle, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Heritage",
|
||||
id: "about",
|
||||
},
|
||||
name: "Heritage", id: "about"},
|
||||
{
|
||||
name: "Models",
|
||||
id: "products",
|
||||
},
|
||||
name: "Models", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Air Jordan"
|
||||
/>
|
||||
@@ -57,102 +49,54 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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: "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", 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: "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", 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: "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", 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: "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", 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",
|
||||
},
|
||||
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", imageAlt: "jordan sneaker dark studio lighting"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/red-haired-skateboarder-holding-his-board-while-sitting-grind-rail-skatepark-indoors_613910-21716.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/red-haired-skateboarder-holding-his-board-while-sitting-grind-rail-skatepark-indoors_613910-21716.jpg"
|
||||
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/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/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/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/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",
|
||||
},
|
||||
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: "ICONIC DESIGN"},
|
||||
{
|
||||
type: "text",
|
||||
text: "UNMATCHED PERFORMANCE",
|
||||
},
|
||||
type: "text", text: "UNMATCHED PERFORMANCE"},
|
||||
{
|
||||
type: "text",
|
||||
text: "GLOBAL CULTURE",
|
||||
},
|
||||
type: "text", text: "GLOBAL CULTURE"},
|
||||
{
|
||||
type: "text",
|
||||
text: "TIMELESS STYLE",
|
||||
},
|
||||
type: "text", text: "TIMELESS STYLE"},
|
||||
{
|
||||
type: "text",
|
||||
text: "JORDAN BRAND",
|
||||
},
|
||||
type: "text", text: "JORDAN BRAND"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,7 +109,7 @@ export default function LandingPage() {
|
||||
description="More than just a sneaker. Since 1985, Jordan Brand has been at the intersection of performance and cultural dominance. We don't just follow trends; we create them."
|
||||
subdescription="Crafted for those who dare to dream, play, and lead."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-person_23-2149124013.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-person_23-2149124013.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -176,29 +120,17 @@ export default function LandingPage() {
|
||||
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: "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"},
|
||||
{
|
||||
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: "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: "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: "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."
|
||||
@@ -213,41 +145,17 @@ export default function LandingPage() {
|
||||
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: "p1", name: "Air Jordan I High", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-retro-memorabilia_23-2150583926.jpg"},
|
||||
{
|
||||
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: "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"},
|
||||
{
|
||||
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: "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: "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: "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: "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."
|
||||
@@ -262,20 +170,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "40M+",
|
||||
description: "Sneakers sold annually",
|
||||
},
|
||||
id: "m1", value: "40M+", description: "Sneakers sold annually"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1985",
|
||||
description: "Year of birth",
|
||||
},
|
||||
id: "m2", value: "1985", description: "Year of birth"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "150+",
|
||||
description: "Global flagship stores",
|
||||
},
|
||||
id: "m3", value: "150+", description: "Global flagship stores"},
|
||||
]}
|
||||
title="Global Impact"
|
||||
description="The influence of the Jordan brand across the globe."
|
||||
@@ -288,45 +187,15 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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."
|
||||
@@ -339,20 +208,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I choose the right size?",
|
||||
content: "Check our detailed size guide on each product page.",
|
||||
},
|
||||
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: "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: "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."
|
||||
@@ -364,16 +224,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
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>
|
||||
@@ -384,33 +241,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "Heritage",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Heritage", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user