Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a95271eec2 | |||
| 268f00fd50 | |||
| 67e720607e | |||
| 4931240831 |
220
src/app/page.tsx
220
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "products",
|
||||
},
|
||||
name: "Inventory", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AutoDrive"
|
||||
/>
|
||||
@@ -55,15 +47,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Drive Your Future Today"
|
||||
description="Explore our premium selection of certified vehicles. Find the car that fits your lifestyle with easy financing and reliable service."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Inventory",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Browse Inventory", href: "#products"},
|
||||
{
|
||||
text: "Contact an Expert", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-headlight_23-2147932067.jpg"
|
||||
imageAlt="luxury sports car front view"
|
||||
@@ -77,41 +68,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Expert Maintenance",
|
||||
author: "AutoDrive",
|
||||
description: "Our certified technicians ensure every vehicle is in peak performance condition.",
|
||||
tags: [
|
||||
"Reliable",
|
||||
"Service",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/black-white-car-repair-icons_1284-727.jpg",
|
||||
imageAlt: "automotive engine maintenance icon",
|
||||
},
|
||||
id: "f1", title: "Expert Maintenance", author: "AutoDrive", description: "Our certified technicians ensure every vehicle is in peak performance condition.", tags: [
|
||||
"Reliable", "Service"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/black-white-car-repair-icons_1284-727.jpg", imageAlt: "automotive engine maintenance icon"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Easy Financing",
|
||||
author: "AutoDrive",
|
||||
description: "Get pre-approved in minutes with our transparent and flexible loan options.",
|
||||
tags: [
|
||||
"Financial",
|
||||
"Speed",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/car-dealership-icons-set_98292-2217.jpg",
|
||||
imageAlt: "car financing contract icon",
|
||||
},
|
||||
id: "f2", title: "Easy Financing", author: "AutoDrive", description: "Get pre-approved in minutes with our transparent and flexible loan options.", tags: [
|
||||
"Financial", "Speed"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/car-dealership-icons-set_98292-2217.jpg", imageAlt: "car financing contract icon"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Fair Trade-Ins",
|
||||
author: "AutoDrive",
|
||||
description: "Get the best market value for your current vehicle with our quick appraisal process.",
|
||||
tags: [
|
||||
"Value",
|
||||
"Trust",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-car_23-2149571903.jpg",
|
||||
imageAlt: "car trade-in exchange concept",
|
||||
},
|
||||
id: "f3", title: "Fair Trade-Ins", author: "AutoDrive", description: "Get the best market value for your current vehicle with our quick appraisal process.", tags: [
|
||||
"Value", "Trust"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-car_23-2149571903.jpg", imageAlt: "car trade-in exchange concept"},
|
||||
]}
|
||||
title="Why Choose AutoDrive?"
|
||||
description="We are committed to providing top-tier vehicles and unparalleled service to our community."
|
||||
@@ -126,47 +93,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Elegant Sedan",
|
||||
price: "$24,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/modern-car-isolated_23-2151504423.jpg",
|
||||
imageAlt: "sedan car white background",
|
||||
},
|
||||
id: "p1", name: "Elegant Sedan", price: "$24,500", imageSrc: "http://img.b2bpic.net/free-psd/modern-car-isolated_23-2151504423.jpg", imageAlt: "sedan car white background"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Luxury SUV",
|
||||
price: "$42,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-driving-road_23-2148321884.jpg",
|
||||
imageAlt: "suv car side view",
|
||||
},
|
||||
id: "p2", name: "Luxury SUV", price: "$42,000", imageSrc: "http://img.b2bpic.net/free-photo/man-driving-road_23-2148321884.jpg", imageAlt: "suv car side view"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "City Hatchback",
|
||||
price: "$18,900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362792.jpg",
|
||||
imageAlt: "compact hatchback city car",
|
||||
},
|
||||
id: "p3", name: "City Hatchback", price: "$18,900", imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362792.jpg", imageAlt: "compact hatchback city car"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Sports Roadster",
|
||||
price: "$38,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/just-married-couple-with-their-car_23-2149479894.jpg",
|
||||
imageAlt: "convertible sports car front",
|
||||
},
|
||||
id: "p4", name: "Sports Roadster", price: "$38,000", imageSrc: "http://img.b2bpic.net/free-photo/just-married-couple-with-their-car_23-2149479894.jpg", imageAlt: "convertible sports car front"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Electric EV",
|
||||
price: "$45,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlights-modern-white-car_181624-22603.jpg",
|
||||
imageAlt: "electric sedan fast charging",
|
||||
},
|
||||
id: "p5", name: "Electric EV", price: "$45,000", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlights-modern-white-car_181624-22603.jpg", imageAlt: "electric sedan fast charging"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Utility Truck",
|
||||
price: "$32,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beautiful-rainbow-appearing-end-road_23-2151562973.jpg",
|
||||
imageAlt: "pickup truck rugged front",
|
||||
},
|
||||
id: "p6", name: "Utility Truck", price: "$32,500", imageSrc: "http://img.b2bpic.net/free-photo/view-beautiful-rainbow-appearing-end-road_23-2151562973.jpg", imageAlt: "pickup truck rugged front"},
|
||||
]}
|
||||
title="Featured Vehicles"
|
||||
description="Check out our newest arrivals in stock."
|
||||
@@ -195,50 +132,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Client",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg",
|
||||
imageAlt: "customer portrait smiling happy",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Client", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg", imageAlt: "customer portrait smiling happy"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Client",
|
||||
company: "City Dweller",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/he-is-confident-small-business-owner_637285-9324.jpg",
|
||||
imageAlt: "woman customer happy smile",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Client", company: "City Dweller", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/he-is-confident-small-business-owner_637285-9324.jpg", imageAlt: "woman customer happy smile"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Client",
|
||||
company: "Business Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-car-repairman-greeting-with-male-customer-auto-repair-shop_637285-2425.jpg",
|
||||
imageAlt: "young man confident portrait",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Client", company: "Business Owner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-car-repairman-greeting-with-male-customer-auto-repair-shop_637285-2425.jpg", imageAlt: "young man confident portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Client",
|
||||
company: "Family Man",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-driving-car-street_839833-34744.jpg",
|
||||
imageAlt: "woman business professional portrait",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Client", company: "Family Man", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-driving-car-street_839833-34744.jpg", imageAlt: "woman business professional portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Smith",
|
||||
role: "Client",
|
||||
company: "Tech Professional",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26306.jpg",
|
||||
imageAlt: "man senior professional portrait",
|
||||
},
|
||||
id: "5", name: "Anna Smith", role: "Client", company: "Tech Professional", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26306.jpg", imageAlt: "man senior professional portrait"},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="Hear from our happy customers."
|
||||
@@ -250,20 +157,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer test drives?",
|
||||
content: "Yes, we encourage all customers to take a test drive before making a decision.",
|
||||
},
|
||||
id: "q1", title: "Do you offer test drives?", content: "Yes, we encourage all customers to take a test drive before making a decision."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is financing available?",
|
||||
content: "Absolutely! We work with various banks to provide competitive financing rates.",
|
||||
},
|
||||
id: "q2", title: "Is financing available?", content: "Absolutely! We work with various banks to provide competitive financing rates."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are vehicles certified?",
|
||||
content: "All our pre-owned vehicles undergo a rigorous 150-point inspection process.",
|
||||
},
|
||||
id: "q3", title: "Are vehicles certified?", content: "All our pre-owned vehicles undergo a rigorous 150-point inspection process."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -274,11 +172,10 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Get in Touch Today"
|
||||
description="Have questions about our inventory or services? Drop us a message."
|
||||
title="Speak to a Specialist"
|
||||
description="Get a Free Appraisal for your trade-in or discuss your financing needs with our experts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -287,46 +184,29 @@ export default function LandingPage() {
|
||||
logoText="AutoDrive"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Inventory",
|
||||
items: [
|
||||
title: "Inventory", items: [
|
||||
{
|
||||
label: "Sedans",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Sedans", href: "#products"},
|
||||
{
|
||||
label: "SUVs",
|
||||
href: "#products",
|
||||
},
|
||||
label: "SUVs", href: "#products"},
|
||||
{
|
||||
label: "Trucks",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Trucks", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -335,4 +215,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user