Update src/app/page.tsx
This commit is contained in:
230
src/app/page.tsx
230
src/app/page.tsx
@@ -32,68 +32,43 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "inventory",
|
||||
},
|
||||
name: "Inventory", id: "inventory"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Elite Auto"
|
||||
button={{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Journey Starts Here"
|
||||
description="Experience excellence in automotive sales and service with our premium inventory and expert support teams."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
text: "Browse Inventory", href: "#inventory"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-car-showroom_1303-22855.jpg?_wi=1",
|
||||
imageAlt: "Showroom",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-car-showroom_1303-22855.jpg", imageAlt: "Showroom"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-suv-driving-city-street-urban-power-style_169016-69878.jpg?_wi=1",
|
||||
imageAlt: "SUV model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-suv-driving-city-street-urban-power-style_169016-69878.jpg", imageAlt: "SUV model"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-25346.jpg?_wi=1",
|
||||
imageAlt: "Sedan model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-25346.jpg", imageAlt: "Sedan model"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106170.jpg",
|
||||
imageAlt: "Happy customers in car dealership",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106170.jpg", imageAlt: "Happy customers in car dealership"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-interior-brown-black-colors_181624-31177.jpg",
|
||||
imageAlt: "Luxury car interior in brown and black colors",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-interior-brown-black-colors_181624-31177.jpg", imageAlt: "Luxury car interior in brown and black colors"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -106,49 +81,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Safety Guaranteed",
|
||||
description: "Every vehicle passes our rigorous safety inspection.",
|
||||
icon: Shield,
|
||||
title: "Safety Guaranteed", description: "Every vehicle passes our rigorous safety inspection.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-rooms-walls-with-lighting-effects-3d-rendering_23-2149210325.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-rooms-walls-with-lighting-effects-3d-rendering_23-2149210325.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-rear-light-new-dark-car_23-2147963020.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-rear-light-new-dark-car_23-2147963020.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-car-showroom_1303-22855.jpg?_wi=2",
|
||||
imageAlt: "luxury car dealership interior",
|
||||
},
|
||||
{
|
||||
title: "Expert Maintenance",
|
||||
description: "Full service support after every purchase.",
|
||||
icon: Wrench,
|
||||
title: "Expert Maintenance", description: "Full service support after every purchase.", icon: Wrench,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-hood-black-luxury-car_146671-19734.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-hood-black-luxury-car_146671-19734.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2367.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2367.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-suv-driving-city-street-urban-power-style_169016-69878.jpg?_wi=2",
|
||||
imageAlt: "luxury car dealership interior",
|
||||
},
|
||||
{
|
||||
title: "Financing Made Easy",
|
||||
description: "Flexible plans tailored to your specific budget.",
|
||||
icon: CreditCard,
|
||||
title: "Financing Made Easy", description: "Flexible plans tailored to your specific budget.", icon: CreditCard,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-handle-close-up-photo_1303-29462.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-handle-close-up-photo_1303-29462.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-new-car-available-selling_23-2148332890.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-new-car-available-selling_23-2148332890.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-25346.jpg?_wi=2",
|
||||
imageAlt: "luxury car dealership interior",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Elite Auto"
|
||||
@@ -164,41 +121,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Executive Sedan",
|
||||
price: "$45,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grey-coupe-rainy-highway-motion-focus_169016-69693.jpg",
|
||||
},
|
||||
id: "1", name: "Executive Sedan", price: "$45,000", imageSrc: "http://img.b2bpic.net/free-photo/grey-coupe-rainy-highway-motion-focus_169016-69693.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "City Hybrid",
|
||||
price: "$28,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-young-hipster-indian-man-fashionable-yellow-sweatshirt-cool-south-asian-guy-wear-hoodie-stand-porch-house-with-black-business-car_627829-4513.jpg",
|
||||
},
|
||||
id: "2", name: "City Hybrid", price: "$28,000", imageSrc: "http://img.b2bpic.net/free-photo/urban-young-hipster-indian-man-fashionable-yellow-sweatshirt-cool-south-asian-guy-wear-hoodie-stand-porch-house-with-black-business-car_627829-4513.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Family SUV",
|
||||
price: "$52,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-suv-autumn-road-car-with-headlights_169016-70231.jpg",
|
||||
},
|
||||
id: "3", name: "Family SUV", price: "$52,000", imageSrc: "http://img.b2bpic.net/free-photo/black-suv-autumn-road-car-with-headlights_169016-70231.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sport Coupe",
|
||||
price: "$68,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/just-married-scene-with-car_23-2149539995.jpg",
|
||||
},
|
||||
id: "4", name: "Sport Coupe", price: "$68,000", imageSrc: "http://img.b2bpic.net/free-photo/just-married-scene-with-car_23-2149539995.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Electric Future",
|
||||
price: "$75,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021155.jpg",
|
||||
},
|
||||
id: "5", name: "Electric Future", price: "$75,000", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021155.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Luxury Open Top",
|
||||
price: "$90,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-women-open-car-trunk_23-2148149969.jpg",
|
||||
},
|
||||
id: "6", name: "Luxury Open Top", price: "$90,000", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-women-open-car-trunk_23-2148149969.jpg"},
|
||||
]}
|
||||
title="Latest Inventory"
|
||||
description="Explore our curated collection of premium cars available for immediate drive-off."
|
||||
@@ -213,20 +146,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5,000+",
|
||||
description: "Cars Delivered",
|
||||
},
|
||||
id: "m1", value: "5,000+", description: "Cars Delivered"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
id: "m2", value: "20+", description: "Years Experience"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
description: "Regional Awards",
|
||||
},
|
||||
id: "m3", value: "12", description: "Regional Awards"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="We help thousands of drivers find their perfect match."
|
||||
@@ -239,45 +163,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great Experience",
|
||||
quote: "Seamless purchase from start to finish.",
|
||||
name: "John Doe",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-talking-sales-person-car-showroom_1303-15142.jpg",
|
||||
},
|
||||
id: "t1", title: "Great Experience", quote: "Seamless purchase from start to finish.", name: "John Doe", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-talking-sales-person-car-showroom_1303-15142.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Excellent Service",
|
||||
quote: "The service team is knowledgeable and kind.",
|
||||
name: "Jane Smith",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg",
|
||||
},
|
||||
id: "t2", title: "Excellent Service", quote: "The service team is knowledgeable and kind.", name: "Jane Smith", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Highly Recommend",
|
||||
quote: "Fair pricing and professional transparency.",
|
||||
name: "Bob Johnson",
|
||||
role: "Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-emotions-standing-front-car_1303-15199.jpg",
|
||||
},
|
||||
id: "t3", title: "Highly Recommend", quote: "Fair pricing and professional transparency.", name: "Bob Johnson", role: "Engineer", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-emotions-standing-front-car_1303-15199.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Quick Delivery",
|
||||
quote: "Had my new car delivered within 48 hours.",
|
||||
name: "Alice Brown",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-family-choosing-car-car-showroom_1303-15635.jpg",
|
||||
},
|
||||
id: "t4", title: "Quick Delivery", quote: "Had my new car delivered within 48 hours.", name: "Alice Brown", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/young-family-choosing-car-car-showroom_1303-15635.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Quality Assured",
|
||||
quote: "Car was in pristine condition upon arrival.",
|
||||
name: "Tom White",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg",
|
||||
},
|
||||
id: "t5", title: "Quality Assured", quote: "Car was in pristine condition upon arrival.", name: "Tom White", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from those who trust our expertise."
|
||||
@@ -290,20 +184,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer trade-ins?",
|
||||
content: "Yes, we provide competitive market-value trade-in quotes.",
|
||||
},
|
||||
id: "f1", title: "Do you offer trade-ins?", content: "Yes, we provide competitive market-value trade-in quotes."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What financing options exist?",
|
||||
content: "We work with multiple lenders to find you the best rate.",
|
||||
},
|
||||
id: "f2", title: "What financing options exist?", content: "We work with multiple lenders to find you the best rate."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is there a warranty?",
|
||||
content: "Every purchase includes our signature certified pre-owned warranty.",
|
||||
},
|
||||
id: "f3", title: "Is there a warranty?", content: "Every purchase includes our signature certified pre-owned warranty."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-mechanic-talking-phone-while-using-computer-auto-repair-shop_637285-9342.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -317,14 +202,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Ready to hit the road in a new car? Contact our sales team today to schedule your test drive."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@eliteauto.com",
|
||||
},
|
||||
text: "Contact Us Now", href: "mailto:hello@eliteauto.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -333,37 +215,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
label: "Inventory", href: "#inventory"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Warranty Info",
|
||||
href: "#",
|
||||
},
|
||||
label: "Warranty Info", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user