Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
255
src/app/page.tsx
255
src/app/page.tsx
@@ -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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user