Merge version_1 into main #1
461
src/app/page.tsx
461
src/app/page.tsx
@@ -26,352 +26,133 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="NIKE 3D"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="NIKE 3D"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Revolutionizing Motion."
|
||||
description="Experience the pinnacle of 3D-engineered performance footwear. Precision crafted for the future of sport."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivers",
|
||||
handle: "@arivers",
|
||||
testimonial: "The precision engineering is unlike anything I've worn before.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-visible-abs-doing-fitness_23-2150165197.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
handle: "@schen",
|
||||
testimonial: "3D modeling makes a huge difference in comfort.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-american-woman-listening-music-with-earphones_171337-17024.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mike Voss",
|
||||
handle: "@mvoss",
|
||||
testimonial: "Game-changing aesthetics and feel.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-young-man-posing_158595-2947.jpg",
|
||||
},
|
||||
{
|
||||
name: "Leo Martinez",
|
||||
handle: "@leo_m",
|
||||
testimonial: "Lightweight and incredibly responsive, perfect for sprints.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-model-with-perfect-tanned-body-female-posing-studio-near-gray-wall_158538-3530.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jenna K.",
|
||||
handle: "@jennk",
|
||||
testimonial: "Stunning design that actually improves performance.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-dark-background_613910-15130.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-mal-training-trail_23-2148482742.jpg"
|
||||
imageAlt="futuristic nike sneaker 3d render"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/development-movements-radial-wrist-joint-functional-board-hand_169016-40215.jpg",
|
||||
alt: "athlete",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wooden-feet-shape-arrangement_23-2149007459.jpg",
|
||||
alt: "athlete",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-making-origami-with-japanese-paper_23-2149048365.jpg",
|
||||
alt: "athlete",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adult-man-making-cardio-training-exercises-gym-club-closeup-horizontal_1220-1705.jpg",
|
||||
alt: "athlete",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-showcase_23-2151005686.jpg",
|
||||
alt: "athlete",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by 20,000+ athletes"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "ENGINEERED PRECISION",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "3D MAPPED",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AERODYNAMIC DESIGN",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "ULTRA LIGHTWEIGHT",
|
||||
icon: Feather,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "PEAK RECOVERY",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Revolutionizing Motion."
|
||||
description="Experience the pinnacle of 3D-engineered performance footwear. Precision crafted for the future of sport."
|
||||
testimonials={[
|
||||
{ name: "Alex Rivers", handle: "@arivers", testimonial: "The precision engineering is unlike anything I've worn before.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-visible-abs-doing-fitness_23-2150165197.jpg" },
|
||||
{ name: "Sarah Chen", handle: "@schen", testimonial: "3D modeling makes a huge difference in comfort.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-american-woman-listening-music-with-earphones_171337-17024.jpg" },
|
||||
{ name: "Mike Voss", handle: "@mvoss", testimonial: "Game-changing aesthetics and feel.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-young-man-posing_158595-2947.jpg" },
|
||||
{ name: "Leo Martinez", handle: "@leo_m", testimonial: "Lightweight and incredibly responsive, perfect for sprints.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-model-with-perfect-tanned-body-female-posing-studio-near-gray-wall_158538-3530.jpg" },
|
||||
{ name: "Jenna K.", handle: "@jennk", testimonial: "Stunning design that actually improves performance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-dark-background_613910-15130.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-mal-training-trail_23-2148482742.jpg"
|
||||
imageAlt="futuristic nike sneaker 3d render"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/development-movements-radial-wrist-joint-functional-board-hand_169016-40215.jpg", alt: "athlete" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/wooden-feet-shape-arrangement_23-2149007459.jpg", alt: "athlete" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-making-origami-with-japanese-paper_23-2149048365.jpg", alt: "athlete" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/adult-man-making-cardio-training-exercises-gym-club-closeup-horizontal_1220-1705.jpg", alt: "athlete" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-showcase_23-2151005686.jpg", alt: "athlete" }
|
||||
]}
|
||||
avatarText="Loved by 20,000+ athletes"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "ENGINEERED PRECISION" },
|
||||
{ type: "text-icon", text: "3D MAPPED", icon: Zap },
|
||||
{ type: "text", text: "AERODYNAMIC DESIGN" },
|
||||
{ type: "text-icon", text: "ULTRA LIGHTWEIGHT", icon: Feather },
|
||||
{ type: "text", text: "PEAK RECOVERY" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Vortex Runner",
|
||||
price: "$180",
|
||||
variant: "Blue/Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/great-custom-made-shoes-trendy-people-from-experienced-shoe-master_613910-17399.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Strato Cloud",
|
||||
price: "$210",
|
||||
variant: "Orange/Grey",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-shoes-isolated-black-background_169016-52244.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Kinetix Low",
|
||||
price: "$150",
|
||||
variant: "White/Blue",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-shoes-sneaker_1203-8076.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Apex Prime",
|
||||
price: "$250",
|
||||
variant: "Black/Gold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-leather-shoes_1203-8231.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Velocity Air",
|
||||
price: "$190",
|
||||
variant: "Red/Orange",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-foot-pedal_23-2149130779.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Zenith Motion",
|
||||
price: "$220",
|
||||
variant: "Grey/Neon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-fit-woman-runner-wearing-violet-running-shoes-space-print-leggings-standing-stone-concrete-while-getting-ready-jogging-workout_273609-6470.jpg",
|
||||
},
|
||||
]}
|
||||
title="Engineered Performance"
|
||||
description="Discover our collection of high-performance footwear, where design meets aerodynamics."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Vortex Runner", price: "$180", variant: "Blue/Black", imageSrc: "http://img.b2bpic.net/free-photo/great-custom-made-shoes-trendy-people-from-experienced-shoe-master_613910-17399.jpg" },
|
||||
{ id: "p2", name: "Strato Cloud", price: "$210", variant: "Orange/Grey", imageSrc: "http://img.b2bpic.net/free-photo/bottom-shoes-isolated-black-background_169016-52244.jpg" },
|
||||
{ id: "p3", name: "Kinetix Low", price: "$150", variant: "White/Blue", imageSrc: "http://img.b2bpic.net/free-photo/fashion-shoes-sneaker_1203-8076.jpg" },
|
||||
{ id: "p4", name: "Apex Prime", price: "$250", variant: "Black/Gold", imageSrc: "http://img.b2bpic.net/free-photo/woman-leather-shoes_1203-8231.jpg" },
|
||||
{ id: "p5", name: "Velocity Air", price: "$190", variant: "Red/Orange", imageSrc: "http://img.b2bpic.net/free-photo/close-up-foot-pedal_23-2149130779.jpg" },
|
||||
{ id: "p6", name: "Zenith Motion", price: "$220", variant: "Grey/Neon", imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-fit-woman-runner-wearing-violet-running-shoes-space-print-leggings-standing-stone-concrete-while-getting-ready-jogging-workout_273609-6470.jpg" }
|
||||
]}
|
||||
title="Engineered Performance"
|
||||
description="Discover our collection of high-performance footwear, where design meets aerodynamics."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Mesh",
|
||||
description: "Adaptive, breathable fabrics mapped to foot heat zones.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sneakers_1122-2301.jpg",
|
||||
},
|
||||
{
|
||||
title: "Adaptive Sole",
|
||||
description: "Biomechanical support unit that adjusts to your stride.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muscular-male-legs-sportswear_23-2147775560.jpg",
|
||||
},
|
||||
{
|
||||
title: "Energy Core",
|
||||
description: "Responsive cushioning engineered for peak recovery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-blue-sandal-apparel-fashion_53876-96621.jpg",
|
||||
},
|
||||
]}
|
||||
title="Beyond The Surface"
|
||||
description="Our 3D design process allows us to optimize every single millimeter for maximum energy return."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Precision Mesh", description: "Adaptive, breathable fabrics mapped to foot heat zones.", imageSrc: "http://img.b2bpic.net/free-photo/sneakers_1122-2301.jpg" },
|
||||
{ title: "Adaptive Sole", description: "Biomechanical support unit that adjusts to your stride.", imageSrc: "http://img.b2bpic.net/free-photo/muscular-male-legs-sportswear_23-2147775560.jpg" },
|
||||
{ title: "Energy Core", description: "Responsive cushioning engineered for peak recovery.", imageSrc: "http://img.b2bpic.net/free-photo/woman-blue-sandal-apparel-fashion_53876-96621.jpg" }
|
||||
]}
|
||||
title="Beyond The Surface"
|
||||
description="Our 3D design process allows us to optimize every single millimeter for maximum energy return."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jamie Lee",
|
||||
role: "Pro Runner",
|
||||
company: "Global Track",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sexy-smiling-hipster-woman-sunglasses-trendy-girl-summer-t-shirt-shorts-positive-female-with-blue-penny-skateboard-posing-street-background_158538-16187.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Omar K.",
|
||||
role: "Marathoner",
|
||||
company: "Speed Labs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-black-african-american-woman-sport-fitness-urban-outfit-rooftop-making-work-out-confident-curly-hair-style-athletic-body-strong-muscles_285396-10593.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena V.",
|
||||
role: "Pro Triathlete",
|
||||
company: "Peak Flow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-man-running-black-background_1301-6600.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sam R.",
|
||||
role: "Cross Trainer",
|
||||
company: "Fit Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-outdoors_23-2150975441.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chris B.",
|
||||
role: "Pro Athlete",
|
||||
company: "Nike Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tired-sporty-woman-leans-forward-feels-tired-takes-break-after-running-drinks-fresh-water-listens-music-via-wireless-headphones-poses-against-grey-wall-people-sport-wellness-concept_273609-59154.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "Athletes Supported",
|
||||
},
|
||||
{
|
||||
value: "20K+",
|
||||
label: "Miles Tested",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Satisfied Runners",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Athletes"
|
||||
description="Join the community pushing the boundaries of what is possible on the track and the street."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Jamie Lee", role: "Pro Runner", company: "Global Track", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sexy-smiling-hipster-woman-sunglasses-trendy-girl-summer-t-shirt-shorts-positive-female-with-blue-penny-skateboard-posing-street-background_158538-16187.jpg" },
|
||||
{ id: "t2", name: "Omar K.", role: "Marathoner", company: "Speed Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-black-african-american-woman-sport-fitness-urban-outfit-rooftop-making-work-out-confident-curly-hair-style-athletic-body-strong-muscles_285396-10593.jpg" },
|
||||
{ id: "t3", name: "Elena V.", role: "Pro Triathlete", company: "Peak Flow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/athletic-man-running-black-background_1301-6600.jpg" },
|
||||
{ id: "t4", name: "Sam R.", role: "Cross Trainer", company: "Fit Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-training-outdoors_23-2150975441.jpg" },
|
||||
{ id: "t5", name: "Chris B.", role: "Pro Athlete", company: "Nike Pro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tired-sporty-woman-leans-forward-feels-tired-takes-break-after-running-drinks-fresh-water-listens-music-via-wireless-headphones-poses-against-grey-wall-people-sport-wellness-concept_273609-59154.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "100+", label: "Athletes Supported" },
|
||||
{ value: "20K+", label: "Miles Tested" },
|
||||
{ value: "98%", label: "Satisfied Runners" }
|
||||
]}
|
||||
title="Trusted by Athletes"
|
||||
description="Join the community pushing the boundaries of what is possible on the track and the street."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Have questions about our 3D technology? Let's talk."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-hunkering-headphones-outdoors_1262-17482.jpg"
|
||||
imageAlt="Portrait of smiling young woman hunkering in headphones outdoors"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Have questions about our 3D technology? Let's talk."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-hunkering-headphones-outdoors_1262-17482.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="NIKE 3D"
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
{
|
||||
label: "All Shoes",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Innovations",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="NIKE 3D"
|
||||
columns={[
|
||||
{ title: "Products", items: [{ label: "All Shoes", href: "#products" }, { label: "Innovations", href: "#features" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user