Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 59fd41eca5 | |||
| ca5a4179e3 |
141
src/app/page.tsx
141
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Models",
|
name: "Models", id: "models"},
|
||||||
id: "models",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Features",
|
name: "Features", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="VoltMove EV"
|
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."
|
description="Redefining urban mobility with intelligent, high-performance electric scooters designed for the future."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Explore Models",
|
text: "Explore Models", href: "#models"},
|
||||||
href: "#models",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
slides={[
|
slides={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=1",
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=1", imageAlt: "Hero Scene 1"},
|
||||||
imageAlt: "Hero Scene 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=2",
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=2", imageAlt: "Hero Scene 2"},
|
||||||
imageAlt: "Hero Scene 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=3",
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=3", imageAlt: "Hero Scene 3"},
|
||||||
imageAlt: "Hero Scene 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=4",
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=4", imageAlt: "Hero Scene 4"},
|
||||||
imageAlt: "Hero Scene 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=5",
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=5", imageAlt: "Hero Scene 5"},
|
||||||
imageAlt: "Hero Scene 5",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=6",
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=6", imageAlt: "Hero Scene 6"},
|
||||||
imageAlt: "Hero Scene 6",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -94,26 +72,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
tag: "Engine",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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: "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"
|
title="Why Choose VoltMove"
|
||||||
description="Engineered for excellence, our scooters combine cutting-edge technology with unparalleled efficiency."
|
description="Engineered for excellence, our scooters combine cutting-edge technology with unparalleled efficiency."
|
||||||
@@ -128,47 +91,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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"
|
title="Our Collection"
|
||||||
description="Explore our full range of intelligent electric scooters tailored for urban commuters."
|
description="Explore our full range of intelligent electric scooters tailored for urban commuters."
|
||||||
@@ -181,6 +114,8 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
title="Featured Product"
|
||||||
|
description="Discover our latest flagship scooter."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -191,16 +126,10 @@ export default function LandingPage() {
|
|||||||
description="Ready to ride into the future? Schedule a test drive or visit our showroom."
|
description="Ready to ride into the future? Schedule a test drive or visit our showroom."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{
|
||||||
name: "name",
|
name: "name", type: "text", placeholder: "Full Name", required: true,
|
||||||
type: "text",
|
|
||||||
placeholder: "Full Name",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "email",
|
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||||
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"
|
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"
|
logoText="VoltMove EV"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Showroom",
|
title: "Showroom", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "All Models",
|
label: "All Models", href: "#models"},
|
||||||
href: "#models",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Locations",
|
label: "Locations", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support",
|
title: "Support", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "FAQ",
|
label: "FAQ", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Warranty",
|
label: "Warranty", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user