bender/a7f7dd97-c547-4003-814f-6930639f3b56
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 00:30:00 +00:00
parent 0f022eebc0
commit 2724c4d30d
1 changed files with 63 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

331
src/app/page.tsx
View File

@@ -13,7 +13,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Car, Sparkles, Users } from "lucide-react";
import { Award, Car, Sparkles, Users, CalendarCheck, PhoneCall, Droplet } from "lucide-react";
export default function LandingPage() {
return (
@@ -34,92 +34,57 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Fleet",
id: "#fleet",
},
name: "Fleet", id: "#fleet"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/flat-design-car-service-logo_23-2149720705.jpg"
logoAlt="DriveNow Rentals Logo"
brandName="DriveNow Rentals"
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Your Journey Starts Here"
description="Experience seamless car rental with a diverse fleet, unbeatable prices, and exceptional service. Drive the car you want, when you need it."
tag="Drive with Confidence"
tagIcon={Car}
buttons={[
{
text: "Browse Fleet",
href: "#fleet",
},
text: "Browse Fleet", href: "#fleet"},
{
text: "Get a Quote",
href: "#pricing",
},
text: "Get a Quote", href: "#pricing"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-electric-car-driving-winter-highway-sunset-electric-vehicle-road-travel_169016-71713.jpg",
imageAlt: "Luxury car on a scenic road",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-electric-car-driving-winter-highway-sunset-electric-vehicle-road-travel_169016-71713.jpg", imageAlt: "Luxury car on a scenic road"},
{
imageSrc: "http://img.b2bpic.net/free-photo/camping-wild-nature-white-modern-car-parked-middle-valley-tent-tourists-relaxing-outdoors-taking-break-road-trip-beautiful-landscape-blue-sky-brown-mountains_343059-744.jpg",
imageAlt: "Family SUV on an outdoor adventure",
},
imageSrc: "http://img.b2bpic.net/free-photo/camping-wild-nature-white-modern-car-parked-middle-valley-tent-tourists-relaxing-outdoors-taking-break-road-trip-beautiful-landscape-blue-sky-brown-mountains_343059-744.jpg", imageAlt: "Family SUV on an outdoor adventure"},
{
imageSrc: "http://img.b2bpic.net/free-photo/salesman-woman-looking-car-car-showroom_1303-13635.jpg",
imageAlt: "Economy car in an urban setting",
},
imageSrc: "http://img.b2bpic.net/free-photo/salesman-woman-looking-car-car-showroom_1303-13635.jpg", imageAlt: "Economy car in an urban setting"},
{
imageSrc: "http://img.b2bpic.net/free-photo/girl-wearing-hat-taking-selfie_23-2148006508.jpg",
imageAlt: "Electric car charging at a station",
},
imageSrc: "http://img.b2bpic.net/free-photo/girl-wearing-hat-taking-selfie_23-2148006508.jpg", imageAlt: "Electric car charging at a station"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dreamy-aesthetic-landscape_23-2151445746.jpg",
imageAlt: "Classic vintage car driving at sunset",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dreamy-aesthetic-landscape_23-2151445746.jpg", imageAlt: "Classic vintage car driving at sunset"},
{
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-raising-arms-car_23-2148196420.jpg",
imageAlt: "Convertible car on a coastal road",
},
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-raising-arms-car_23-2148196420.jpg", imageAlt: "Convertible car on a coastal road"},
]}
/>
</div>
@@ -141,32 +106,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Easy Online Booking",
description: "Rent a car in minutes with our intuitive online booking system. Select your vehicle, dates, and pick-up location with ease.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-health-passport-medium-shot_23-2149340952.jpg",
imageAlt: "Car key in hand for easy booking",
buttonIcon: "CalendarCheck",
title: "Easy Online Booking", description: "Rent a car in minutes with our intuitive online booking system. Select your vehicle, dates, and pick-up location with ease.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-health-passport-medium-shot_23-2149340952.jpg", imageAlt: "Car key in hand for easy booking", buttonIcon: CalendarCheck,
},
{
title: "Diverse & Modern Fleet",
description: "Choose from our extensive collection of latest model cars, including sedans, SUVs, luxury vehicles, and electric options.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106171.jpg",
imageAlt: "Diverse car fleet in a parking lot",
buttonIcon: "Car",
title: "Diverse & Modern Fleet", description: "Choose from our extensive collection of latest model cars, including sedans, SUVs, luxury vehicles, and electric options.", imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106171.jpg", imageAlt: "Diverse car fleet in a parking lot", buttonIcon: Car,
},
{
title: "24/7 Roadside Assistance",
description: "Travel with peace of mind knowing that our dedicated support team is available around the clock for any emergencies.",
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-car_1303-3845.jpg",
imageAlt: "Roadside assistance service for a car breakdown",
buttonIcon: "PhoneCall",
title: "24/7 Roadside Assistance", description: "Travel with peace of mind knowing that our dedicated support team is available around the clock for any emergencies.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-car_1303-3845.jpg", imageAlt: "Roadside assistance service for a car breakdown", buttonIcon: PhoneCall,
},
{
title: "Spotless & Sanitized Vehicles",
description: "Every vehicle is thoroughly cleaned and sanitized before each rental, ensuring your safety and comfort.",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-client-car-service-station_1303-26914.jpg",
imageAlt: "Clean car interior detail service",
buttonIcon: "Droplet",
title: "Spotless & Sanitized Vehicles", description: "Every vehicle is thoroughly cleaned and sanitized before each rental, ensuring your safety and comfort.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-client-car-service-station_1303-26914.jpg", imageAlt: "Clean car interior detail service", buttonIcon: Droplet,
},
]}
title="Our Exceptional Services"
@@ -182,47 +131,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "sedan",
name: "Luxury Sedan",
price: "From $85/day",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-backseat-taxi_23-2149236711.jpg",
imageAlt: "Modern luxury sedan car",
},
id: "sedan", name: "Luxury Sedan", price: "From $85/day", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-backseat-taxi_23-2149236711.jpg", imageAlt: "Modern luxury sedan car"},
{
id: "suv",
name: "Family SUV",
price: "From $95/day",
imageSrc: "http://img.b2bpic.net/free-photo/man-traveling-alone-by-car_23-2148771905.jpg",
imageAlt: "Rugged SUV for family adventure",
},
id: "suv", name: "Family SUV", price: "From $95/day", imageSrc: "http://img.b2bpic.net/free-photo/man-traveling-alone-by-car_23-2148771905.jpg", imageAlt: "Rugged SUV for family adventure"},
{
id: "luxury",
name: "Executive Car",
price: "From $120/day",
imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-wet-highway-rain-rainy-drive_169016-69903.jpg",
imageAlt: "High-end luxury car",
},
id: "luxury", name: "Executive Car", price: "From $120/day", imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-wet-highway-rain-rainy-drive_169016-69903.jpg", imageAlt: "High-end luxury car"},
{
id: "van",
name: "Passenger Van",
price: "From $110/day",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-looking-map_23-2149019235.jpg",
imageAlt: "Spacious passenger van",
},
id: "van", name: "Passenger Van", price: "From $110/day", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-looking-map_23-2149019235.jpg", imageAlt: "Spacious passenger van"},
{
id: "electric",
name: "Electric Vehicle",
price: "From $100/day",
imageSrc: "http://img.b2bpic.net/free-photo/electric-vehicle-charging_23-2151951202.jpg",
imageAlt: "Modern electric vehicle",
},
id: "electric", name: "Electric Vehicle", price: "From $100/day", imageSrc: "http://img.b2bpic.net/free-photo/electric-vehicle-charging_23-2151951202.jpg", imageAlt: "Modern electric vehicle"},
{
id: "convertible",
name: "Sporty Convertible",
price: "From $130/day",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-hipster-girl-convertible-car_158538-17091.jpg",
imageAlt: "Sporty convertible car",
},
id: "convertible", name: "Sporty Convertible", price: "From $130/day", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-hipster-girl-convertible-car_158538-17091.jpg", imageAlt: "Sporty convertible car"},
]}
title="Explore Our Premium Fleet"
description="Find the perfect vehicle for your adventure. From compact city cars to spacious family SUVs, our fleet offers variety and reliability."
@@ -236,56 +155,28 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "daily",
name: "Daily Rental",
price: "$79",
badge: "Popular",
badgeIcon: Sparkles,
id: "daily", name: "Daily Rental", price: "$79", badge: "Popular", badgeIcon: Sparkles,
features: [
"Up to 24 hours use",
"150 free miles",
"Basic insurance included",
"24/7 roadside assistance",
],
"Up to 24 hours use", "150 free miles", "Basic insurance included", "24/7 roadside assistance"],
buttons: [
{
text: "Select Daily",
href: "#contact",
},
text: "Select Daily", href: "#contact"},
],
},
{
id: "weekly",
name: "Weekly Rental",
price: "$499",
features: [
"Up to 7 days use",
"1000 free miles",
"Standard insurance included",
"Enhanced roadside assistance",
],
id: "weekly", name: "Weekly Rental", price: "$499", features: [
"Up to 7 days use", "1000 free miles", "Standard insurance included", "Enhanced roadside assistance"],
buttons: [
{
text: "Select Weekly",
href: "#contact",
},
text: "Select Weekly", href: "#contact"},
],
},
{
id: "monthly",
name: "Monthly Rental",
price: "$1800",
features: [
"Up to 30 days use",
"3000 free miles",
"Premium insurance included",
"Priority roadside assistance",
],
id: "monthly", name: "Monthly Rental", price: "$1800", features: [
"Up to 30 days use", "3000 free miles", "Premium insurance included", "Priority roadside assistance"],
buttons: [
{
text: "Select Monthly",
href: "#contact",
},
text: "Select Monthly", href: "#contact"},
],
},
]}
@@ -302,25 +193,13 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "customers",
value: "10,000+",
title: "Satisfied Customers",
description: "Our community of happy drivers grows every day.",
icon: Users,
id: "customers", value: "10,000+", title: "Satisfied Customers", description: "Our community of happy drivers grows every day.", icon: Users,
},
{
id: "cars",
value: "500+",
title: "Vehicles in Fleet",
description: "A diverse selection to meet every travel need and preference.",
icon: Car,
id: "cars", value: "500+", title: "Vehicles in Fleet", description: "A diverse selection to meet every travel need and preference.", icon: Car,
},
{
id: "years",
value: "15+",
title: "Years in Service",
description: "Providing reliable and affordable car rentals since 2008.",
icon: Award,
id: "years", value: "15+", title: "Years in Service", description: "Providing reliable and affordable car rentals since 2008.", icon: Award,
},
]}
title="Our Achievements"
@@ -334,65 +213,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
date: "May 15, 2024",
title: "Seamless Experience!",
quote: "DriveNow made my family vacation so easy. The booking was simple, the car was pristine, and their customer service was excellent. Highly recommend!",
tag: "Family Trip",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5055.jpg",
avatarAlt: "Sarah J. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-car_23-2149901417.jpg",
imageAlt: "Happy customer with car keys",
},
id: "1", name: "Sarah J.", date: "May 15, 2024", title: "Seamless Experience!", quote: "DriveNow made my family vacation so easy. The booking was simple, the car was pristine, and their customer service was excellent. Highly recommend!", tag: "Family Trip", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5055.jpg", avatarAlt: "Sarah J. avatar", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-car_23-2149901417.jpg", imageAlt: "Happy customer with car keys"},
{
id: "2",
name: "Michael T.",
date: "April 28, 2024",
title: "Reliable and Affordable",
quote: "I've used DriveNow for business trips multiple times. Their cars are always clean and reliable, and their rates are very competitive. A fantastic service!",
tag: "Business Travel",
avatarSrc: "http://img.b2bpic.net/free-photo/girl-trying-look-like-grown-up_23-2148244890.jpg",
avatarAlt: "Michael T. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/women-sitting-white-car-with-map_23-2147932078.jpg",
imageAlt: "Customer smiling next to a rental car",
},
id: "2", name: "Michael T.", date: "April 28, 2024", title: "Reliable and Affordable", quote: "I've used DriveNow for business trips multiple times. Their cars are always clean and reliable, and their rates are very competitive. A fantastic service!", tag: "Business Travel", avatarSrc: "http://img.b2bpic.net/free-photo/girl-trying-look-like-grown-up_23-2148244890.jpg", avatarAlt: "Michael T. avatar", imageSrc: "http://img.b2bpic.net/free-photo/women-sitting-white-car-with-map_23-2147932078.jpg", imageAlt: "Customer smiling next to a rental car"},
{
id: "3",
name: "Emily R.",
date: "March 10, 2024",
title: "Fantastic Fleet!",
quote: "The variety of cars available is amazing! I rented a convertible for the weekend and had the best time. DriveNow is my go-to for special occasions.",
tag: "Weekend Getaway",
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-vintage-book_23-2147779387.jpg",
avatarAlt: "Emily R. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-travelling-winter-time_23-2149211148.jpg",
imageAlt: "Customer with a convertible car",
},
id: "3", name: "Emily R.", date: "March 10, 2024", title: "Fantastic Fleet!", quote: "The variety of cars available is amazing! I rented a convertible for the weekend and had the best time. DriveNow is my go-to for special occasions.", tag: "Weekend Getaway", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-vintage-book_23-2147779387.jpg", avatarAlt: "Emily R. avatar", imageSrc: "http://img.b2bpic.net/free-photo/young-adults-travelling-winter-time_23-2149211148.jpg", imageAlt: "Customer with a convertible car"},
{
id: "4",
name: "David L.",
date: "February 20, 2024",
title: "Exceptional Support",
quote: "Had a minor issue during my rental, and their roadside assistance was incredibly quick and helpful. Truly impressed with their dedication.",
tag: "Customer Support",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg",
avatarAlt: "David L. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-outdoors_23-2148142666.jpg",
imageAlt: "Customer receiving assistance",
},
id: "4", name: "David L.", date: "February 20, 2024", title: "Exceptional Support", quote: "Had a minor issue during my rental, and their roadside assistance was incredibly quick and helpful. Truly impressed with their dedication.", tag: "Customer Support", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg", avatarAlt: "David L. avatar", imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-outdoors_23-2148142666.jpg", imageAlt: "Customer receiving assistance"},
{
id: "5",
name: "Jessica M.",
date: "January 5, 2024",
title: "Smooth & Easy Pickup",
quote: "The pickup and drop-off process was incredibly smooth. No long waits, friendly staff, and the car was ready exactly as promised. Will be back!",
tag: "Convenience",
avatarSrc: "http://img.b2bpic.net/free-photo/stylish-man-smiling-close-up_23-2148508995.jpg",
avatarAlt: "Jessica M. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/man-mechanic-woman-customer-look-car-hood-discuss-repairs_146671-14234.jpg",
imageAlt: "Customer at rental counter",
},
id: "5", name: "Jessica M.", date: "January 5, 2024", title: "Smooth & Easy Pickup", quote: "The pickup and drop-off process was incredibly smooth. No long waits, friendly staff, and the car was ready exactly as promised. Will be back!", tag: "Convenience", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-man-smiling-close-up_23-2148508995.jpg", avatarAlt: "Jessica M. avatar", imageSrc: "http://img.b2bpic.net/free-photo/man-mechanic-woman-customer-look-car-hood-discuss-repairs_146671-14234.jpg", imageAlt: "Customer at rental counter"},
]}
title="What Our Customers Say"
description="Hear directly from our satisfied clients about their experiences with DriveNow Rentals. Your trust is our greatest reward."
@@ -405,25 +234,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "What documents do I need to rent a car?",
content: "You will need a valid driver's license, a major credit card in your name, and typically proof of insurance. International renters may need an International Driving Permit.",
},
id: "1", title: "What documents do I need to rent a car?", content: "You will need a valid driver's license, a major credit card in your name, and typically proof of insurance. International renters may need an International Driving Permit."},
{
id: "2",
title: "What is your cancellation policy?",
content: "Cancellations made 24 hours in advance of your pick-up time are usually eligible for a full refund. Please refer to your booking confirmation for specific terms.",
},
id: "2", title: "What is your cancellation policy?", content: "Cancellations made 24 hours in advance of your pick-up time are usually eligible for a full refund. Please refer to your booking confirmation for specific terms."},
{
id: "3",
title: "Are there any age restrictions for renters?",
content: "Renters must typically be at least 21 years old. A surcharge may apply for renters under 25, and some vehicle categories may have higher age requirements.",
},
id: "3", title: "Are there any age restrictions for renters?", content: "Renters must typically be at least 21 years old. A surcharge may apply for renters under 25, and some vehicle categories may have higher age requirements."},
{
id: "4",
title: "Do you offer one-way rentals?",
content: "Yes, one-way rentals are available between select locations. Additional fees may apply. Please inquire during the booking process.",
},
id: "4", title: "Do you offer one-way rentals?", content: "Yes, one-way rentals are available between select locations. Additional fees may apply. Please inquire during the booking process."},
]}
title="Frequently Asked Questions"
description="Have questions? We've got answers. Browse our FAQ section for common queries about car rental at DriveNow."
@@ -435,8 +252,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get in Touch"
title="Ready to Hit the Road?"
description="Contact us today for inquiries, special requests, or to get a personalized quote for your next car rental. Our team is here to help."
@@ -455,54 +271,33 @@ export default function LandingPage() {
logoText="DriveNow Rentals"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Fleet",
href: "#fleet",
},
label: "Our Fleet", href: "#fleet"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Roadside Assistance",
href: "#",
},
label: "Roadside Assistance", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Cookie Policy",
href: "#",
},
label: "Cookie Policy", href: "#"},
],
},
]}