Merge version_2 into main #1
299
src/app/page.tsx
299
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Fleet",
|
||||
id: "inventory",
|
||||
},
|
||||
name: "Fleet", id: "inventory"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="DriveEase"
|
||||
/>
|
||||
@@ -57,98 +49,55 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Drive Excellence Every Day"
|
||||
description="Experience luxury travel with our curated selection of premium vehicles. Fast, reliable, and designed for your journey."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best rental experience I've had. Professional and fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-shaking-human-resources-person_23-2148507818.jpg",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarahj", testimonial: "The best rental experience I've had. Professional and fast.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-shaking-human-resources-person_23-2148507818.jpg"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Excellent car, pristine condition. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg",
|
||||
},
|
||||
name: "Mark D.", handle: "@markd", testimonial: "Excellent car, pristine condition. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg"},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elenav",
|
||||
testimonial: "Perfect for my business trip. Luxury meets reliability.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/talk-accountants_1098-13418.jpg",
|
||||
},
|
||||
name: "Elena V.", handle: "@elenav", testimonial: "Perfect for my business trip. Luxury meets reliability.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/talk-accountants_1098-13418.jpg"},
|
||||
{
|
||||
name: "Tom R.",
|
||||
handle: "@tomr",
|
||||
testimonial: "Smooth process, excellent service. Will rent again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg",
|
||||
},
|
||||
name: "Tom R.", handle: "@tomr", testimonial: "Smooth process, excellent service. Will rent again.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg"},
|
||||
{
|
||||
name: "Lisa K.",
|
||||
handle: "@lisak",
|
||||
testimonial: "Fantastic fleet. Truly premium quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg",
|
||||
},
|
||||
name: "Lisa K.", handle: "@lisak", testimonial: "Fantastic fleet. Truly premium quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#inventory",
|
||||
},
|
||||
text: "Book Now", href: "#inventory"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/security-woman-providing-safety-service_23-2148404128.jpg"
|
||||
imageAlt="Luxury Rental Car"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-businessman-showing-thumbs-up_1163-1535.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/successful-businessman-showing-thumbs-up_1163-1535.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-mid-adult-businessman-using-computer-while-working-office-desk_637285-6746.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-mid-adult-businessman-using-computer-while-working-office-desk_637285-6746.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-successful-businessman-showing-okay-workplace_176420-5295.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-successful-businessman-showing-okay-workplace_176420-5295.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-standing-by-car-park-using-phone_1303-16001.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-standing-by-car-park-using-phone_1303-16001.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-forest-wearing-coat-by-car_1303-18068.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-forest-wearing-coat-by-car_1303-18068.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Fleet",
|
||||
},
|
||||
type: "text", text: "Premium Fleet"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
type: "text", text: "24/7 Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seamless Booking",
|
||||
},
|
||||
type: "text", text: "Seamless Booking"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Full Insurance",
|
||||
},
|
||||
type: "text", text: "Full Insurance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nationwide Access",
|
||||
},
|
||||
type: "text", text: "Nationwide Access"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,19 +109,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Car,
|
||||
label: "Vehicles",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Vehicles", value: "500+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Clients",
|
||||
value: "15k+",
|
||||
},
|
||||
label: "Clients", value: "15k+"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Service",
|
||||
value: "24/7",
|
||||
},
|
||||
label: "Service", value: "24/7"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -184,20 +127,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Booking",
|
||||
description: "Book in under 60 seconds with our streamlined digital platform.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-using-phone-lock-car_23-2148994228.jpg",
|
||||
},
|
||||
title: "Fast Booking", description: "Book in under 60 seconds with our streamlined digital platform.", imageSrc: "http://img.b2bpic.net/free-photo/hand-using-phone-lock-car_23-2148994228.jpg"},
|
||||
{
|
||||
title: "Reliable Fleet",
|
||||
description: "Every vehicle is inspected and maintained to perfection daily.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/competition-upset-company-computer-graphic-technology_1134-1099.jpg",
|
||||
},
|
||||
title: "Reliable Fleet", description: "Every vehicle is inspected and maintained to perfection daily.", imageSrc: "http://img.b2bpic.net/free-photo/competition-upset-company-computer-graphic-technology_1134-1099.jpg"},
|
||||
{
|
||||
title: "Total Coverage",
|
||||
description: "Comprehensive insurance included in every rental package.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-man-sitting-luxury-car-reading-newspaper_23-2147937351.jpg",
|
||||
},
|
||||
title: "Total Coverage", description: "Comprehensive insurance included in every rental package.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-man-sitting-luxury-car-reading-newspaper_23-2147937351.jpg"},
|
||||
]}
|
||||
title="Why Choose DriveEase?"
|
||||
description="We redefine the car rental experience through seamless technology and premium service standards."
|
||||
@@ -212,41 +146,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Silver Sedan",
|
||||
price: "$89/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trunk-sportscar-with-white-background_181624-25356.jpg",
|
||||
},
|
||||
id: "1", name: "Silver Sedan", price: "$89/day", imageSrc: "http://img.b2bpic.net/free-photo/trunk-sportscar-with-white-background_181624-25356.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Luxury SUV",
|
||||
price: "$129/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/that-how-success-looks-like-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16555.jpg",
|
||||
},
|
||||
id: "2", name: "Luxury SUV", price: "$129/day", imageSrc: "http://img.b2bpic.net/free-photo/that-how-success-looks-like-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16555.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sport Coupe",
|
||||
price: "$159/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-white-car-dark-background_181624-20300.jpg",
|
||||
},
|
||||
id: "3", name: "Sport Coupe", price: "$159/day", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-white-car-dark-background_181624-20300.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Red Convertible",
|
||||
price: "$199/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlights-modern-red-car_181624-23589.jpg",
|
||||
},
|
||||
id: "4", name: "Red Convertible", price: "$199/day", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlights-modern-red-car_181624-23589.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Electric Sedan",
|
||||
price: "$139/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-by-her-house_1303-20216.jpg",
|
||||
},
|
||||
id: "5", name: "Electric Sedan", price: "$139/day", imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-by-her-house_1303-20216.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Crossover SUV",
|
||||
price: "$109/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-sits-car-field_169016-41470.jpg",
|
||||
},
|
||||
id: "6", name: "Crossover SUV", price: "$109/day", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-sits-car-field_169016-41470.jpg"},
|
||||
]}
|
||||
title="Our Premium Fleet"
|
||||
description="Choose from our exclusive collection of luxury sedans, SUVs, and high-performance vehicles."
|
||||
@@ -258,41 +168,23 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now", href: "#contact"
|
||||
}
|
||||
]}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$89",
|
||||
subtitle: "For quick city trips",
|
||||
features: [
|
||||
"Limited mileage",
|
||||
"Basic insurance",
|
||||
"Standard support",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$89", subtitle: "For quick city trips", features: [
|
||||
"Limited mileage", "Basic insurance", "Standard support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$149",
|
||||
subtitle: "For comfort and style",
|
||||
features: [
|
||||
"Unlimited mileage",
|
||||
"Full insurance",
|
||||
"24/7 Priority support",
|
||||
"Free delivery",
|
||||
],
|
||||
id: "pro", badge: "Popular", price: "$149", subtitle: "For comfort and style", features: [
|
||||
"Unlimited mileage", "Full insurance", "24/7 Priority support", "Free delivery"],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
badge: "Ultimate",
|
||||
price: "$249",
|
||||
subtitle: "Total luxury experience",
|
||||
features: [
|
||||
"VIP fleet access",
|
||||
"Premium insurance",
|
||||
"Concierge services",
|
||||
"Free delivery",
|
||||
],
|
||||
id: "elite", badge: "Ultimate", price: "$249", subtitle: "Total luxury experience", features: [
|
||||
"VIP fleet access", "Premium insurance", "Concierge services", "Free delivery"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -306,45 +198,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excellent Fleet",
|
||||
quote: "The cars are always in perfect condition. Incredible service.",
|
||||
name: "Sarah J.",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-computer-cafe_1303-9724.jpg",
|
||||
},
|
||||
id: "1", title: "Excellent Fleet", quote: "The cars are always in perfect condition. Incredible service.", name: "Sarah J.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-computer-cafe_1303-9724.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Best in Class",
|
||||
quote: "Professional team and seamless process. My go-to for all business travel.",
|
||||
name: "Mark D.",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg",
|
||||
},
|
||||
id: "2", title: "Best in Class", quote: "Professional team and seamless process. My go-to for all business travel.", name: "Mark D.", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Flawless Service",
|
||||
quote: "Truly reliable service that makes travel stress-free. Very pleased.",
|
||||
name: "Elena V.",
|
||||
role: "Marketing Dir",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arab-man-use-smart-phone-while-waiting-charging-battery-car_1157-49245.jpg",
|
||||
},
|
||||
id: "3", title: "Flawless Service", quote: "Truly reliable service that makes travel stress-free. Very pleased.", name: "Elena V.", role: "Marketing Dir", imageSrc: "http://img.b2bpic.net/free-photo/arab-man-use-smart-phone-while-waiting-charging-battery-car_1157-49245.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Premium Experience",
|
||||
quote: "Everything from booking to return was handled with class and efficiency.",
|
||||
name: "Tom R.",
|
||||
role: "Product Mgr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg",
|
||||
},
|
||||
id: "4", title: "Premium Experience", quote: "Everything from booking to return was handled with class and efficiency.", name: "Tom R.", role: "Product Mgr", imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "High Standard",
|
||||
quote: "They set a new high bar for rental services everywhere.",
|
||||
name: "Lisa K.",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-male-taxi-driver-costume_23-2149204586.jpg",
|
||||
},
|
||||
id: "5", title: "High Standard", quote: "They set a new high bar for rental services everywhere.", name: "Lisa K.", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/elegant-male-taxi-driver-costume_23-2149204586.jpg"},
|
||||
]}
|
||||
title="Loved by Professionals"
|
||||
description="See why top professionals trust DriveEase for their transport needs."
|
||||
@@ -356,20 +218,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What documents do I need?",
|
||||
content: "A valid driver's license, credit card, and passport or ID card.",
|
||||
},
|
||||
id: "1", title: "What documents do I need?", content: "A valid driver's license, credit card, and passport or ID card."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is insurance included?",
|
||||
content: "Yes, all rentals include comprehensive insurance coverage.",
|
||||
},
|
||||
id: "2", title: "Is insurance included?", content: "Yes, all rentals include comprehensive insurance coverage."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I return the car anywhere?",
|
||||
content: "We offer flexible pick-up and drop-off at major transit locations.",
|
||||
},
|
||||
id: "3", title: "Can I return the car anywhere?", content: "We offer flexible pick-up and drop-off at major transit locations."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -383,22 +236,14 @@ export default function LandingPage() {
|
||||
description="Have questions? Reach out and we'll assist you with your booking."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your trip",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your trip", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-road-cloudy-day_417767-133.jpg"
|
||||
@@ -411,37 +256,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
label: "Inventory", href: "#inventory"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user