Merge version_2 into main #2
316
src/app/page.tsx
316
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Vehicles",
|
||||
id: "catalog",
|
||||
},
|
||||
name: "Vehicles", id: "catalog"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AutoDrive"
|
||||
/>
|
||||
@@ -55,82 +47,43 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Drive Your Next Adventure"
|
||||
description="Premium car rentals at your fingertips. Choose from our wide selection and enjoy transparent daily pricing for your next journey."
|
||||
title="Drive Your Next Adventure in Lusaka"
|
||||
description="Premium car rentals in Northmead, Lusaka. Choose from our wide selection and enjoy transparent daily pricing for your next journey."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Smith",
|
||||
handle: "@johns",
|
||||
testimonial: "Excellent service and pristine cars!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19794.jpg?_wi=1",
|
||||
imageAlt: "luxury rental car exterior",
|
||||
},
|
||||
name: "John Smith", handle: "@johns", testimonial: "Excellent service and pristine cars!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19794.jpg?_wi=1", imageAlt: "luxury rental car exterior"},
|
||||
{
|
||||
name: "Anna Doe",
|
||||
handle: "@anna",
|
||||
testimonial: "The best rental experience I've had.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-paperwork-auto-repair-shop-looking-camera_637285-11547.jpg?_wi=1",
|
||||
imageAlt: "luxury rental car exterior",
|
||||
},
|
||||
name: "Anna Doe", handle: "@anna", testimonial: "The best rental experience I've had.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-paperwork-auto-repair-shop-looking-camera_637285-11547.jpg?_wi=1", imageAlt: "luxury rental car exterior"},
|
||||
{
|
||||
name: "Mark Roberts",
|
||||
handle: "@mroberts",
|
||||
testimonial: "Seamless booking and great cars.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moving-car-interior-tech-dashboard-driving-forest-road_169016-68728.jpg?_wi=1",
|
||||
imageAlt: "luxury rental car exterior",
|
||||
},
|
||||
name: "Mark Roberts", handle: "@mroberts", testimonial: "Seamless booking and great cars.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moving-car-interior-tech-dashboard-driving-forest-road_169016-68728.jpg?_wi=1", imageAlt: "luxury rental car exterior"},
|
||||
{
|
||||
name: "Sarah Lee",
|
||||
handle: "@slee",
|
||||
testimonial: "Top tier service every single time.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/competition-upset-company-computer-graphic-technology_1134-1099.jpg?_wi=1",
|
||||
imageAlt: "luxury rental car exterior",
|
||||
},
|
||||
name: "Sarah Lee", handle: "@slee", testimonial: "Top tier service every single time.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/competition-upset-company-computer-graphic-technology_1134-1099.jpg?_wi=1", imageAlt: "luxury rental car exterior"},
|
||||
{
|
||||
name: "David Miller",
|
||||
handle: "@dmiller",
|
||||
testimonial: "Efficient, fast, and friendly staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-traveling-by-car-go-vacation_329181-12219.jpg?_wi=1",
|
||||
imageAlt: "luxury rental car exterior",
|
||||
},
|
||||
name: "David Miller", handle: "@dmiller", testimonial: "Efficient, fast, and friendly staff.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-traveling-by-car-go-vacation_329181-12219.jpg?_wi=1", imageAlt: "luxury rental car exterior"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#catalog",
|
||||
},
|
||||
text: "Book Now", href: "#catalog"},
|
||||
{
|
||||
text: "View Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "View Pricing", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19794.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-expensive-cars_1203-829.jpg",
|
||||
alt: "Customer avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-expensive-cars_1203-829.jpg", alt: "Customer avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106169.jpg",
|
||||
alt: "Customer avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106169.jpg", alt: "Customer avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-making-desicion-buy-car_1303-13859.jpg",
|
||||
alt: "Customer avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-making-desicion-buy-car_1303-13859.jpg", alt: "Customer avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-looking-car-car-showroom_1303-15196.jpg",
|
||||
alt: "Customer avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-looking-car-car-showroom_1303-15196.jpg", alt: "Customer avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg",
|
||||
alt: "Customer avatar 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg", alt: "Customer avatar 5"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ happy renters"
|
||||
/>
|
||||
@@ -156,26 +109,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Unlimited Mileage",
|
||||
description: "Drive as far as you need.",
|
||||
tag: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moving-car-interior-tech-dashboard-driving-forest-road_169016-68728.jpg?_wi=2",
|
||||
},
|
||||
id: "f1", title: "Unlimited Mileage", description: "Drive as far as you need.", tag: "Free", imageSrc: "http://img.b2bpic.net/free-photo/moving-car-interior-tech-dashboard-driving-forest-road_169016-68728.jpg?_wi=2"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Roadside Support",
|
||||
description: "24/7 assistance included.",
|
||||
tag: "Safe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/competition-upset-company-computer-graphic-technology_1134-1099.jpg?_wi=2",
|
||||
},
|
||||
id: "f2", title: "Roadside Support", description: "24/7 assistance included.", tag: "Safe", imageSrc: "http://img.b2bpic.net/free-photo/competition-upset-company-computer-graphic-technology_1134-1099.jpg?_wi=2"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Instant Booking",
|
||||
description: "Reserve in seconds online.",
|
||||
tag: "Fast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-traveling-by-car-go-vacation_329181-12219.jpg?_wi=2",
|
||||
},
|
||||
id: "f3", title: "Instant Booking", description: "Reserve in seconds online.", tag: "Fast", imageSrc: "http://img.b2bpic.net/free-photo/couple-traveling-by-car-go-vacation_329181-12219.jpg?_wi=2"},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Benefits that make every mile count."
|
||||
@@ -190,59 +128,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Toyota",
|
||||
name: "Sedan Prime",
|
||||
price: "$45/day",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-side-mirror-represents-reflection-safety-visual-extension_169016-55398.jpg",
|
||||
},
|
||||
id: "p1", brand: "Toyota", name: "Sedan Prime", price: "K900/day", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/car-side-mirror-represents-reflection-safety-visual-extension_169016-55398.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Ferrari",
|
||||
name: "Sport GT",
|
||||
price: "$290/day",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-5500.jpg",
|
||||
},
|
||||
id: "p2", brand: "Ferrari", name: "Sport GT", price: "K5800/day", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-5500.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Ford",
|
||||
name: "Explorer SUV",
|
||||
price: "$85/day",
|
||||
rating: 4,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106142.jpg",
|
||||
},
|
||||
id: "p3", brand: "Ford", name: "Explorer SUV", price: "K1700/day", rating: 4,
|
||||
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106142.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "BMW",
|
||||
name: "5 Series",
|
||||
price: "$120/day",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-car-salon-woman-buying-car-elegant-woman-brown-suit_1157-45018.jpg",
|
||||
},
|
||||
id: "p4", brand: "BMW", name: "5 Series", price: "K2400/day", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/lady-car-salon-woman-buying-car-elegant-woman-brown-suit_1157-45018.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Mercedes",
|
||||
name: "Sprinter Van",
|
||||
price: "$150/day",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-looking-man-sitting-car-roof_23-2147828240.jpg",
|
||||
},
|
||||
id: "p5", brand: "Mercedes", name: "Sprinter Van", price: "K3000/day", rating: 4,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-looking-man-sitting-car-roof_23-2147828240.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Mazda",
|
||||
name: "MX-5 Roadster",
|
||||
price: "$95/day",
|
||||
rating: 5,
|
||||
reviewCount: "130",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-car_23-2148320151.jpg",
|
||||
},
|
||||
id: "p6", brand: "Mazda", name: "MX-5 Roadster", price: "K1900/day", rating: 5,
|
||||
reviewCount: "130", imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-car_23-2148320151.jpg"},
|
||||
]}
|
||||
title="Our Vehicle Fleet"
|
||||
description="From daily commuters to luxury getaways, we have it all."
|
||||
@@ -256,51 +158,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Economy",
|
||||
price: "$45",
|
||||
subtitle: "Per day rate",
|
||||
buttons: [
|
||||
id: "basic", badge: "Economy", price: "K900", subtitle: "Per day rate", buttons: [
|
||||
{
|
||||
text: "Reserve",
|
||||
},
|
||||
text: "Reserve"},
|
||||
],
|
||||
features: [
|
||||
"Limited miles",
|
||||
"Basic insurance",
|
||||
],
|
||||
"Limited miles", "Basic insurance"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Luxury",
|
||||
price: "$180",
|
||||
subtitle: "Per day rate",
|
||||
buttons: [
|
||||
id: "premium", badge: "Luxury", price: "K3600", subtitle: "Per day rate", buttons: [
|
||||
{
|
||||
text: "Reserve",
|
||||
},
|
||||
text: "Reserve"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited miles",
|
||||
"Full insurance",
|
||||
"Priority support",
|
||||
],
|
||||
"Unlimited miles", "Full insurance", "Priority support"],
|
||||
},
|
||||
{
|
||||
id: "business",
|
||||
badge: "SUV/Van",
|
||||
price: "$120",
|
||||
subtitle: "Per day rate",
|
||||
buttons: [
|
||||
id: "business", badge: "SUV/Van", price: "K2400", subtitle: "Per day rate", buttons: [
|
||||
{
|
||||
text: "Reserve",
|
||||
},
|
||||
text: "Reserve"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited miles",
|
||||
"Premium insurance",
|
||||
"Roadside support",
|
||||
],
|
||||
"Unlimited miles", "Premium insurance", "Roadside support"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -314,60 +193,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Miller",
|
||||
date: "Jan 2025",
|
||||
title: "Perfect trip",
|
||||
quote: "The car was spotless and the process easy.",
|
||||
tag: "Rental",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19794.jpg?_wi=3",
|
||||
imageAlt: "business professional traveler portrait",
|
||||
},
|
||||
id: "t1", name: "Alice Miller", date: "Jan 2025", title: "Perfect trip", quote: "The car was spotless and the process easy.", tag: "Rental", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19794.jpg?_wi=3", imageAlt: "business professional traveler portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob Vance",
|
||||
date: "Dec 2024",
|
||||
title: "Great value",
|
||||
quote: "Fair prices and excellent customer service.",
|
||||
tag: "Business",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/lovely-woman-taking-photo-with-copy-space_23-2148631382.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-paperwork-auto-repair-shop-looking-camera_637285-11547.jpg?_wi=3",
|
||||
imageAlt: "business professional traveler portrait",
|
||||
},
|
||||
id: "t2", name: "Bob Vance", date: "Dec 2024", title: "Great value", quote: "Fair prices and excellent customer service.", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/lovely-woman-taking-photo-with-copy-space_23-2148631382.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-paperwork-auto-repair-shop-looking-camera_637285-11547.jpg?_wi=3", imageAlt: "business professional traveler portrait"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie Day",
|
||||
date: "Nov 2024",
|
||||
title: "Loved the Ferrari",
|
||||
quote: "An absolute blast. Will definitely rent again.",
|
||||
tag: "Fun",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-father-son-hanging-out-jetty_23-2150514793.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moving-car-interior-tech-dashboard-driving-forest-road_169016-68728.jpg?_wi=3",
|
||||
imageAlt: "business professional traveler portrait",
|
||||
},
|
||||
id: "t3", name: "Charlie Day", date: "Nov 2024", title: "Loved the Ferrari", quote: "An absolute blast. Will definitely rent again.", tag: "Fun", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-father-son-hanging-out-jetty_23-2150514793.jpg", imageSrc: "http://img.b2bpic.net/free-photo/moving-car-interior-tech-dashboard-driving-forest-road_169016-68728.jpg?_wi=3", imageAlt: "business professional traveler portrait"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Dana White",
|
||||
date: "Oct 2024",
|
||||
title: "Very professional",
|
||||
quote: "Best experience I have had so far.",
|
||||
tag: "Rental",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/brunette-girl-giving-big-old-key_1187-5377.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/competition-upset-company-computer-graphic-technology_1134-1099.jpg?_wi=3",
|
||||
imageAlt: "business professional traveler portrait",
|
||||
},
|
||||
id: "t4", name: "Dana White", date: "Oct 2024", title: "Very professional", quote: "Best experience I have had so far.", tag: "Rental", avatarSrc: "http://img.b2bpic.net/free-photo/brunette-girl-giving-big-old-key_1187-5377.jpg", imageSrc: "http://img.b2bpic.net/free-photo/competition-upset-company-computer-graphic-technology_1134-1099.jpg?_wi=3", imageAlt: "business professional traveler portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Eve Smith",
|
||||
date: "Sep 2024",
|
||||
title: "Good SUV choice",
|
||||
quote: "Perfect for our family road trip.",
|
||||
tag: "Family",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/photographer-taking-picture-ocean-coast_657883-303.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-traveling-by-car-go-vacation_329181-12219.jpg?_wi=3",
|
||||
imageAlt: "business professional traveler portrait",
|
||||
},
|
||||
id: "t5", name: "Eve Smith", date: "Sep 2024", title: "Good SUV choice", quote: "Perfect for our family road trip.", tag: "Family", avatarSrc: "http://img.b2bpic.net/free-photo/photographer-taking-picture-ocean-coast_657883-303.jpg", imageSrc: "http://img.b2bpic.net/free-photo/couple-traveling-by-car-go-vacation_329181-12219.jpg?_wi=3", imageAlt: "business professional traveler portrait"},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="What our happy travelers say."
|
||||
@@ -380,20 +214,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Can I cancel?",
|
||||
content: "Yes, cancel 24 hours prior for a full refund.",
|
||||
},
|
||||
id: "q1", title: "Can I cancel?", content: "Yes, cancel 24 hours prior for a full refund."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do I need insurance?",
|
||||
content: "We offer comprehensive insurance packages.",
|
||||
},
|
||||
id: "q2", title: "Do I need insurance?", content: "We offer comprehensive insurance packages."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What documents are required?",
|
||||
content: "Valid driver's license and a credit card.",
|
||||
},
|
||||
id: "q3", title: "What documents are required?", content: "Valid driver's license and a credit card."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Answers to your rental questions."
|
||||
@@ -405,14 +230,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to hit the road? Our team is available 24/7 to assist with your bookings."
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to hit the road? Our Northmead, Lusaka team is available 24/7 to assist with your bookings."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@autodrive.com",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:support@autodrive.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -421,29 +243,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user