bender/ee15b124-0cc3-4950-8676-b618495737d8
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-05-07 09:44:41 +00:00
parent ff6b447ccd
commit b7cf029e26
1 changed files with 51 additions and 204 deletions
Download Patch File Download Diff File Expand all files Collapse all files

255
src/app/page.tsx
View File

@@ -32,65 +32,37 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Fleet",
id: "#fleet",
},
name: "Fleet", id: "#fleet"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Prime Drive"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "plain",
}}
variant: "plain"}}
title="Drive Your Ambition"
description="Experience luxury, reliability, and speed with our premium fleet. Your journey begins here."
tag="PREMIUM CAR RENTALS"
buttons={[
{
text: "Browse Fleet",
href: "#fleet",
},
text: "Browse Fleet", href: "#fleet"},
{
text: "Contact Us",
href: "#contact",
},
text: "Contact Us", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg",
imageAlt: "Luxury Sedan",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg", imageAlt: "Luxury Sedan"},
{
imageSrc: "http://img.b2bpic.net/free-photo/car-speeding-highway-motion-sunset-road-trip-scene_169016-67913.jpg",
imageAlt: "Sports Car",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-spoiler-white-luxury-car-lights-isolated_181624-23597.jpg",
imageAlt: "Vertical shot of a spoiler on a white luxury car under the lights isolated",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-headlight-white-luxury-car-lights-against-grey-background_181624-25222.jpg",
imageAlt: "Closeup of the headlight of a white luxury car under the lights against a grey background",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-speed-driving-blue-car-highway-sunset-road-scene_169016-68552.jpg",
imageAlt: "High speed driving Blue car on highway Sunset road scene",
},
imageSrc: "http://img.b2bpic.net/free-photo/car-speeding-highway-motion-sunset-road-trip-scene_169016-67913.jpg", imageAlt: "Sports Car"}
]}
mediaAnimation="slide-up"
rating={5}
@@ -116,34 +88,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
label: "Maintenance",
title: "Impeccably Maintained",
items: [
"Rigorous inspections",
"24/7 technical support",
"Low-mileage vehicles",
],
id: "f1", label: "Maintenance", title: "Impeccably Maintained", items: [
"Rigorous inspections", "24/7 technical support", "Low-mileage vehicles"],
},
{
id: "f2",
label: "Coverage",
title: "All-Inclusive Insurance",
items: [
"Comprehensive protection",
"Zero deductible options",
"Accident assistance",
],
id: "f2", label: "Coverage", title: "All-Inclusive Insurance", items: [
"Comprehensive protection", "Zero deductible options", "Accident assistance"],
},
{
id: "f3",
label: "Convenience",
title: "Seamless Booking",
items: [
"Instant reservation",
"Free delivery/pickup",
"Flexible return policies",
],
id: "f3", label: "Convenience", title: "Seamless Booking", items: [
"Instant reservation", "Free delivery/pickup", "Flexible return policies"],
},
]}
title="Why Choose Prime Drive?"
@@ -159,47 +113,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Luxury Sedan",
price: "$89/day",
variant: "Business Class",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-part-grey-car_181624-33069.jpg",
},
id: "p1", name: "Luxury Sedan", price: "$89/day", variant: "Business Class", imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-part-grey-car_181624-33069.jpg"},
{
id: "p2",
name: "Premium SUV",
price: "$129/day",
variant: "Off-Road Ready",
imageSrc: "http://img.b2bpic.net/free-photo/man-traveling-by-car-looking-map_23-2148771837.jpg",
},
id: "p2", name: "Premium SUV", price: "$129/day", variant: "Off-Road Ready", imageSrc: "http://img.b2bpic.net/free-photo/man-traveling-by-car-looking-map_23-2148771837.jpg"},
{
id: "p3",
name: "City Compact",
price: "$45/day",
variant: "Urban Efficient",
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-with-open-door-taking-cellphone_23-2147841907.jpg",
},
id: "p3", name: "City Compact", price: "$45/day", variant: "Urban Efficient", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-with-open-door-taking-cellphone_23-2147841907.jpg"},
{
id: "p4",
name: "EV Sedan",
price: "$99/day",
variant: "Eco-Friendly",
imageSrc: "http://img.b2bpic.net/free-photo/parked-electric-car-with-windmill_1268-20538.jpg",
},
id: "p4", name: "EV Sedan", price: "$99/day", variant: "Eco-Friendly", imageSrc: "http://img.b2bpic.net/free-photo/parked-electric-car-with-windmill_1268-20538.jpg"},
{
id: "p5",
name: "Sports Coupe",
price: "$189/day",
variant: "Performance",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498664.jpg",
},
id: "p5", name: "Sports Coupe", price: "$189/day", variant: "Performance", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498664.jpg"},
{
id: "p6",
name: "Family Minivan",
price: "$75/day",
variant: "Spacious",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-spring-field_1157-30038.jpg",
},
id: "p6", name: "Family Minivan", price: "$75/day", variant: "Spacious", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-spring-field_1157-30038.jpg"},
]}
title="Explore Our Fleet"
description="From elegant city cruisers to powerful SUVs, find the perfect car for your lifestyle."
@@ -213,51 +137,27 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "day",
badge: "Daily",
price: "$49+",
subtitle: "Perfect for short trips",
features: [
"Full insurance",
"24/7 roadside",
],
id: "day", badge: "Daily", price: "$49+", subtitle: "Perfect for short trips", features: [
"Full insurance", "24/7 roadside"],
buttons: [
{
text: "Book Daily",
href: "#contact",
},
text: "Book Daily", href: "#contact"},
],
},
{
id: "week",
badge: "Weekly",
price: "$299+",
subtitle: "Ideal for business travel",
features: [
"Free mileage",
"Complimentary delivery",
],
id: "week", badge: "Weekly", price: "$299+", subtitle: "Ideal for business travel", features: [
"Free mileage", "Complimentary delivery"],
buttons: [
{
text: "Book Weekly",
href: "#contact",
},
text: "Book Weekly", href: "#contact"},
],
},
{
id: "month",
badge: "Monthly",
price: "$899+",
subtitle: "Long-term convenience",
features: [
"Maintenance included",
"Dedicated manager",
],
id: "month", badge: "Monthly", price: "$899+", subtitle: "Long-term convenience", features: [
"Maintenance included", "Dedicated manager"],
buttons: [
{
text: "Book Monthly",
href: "#contact",
},
text: "Book Monthly", href: "#contact"},
],
},
]}
@@ -273,26 +173,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "500+",
title: "Vehicles",
description: "Diverse fleet",
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468857.jpg",
},
id: "m1", value: "500+", title: "Vehicles", description: "Diverse fleet", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468857.jpg"},
{
id: "m2",
value: "12k+",
title: "Happy Clients",
description: "5-star service",
imageSrc: "http://img.b2bpic.net/free-vector/bundle-community-social-media-marketing-icons_24908-59793.jpg",
},
id: "m2", value: "12k+", title: "Happy Clients", description: "5-star service", imageSrc: "http://img.b2bpic.net/free-vector/bundle-community-social-media-marketing-icons_24908-59793.jpg"},
{
id: "m3",
value: "24/7",
title: "Service",
description: "Always ready",
imageSrc: "http://img.b2bpic.net/free-vector/gradient-time-logo-collection_23-2148938719.jpg",
},
id: "m3", value: "24/7", title: "Service", description: "Always ready", imageSrc: "http://img.b2bpic.net/free-vector/gradient-time-logo-collection_23-2148938719.jpg"},
]}
title="Our Impact"
description="Driven by thousands of satisfied customers across the country."
@@ -306,45 +191,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
handle: "@sarahdrive",
testimonial: "The best rental experience I've had. Professional and fast.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg",
},
id: "t1", name: "Sarah Johnson", handle: "@sarahdrive", testimonial: "The best rental experience I've had. Professional and fast.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg"},
{
id: "t2",
name: "Michael Chen",
handle: "@mchen",
testimonial: "Excellent service and high-quality cars. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg",
},
id: "t2", name: "Michael Chen", handle: "@mchen", testimonial: "Excellent service and high-quality cars. Highly recommend.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg"},
{
id: "t3",
name: "Emily Rodriguez",
handle: "@emilyr",
testimonial: "Seamless booking and clean vehicles every single time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101345.jpg",
},
id: "t3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "Seamless booking and clean vehicles every single time.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101345.jpg"},
{
id: "t4",
name: "David Kim",
handle: "@dkim",
testimonial: "Top-tier reliability. Prime Drive is my go-to choice.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
},
id: "t4", name: "David Kim", handle: "@dkim", testimonial: "Top-tier reliability. Prime Drive is my go-to choice.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg"},
{
id: "t5",
name: "Linda Smith",
handle: "@lsmith",
testimonial: "Outstanding customer service and fair prices for a luxury car.",
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",
},
id: "t5", name: "Linda Smith", handle: "@lsmith", testimonial: "Outstanding customer service and fair prices for a luxury car.", 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"},
]}
showRating={true}
title="Hear From Our Drivers"
@@ -356,8 +216,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="BOOK NOW"
title="Start Your Journey Today"
description="Ready to drive? Sign up to receive exclusive offers and book your first car at a special rate."
@@ -372,33 +231,21 @@ export default function LandingPage() {
{
items: [
{
label: "Fleet",
href: "#fleet",
},
label: "Fleet", href: "#fleet"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
{
label: "Terms",
href: "#",
},
label: "Terms", href: "#"},
],
},
{
items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Support",
href: "#contact",
},
label: "Support", href: "#contact"},
{
label: "Privacy",
href: "#",
},
label: "Privacy", href: "#"},
],
},
]}