Merge version_1 into main #2
316
src/app/page.tsx
316
src/app/page.tsx
@@ -34,27 +34,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "inventory",
|
||||
},
|
||||
name: "Inventory", id: "inventory"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Elite Auto"
|
||||
button={{
|
||||
text: "View Inventory",
|
||||
href: "#inventory",
|
||||
}}
|
||||
text: "View Inventory", href: "#inventory"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -64,39 +54,17 @@ export default function LandingPage() {
|
||||
description="Experience unparalleled precision and luxury with our hand-picked selection of premium automobiles."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
text: "Explore Inventory", href: "#inventory"},
|
||||
{
|
||||
text: "Book Test Drive",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Test Drive", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-car-night_1303-17030.jpg?_wi=1",
|
||||
imageAlt: "Sunset drive",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-part-grey-car_181624-33069.jpg?_wi=1",
|
||||
imageAlt: "Headlamp detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-style-concept-bearded-male-sunglasses-dressed-brown-leather-jacket-driving-retro-car_613910-20460.jpg",
|
||||
imageAlt: "Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-gray-car-driving-down-road-with-long-exposure_181624-59645.jpg",
|
||||
imageAlt: "City sedan",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-electric-car-charging-station_23-2148972419.jpg",
|
||||
imageAlt: "Charging station",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362800.jpg",
|
||||
imageAlt: "Modern SUV",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-car-night_1303-17030.jpg", imageAlt: "Sunset drive" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-part-grey-car_181624-33069.jpg", imageAlt: "Headlamp detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/country-style-concept-bearded-male-sunglasses-dressed-brown-leather-jacket-driving-retro-car_613910-20460.jpg", imageAlt: "Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-gray-car-driving-down-road-with-long-exposure_181624-59645.jpg", imageAlt: "City sedan" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-electric-car-charging-station_23-2148972419.jpg", imageAlt: "Charging station" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362800.jpg", imageAlt: "Modern SUV" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,9 +74,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Trust"
|
||||
description={[
|
||||
"Founded on integrity, Elite Drive has been the standard-bearer for premium car sales for over 20 years.",
|
||||
"We ensure every vehicle meets our rigorous quality benchmarks so you can drive with absolute confidence.",
|
||||
]}
|
||||
"Founded on integrity, Elite Drive has been the standard-bearer for premium car sales for over 20 years.", "We ensure every vehicle meets our rigorous quality benchmarks so you can drive with absolute confidence."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -119,28 +85,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Financing",
|
||||
description: "Seamless financing options tailored to your budget.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: DollarSign,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-old-man-car-salon_1157-31895.jpg",
|
||||
imageAlt: "car manager dealership showroom",
|
||||
title: "Financing", description: "Seamless financing options tailored to your budget.", bentoComponent: "reveal-icon", icon: DollarSign,
|
||||
},
|
||||
{
|
||||
title: "Maintenance",
|
||||
description: "Complimentary service for the first two years.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wrench,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-car-night_1303-17030.jpg?_wi=2",
|
||||
imageAlt: "car manager dealership showroom",
|
||||
title: "Maintenance", description: "Complimentary service for the first two years.", bentoComponent: "reveal-icon", icon: Wrench,
|
||||
},
|
||||
{
|
||||
title: "Warranty",
|
||||
description: "Extended coverage for total peace of mind.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-part-grey-car_181624-33069.jpg?_wi=2",
|
||||
imageAlt: "car manager dealership showroom",
|
||||
title: "Warranty", description: "Extended coverage for total peace of mind.", bentoComponent: "reveal-icon", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -155,42 +106,12 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Sedan Executive",
|
||||
price: "$45,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106173.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Sport SUV",
|
||||
price: "$62,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-with-toy-car_1187-2215.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Coupe Perform",
|
||||
price: "$85,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-headlight-white-luxury-car-lights-against-grey-background_181624-25222.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "City Hatch",
|
||||
price: "$28,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-driving-while-another-man-is-sitting-car-roof-with-blackboard_1194-1187.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hybrid Estate",
|
||||
price: "$39,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-roof-car-with-megaphone_1194-1195.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cabriolet",
|
||||
price: "$72,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-white-car_181624-22534.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Sedan Executive", price: "$45,000", imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106173.jpg" },
|
||||
{ id: "p2", name: "Sport SUV", price: "$62,000", imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-with-toy-car_1187-2215.jpg" },
|
||||
{ id: "p3", name: "Coupe Perform", price: "$85,000", imageSrc: "http://img.b2bpic.net/free-photo/closeup-headlight-white-luxury-car-lights-against-grey-background_181624-25222.jpg" },
|
||||
{ id: "p4", name: "City Hatch", price: "$28,000", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-driving-while-another-man-is-sitting-car-roof-with-blackboard_1194-1187.jpg" },
|
||||
{ id: "p5", name: "Hybrid Estate", price: "$39,000", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-roof-car-with-megaphone_1194-1195.jpg" },
|
||||
{ id: "p6", name: "Cabriolet", price: "$72,000", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-white-car_181624-22534.jpg" },
|
||||
]}
|
||||
title="Our Inventory"
|
||||
description="Explore our curated collection of pre-owned and new premium vehicles."
|
||||
@@ -204,55 +125,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "plan1",
|
||||
badge: "Essential",
|
||||
price: "$299",
|
||||
subtitle: "Annual Maintenance",
|
||||
features: [
|
||||
"Basic oil change",
|
||||
"Tire rotation",
|
||||
"Engine check",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "plan1", badge: "Essential", price: "$299", subtitle: "Annual Maintenance", features: ["Basic oil change", "Tire rotation", "Engine check"],
|
||||
buttons: [{ text: "Select", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "plan2",
|
||||
badge: "Premium",
|
||||
price: "$599",
|
||||
subtitle: "Comprehensive Care",
|
||||
features: [
|
||||
"Full servicing",
|
||||
"Priority support",
|
||||
"Loaner vehicle",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "plan2", badge: "Premium", price: "$599", subtitle: "Comprehensive Care", features: ["Full servicing", "Priority support", "Loaner vehicle"],
|
||||
buttons: [{ text: "Select", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "plan3",
|
||||
badge: "Elite",
|
||||
price: "$999",
|
||||
subtitle: "Full Coverage",
|
||||
features: [
|
||||
"All services included",
|
||||
"Unlimited support",
|
||||
"24/7 Roadside",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "plan3", badge: "Elite", price: "$999", subtitle: "Full Coverage", features: ["All services included", "Unlimited support", "24/7 Roadside"],
|
||||
buttons: [{ text: "Select", href: "#contact" }],
|
||||
},
|
||||
]}
|
||||
title="Service Plans"
|
||||
@@ -266,30 +148,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
title: "Cars Sold",
|
||||
items: [
|
||||
"Across the region",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Unmatched expertise",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Client Retention",
|
||||
items: [
|
||||
"Trusted by families",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "1500+", title: "Cars Sold", items: ["Across the region"] },
|
||||
{ id: "m2", value: "20", title: "Years Experience", items: ["Unmatched expertise"] },
|
||||
{ id: "m3", value: "99%", title: "Client Retention", items: ["Trusted by families"] },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Driven by results, dedicated to the road."
|
||||
@@ -302,46 +163,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivers",
|
||||
handle: "@arivers",
|
||||
testimonial: "Exceptional service and transparent pricing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-man-working-indoors_23-2148465236.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Found my dream car within an hour.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jlee",
|
||||
testimonial: "Very professional and helpful staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Evans",
|
||||
handle: "@mevans",
|
||||
testimonial: "The best dealership in town, hands down.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-pointing-himself-with-his-thumbs_1187-3186.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe Smith",
|
||||
handle: "@csmith",
|
||||
testimonial: "Smooth process from start to finish.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-white-shirt_23-2148095747.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex Rivers", handle: "@arivers", testimonial: "Exceptional service and transparent pricing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mature-man-working-indoors_23-2148465236.jpg" },
|
||||
{ id: "t2", name: "Sarah Miller", handle: "@smiller", testimonial: "Found my dream car within an hour.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg" },
|
||||
{ id: "t3", name: "Jessica Lee", handle: "@jlee", testimonial: "Very professional and helpful staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg" },
|
||||
{ id: "t4", name: "Mark Evans", handle: "@mevans", testimonial: "The best dealership in town, hands down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-pointing-himself-with-his-thumbs_1187-3186.jpg" },
|
||||
{ id: "t5", name: "Chloe Smith", handle: "@csmith", testimonial: "Smooth process from start to finish.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-white-shirt_23-2148095747.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Reviews"
|
||||
@@ -354,21 +180,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer trade-ins?",
|
||||
content: "Yes, we offer competitive valuation for trade-ins.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I test drive any car?",
|
||||
content: "Absolutely, just bring your driver's license.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long is the warranty?",
|
||||
content: "It depends on the plan chosen, typically 12-24 months.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer trade-ins?", content: "Yes, we offer competitive valuation for trade-ins." },
|
||||
{ id: "q2", title: "Can I test drive any car?", content: "Absolutely, just bring your driver's license." },
|
||||
{ id: "q3", title: "How long is the warranty?", content: "It depends on the plan chosen, typically 12-24 months." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-customers-car-showroom-browsing-automobiles-catalog_482257-124583.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -381,60 +195,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to Drive?"
|
||||
description="Get in touch today to schedule your visit or test drive."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ items: [{ label: "Services", href: "#pricing" }, { label: "FAQs", href: "#faq" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="ELITE DRIVE"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user