Update src/app/page.tsx
This commit is contained in:
269
src/app/page.tsx
269
src/app/page.tsx
@@ -33,31 +33,19 @@ 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: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Elite Auto Agency"
|
||||
button={{
|
||||
text: "View Inventory",
|
||||
href: "#inventory",
|
||||
}}
|
||||
text: "View Inventory", href: "#inventory"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -67,73 +55,39 @@ export default function LandingPage() {
|
||||
description="Experience premium service and the largest selection of quality automobiles in the region. Find your dream car with confidence."
|
||||
testimonials={[
|
||||
{
|
||||
name: "James R.",
|
||||
handle: "@jamesr",
|
||||
testimonial: "Exceptional service from start to finish. Found my dream SUV in hours.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-business-person-car-dealership_23-2149117176.jpg",
|
||||
},
|
||||
name: "James R.", handle: "@jamesr", testimonial: "Exceptional service from start to finish. Found my dream SUV in hours.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-business-person-car-dealership_23-2149117176.jpg"},
|
||||
{
|
||||
name: "Sarah L.",
|
||||
handle: "@sarahl",
|
||||
testimonial: "Transparent pricing and great support. Highly recommend this team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-mid-adult-salesman_329181-20700.jpg",
|
||||
},
|
||||
name: "Sarah L.", handle: "@sarahl", testimonial: "Transparent pricing and great support. Highly recommend this team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-mid-adult-salesman_329181-20700.jpg"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "The best selection of sports cars in town, truly premium experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/he-is-confident-small-business-owner_637285-9324.jpg",
|
||||
},
|
||||
name: "Mark D.", handle: "@markd", testimonial: "The best selection of sports cars in town, truly premium experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/he-is-confident-small-business-owner_637285-9324.jpg"},
|
||||
{
|
||||
name: "Lisa K.",
|
||||
handle: "@lisak",
|
||||
testimonial: "Quick and transparent financing, I drove off in my new sedan the same day.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-is-buyer-standing-new-car-dealer-center-looking-camera_146671-14725.jpg",
|
||||
},
|
||||
name: "Lisa K.", handle: "@lisak", testimonial: "Quick and transparent financing, I drove off in my new sedan the same day.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-is-buyer-standing-new-car-dealer-center-looking-camera_146671-14725.jpg"},
|
||||
{
|
||||
name: "Alan S.",
|
||||
handle: "@alans",
|
||||
testimonial: "Expert team that really knows their inventory. Very satisfied.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muslim-couple-traveling-together_23-2149305596.jpg",
|
||||
},
|
||||
name: "Alan S.", handle: "@alans", testimonial: "Expert team that really knows their inventory. Very satisfied.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muslim-couple-traveling-together_23-2149305596.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
text: "Browse Inventory", href: "#inventory"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-empty-bridge-night-time_181624-29222.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-empty-bridge-night-time_181624-29222.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-male-taxi-driver-costume_23-2149204586.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-male-taxi-driver-costume_23-2149204586.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-looking-away-medium-shot_23-2148266222.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-looking-away-medium-shot_23-2148266222.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sales-man-car-showroom-selling-car_1303-16348.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/sales-man-car-showroom-selling-car_1303-16348.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-woman-looking-away-medium-shot_23-2148266204.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-woman-looking-away-medium-shot_23-2148266204.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-31957.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-31957.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ happy drivers"
|
||||
/>
|
||||
@@ -147,19 +101,13 @@ export default function LandingPage() {
|
||||
description="We are committed to providing transparency, quality, and an unforgettable car buying experience. Our experts ensure every vehicle meets our rigorous standards."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "No hidden fees, ever.",
|
||||
},
|
||||
title: "Transparent Pricing", description: "No hidden fees, ever."},
|
||||
{
|
||||
title: "Rigorous Inspections",
|
||||
description: "Every car is inspected.",
|
||||
},
|
||||
title: "Rigorous Inspections", description: "Every car is inspected."},
|
||||
{
|
||||
title: "Customer First",
|
||||
description: "Support throughout the life.",
|
||||
},
|
||||
title: "Customer First", description: "Support throughout the life."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434339.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434339.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -171,28 +119,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Digital Financing",
|
||||
description: "Apply for loans in minutes online.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traffic-tunnel_1359-593.jpg",
|
||||
imageAlt: "Traffic in a tunnel",
|
||||
title: "Digital Financing", description: "Apply for loans in minutes online.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Home Delivery",
|
||||
description: "We deliver your car to your door.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Truck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-empty-bridge-night-time_181624-29222.jpg?_wi=2",
|
||||
imageAlt: "Traffic in a tunnel",
|
||||
title: "Home Delivery", description: "We deliver your car to your door.", bentoComponent: "reveal-icon", icon: Truck,
|
||||
},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "Our team is here to assist.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Phone,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434339.jpg?_wi=2",
|
||||
imageAlt: "Traffic in a tunnel",
|
||||
title: "24/7 Support", description: "Our team is here to assist.", bentoComponent: "reveal-icon", icon: Phone,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
@@ -208,41 +141,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Luxury Sports Sedan",
|
||||
price: "$45,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-casino-architecture_23-2150926645.jpg",
|
||||
},
|
||||
id: "1", name: "Luxury Sports Sedan", price: "$45,000", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-casino-architecture_23-2150926645.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Premium Family SUV",
|
||||
price: "$38,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-silver-sport-sedan-with-red-lights_114579-4050.jpg",
|
||||
},
|
||||
id: "2", name: "Premium Family SUV", price: "$38,500", imageSrc: "http://img.b2bpic.net/free-photo/back-view-silver-sport-sedan-with-red-lights_114579-4050.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Compact City Car",
|
||||
price: "$22,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-car-salon_1157-20897.jpg",
|
||||
},
|
||||
id: "3", name: "Compact City Car", price: "$22,000", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-car-salon_1157-20897.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Hybrid Executive",
|
||||
price: "$52,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-four-wheeled-vehicle-mobility-fast-travel_23-2151016454.jpg",
|
||||
},
|
||||
id: "4", name: "Hybrid Executive", price: "$52,000", imageSrc: "http://img.b2bpic.net/free-photo/view-four-wheeled-vehicle-mobility-fast-travel_23-2151016454.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Luxury Electric",
|
||||
price: "$65,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-floor-with-modern-skyline-buildings-night-shanghai_1127-3164.jpg",
|
||||
},
|
||||
id: "5", name: "Luxury Electric", price: "$65,000", imageSrc: "http://img.b2bpic.net/free-photo/empty-floor-with-modern-skyline-buildings-night-shanghai_1127-3164.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Sport Convertible",
|
||||
price: "$78,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-grey-car-standing-bridge_114579-4084.jpg",
|
||||
},
|
||||
id: "6", name: "Sport Convertible", price: "$78,000", imageSrc: "http://img.b2bpic.net/free-photo/back-view-grey-car-standing-bridge_114579-4084.jpg"},
|
||||
]}
|
||||
title="Premium Inventory"
|
||||
description="Explore our curated selection of high-quality vehicles."
|
||||
@@ -256,47 +165,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark D.",
|
||||
role: "Collector",
|
||||
testimonial: "Best agency in the city.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-car-showroom-selling-cars_1303-25484.jpg",
|
||||
},
|
||||
id: "1", name: "Mark D.", role: "Collector", testimonial: "Best agency in the city.", imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-car-showroom-selling-cars_1303-25484.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Lisa K.",
|
||||
role: "Professional",
|
||||
testimonial: "Seamless and quick experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone_1303-23561.jpg",
|
||||
},
|
||||
id: "2", name: "Lisa K.", role: "Professional", testimonial: "Seamless and quick experience.", imageSrc: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone_1303-23561.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alan S.",
|
||||
role: "Enthusiast",
|
||||
testimonial: "Quality cars, honest advice.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-showroom-looking-new-vehicle-purchase-lease_482257-108214.jpg",
|
||||
},
|
||||
id: "3", name: "Alan S.", role: "Enthusiast", testimonial: "Quality cars, honest advice.", imageSrc: "http://img.b2bpic.net/free-photo/customer-showroom-looking-new-vehicle-purchase-lease_482257-108214.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jessica B.",
|
||||
role: "Mom",
|
||||
testimonial: "Very helpful staff throughout.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-choosing-car-talking-with-salesperson_1303-25579.jpg",
|
||||
},
|
||||
id: "4", name: "Jessica B.", role: "Mom", testimonial: "Very helpful staff throughout.", imageSrc: "http://img.b2bpic.net/free-photo/man-choosing-car-talking-with-salesperson_1303-25579.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom W.",
|
||||
role: "Executive",
|
||||
testimonial: "Found exactly what I needed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rich-indian-diplomat-businessman-formal-wear-standing-against-business-suv-car_627829-766.jpg",
|
||||
},
|
||||
id: "5", name: "Tom W.", role: "Executive", testimonial: "Found exactly what I needed.", imageSrc: "http://img.b2bpic.net/free-photo/rich-indian-diplomat-businessman-formal-wear-standing-against-business-suv-car_627829-766.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Susan P.",
|
||||
role: "Creative",
|
||||
testimonial: "I love my new vehicle!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-small-bell_1187-3252.jpg",
|
||||
},
|
||||
id: "6", name: "Susan P.", role: "Creative", testimonial: "I love my new vehicle!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-small-bell_1187-3252.jpg"},
|
||||
]}
|
||||
title="Trusted by Drivers"
|
||||
description="See why our customers keep coming back."
|
||||
@@ -311,25 +190,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10K+",
|
||||
title: "Cars Sold",
|
||||
description: "Serving families and pros.",
|
||||
icon: Award,
|
||||
id: "m1", value: "10K+", title: "Cars Sold", description: "Serving families and pros.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20",
|
||||
title: "Years Experience",
|
||||
description: "Expertise you can trust.",
|
||||
icon: Clock,
|
||||
id: "m2", value: "20", title: "Years Experience", description: "Expertise you can trust.", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
title: "Average Rating",
|
||||
description: "Based on 1k reviews.",
|
||||
icon: Star,
|
||||
id: "m3", value: "4.9/5", title: "Average Rating", description: "Based on 1k reviews.", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Proven Results"
|
||||
@@ -342,20 +209,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer trade-ins?",
|
||||
content: "Yes, we accept trade-ins for all vehicles.",
|
||||
},
|
||||
id: "f1", title: "Do you offer trade-ins?", content: "Yes, we accept trade-ins for all vehicles."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the warranty policy?",
|
||||
content: "Every certified pre-owned car has a 2-year warranty.",
|
||||
},
|
||||
id: "f2", title: "What is the warranty policy?", content: "Every certified pre-owned car has a 2-year warranty."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long does financing take?",
|
||||
content: "Usually, you get approved within 1 hour.",
|
||||
},
|
||||
id: "f3", title: "How long does financing take?", content: "Usually, you get approved within 1 hour."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about us."
|
||||
@@ -367,14 +225,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
text="Ready to hit the road? Visit our dealership or call us for a consultation today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+123456789",
|
||||
},
|
||||
text: "Call Now", href: "tel:+123456789"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -384,29 +239,19 @@ export default function LandingPage() {
|
||||
logoText="Elite Auto"
|
||||
columns={[
|
||||
{
|
||||
title: "Inventory",
|
||||
items: [
|
||||
title: "Inventory", items: [
|
||||
{
|
||||
label: "Sports Cars",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sports Cars", href: "#"},
|
||||
{
|
||||
label: "SUVs",
|
||||
href: "#",
|
||||
},
|
||||
label: "SUVs", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user