Merge version_1 into main #2
247
src/app/page.tsx
247
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "products",
|
||||
},
|
||||
name: "Inventory", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Velocity Auto"
|
||||
/>
|
||||
@@ -55,67 +47,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Precision Engineering for the Road Ahead."
|
||||
description="Discover our collection of premium vehicles, meticulously maintained and ready to deliver the performance you deserve."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Inventory",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Inventory", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-sedan-car-driving-bridge-road_114579-4023.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-sedan-car-driving-bridge-road_114579-4023.jpg"
|
||||
imageAlt="Luxury vehicle in showroom"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
alt: "Front view of cute girl looking away",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Front view of cute girl looking away"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
alt: "Woman smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "Woman smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg",
|
||||
alt: "Portrait of a happy young businessman looking at camera",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg", alt: "Portrait of a happy young businessman looking at camera"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
alt: "Smiling African American man posing at library",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "Smiling African American man posing at library"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-18994.jpg",
|
||||
alt: "Handsome businesman in a summer city",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-18994.jpg", alt: "Handsome businesman in a summer city"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance Driven",
|
||||
},
|
||||
type: "text", text: "Performance Driven"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Selection",
|
||||
},
|
||||
type: "text", text: "Luxury Selection"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Quality",
|
||||
},
|
||||
type: "text", text: "Certified Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Maintenance",
|
||||
},
|
||||
type: "text", text: "Expert Maintenance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lifetime Support",
|
||||
},
|
||||
type: "text", text: "Lifetime Support"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,9 +92,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Unmatched Automotive Excellence"
|
||||
description={[
|
||||
"We believe in transparency, performance, and trust. Our dedicated team of automotive experts ensures every vehicle meets the highest industry standards.",
|
||||
"From maintenance to selection, we prioritize your driving experience above everything else.",
|
||||
]}
|
||||
"We believe in transparency, performance, and trust. Our dedicated team of automotive experts ensures every vehicle meets the highest industry standards.", "From maintenance to selection, we prioritize your driving experience above everything else."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -139,47 +104,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Velocity Silver S",
|
||||
price: "$75,000",
|
||||
variant: "Sedan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-autumn-field_1157-28789.jpg",
|
||||
},
|
||||
id: "p1", name: "Velocity Silver S", price: "$75,000", variant: "Sedan", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-autumn-field_1157-28789.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Rugged Terrain X",
|
||||
price: "$88,000",
|
||||
variant: "SUV",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-car_23-2148332882.jpg",
|
||||
},
|
||||
id: "p2", name: "Rugged Terrain X", price: "$88,000", variant: "SUV", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-car_23-2148332882.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Velocity Blue Aero",
|
||||
price: "$92,000",
|
||||
variant: "Convertible",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138939.jpg",
|
||||
},
|
||||
id: "p3", name: "Velocity Blue Aero", price: "$92,000", variant: "Convertible", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138939.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Turbo Hatch Red",
|
||||
price: "$45,000",
|
||||
variant: "Hatchback",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-front-blue-modern-stylish-car_181624-11795.jpg",
|
||||
},
|
||||
id: "p4", name: "Turbo Hatch Red", price: "$45,000", variant: "Hatchback", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-front-blue-modern-stylish-car_181624-11795.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Pure Electric White",
|
||||
price: "$68,000",
|
||||
variant: "Electric",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-valet-standing-by-car_23-2149901396.jpg",
|
||||
},
|
||||
id: "p5", name: "Pure Electric White", price: "$68,000", variant: "Electric", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-valet-standing-by-car_23-2149901396.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "All-Terrain Crawler",
|
||||
price: "$52,000",
|
||||
variant: "Off-Road",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151482973.jpg",
|
||||
},
|
||||
id: "p6", name: "All-Terrain Crawler", price: "$52,000", variant: "Off-Road", imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151482973.jpg"},
|
||||
]}
|
||||
title="Our Premium Selection"
|
||||
description="Explore our curated inventory of vehicles designed for luxury, performance, and reliability."
|
||||
@@ -193,34 +128,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Expertise",
|
||||
"Reliability",
|
||||
"Service",
|
||||
],
|
||||
id: "m1", value: "15+", title: "Years Experience", items: [
|
||||
"Expertise", "Reliability", "Service"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Vehicles Delivered",
|
||||
items: [
|
||||
"Happy Clients",
|
||||
"Quality Checks",
|
||||
"Speed",
|
||||
],
|
||||
id: "m2", value: "500+", title: "Vehicles Delivered", items: [
|
||||
"Happy Clients", "Quality Checks", "Speed"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Client Retention",
|
||||
items: [
|
||||
"Trust",
|
||||
"Consistency",
|
||||
"Support",
|
||||
],
|
||||
id: "m3", value: "99%", title: "Client Retention", items: [
|
||||
"Trust", "Consistency", "Support"],
|
||||
},
|
||||
]}
|
||||
title="Performance at a Glance"
|
||||
@@ -235,33 +152,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Sales & Support",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Sales & Support", members: [
|
||||
{
|
||||
id: "t1",
|
||||
title: "Alex Rivers",
|
||||
subtitle: "Sales Director",
|
||||
detail: "15 years in luxury sales.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
|
||||
},
|
||||
id: "t1", title: "Alex Rivers", subtitle: "Sales Director", detail: "15 years in luxury sales.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Jordan Smith",
|
||||
subtitle: "Technical Expert",
|
||||
detail: "Master certified technician.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6769.jpg",
|
||||
},
|
||||
id: "t2", title: "Jordan Smith", subtitle: "Technical Expert", detail: "Master certified technician.", imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6769.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Morgan Lee",
|
||||
subtitle: "Customer Success",
|
||||
detail: "Prioritizing your journey.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
|
||||
},
|
||||
id: "t3", title: "Morgan Lee", subtitle: "Customer Success", detail: "Prioritizing your journey.", imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-car-driving-bridge-road_114579-4023.jpg?_wi=2",
|
||||
imageAlt: "business person professional headshot",
|
||||
},
|
||||
]}
|
||||
title="Meet Our Automotive Experts"
|
||||
@@ -277,45 +175,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-outdoors-sunset-crossed-arms_158538-20634.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-outdoors-sunset-crossed-arms_158538-20634.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-smiling_23-2148729669.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Manager", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-smiling_23-2148729669.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Helen Wu",
|
||||
role: "Founder",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg",
|
||||
},
|
||||
id: "5", name: "Helen Wu", role: "Founder", company: "DesignCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by hundreds of automotive enthusiasts for premium service."
|
||||
@@ -328,20 +201,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we partner with multiple institutions to provide flexible financing options.",
|
||||
},
|
||||
id: "f1", title: "Do you offer financing?", content: "Yes, we partner with multiple institutions to provide flexible financing options."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is warranty included?",
|
||||
content: "All our certified vehicles come with a comprehensive 12-month warranty.",
|
||||
},
|
||||
id: "f2", title: "Is warranty included?", content: "All our certified vehicles come with a comprehensive 12-month warranty."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I test drive?",
|
||||
content: "Absolutely. You can schedule a test drive online or by visiting our showroom.",
|
||||
},
|
||||
id: "f3", title: "Can I test drive?", content: "Absolutely. You can schedule a test drive online or by visiting our showroom."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We've got answers about your next vehicle."
|
||||
@@ -353,14 +217,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to get behind the wheel? Contact our professional team today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -369,13 +230,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Velocity Auto"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user