Update src/app/page.tsx

This commit is contained in:
2026-06-02 15:54:32 +00:00
parent 5797d44cdf
commit 3bbb5f1545

View File

@@ -33,22 +33,14 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Shop",
id: "#shop",
},
name: "Shop", id: "#shop"},
{
name: "Tech",
id: "#features",
},
name: "Tech", id: "#features"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
]}
button={{
text: "Pre-order",
href: "#contact",
}}
text: "Pre-order", href: "#contact"}}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1o5iq5"
logoAlt="AERO-X 2026 Logo"
brandName="AERO-X 2026"
@@ -58,38 +50,19 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
title="STEP INTO THE FUTURE"
description="Experience unparalleled innovation with AERO-X 2026. Designed for the urban explorer, these sneakers fuse cutting-edge AI-cushioning with a sleek cyber-knit upper, offering supreme comfort and style."
tag="NEW RELEASE"
buttons={[
{
text: "Buy Now",
href: "#product",
},
text: "Buy Now", href: "#product"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-showcase_23-2151005677.jpg",
imageAlt: "futuristic sneaker cyberpunk neon",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-showcase_23-2151005677.jpg", imageAlt: "futuristic sneaker cyberpunk neon"},
{
imageSrc: "http://img.b2bpic.net/free-photo/light-tunnel-background_53876-88808.jpg",
imageAlt: "abstract cyberpunk background neon lights",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-showcase_23-2151005679.jpg",
imageAlt: "Close up on futuristic sneakers showcase",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005646.jpg",
imageAlt: "Close up on futuristic sneakers",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/motion-blue-green-lamps_23-2148328099.jpg",
imageAlt: "Motion of blue and green lamps",
},
imageSrc: "http://img.b2bpic.net/free-photo/light-tunnel-background_53876-88808.jpg", imageAlt: "abstract cyberpunk background neon lights"},
]}
mediaAnimation="slide-up"
rating={5}
@@ -103,29 +76,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "AI-Cushioning",
description: "Adaptive cushioning system powered by AI for personalized comfort and optimal energy return with every step.",
imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204927.jpg",
imageAlt: "AI cushioning icon neon cyberpunk",
},
title: "AI-Cushioning", description: "Adaptive cushioning system powered by AI for personalized comfort and optimal energy return with every step.", imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204927.jpg", imageAlt: "AI cushioning icon neon cyberpunk"},
{
title: "Cyber-Knit Upper",
description: "Lightweight and breathable cyber-knit material engineered for maximum flexibility and secure fit, adapting to your foot's unique contours.",
imageSrc: "http://img.b2bpic.net/free-photo/white-fabric-closeup_53876-30448.jpg",
imageAlt: "cyber-knit fabric icon neon pink",
},
title: "Cyber-Knit Upper", description: "Lightweight and breathable cyber-knit material engineered for maximum flexibility and secure fit, adapting to your foot's unique contours.", imageSrc: "http://img.b2bpic.net/free-photo/white-fabric-closeup_53876-30448.jpg", imageAlt: "cyber-knit fabric icon neon pink"},
{
title: "Quantum Grip Outsole",
description: "Advanced quantum-inspired tread pattern provides unparalleled traction and stability across diverse urban terrains.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-black-friday-neon-logo_23-2151854199.jpg",
imageAlt: "quantum grip outsole icon neon cyan",
},
title: "Quantum Grip Outsole", description: "Advanced quantum-inspired tread pattern provides unparalleled traction and stability across diverse urban terrains.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-black-friday-neon-logo_23-2151854199.jpg", imageAlt: "quantum grip outsole icon neon cyan"},
{
title: "Adaptive Lacing",
description: "Self-adjusting lacing technology ensures a perfect, consistent fit throughout your day, enhancing performance and comfort.",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-spiral-pattern-light-black-background_23-2147881506.jpg",
imageAlt: "adaptive lacing icon neon pink",
},
title: "Adaptive Lacing", description: "Self-adjusting lacing technology ensures a perfect, consistent fit throughout your day, enhancing performance and comfort.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-spiral-pattern-light-black-background_23-2147881506.jpg", imageAlt: "adaptive lacing icon neon pink"},
]}
title="NEXT-GEN INNOVATION"
description="AERO-X 2026 integrates advanced technologies to elevate your stride and redefine urban mobility."
@@ -140,47 +97,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "product-1",
name: "Midnight Glitch",
price: "$249",
imageSrc: "http://img.b2bpic.net/free-photo/3d-shoe-shape-glowing-with-bright-holographic-colors_23-2151037292.jpg",
imageAlt: "AERO-X 2026 midnight glitch studio shot",
},
id: "product-1", name: "Midnight Glitch", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/3d-shoe-shape-glowing-with-bright-holographic-colors_23-2151037292.jpg", imageAlt: "AERO-X 2026 midnight glitch studio shot"},
{
id: "product-2",
name: "Crimson Pulse",
price: "$249",
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349254.jpg",
imageAlt: "AERO-X 2026 crimson pulse studio shot",
},
id: "product-2", name: "Crimson Pulse", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349254.jpg", imageAlt: "AERO-X 2026 crimson pulse studio shot"},
{
id: "product-3",
name: "Electric Surge",
price: "$249",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005721.jpg",
imageAlt: "AERO-X 2026 electric surge studio shot",
},
id: "product-3", name: "Electric Surge", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005721.jpg", imageAlt: "AERO-X 2026 electric surge studio shot"},
{
id: "product-4",
name: "Cyber-Knit Close-up",
price: "$249",
imageSrc: "http://img.b2bpic.net/free-photo/boxes-surface-with-abstract-pattern-colorful-waves_1217-2579.jpg",
imageAlt: "AERO-X 2026 cyber-knit close-up",
},
id: "product-4", name: "Cyber-Knit Close-up", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/boxes-surface-with-abstract-pattern-colorful-waves_1217-2579.jpg", imageAlt: "AERO-X 2026 cyber-knit close-up"},
{
id: "product-5",
name: "Dynamic Profile",
price: "$249",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005708.jpg",
imageAlt: "AERO-X 2026 side profile neon cyan",
},
id: "product-5", name: "Dynamic Profile", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005708.jpg", imageAlt: "AERO-X 2026 side profile neon cyan"},
{
id: "product-6",
name: "Overhead View",
price: "$249",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432392.jpg",
imageAlt: "AERO-X 2026 pair aerial view",
},
id: "product-6", name: "Overhead View", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432392.jpg", imageAlt: "AERO-X 2026 pair aerial view"},
]}
title="EXPLORE THE AERO-X LINEUP"
description="Discover the diverse colorways and intricate designs of the AERO-X 2026, crafted for every pioneer."
@@ -194,29 +121,18 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "metric-1",
value: "50%",
title: "Energy Return",
description: "Maximize your stride with every step, turning impact into propulsion.",
icon: Zap,
id: "metric-1", value: "50%", title: "Energy Return", description: "Maximize your stride with every step, turning impact into propulsion.", icon: Zap,
},
{
id: "metric-2",
value: "0.01s",
title: "Response Time",
description: "Instantaneous adaptability ensures you're always stable and in control.",
icon: Gauge,
id: "metric-2", value: "0.01s", title: "Response Time", description: "Instantaneous adaptability ensures you're always stable and in control.", icon: Gauge,
},
{
id: "metric-3",
value: "100%",
title: "Recycled Materials",
description: "Committed to a sustainable future, crafted from ethically sourced recycled components.",
icon: Recycle,
id: "metric-3", value: "100%", title: "Recycled Materials", description: "Committed to a sustainable future, crafted from ethically sourced recycled components.", icon: Recycle,
},
]}
title="UNRIVALED PERFORMANCE"
description="Engineered for excellence, the AERO-X 2026 delivers on every promise of futuristic footwear."
animationType="slide-up"
/>
</div>
@@ -240,45 +156,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Jax 'Night Runner' K.",
role: "Cybernetic Courier",
testimonial: "The AERO-X 2026 feels like an extension of my own body. The cushioning is incredible, and the grip lets me navigate any urban landscape with confidence. A game-changer for speed and style.",
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728213.jpg",
imageAlt: "cyberpunk runner avatar male neon",
},
id: "t1", name: "Jax 'Night Runner' K.", role: "Cybernetic Courier", testimonial: "The AERO-X 2026 feels like an extension of my own body. The cushioning is incredible, and the grip lets me navigate any urban landscape with confidence. A game-changer for speed and style.", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728213.jpg", imageAlt: "cyberpunk runner avatar male neon"},
{
id: "t2",
name: "Dr. Anya Sharma",
role: "AI Ethics Researcher",
testimonial: "Beyond the aesthetics, the AI-cushioning is genuinely revolutionary. It adapts instantly, providing consistent support during my long days on foot. Truly a marvel of modern engineering.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-attending-vibrant-techno-music-party_23-2150551536.jpg",
imageAlt: "urban explorer avatar female techwear",
},
id: "t2", name: "Dr. Anya Sharma", role: "AI Ethics Researcher", testimonial: "Beyond the aesthetics, the AI-cushioning is genuinely revolutionary. It adapts instantly, providing consistent support during my long days on foot. Truly a marvel of modern engineering.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-attending-vibrant-techno-music-party_23-2150551536.jpg", imageAlt: "urban explorer avatar female techwear"},
{
id: "t3",
name: "Kaito 'CodeSynth' M.",
role: "Digital Artist",
testimonial: "The design of these sneakers is a masterpiece pure cyberpunk elegance. They're not just shoes, they're wearable art. And they're surprisingly comfortable, perfect for extended studio sessions.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5105.jpg",
imageAlt: "tech enthusiast avatar male neon glasses",
},
id: "t3", name: "Kaito 'CodeSynth' M.", role: "Digital Artist", testimonial: "The design of these sneakers is a masterpiece pure cyberpunk elegance. They're not just shoes, they're wearable art. And they're surprisingly comfortable, perfect for extended studio sessions.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5105.jpg", imageAlt: "tech enthusiast avatar male neon glasses"},
{
id: "t4",
name: "Zoe 'DataFlow' C.",
role: "Freelance Analyst",
testimonial: "I'm constantly on the move, and the AERO-X 2026 keeps up. The adaptive lacing is a subtle but impactful feature, ensuring a snug fit without constant adjustments. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/neon-gaming-background_23-2151932068.jpg",
imageAlt: "digital creator avatar female pink hair",
},
id: "t4", name: "Zoe 'DataFlow' C.", role: "Freelance Analyst", testimonial: "I'm constantly on the move, and the AERO-X 2026 keeps up. The adaptive lacing is a subtle but impactful feature, ensuring a snug fit without constant adjustments. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/neon-gaming-background_23-2151932068.jpg", imageAlt: "digital creator avatar female pink hair"},
{
id: "t5",
name: "Rix 'Shadow' V.",
role: "Urban Photographer",
testimonial: "These sneakers are built for the future. The durable cyber-knit holds up in tough conditions, and the style gets attention everywhere. Essential gear for any urban adventurer.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-helmet_23-2151574327.jpg",
imageAlt: "night rider avatar male cyberpunk",
},
id: "t5", name: "Rix 'Shadow' V.", role: "Urban Photographer", testimonial: "These sneakers are built for the future. The durable cyber-knit holds up in tough conditions, and the style gets attention everywhere. Essential gear for any urban adventurer.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-helmet_23-2151574327.jpg", imageAlt: "night rider avatar male cyberpunk"},
]}
title="WHAT PIONEERS SAY"
description="Hear from the early adopters who are already experiencing the future of footwear with AERO-X 2026."
@@ -290,25 +176,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What is AI-Cushioning?",
content: "AI-Cushioning is our proprietary system that uses embedded sensors and artificial intelligence to dynamically adjust the sole's responsiveness, providing tailored support and energy return for your unique stride.",
},
id: "q1", title: "What is AI-Cushioning?", content: "AI-Cushioning is our proprietary system that uses embedded sensors and artificial intelligence to dynamically adjust the sole's responsiveness, providing tailored support and energy return for your unique stride."},
{
id: "q2",
title: "When will AERO-X 2026 be available?",
content: "The AERO-X 2026 is currently available for pre-order. The official launch is scheduled for Q1 2026, with early bird orders shipping in late 2025. Sign up for our newsletter to stay updated!",
},
id: "q2", title: "When will AERO-X 2026 be available?", content: "The AERO-X 2026 is currently available for pre-order. The official launch is scheduled for Q1 2026, with early bird orders shipping in late 2025. Sign up for our newsletter to stay updated!"},
{
id: "q3",
title: "Is the Cyber-Knit Upper durable?",
content: "Absolutely. Our Cyber-Knit material is reinforced with advanced polymers, making it highly resistant to abrasions and tears while maintaining extreme flexibility and breathability for optimal performance.",
},
id: "q3", title: "Is the Cyber-Knit Upper durable?", content: "Absolutely. Our Cyber-Knit material is reinforced with advanced polymers, making it highly resistant to abrasions and tears while maintaining extreme flexibility and breathability for optimal performance."},
{
id: "q4",
title: "What is your return policy?",
content: "We offer a 30-day satisfaction guarantee. If you're not fully satisfied with your AERO-X 2026, you can return it within 30 days of receipt for a full refund or exchange. Please see our full terms for details.",
},
id: "q4", title: "What is your return policy?", content: "We offer a 30-day satisfaction guarantee. If you're not fully satisfied with your AERO-X 2026, you can return it within 30 days of receipt for a full refund or exchange. Please see our full terms for details."},
]}
sideTitle="GOT QUESTIONS?"
sideDescription="Find quick answers to the most common queries about AERO-X 2026 technology, pre-orders, and shipping."
@@ -321,8 +195,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Stay Connected"
title="STAY AHEAD OF THE CURVE"
description="Join the AERO-X community to receive exclusive updates, early access to drops, and special offers on futuristic techwear."
@@ -343,45 +216,29 @@ export default function LandingPage() {
{
items: [
{
label: "Shop",
href: "#shop",
},
label: "Shop", href: "#shop"},
{
label: "Pre-order",
href: "#contact",
},
label: "Pre-order", href: "#contact"},
{
label: "Technology",
href: "#features",
},
label: "Technology", href: "#features"},
],
},
{
items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "FAQs",
href: "#faq",
},
label: "FAQs", href: "#faq"},
{
label: "Support",
href: "#",
},
label: "Support", href: "#"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}