Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-14 13:39:36 +00:00

View File

@@ -32,145 +32,54 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Products",
id: "products",
},
{
name: "Features",
id: "features",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Products", id: "products" },
{ name: "Features", id: "features" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="E-Ride Pro"
button={{
text: "Shop Now",
href: "#products",
}}
button={{ text: "Shop Now", href: "#products" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Revolutionize Your Daily Commute"
description="Experience speed, style, and sustainability with our next-generation electric scooters and E-bikes. Engineered for the modern urban explorer."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/handsome-positive-business-person-electric-scooter-holding-arm-straight-forward_342744-409.jpg?_wi=1",
imageAlt: "e-bike studio shot dark background",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-belarus-person-city_23-2149372937.jpg?_wi=1",
imageAlt: "electric scooter night motion blur",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/casual-male-posing-with-electric-scooter_23-2148779866.jpg",
imageAlt: "e-bike studio shot dark background",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-concept-single-push-scooter-children-3d-art-design-illustration_460848-11174.jpg",
imageAlt: "electric scooter night motion blur",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cool-bicycle-outdoors_23-2150884268.jpg",
imageAlt: "e-bike studio shot dark background",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/handsome-positive-business-person-electric-scooter-holding-arm-straight-forward_342744-409.jpg", imageAlt: "e-bike studio shot dark background" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-belarus-person-city_23-2149372937.jpg", imageAlt: "electric scooter night motion blur" },
{ imageSrc: "http://img.b2bpic.net/free-photo/casual-male-posing-with-electric-scooter_23-2148779866.jpg", imageAlt: "e-bike studio shot dark background" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-concept-single-push-scooter-children-3d-art-design-illustration_460848-11174.jpg", imageAlt: "electric scooter night motion blur" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cool-bicycle-outdoors_23-2150884268.jpg", imageAlt: "e-bike studio shot dark background" }
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-concept-single-push-scooter-children-3d-art-design-illustration_460848-7443.jpg",
imageAlt: "electric scooter night motion blur",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cyclist-securing-e-bike-battery_23-2148225826.jpg",
imageAlt: "e-bike studio shot dark background",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-classic-motor-scooter-side-view-purplle-background_460848-12012.jpg",
imageAlt: "electric scooter night motion blur",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/person-using-electric-scooter-city_23-2149341731.jpg",
imageAlt: "e-bike studio shot dark background",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-car-france_23-2149169727.jpg",
imageAlt: "electric scooter night motion blur",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-concept-single-push-scooter-children-3d-art-design-illustration_460848-7443.jpg", imageAlt: "electric scooter night motion blur" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-cyclist-securing-e-bike-battery_23-2148225826.jpg", imageAlt: "e-bike studio shot dark background" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-classic-motor-scooter-side-view-purplle-background_460848-12012.jpg", imageAlt: "electric scooter night motion blur" },
{ imageSrc: "http://img.b2bpic.net/free-photo/person-using-electric-scooter-city_23-2149341731.jpg", imageAlt: "e-bike studio shot dark background" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-car-france_23-2149169727.jpg", imageAlt: "electric scooter night motion blur" }
]}
buttons={[
{
text: "Browse Scooters",
href: "#products",
},
{
text: "Learn More",
href: "#features",
},
{ text: "Browse Scooters", href: "#products" },
{ text: "Learn More", href: "#features" }
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-cheerful-woman-sunglasses-posing_171337-17567.jpg",
alt: "Happy cheerful woman in sunglasses posing",
},
{
src: "http://img.b2bpic.net/free-photo/image-joyful-curly-woman-sunglasses-sitting-motorbike_171337-16766.jpg",
alt: "Image of joyful curly woman in sunglasses sitting on motorbike",
},
{
src: "http://img.b2bpic.net/free-photo/woman-going-work-bicycle_23-2149443055.jpg",
alt: "Woman going to work on bicycle",
},
{
src: "http://img.b2bpic.net/free-photo/image-happy-curly-woman-sunglasses-sitting-modern-motorbike-outdoors_171337-16721.jpg",
alt: "Image of happy curly woman in sunglasses sitting on modern motorbike outdoors",
},
{
src: "http://img.b2bpic.net/free-photo/charming-young-brunet-curly-african-man-beige-shorts-orange-jacket-sunglasses-listens-music-wireless-headphones-stands-near-scooter-outside_197531-28781.jpg",
alt: "Charming young brunet curly African man in beige shorts orange jacket and sunglasses listens to music in wireless headphones and stands near scooter outside",
},
{ src: "http://img.b2bpic.net/free-photo/happy-cheerful-woman-sunglasses-posing_171337-17567.jpg", alt: "Happy cheerful woman in sunglasses posing" },
{ src: "http://img.b2bpic.net/free-photo/image-joyful-curly-woman-sunglasses-sitting-motorbike_171337-16766.jpg", alt: "Image of joyful curly woman in sunglasses sitting on motorbike" },
{ src: "http://img.b2bpic.net/free-photo/woman-going-work-bicycle_23-2149443055.jpg", alt: "Woman going to work on bicycle" },
{ src: "http://img.b2bpic.net/free-photo/image-happy-curly-woman-sunglasses-sitting-modern-motorbike-outdoors_171337-16721.jpg", alt: "Image of happy curly woman in sunglasses sitting on modern motorbike outdoors" },
{ src: "http://img.b2bpic.net/free-photo/charming-young-brunet-curly-african-man-beige-shorts-orange-jacket-sunglasses-listens-music-wireless-headphones-stands-near-scooter-outside_197531-28781.jpg", alt: "Charming young brunet curly African man in beige shorts orange jacket and sunglasses listens to music in wireless headphones and stands near scooter outside" }
]}
avatarText="Trusted by 5,000+ happy riders"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/lane-bicycle-road_1232-2335.jpg",
alt: "Lane for bicycle on the road",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/close-up-bicycle-details-parts_23-2150834414.jpg",
alt: "Close-up of bicycle details and parts",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/young-man-with-bike-outdoors_23-2149003791.jpg",
alt: "Young man with a bike outdoors",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/word-recycling-written-wood-letters-text-wooden-table-your-design-top-view-concept_169016-41770.jpg",
alt: "The word Recycling written on wood letters text on wooden table for your design top view concept",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/electric-car-charging-sign-low-angle_23-2149530084.jpg",
alt: "Electric car charging sign low angle",
},
{ type: "image", src: "http://img.b2bpic.net/free-photo/lane-bicycle-road_1232-2335.jpg", alt: "Lane for bicycle on the road" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-bicycle-details-parts_23-2150834414.jpg", alt: "Close-up of bicycle details and parts" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/young-man-with-bike-outdoors_23-2149003791.jpg", alt: "Young man with a bike outdoors" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/word-recycling-written-wood-letters-text-wooden-table-your-design-top-view-concept_169016-41770.jpg", alt: "The word Recycling written on wood letters text on wooden table for your design top view concept" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/electric-car-charging-sign-low-angle_23-2149530084.jpg", alt: "Electric car charging sign low angle" }
]}
/>
</div>
@@ -180,26 +89,10 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Performance at a Glance"
metrics={[
{
icon: Zap,
label: "Top Speed",
value: "45 km/h",
},
{
icon: Gauge,
label: "Range",
value: "80 km",
},
{
icon: Timer,
label: "Charge Time",
value: "3h",
},
{
icon: Shield,
label: "Warranty",
value: "24 mo",
},
{ icon: Zap, label: "Top Speed", value: "45 km/h" },
{ icon: Gauge, label: "Range", value: "80 km" },
{ icon: Timer, label: "Charge Time", value: "3h" },
{ icon: Shield, label: "Warranty", value: "24 mo" },
]}
metricsAnimation="slide-up"
/>
@@ -212,28 +105,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Smart Connectivity",
description: "Sync with our app for GPS tracking and locking.",
bentoComponent: "reveal-icon",
icon: Smartphone,
imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151205014.jpg",
imageAlt: "e-mobility logo design tech",
title: "Smart Connectivity", description: "Sync with our app for GPS tracking and locking.", bentoComponent: "reveal-icon", icon: Smartphone
},
{
title: "High-Efficiency Battery",
description: "Premium lithium-ion cells for long-distance riding.",
bentoComponent: "reveal-icon",
icon: Zap,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-positive-business-person-electric-scooter-holding-arm-straight-forward_342744-409.jpg?_wi=2",
imageAlt: "e-mobility logo design tech",
title: "High-Efficiency Battery", description: "Premium lithium-ion cells for long-distance riding.", bentoComponent: "reveal-icon", icon: Zap
},
{
title: "Robust Build",
description: "Aircraft-grade aluminum for maximum durability.",
bentoComponent: "reveal-icon",
icon: ShieldCheck,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-belarus-person-city_23-2149372937.jpg?_wi=2",
imageAlt: "e-mobility logo design tech",
title: "Robust Build", description: "Aircraft-grade aluminum for maximum durability.", bentoComponent: "reveal-icon", icon: ShieldCheck
},
]}
title="Built for the Future"
@@ -248,60 +126,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "ProRide",
name: "Urban Scooter X1",
price: "$899",
rating: 5,
reviewCount: "128",
imageSrc: "http://img.b2bpic.net/free-photo/wall-handsome-business-person-man-using-tablet-computer-leaning-black-business-building_342744-406.jpg",
},
{
id: "p2",
brand: "TrailTech",
name: "Mountain E-Bike M5",
price: "$2,499",
rating: 5,
reviewCount: "89",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-e-bike-bicycle-store_23-2148225836.jpg",
},
{
id: "p3",
brand: "CompactGo",
name: "Folding Commuter S2",
price: "$699",
rating: 4,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/close-shot-parked-electric-scooter-near-road-with-moving-cars-wet-cloudy-weather-bucharest-romania_1268-16754.jpg",
},
{
id: "p4",
brand: "TrailTech",
name: "Extreme Enduro E-MTB",
price: "$3,299",
rating: 5,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/electric-bike-battery-motor-wheel-with-pedal-rear-shock-absorber_114579-347.jpg",
},
{
id: "p5",
brand: "CitySwift",
name: "City Cruiser Pro",
price: "$1,899",
rating: 4,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-street_1303-25974.jpg",
},
{
id: "p6",
brand: "ProRide",
name: "Cargo Hauler XL",
price: "$1,499",
rating: 5,
reviewCount: "75",
imageSrc: "http://img.b2bpic.net/free-photo/casual-male-posing-with-electric-scooter_23-2148779903.jpg",
},
{ id: "p1", brand: "ProRide", name: "Urban Scooter X1", price: "$899", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/wall-handsome-business-person-man-using-tablet-computer-leaning-black-business-building_342744-406.jpg" },
{ id: "p2", brand: "TrailTech", name: "Mountain E-Bike M5", price: "$2,499", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/close-up-e-bike-bicycle-store_23-2148225836.jpg" },
{ id: "p3", brand: "CompactGo", name: "Folding Commuter S2", price: "$699", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/close-shot-parked-electric-scooter-near-road-with-moving-cars-wet-cloudy-weather-bucharest-romania_1268-16754.jpg" },
{ id: "p4", brand: "TrailTech", name: "Extreme Enduro E-MTB", price: "$3,299", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/electric-bike-battery-motor-wheel-with-pedal-rear-shock-absorber_114579-347.jpg" },
{ id: "p5", brand: "CitySwift", name: "City Cruiser Pro", price: "$1,899", rating: 4, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-street_1303-25974.jpg" },
{ id: "p6", brand: "ProRide", name: "Cargo Hauler XL", price: "$1,499", rating: 5, reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/casual-male-posing-with-electric-scooter_23-2148779903.jpg" },
]}
title="Our Latest Models"
description="Choose the ride that matches your pace."
@@ -313,46 +143,11 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
title: "Amazing range!",
quote: "The battery life is incredible. I can ride to work and back twice without a charge.",
name: "Alex Johnson",
role: "Engineer",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-girl-sunglasses-taking-selfie_171337-18162.jpg",
},
{
id: "t2",
title: "Sturdy and fast",
quote: "Best build quality I've ever seen on a scooter. Smooth ride every time.",
name: "Sarah Miller",
role: "Architect",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-step-electric-scooter-background_613910-3396.jpg",
},
{
id: "t3",
title: "Perfect for city life",
quote: "I don't need a car anymore. This E-bike is all I need for my city commute.",
name: "David Smith",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-bicycle-frame-with-tools_482257-114871.jpg",
},
{
id: "t4",
title: "Exceptional service",
quote: "Responsive support and great bike quality. Highly recommended.",
name: "Elena Ross",
role: "Student",
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-man-riding-electric-scooter-man-with-curly-hair-with-sunglasses-spending-time-outdoors-technology-activity-concept_74855-25564.jpg",
},
{
id: "t5",
title: "Smooth commute",
quote: "The suspension is perfect for bumpy streets. Love the comfort.",
name: "Kevin Hart",
role: "Developer",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-taking-break-after-riding-his-scooter_23-2149019549.jpg",
},
{ id: "t1", title: "Amazing range!", quote: "The battery life is incredible. I can ride to work and back twice without a charge.", name: "Alex Johnson", role: "Engineer", imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-girl-sunglasses-taking-selfie_171337-18162.jpg" },
{ id: "t2", title: "Sturdy and fast", quote: "Best build quality I've ever seen on a scooter. Smooth ride every time.", name: "Sarah Miller", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-step-electric-scooter-background_613910-3396.jpg" },
{ id: "t3", title: "Perfect for city life", quote: "I don't need a car anymore. This E-bike is all I need for my city commute.", name: "David Smith", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/man-working-bicycle-frame-with-tools_482257-114871.jpg" },
{ id: "t4", title: "Exceptional service", quote: "Responsive support and great bike quality. Highly recommended.", name: "Elena Ross", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-man-riding-electric-scooter-man-with-curly-hair-with-sunglasses-spending-time-outdoors-technology-activity-concept_74855-25564.jpg" },
{ id: "t5", title: "Smooth commute", quote: "The suspension is perfect for bumpy streets. Love the comfort.", name: "Kevin Hart", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/young-man-taking-break-after-riding-his-scooter_23-2149019549.jpg" },
]}
title="Loved by Riders Worldwide"
description="See why thousands trust us with their commute."
@@ -363,15 +158,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"EcoRider",
"UrbanMotion",
"GreenGear",
"FutureBike",
"TechScoot",
"CityTransit",
"PureDrive",
]}
names={["EcoRider", "UrbanMotion", "GreenGear", "FutureBike", "TechScoot", "CityTransit", "PureDrive"]}
title="Trusted Industry Leaders"
description="Partnering with the best in the mobility sector."
/>
@@ -382,21 +169,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do I need a license?",
content: "Most of our models don't require a license, but check your local regulations.",
},
{
id: "f2",
title: "How long is the warranty?",
content: "We offer a 2-year warranty on all electric motors and batteries.",
},
{
id: "f3",
title: "Is charging easy?",
content: "Yes, just plug it into any standard wall outlet with the provided charger.",
},
{ id: "f1", title: "Do I need a license?", content: "Most of our models don't require a license, but check your local regulations." },
{ id: "f2", title: "How long is the warranty?", content: "We offer a 2-year warranty on all electric motors and batteries." },
{ id: "f3", title: "Is charging easy?", content: "Yes, just plug it into any standard wall outlet with the provided charger." },
]}
title="Frequently Asked Questions"
faqsAnimation="slide-up"
@@ -407,63 +182,20 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Get in touch"
title="Start your journey today"
description="Have questions about our products or need help choosing? Our team is here to assist."
buttons={[
{
text: "Contact Support",
href: "#",
},
]}
buttons={[{ text: "Contact Support", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Products",
items: [
{
label: "Scooters",
href: "#",
},
{
label: "E-Bikes",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Warranty",
href: "#",
},
{
label: "FAQs",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Contact",
href: "#",
},
],
},
{ title: "Products", items: [{ label: "Scooters", href: "#" }, { label: "E-Bikes", href: "#" }] },
{ title: "Support", items: [{ label: "Warranty", href: "#" }, { label: "FAQs", href: "#" }] },
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] },
]}
logoText="E-Ride Pro"
/>
@@ -471,4 +203,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}