Update src/app/page.tsx
This commit is contained in:
223
src/app/page.tsx
223
src/app/page.tsx
@@ -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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user