Merge version_1 into main #2
248
src/app/page.tsx
248
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Vehicles",
|
||||
id: "inventory",
|
||||
},
|
||||
name: "Vehicles", id: "inventory"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Velocity Auto"
|
||||
/>
|
||||
@@ -55,62 +47,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Drive the Future of Performance"
|
||||
description="Experience our curated collection of high-performance vehicles designed for those who demand excellence, precision, and luxury in every mile."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
text: "View Inventory", href: "#inventory"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-black-side-mirror-modern-white-car_181624-25206.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-black-side-mirror-modern-white-car_181624-25206.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-preparing-get-driver-license_23-2150167631.jpg",
|
||||
alt: "Customer support expert",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-preparing-get-driver-license_23-2150167631.jpg", alt: "Customer support expert"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-customer-car-dealership_23-2149117120.jpg",
|
||||
alt: "Lead technician",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-customer-car-dealership_23-2149117120.jpg", alt: "Lead technician"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-clients-celebrating-closing-car-deal-proudly-shaking-keys_482257-118111.jpg",
|
||||
alt: "Sales specialist",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-clients-celebrating-closing-car-deal-proudly-shaking-keys_482257-118111.jpg", alt: "Sales specialist"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106145.jpg",
|
||||
alt: "Quality assurance lead",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106145.jpg", alt: "Quality assurance lead"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-woman-white-blouse-beige-pants-sits-car-holds-boyfriend-hand-brunette-man-black-suit-eyeglasses-smiles-poses-near-airport_197531-27129.jpg",
|
||||
alt: "Customer relations manager",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-woman-white-blouse-beige-pants-sits-car-holds-boyfriend-hand-brunette-man-black-suit-eyeglasses-smiles-poses-near-airport_197531-27129.jpg", alt: "Customer relations manager"},
|
||||
]}
|
||||
avatarText="Our expert team is ready to guide you."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "15+ Years Experience",
|
||||
},
|
||||
type: "text", text: "15+ Years Experience"},
|
||||
{
|
||||
type: "text",
|
||||
text: "2000+ Vehicles Sold",
|
||||
},
|
||||
type: "text", text: "2000+ Vehicles Sold"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Performance",
|
||||
},
|
||||
type: "text", text: "Certified Performance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nationwide Delivery",
|
||||
},
|
||||
type: "text", text: "Nationwide Delivery"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Uncompromising Quality",
|
||||
},
|
||||
type: "text", text: "Uncompromising Quality"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,7 +89,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Precision in Every Detail"
|
||||
description="Velocity Auto combines decades of automotive passion with cutting-edge diagnostic technology. Our expert technicians ensure every vehicle meets our uncompromising standards of safety and performance."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-work-man-blue-uniform-black-hat-repairing-damaged-automobile_146671-16088.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-work-man-blue-uniform-black-hat-repairing-damaged-automobile_146671-16088.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -131,49 +100,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Diagnostics",
|
||||
description: "Cutting-edge tools for every model.",
|
||||
icon: Shield,
|
||||
title: "Expert Diagnostics", description: "Cutting-edge tools for every model.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/automated-car-assembly-line-plant-automotive-industry-shop-production-assembly-machines-bottom-view_645730-624.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/automated-car-assembly-line-plant-automotive-industry-shop-production-assembly-machines-bottom-view_645730-624.jpg", imageAlt: "car diagnostic software UI"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137456.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137456.jpg", imageAlt: "car diagnostic software UI"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-side-mirror-modern-white-car_181624-25206.jpg?_wi=2",
|
||||
imageAlt: "car diagnostic software UI",
|
||||
},
|
||||
{
|
||||
title: "Premium Comfort",
|
||||
description: "Materials crafted to perfection.",
|
||||
icon: Zap,
|
||||
title: "Premium Comfort", description: "Materials crafted to perfection.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-liquid-metal-with-copy-space_23-2148253612.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-liquid-metal-with-copy-space_23-2148253612.jpg", imageAlt: "premium car leather interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-black-car-s-modern-interior_181624-25418.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-black-car-s-modern-interior_181624-25418.jpg", imageAlt: "premium car leather interior"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-work-man-blue-uniform-black-hat-repairing-damaged-automobile_146671-16088.jpg?_wi=2",
|
||||
imageAlt: "car diagnostic software UI",
|
||||
},
|
||||
{
|
||||
title: "Key Innovation",
|
||||
description: "Seamless ownership experience.",
|
||||
icon: Star,
|
||||
title: "Key Innovation", description: "Seamless ownership experience.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-happy-father-day-key-with-car-gift-father-accessories-with-red-heart-mustache-vintage-bow-tie-present-hat-tree-rustic-white-wooden-background_1921-132.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-happy-father-day-key-with-car-gift-father-accessories-with-red-heart-mustache-vintage-bow-tie-present-hat-tree-rustic-white-wooden-background_1921-132.jpg", imageAlt: "luxury car keys on table"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-using-phone_1303-17807.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-using-phone_1303-17807.jpg", imageAlt: "luxury car keys on table"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-going-car_23-2148213540.jpg?_wi=1",
|
||||
imageAlt: "car diagnostic software UI",
|
||||
},
|
||||
]}
|
||||
title="Unmatched Excellence"
|
||||
@@ -189,47 +140,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Silver Sport Sedan",
|
||||
price: "$55,000",
|
||||
variant: "2024 Model",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-going-car_23-2148213540.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Silver Sport Sedan", price: "$55,000", variant: "2024 Model", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-going-car_23-2148213540.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Off-Road Explorer SUV",
|
||||
price: "$72,000",
|
||||
variant: "Premium Trim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-road-with-mountain-sunset_181624-10502.jpg",
|
||||
},
|
||||
id: "p2", name: "Off-Road Explorer SUV", price: "$72,000", variant: "Premium Trim", imageSrc: "http://img.b2bpic.net/free-photo/car-road-with-mountain-sunset_181624-10502.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Urban Hybrid City",
|
||||
price: "$38,000",
|
||||
variant: "Compact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-arab-man-wear-striped-shirt-sunglasses-pose-near-his-white-suv-car-stylish-arabian-men-transport_627829-4283.jpg",
|
||||
},
|
||||
id: "p3", name: "Urban Hybrid City", price: "$38,000", variant: "Compact", imageSrc: "http://img.b2bpic.net/free-photo/successful-arab-man-wear-striped-shirt-sunglasses-pose-near-his-white-suv-car-stylish-arabian-men-transport_627829-4283.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Electric Luxury Coupe",
|
||||
price: "$89,000",
|
||||
variant: "EV Edition",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-evening-dress-posing-holding-champaign-glass_176420-3753.jpg",
|
||||
},
|
||||
id: "p4", name: "Electric Luxury Coupe", price: "$89,000", variant: "EV Edition", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-evening-dress-posing-holding-champaign-glass_176420-3753.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Midnight Muscle",
|
||||
price: "$65,000",
|
||||
variant: "V8 Power",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9302.jpg",
|
||||
},
|
||||
id: "p5", name: "Midnight Muscle", price: "$65,000", variant: "V8 Power", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9302.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Coastal Cabriolet",
|
||||
price: "$78,000",
|
||||
variant: "Convertible",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-impressionable-girl-with-hand-raised-posing-red-convertible-car-amazing-palms-sky-sunny-california-her-holidays_273443-2494.jpg",
|
||||
},
|
||||
id: "p6", name: "Coastal Cabriolet", price: "$78,000", variant: "Convertible", imageSrc: "http://img.b2bpic.net/free-photo/happy-impressionable-girl-with-hand-raised-posing-red-convertible-car-amazing-palms-sky-sunny-california-her-holidays_273443-2494.jpg"},
|
||||
]}
|
||||
title="Our Latest Collection"
|
||||
description="Explore the range of high-performance models currently available."
|
||||
@@ -240,33 +161,19 @@ export default function LandingPage() {
|
||||
<MetricCardSeven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="depth-3d"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Serving local clients",
|
||||
"Proven reputation",
|
||||
],
|
||||
id: "m1", value: "15+", title: "Years Experience", items: [
|
||||
"Serving local clients", "Proven reputation"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2000+",
|
||||
title: "Cars Sold",
|
||||
items: [
|
||||
"Trusted transactions",
|
||||
"Quality assured",
|
||||
],
|
||||
id: "m2", value: "2000+", title: "Cars Sold", items: [
|
||||
"Trusted transactions", "Quality assured"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Satisfaction Rate",
|
||||
items: [
|
||||
"Happy returning drivers",
|
||||
"Exceptional support",
|
||||
],
|
||||
id: "m3", value: "99%", title: "Satisfaction Rate", items: [
|
||||
"Happy returning drivers", "Exceptional support"],
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
@@ -281,40 +188,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mark Stevens",
|
||||
handle: "@mark_s",
|
||||
testimonial: "The best buying experience I've ever had. Truly professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-car-dealership-with-seller_23-2149106200.jpg",
|
||||
},
|
||||
id: "t1", name: "Mark Stevens", handle: "@mark_s", testimonial: "The best buying experience I've ever had. Truly professional.", imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-car-dealership-with-seller_23-2149106200.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena Ross",
|
||||
handle: "@elena_r",
|
||||
testimonial: "My new SUV is perfect. The team at Velocity was incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-walking-park_839833-17426.jpg",
|
||||
},
|
||||
id: "t2", name: "Elena Ross", handle: "@elena_r", testimonial: "My new SUV is perfect. The team at Velocity was incredible.", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-walking-park_839833-17426.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jane Doe",
|
||||
handle: "@jane_d",
|
||||
testimonial: "Seamless from start to finish. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-with-glasses_23-2148415937.jpg",
|
||||
},
|
||||
id: "t3", name: "Jane Doe", handle: "@jane_d", testimonial: "Seamless from start to finish. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-with-glasses_23-2148415937.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Robert King",
|
||||
handle: "@r_king",
|
||||
testimonial: "Knowledgeable and very patient with all my questions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-3256.jpg",
|
||||
},
|
||||
id: "t4", name: "Robert King", handle: "@r_king", testimonial: "Knowledgeable and very patient with all my questions.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-3256.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chris Wu",
|
||||
handle: "@c_wu",
|
||||
testimonial: "Efficient service and excellent vehicle condition.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-keeping-hands-hip-oversized-shirt-looking-pretty-front-view_176474-106754.jpg",
|
||||
},
|
||||
id: "t5", name: "Chris Wu", handle: "@c_wu", testimonial: "Efficient service and excellent vehicle condition.", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-keeping-hands-hip-oversized-shirt-looking-pretty-front-view_176474-106754.jpg"},
|
||||
]}
|
||||
title="What Our Drivers Say"
|
||||
description="Hear from those who chose the Velocity Auto experience."
|
||||
@@ -325,16 +207,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Ready to Drive Away?"
|
||||
description="Visit our showroom today or book a test drive with our expert team."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -344,42 +223,27 @@ export default function LandingPage() {
|
||||
logoText="Velocity Auto"
|
||||
columns={[
|
||||
{
|
||||
title: "Dealer",
|
||||
items: [
|
||||
title: "Dealer", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
label: "Inventory", href: "#inventory"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user