bender/7c771475-4774-4c73-9792-26e62de9239e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-26 01:41:43 +00:00
Conversation 0 Commits 1 Files Changed 1 +73 -283
1 changed files with 73 additions and 283 deletions
Download Patch File Download Diff File Expand all files Collapse all files

356
src/app/page.tsx
View File

@@ -34,79 +34,44 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="ElectroRide"
button={{
text: "Shop Now",
href: "#products",
}}
text: "Shop Now", href: "#products"}}
/>
</div>
<div id="home" data-section="home">
<HeroSplitDualMedia
background={{
variant: "plain",
}}
variant: "plain"}}
title="Ride the Future of OffRoad"
description="Explore premium electric bikes built for adventure. Compare specs, reserve yours today, and join thousands of riders pushing boundaries."
tag="Adventure Awaits"
tagAnimation="opacity"
buttons={[
{
text: "Browse Models",
href: "#products",
},
text: "Browse Models", href: "#products"},
]}
buttonAnimation="opacity"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/man-with-motorcycle-hawaii_23-2148892231.jpg?_wi=1",
imageAlt: "Surron Light Bee electric offroad bike",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-with-motorcycle-hawaii_23-2148892231.jpg", imageAlt: "Surron Light Bee electric offroad bike"},
{
imageSrc: "http://img.b2bpic.net/free-photo/panorama-view-jeep-car-hawaii_23-2148892277.jpg?_wi=1",
imageAlt: "Yozma Strike electric offroad scooter",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-motorbike-rider-holding-cardboard-sign_23-2148585546.jpg",
imageAlt: "Stylish motorbike rider holding cardboard sign",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/active-man-riding-motorcycle-forrest_23-2148585509.jpg",
imageAlt: "Active man riding motorcycle in the forrest",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-with-motorcycle-hawaii_23-2148892290.jpg",
imageAlt: "Man with motorcycle in hawaii",
},
imageSrc: "http://img.b2bpic.net/free-photo/panorama-view-jeep-car-hawaii_23-2148892277.jpg", imageAlt: "Yozma Strike electric offroad scooter"},
]}
mediaAnimation="slide-up"
rating={5}
@@ -122,7 +87,7 @@ export default function LandingPage() {
tag="Our Story"
tagAnimation="opacity"
buttonAnimation="opacity"
imageSrc="http://img.b2bpic.net/free-photo/cute-young-couple-riding-scooter-outdoors_23-2148733507.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/cute-young-couple-riding-scooter-outdoors_23-2148733507.jpg"
imageAlt="Group of young riders with electric bikes and scooters"
/>
</div>
@@ -134,60 +99,28 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Effortless Spec Comparison",
description: "Our intuitive platform allows you to compare detailed specifications across all models, ensuring you make the best choice for your riding style and needs.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151483089.jpg",
imageAlt: "Screenshot of bike spec comparison interface",
},
title: "Effortless Spec Comparison", description: "Our intuitive platform allows you to compare detailed specifications across all models, ensuring you make the best choice for your riding style and needs.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151483089.jpg", imageAlt: "Screenshot of bike spec comparison interface"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104482.jpg",
imageAlt: "Screenshot of bike spec comparison interface",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-with-motorcycle-hawaii_23-2148892231.jpg?_wi=2",
imageAlt: "electric bike spec comparison app",
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104482.jpg", imageAlt: "Screenshot of bike spec comparison interface"},
},
{
title: "Seamless & Secure Checkout",
description: "Experience a hassle-free purchasing journey with our optimized checkout process. Fast, secure, and user-friendly, getting you on your new ride sooner.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/view-nutritional-counter-app-composition_23-2149880612.jpg",
imageAlt: "Screenshot of secure checkout process",
},
title: "Seamless & Secure Checkout", description: "Experience a hassle-free purchasing journey with our optimized checkout process. Fast, secure, and user-friendly, getting you on your new ride sooner.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/view-nutritional-counter-app-composition_23-2149880612.jpg", imageAlt: "Screenshot of secure checkout process"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-woman-checking-shopping-list-smartphone-grocery-store_662251-1450.jpg",
imageAlt: "Screenshot of secure checkout process",
},
imageSrc: "http://img.b2bpic.net/free-photo/panorama-view-jeep-car-hawaii_23-2148892277.jpg?_wi=2",
imageAlt: "electric bike spec comparison app",
imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-woman-checking-shopping-list-smartphone-grocery-store_662251-1450.jpg", imageAlt: "Screenshot of secure checkout process"},
},
{
title: "Advanced Connectivity & Support",
description: "Stay connected with integrated features for tracking, maintenance, and community forums. Plus, access dedicated warranty and after-sales support with ease.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-riding-bicycle_23-2150040518.jpg",
imageAlt: "Screenshot of app showing charging stations and routes",
},
title: "Advanced Connectivity & Support", description: "Stay connected with integrated features for tracking, maintenance, and community forums. Plus, access dedicated warranty and after-sales support with ease.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-riding-bicycle_23-2150040518.jpg", imageAlt: "Screenshot of app showing charging stations and routes"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-inside-electro-car-while-charging_1303-17788.jpg",
imageAlt: "Screenshot of app showing charging stations and routes",
},
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-couple-riding-scooter-outdoors_23-2148733507.jpg?_wi=2",
imageAlt: "electric bike spec comparison app",
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-inside-electro-car-while-charging_1303-17788.jpg", imageAlt: "Screenshot of app showing charging stations and routes"},
},
{
title: "Virtual Ride Experience",
description: "Utilize our augmented reality feature to visualize your dream bike or scooter in your own environment before you buy. See it, love it, ride it.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bike-park_23-2150814838.jpg",
imageAlt: "Screenshot of augmented reality feature",
},
title: "Virtual Ride Experience", description: "Utilize our augmented reality feature to visualize your dream bike or scooter in your own environment before you buy. See it, love it, ride it.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bike-park_23-2150814838.jpg", imageAlt: "Screenshot of augmented reality feature"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320748.jpg",
imageAlt: "Screenshot of augmented reality feature",
},
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-male-biker-riding-motorcycle-along-road_1098-19091.jpg?_wi=1",
imageAlt: "electric bike spec comparison app",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320748.jpg", imageAlt: "Screenshot of augmented reality feature"},
},
]}
showStepNumbers={true}
@@ -207,65 +140,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "surron-light-bee",
brand: "Surron",
name: "Light Bee X",
price: "$4,799",
rating: 5,
reviewCount: "1,200 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-male-biker-riding-motorcycle-along-road_1098-19091.jpg?_wi=2",
imageAlt: "Surron Light Bee X electric offroad bike",
},
id: "surron-light-bee", brand: "Surron", name: "Light Bee X", price: "$4,799", rating: 5,
reviewCount: "1,200 reviews", imageSrc: "http://img.b2bpic.net/free-photo/rear-view-male-biker-riding-motorcycle-along-road_1098-19091.jpg", imageAlt: "Surron Light Bee X electric offroad bike"},
{
id: "surron-ultra-bee",
brand: "Surron",
name: "Ultra Bee",
price: "$6,499",
rating: 5,
reviewCount: "850 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-beside-motorcycle-with-helmet_23-2148875789.jpg",
imageAlt: "Surron Ultra Bee electric offroad bike",
},
id: "surron-ultra-bee", brand: "Surron", name: "Ultra Bee", price: "$6,499", rating: 5,
reviewCount: "850 reviews", imageSrc: "http://img.b2bpic.net/free-photo/man-standing-beside-motorcycle-with-helmet_23-2148875789.jpg", imageAlt: "Surron Ultra Bee electric offroad bike"},
{
id: "stark-varg",
brand: "Stark Future",
name: "Varg",
price: "$12,900",
rating: 5,
reviewCount: "300 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-riding-motorbike-desert_23-2148585471.jpg",
imageAlt: "Stark Varg electric motocross bike",
},
id: "stark-varg", brand: "Stark Future", name: "Varg", price: "$12,900", rating: 5,
reviewCount: "300 reviews", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-riding-motorbike-desert_23-2148585471.jpg", imageAlt: "Stark Varg electric motocross bike"},
{
id: "arctic-leopard",
brand: "Arctic Leopard",
name: "R7",
price: "$9,800",
rating: 4,
reviewCount: "150 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/people-travelling-sustainable-way_23-2151334325.jpg",
imageAlt: "Arctic Leopard R7 electric offroad bike",
},
id: "arctic-leopard", brand: "Arctic Leopard", name: "R7", price: "$9,800", rating: 4,
reviewCount: "150 reviews", imageSrc: "http://img.b2bpic.net/free-photo/people-travelling-sustainable-way_23-2151334325.jpg", imageAlt: "Arctic Leopard R7 electric offroad bike"},
{
id: "yozma-strike",
brand: "Yozma",
name: "Strike",
price: "$2,999",
rating: 4,
reviewCount: "600 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/motorbike-rider-with-helmet-browsing-mobile-phone_23-2148585476.jpg",
imageAlt: "Yozma Strike electric offroad scooter",
},
id: "yozma-strike", brand: "Yozma", name: "Strike", price: "$2,999", rating: 4,
reviewCount: "600 reviews", imageSrc: "http://img.b2bpic.net/free-photo/motorbike-rider-with-helmet-browsing-mobile-phone_23-2148585476.jpg", imageAlt: "Yozma Strike electric offroad scooter"},
{
id: "rtr-offroad-elite",
brand: "RTR",
name: "Offroad Elite",
price: "$7,199",
rating: 5,
reviewCount: "220 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/motorbike-rider-with-helmet-holding-laptop_23-2148585487.jpg",
imageAlt: "RTR Offroad Elite electric bike variant",
},
id: "rtr-offroad-elite", brand: "RTR", name: "Offroad Elite", price: "$7,199", rating: 5,
reviewCount: "220 reviews", imageSrc: "http://img.b2bpic.net/free-photo/motorbike-rider-with-helmet-holding-laptop_23-2148585487.jpg", imageAlt: "RTR Offroad Elite electric bike variant"},
]}
title="Explore Our Premium Electric Offroad Collection"
description="Discover the latest models from leading brands like Surron, Stark Varg, and Yozma. Each vehicle is selected for its performance, durability, and innovation."
@@ -282,29 +173,17 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "riders",
icon: Users,
title: "Happy Riders",
value: "25,000+",
},
id: "riders", icon: Users,
title: "Happy Riders", value: "25,000+"},
{
id: "power",
icon: Zap,
title: "Total Power Output",
value: "1.5 GW",
},
id: "power", icon: Zap,
title: "Total Power Output", value: "1.5 GW"},
{
id: "trails",
icon: MapPin,
title: "Trails Explored",
value: "10,000+",
},
id: "trails", icon: MapPin,
title: "Trails Explored", value: "10,000+"},
{
id: "emissions",
icon: Leaf,
title: "CO2 Saved",
value: "5000+ Tons",
},
id: "emissions", icon: Leaf,
title: "CO2 Saved", value: "5000+ Tons"},
]}
title="Our Impact & Community Growth"
description="Join a thriving community passionate about electric offroad adventure and sustainable mobility. See the difference we're making together."
@@ -321,50 +200,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "Unforgettable Offroad Adventures",
quote: "ElectroRide transformed my weekends! The Surron Light Bee is a beast, and the comparison tool made choosing it a breeze. The after-sales support has been fantastic.",
name: "Sarah Johnson",
role: "CEO, Renewable Energy Startup",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-university-student-filing-planner_1262-20864.jpg",
imageAlt: "Sarah Johnson",
},
id: "1", title: "Unforgettable Offroad Adventures", quote: "ElectroRide transformed my weekends! The Surron Light Bee is a beast, and the comparison tool made choosing it a breeze. The after-sales support has been fantastic.", name: "Sarah Johnson", role: "CEO, Renewable Energy Startup", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-university-student-filing-planner_1262-20864.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
title: "Performance Beyond Expectation",
quote: "As a former motocross rider, I'm blown away by the Stark Varg from ElectroRide. The power and handling are incredible, and the eco-friendly aspect is a huge bonus.",
name: "Michael Chen",
role: "Professional Motocross Rider",
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-man-tank-top-looking-away_23-2152014076.jpg",
imageAlt: "Michael Chen",
},
id: "2", title: "Performance Beyond Expectation", quote: "As a former motocross rider, I'm blown away by the Stark Varg from ElectroRide. The power and handling are incredible, and the eco-friendly aspect is a huge bonus.", name: "Michael Chen", role: "Professional Motocross Rider", imageSrc: "http://img.b2bpic.net/free-photo/young-asian-man-tank-top-looking-away_23-2152014076.jpg", imageAlt: "Michael Chen"},
{
id: "3",
title: "Revolutionizing Urban Commutes",
quote: "The Yozma Strike is perfect for my daily commute. ElectroRide delivered it quickly, and their detailed product info helped me feel confident in my purchase. Highly recommend!",
name: "Emily Rodriguez",
role: "Urban Planner",
imageSrc: "http://img.b2bpic.net/free-photo/modern-man-bridge_23-2147961613.jpg",
imageAlt: "Emily Rodriguez",
},
id: "3", title: "Revolutionizing Urban Commutes", quote: "The Yozma Strike is perfect for my daily commute. ElectroRide delivered it quickly, and their detailed product info helped me feel confident in my purchase. Highly recommend!", name: "Emily Rodriguez", role: "Urban Planner", imageSrc: "http://img.b2bpic.net/free-photo/modern-man-bridge_23-2147961613.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
title: "Exceptional Customer Journey",
quote: "From comparing models to a smooth checkout, ElectroRide made buying my Arctic Leopard a pleasure. Their dedication to the rider community is truly inspiring.",
name: "David Kim",
role: "Software Engineer & Outdoor Enthusiast",
imageSrc: "http://img.b2bpic.net/free-photo/transgender-man-wearing-make-up-half-his-face_23-2148784399.jpg",
imageAlt: "David Kim",
},
id: "4", title: "Exceptional Customer Journey", quote: "From comparing models to a smooth checkout, ElectroRide made buying my Arctic Leopard a pleasure. Their dedication to the rider community is truly inspiring.", name: "David Kim", role: "Software Engineer & Outdoor Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/transgender-man-wearing-make-up-half-his-face_23-2148784399.jpg", imageAlt: "David Kim"},
{
id: "5",
title: "Sustainable Thrills, Seamlessly Delivered",
quote: "I've been looking for a sustainable thrill, and ElectroRide delivered! The Ultra Bee is fantastic, and knowing I'm supporting a green future makes every ride better.",
name: "Jessica Lee",
role: "Environmental Activist",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-skipping-rope-green-background-health-woman-workout-color-sport-gymnastics-body_140725-155809.jpg",
imageAlt: "Jessica Lee",
},
id: "5", title: "Sustainable Thrills, Seamlessly Delivered", quote: "I've been looking for a sustainable thrill, and ElectroRide delivered! The Ultra Bee is fantastic, and knowing I'm supporting a green future makes every ride better.", name: "Jessica Lee", role: "Environmental Activist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-skipping-rope-green-background-health-woman-workout-color-sport-gymnastics-body_140725-155809.jpg", imageAlt: "Jessica Lee"},
]}
title="What Our Riders Say"
description="Hear directly from our passionate community of electric offroad adventurers and urban commuters."
@@ -379,14 +223,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Adventure Gear Co.",
"Eco Mobility Forum",
"Urban Trails Network",
"Extreme Sports Magazine",
"Green Tech Alliance",
"Future Cycles Inc.",
"Global Expeditions",
]}
"Adventure Gear Co.", "Eco Mobility Forum", "Urban Trails Network", "Extreme Sports Magazine", "Green Tech Alliance", "Future Cycles Inc.", "Global Expeditions"]}
title="Trusted by Industry Leaders & Enthusiasts"
description="Our commitment to quality and innovation has earned us recognition and partnerships across the adventure and sustainable tech industries."
tag="Our Partners"
@@ -403,25 +240,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "warranty",
title: "What is the warranty period for ElectroRide bikes?",
content: "All ElectroRide premium electric bikes and scooters come with a standard 12-month manufacturer's warranty, covering defects in materials and workmanship. Extended warranty options are available for purchase during checkout.",
},
id: "warranty", title: "What is the warranty period for ElectroRide bikes?", content: "All ElectroRide premium electric bikes and scooters come with a standard 12-month manufacturer's warranty, covering defects in materials and workmanship. Extended warranty options are available for purchase during checkout."},
{
id: "shipping",
title: "How long does shipping take?",
content: "Shipping times vary based on your location and the specific model. Typically, bikes are delivered within 5-10 business days. You'll receive tracking information once your order ships.",
},
id: "shipping", title: "How long does shipping take?", content: "Shipping times vary based on your location and the specific model. Typically, bikes are delivered within 5-10 business days. You'll receive tracking information once your order ships."},
{
id: "assembly",
title: "Do the bikes come pre-assembled?",
content: "Most models arrive 80-90% pre-assembled, requiring minimal final assembly (e.g., attaching handlebars, pedals). Detailed instructions and tools are included, and professional assembly services can be arranged in select areas.",
},
id: "assembly", title: "Do the bikes come pre-assembled?", content: "Most models arrive 80-90% pre-assembled, requiring minimal final assembly (e.g., attaching handlebars, pedals). Detailed instructions and tools are included, and professional assembly services can be arranged in select areas."},
{
id: "return-policy",
title: "What is your return policy?",
content: "We offer a 14-day return policy for unused and undamaged products in their original packaging. Please refer to our full Return Policy page for detailed terms and conditions.",
},
id: "return-policy", title: "What is your return policy?", content: "We offer a 14-day return policy for unused and undamaged products in their original packaging. Please refer to our full Return Policy page for detailed terms and conditions."},
]}
imageSrc="http://img.b2bpic.net/free-photo/octogenarian-engineer-crypto-mining-farm-with-specialized-server-racks-using-blockchain-technology-fintech-expert-inspecting-asic-racks-solving-complex-computational-operations-data-center_482257-70453.jpg"
imageAlt="Person reviewing digital warranty document on a tablet"
@@ -441,18 +266,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
text="Ready to electrify your ride? Our team is here to help you find the perfect offroad companion and answer any questions you may have."
buttons={[
{
text: "Get In Touch",
href: "mailto:info@electroride.com",
},
text: "Get In Touch", href: "mailto:info@electroride.com"},
{
text: "Book a Demo",
href: "#",
},
text: "Book a Demo", href: "#"},
]}
/>
</div>
@@ -463,77 +283,47 @@ export default function LandingPage() {
{
items: [
{
label: "Shop All Bikes",
href: "#products",
},
label: "Shop All Bikes", href: "#products"},
{
label: "Scooters",
href: "#products",
},
label: "Scooters", href: "#products"},
{
label: "Accessories",
href: "#",
},
label: "Accessories", href: "#"},
{
label: "Compare Models",
href: "#features",
},
label: "Compare Models", href: "#features"},
],
},
{
items: [
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Community",
href: "#metrics",
},
label: "Community", href: "#metrics"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
],
},
{
items: [
{
label: "Support Center",
href: "#faq",
},
label: "Support Center", href: "#faq"},
{
label: "Warranty & Returns",
href: "#faq",
},
label: "Warranty & Returns", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Dealer Locator",
href: "#",
},
label: "Dealer Locator", href: "#"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Cookie Policy",
href: "#",
},
label: "Cookie Policy", href: "#"},
],
},
]}