bender/3dd89c44-e29b-49cb-bf30-34e28eb62613
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-04 16:27:37 +00:00
parent 66f7c8365a
commit 42e6f09982
1 changed files with 33 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

147
src/app/page.tsx
View File

@@ -29,21 +29,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Models",
id: "models",
},
name: "Models", id: "models"},
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="VoltMove EV"
/>
@@ -55,35 +47,21 @@ export default function LandingPage() {
description="Redefining urban mobility with intelligent, high-performance electric scooters designed for the future."
buttons={[
{
text: "Explore Models",
href: "#models",
},
text: "Explore Models", href: "#models"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=1",
imageAlt: "Hero Scene 1",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=1", imageAlt: "Hero Scene 1"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=2",
imageAlt: "Hero Scene 2",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=2", imageAlt: "Hero Scene 2"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=3",
imageAlt: "Hero Scene 3",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=3", imageAlt: "Hero Scene 3"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=4",
imageAlt: "Hero Scene 4",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=4", imageAlt: "Hero Scene 4"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=5",
imageAlt: "Hero Scene 5",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=5", imageAlt: "Hero Scene 5"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=6",
imageAlt: "Hero Scene 6",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=6", imageAlt: "Hero Scene 6"},
]}
/>
</div>
@@ -91,29 +69,16 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureCardNineteen
textboxLayout="split"
tagAnimation="slide-up"
buttonAnimation="slide-up"
useInvertedBackground={true}
features={[
{
tag: "Engine",
title: "Precision Motor",
subtitle: "Silent Power",
description: "High-torque, zero-emission motors for the smoothest commute imaginable.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-charging-cable-side-view_23-2149530027.jpg",
},
tag: "Engine", title: "Precision Motor", subtitle: "Silent Power", description: "High-torque, zero-emission motors for the smoothest commute imaginable.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-charging-cable-side-view_23-2149530027.jpg"},
{
tag: "Control",
title: "Digital Cockpit",
subtitle: "Intelligent Ride",
description: "Real-time diagnostics and navigation via our integrated smart digital interface.",
imageSrc: "http://img.b2bpic.net/free-photo/researcher-working-new-self-driving-car-model_53876-98093.jpg",
},
tag: "Control", title: "Digital Cockpit", subtitle: "Intelligent Ride", description: "Real-time diagnostics and navigation via our integrated smart digital interface.", imageSrc: "http://img.b2bpic.net/free-photo/researcher-working-new-self-driving-car-model_53876-98093.jpg"},
{
tag: "Design",
title: "Aero-Frame",
subtitle: "Sturdy & Light",
description: "Aerodynamic construction using space-age materials for maximum battery range.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-still-life_23-2149417051.jpg",
},
tag: "Design", title: "Aero-Frame", subtitle: "Sturdy & Light", description: "Aerodynamic construction using space-age materials for maximum battery range.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-still-life_23-2149417051.jpg"},
]}
title="Why Choose VoltMove"
description="Engineered for excellence, our scooters combine cutting-edge technology with unparalleled efficiency."
@@ -122,53 +87,23 @@ export default function LandingPage() {
<div id="models" data-section="models">
<ProductCardFour
animationType="slide-up"
animationType="scale-rotate"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Volt Swift",
price: "$1,299",
variant: "Commuter Edition",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-posing-electric-scooter-modern-building-background_613910-2154.jpg",
},
id: "1", name: "Volt Swift", price: "$1,299", variant: "Commuter Edition", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-posing-electric-scooter-modern-building-background_613910-2154.jpg"},
{
id: "2",
name: "Volt Shadow",
price: "$1,599",
variant: "Dark Series",
imageSrc: "http://img.b2bpic.net/free-photo/person-using-electric-scooter-city_23-2149341736.jpg",
},
id: "2", name: "Volt Shadow", price: "$1,599", variant: "Dark Series", imageSrc: "http://img.b2bpic.net/free-photo/person-using-electric-scooter-city_23-2149341736.jpg"},
{
id: "3",
name: "Volt Racer",
price: "$1,899",
variant: "Sport Edition",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-riding-electic-kick-scooter-isolated-white-studio-background_285396-11139.jpg",
},
id: "3", name: "Volt Racer", price: "$1,899", variant: "Sport Edition", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-riding-electic-kick-scooter-isolated-white-studio-background_285396-11139.jpg"},
{
id: "4",
name: "Volt Sky",
price: "$1,399",
variant: "Modern City",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman-talking-phone_23-2148577321.jpg",
},
id: "4", name: "Volt Sky", price: "$1,399", variant: "Modern City", imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman-talking-phone_23-2148577321.jpg"},
{
id: "5",
name: "Volt Silver",
price: "$1,499",
variant: "Classic Plus",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-trendy-girl-with-dreadlocks-is-driving-electro-scooter-street-cloudy-summer-day_613910-17118.jpg",
},
id: "5", name: "Volt Silver", price: "$1,499", variant: "Classic Plus", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-trendy-girl-with-dreadlocks-is-driving-electro-scooter-street-cloudy-summer-day_613910-17118.jpg"},
{
id: "6",
name: "Volt Aqua",
price: "$1,249",
variant: "Urban Lite",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-mean-transportation-ultra-modern-city_23-2151065394.jpg",
},
id: "6", name: "Volt Aqua", price: "$1,249", variant: "Urban Lite", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-mean-transportation-ultra-modern-city_23-2151065394.jpg"},
]}
title="Our Collection"
description="Explore our full range of intelligent electric scooters tailored for urban commuters."
@@ -177,7 +112,7 @@ export default function LandingPage() {
<div id="product" data-section="product">
<ProductCardTwo
animationType="slide-up"
animationType="blur-reveal"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
@@ -191,16 +126,10 @@ export default function LandingPage() {
description="Ready to ride into the future? Schedule a test drive or visit our showroom."
inputs={[
{
name: "name",
type: "text",
placeholder: "Full Name",
required: true,
name: "name", type: "text", placeholder: "Full Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
name: "email", type: "email", placeholder: "Email Address", required: true,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-8909.jpg?_wi=1"
@@ -213,29 +142,19 @@ export default function LandingPage() {
logoText="VoltMove EV"
columns={[
{
title: "Showroom",
items: [
title: "Showroom", items: [
{
label: "All Models",
href: "#models",
},
label: "All Models", href: "#models"},
{
label: "Locations",
href: "#",
},
label: "Locations", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#",
},
label: "FAQ", href: "#"},
{
label: "Warranty",
href: "#",
},
label: "Warranty", href: "#"},
],
},
]}
@@ -244,4 +163,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}