Merge version_1 into main #2
199
src/app/page.tsx
199
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "inventory",
|
||||
},
|
||||
name: "Inventory", id: "inventory"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Velocity Auto"
|
||||
/>
|
||||
@@ -54,48 +46,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Drive the Future of Performance"
|
||||
description="Experience unparalleled engineering, luxury design, and cutting-edge technology. Velocity Auto brings you the finest selection of premium automobiles."
|
||||
tag="New Inventory Available"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
text: "View Inventory", href: "#inventory"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-traffic-with-cityscape_1359-1089.jpg",
|
||||
imageAlt: "Luxury Sports Car",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/urban-traffic-with-cityscape_1359-1089.jpg", imageAlt: "luxury sports car driving road sunset"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139294.jpg",
|
||||
imageAlt: "Engine Engineering",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139294.jpg", imageAlt: "car engine bay cinematic close up"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-young-woman-driving_23-2149085762.jpg",
|
||||
imageAlt: "Vehicle Interior",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-young-woman-driving_23-2149085762.jpg", imageAlt: "supercar interior dashboard leather digital"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-car-salon-woman-buying-car-elegant-woman-brown-suit_1157-44061.jpg",
|
||||
imageAlt: "Car Showroom",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/lady-car-salon-woman-buying-car-elegant-woman-brown-suit_1157-44061.jpg", imageAlt: "luxury car showroom minimalist concrete"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traffic-tunnel_1359-12.jpg",
|
||||
imageAlt: "Garage Lineup",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/traffic-tunnel_1359-12.jpg", imageAlt: "luxury car garage interior modern blue lighting"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-mountain-white-clouds-daytime_410324-41.jpg",
|
||||
imageAlt: "Action Track",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/white-mountain-white-clouds-daytime_410324-41.jpg", imageAlt: "car drifting racing track action shot"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,32 +78,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Smart Navigation",
|
||||
tags: [
|
||||
"Tech",
|
||||
"UI",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-touching-screen-gps-navigation-system-his-car_169016-58953.jpg",
|
||||
},
|
||||
id: "f1", title: "Smart Navigation", tags: [
|
||||
"Tech", "UI"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-touching-screen-gps-navigation-system-his-car_169016-58953.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Advanced EV Charging",
|
||||
tags: [
|
||||
"Green",
|
||||
"Speed",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charging-pistol-socket-charging-station_1303-31826.jpg",
|
||||
},
|
||||
id: "f2", title: "Advanced EV Charging", tags: [
|
||||
"Green", "Speed"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charging-pistol-socket-charging-station_1303-31826.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Precision Aerodynamics",
|
||||
tags: [
|
||||
"Performance",
|
||||
"Design",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-abstract-wavy-lines-background-design-wallpaper_1017-25921.jpg",
|
||||
},
|
||||
id: "f3", title: "Precision Aerodynamics", tags: [
|
||||
"Performance", "Design"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-abstract-wavy-lines-background-design-wallpaper_1017-25921.jpg"},
|
||||
]}
|
||||
title="Unmatched Automotive Innovation"
|
||||
description="Beyond just cars—we provide a complete driving experience enhanced by the latest technology and premium support."
|
||||
@@ -147,23 +103,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "AeroGT Sports",
|
||||
price: "$125,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117118.jpg",
|
||||
},
|
||||
id: "p1", name: "AeroGT Sports", price: "$125,000", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117118.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Velocity Urban Sedan",
|
||||
price: "$85,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241767.jpg",
|
||||
},
|
||||
id: "p2", name: "Velocity Urban Sedan", price: "$85,000", imageSrc: "http://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241767.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Apex Off-Road 4x4",
|
||||
price: "$95,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/off-road-travel-dirt-road-road_1153-4376.jpg",
|
||||
},
|
||||
id: "p3", name: "Apex Off-Road 4x4", price: "$95,000", imageSrc: "http://img.b2bpic.net/free-photo/off-road-travel-dirt-road-road_1153-4376.jpg"},
|
||||
]}
|
||||
title="Curated Premium Collection"
|
||||
description="Discover our hand-picked inventory of the world's most sought-after vehicles, meticulously inspected for quality."
|
||||
@@ -178,25 +122,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Cars Delivered",
|
||||
description: "Happy owners across the region.",
|
||||
icon: Award,
|
||||
id: "m1", value: "500+", title: "Cars Delivered", description: "Happy owners across the region.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15",
|
||||
title: "Years Experience",
|
||||
description: "Expert automotive consulting.",
|
||||
icon: Shield,
|
||||
id: "m2", value: "15", title: "Years Experience", description: "Expert automotive consulting.", icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Quality Score",
|
||||
description: "Strict pre-delivery inspection.",
|
||||
icon: Zap,
|
||||
id: "m3", value: "99%", title: "Quality Score", description: "Strict pre-delivery inspection.", icon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Performance at Scale"
|
||||
@@ -210,45 +142,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Exceptional Service",
|
||||
quote: "The buying process was seamless and the car is pristine.",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-men-handshake-front-car_613910-16930.jpg",
|
||||
},
|
||||
id: "t1", title: "Exceptional Service", quote: "The buying process was seamless and the car is pristine.", name: "Sarah Johnson", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/two-men-handshake-front-car_613910-16930.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Performance Focused",
|
||||
quote: "Exactly the machine I needed for the weekend circuits.",
|
||||
name: "Michael Chen",
|
||||
role: "Product Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-car-smiles_23-2148504901.jpg",
|
||||
},
|
||||
id: "t2", title: "Performance Focused", quote: "Exactly the machine I needed for the weekend circuits.", name: "Michael Chen", role: "Product Designer", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-car-smiles_23-2148504901.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Luxury Experience",
|
||||
quote: "Best experience I've had purchasing a luxury vehicle.",
|
||||
name: "David Miller",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg?_wi=1",
|
||||
},
|
||||
id: "t3", title: "Luxury Experience", quote: "Best experience I've had purchasing a luxury vehicle.", name: "David Miller", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Daily Commute",
|
||||
quote: "Comfort meets performance in this incredible model.",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-cheerful-woman-sunglasses-walking-around-city-smiling_176420-1951.jpg",
|
||||
},
|
||||
id: "t4", title: "Daily Commute", quote: "Comfort meets performance in this incredible model.", name: "Elena Rodriguez", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-cheerful-woman-sunglasses-walking-around-city-smiling_176420-1951.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Top Tier Reliability",
|
||||
quote: "I have purchased three vehicles from Velocity and the quality remains unmatched.",
|
||||
name: "Marcus Thorne",
|
||||
role: "Executive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", title: "Top Tier Reliability", quote: "I have purchased three vehicles from Velocity and the quality remains unmatched.", name: "Marcus Thorne", role: "Executive", imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear from drivers who transformed their daily commutes into professional-grade experiences."
|
||||
@@ -259,8 +161,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ready to Drive?"
|
||||
title="Start Your Velocity Journey"
|
||||
description="Contact our experts today to schedule a test drive or request personalized automotive consulting."
|
||||
@@ -274,47 +175,31 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "About Us",
|
||||
items: [
|
||||
title: "About Us", items: [
|
||||
{
|
||||
label: "Our History",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our History", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Velocity Auto. All rights reserved."
|
||||
brandName="Velocity Auto"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user