bender/43beb6c3-c26e-483b-b4d7-0992ab3f89a3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-06-03 07:49:32 +00:00
parent 62d4ae0dd2 365e8695c0
commit b3acc33125
1 changed files with 75 additions and 248 deletions
Download Patch File Download Diff File Expand all files Collapse all files

323
src/app/page.tsx
View File

@@ -34,39 +34,23 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Offers",
id: "#offers",
},
name: "Offers", id: "#offers"},
{
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: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="DriveLux Rentals"
button={{
text: "Get a Quote",
href: "#contact",
}}
text: "Get a Quote", href: "#contact"}}
animateOnLoad={true}
/>
</div>
@@ -74,20 +58,15 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplit
background={{
variant: "plain",
}}
variant: "plain"}}
imagePosition="right"
title="Experience Luxury, Long Term."
description="Your premier partner for long-term luxury car rentals. Drive the car of your dreams for months or years, hassle-free."
buttons={[
{
text: "Explore Our Fleet",
href: "#fleet",
},
text: "Explore Our Fleet", href: "#fleet"},
{
text: "Get a Quote",
href: "#contact",
},
text: "Get a Quote", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/car-seats-inside-car-close-up-photo_1303-31996.jpg"
imageAlt="Luxury black car parked elegantly"
@@ -95,52 +74,30 @@ export default function LandingPage() {
fixedMediaHeight={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg",
alt: "Young businessman happy expression",
},
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg", alt: "Young businessman happy expression"},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
alt: "Close up portrait of young handsome successful man",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Close up portrait of young handsome successful man"},
{
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10533.jpg",
alt: "Handsome fashion businessman",
},
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10533.jpg", alt: "Handsome fashion businessman"},
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",
alt: "Happy woman in black jacket",
},
src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg", alt: "Happy woman in black jacket"},
{
src: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg",
alt: "Blond businessman surprised expression",
},
src: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg", alt: "Blond businessman surprised expression"},
]}
avatarText="Join 1000+ satisfied clients"
marqueeItems={[
{
type: "text-icon",
text: "Luxury Fleet",
icon: Car,
type: "text-icon", text: "Luxury Fleet", icon: Car,
},
{
type: "text",
text: "Flexible Terms",
type: "text", text: "Flexible Terms"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/closeup-shot-raindrops-car-top-with-sunset-sky-reflecting-windows_181624-44361.jpg", alt: "Raindrops on a car"},
{
type: "text-icon", text: "Premium Service", icon: Star,
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/closeup-shot-raindrops-car-top-with-sunset-sky-reflecting-windows_181624-44361.jpg",
alt: "Raindrops on a car",
},
{
type: "text-icon",
text: "Premium Service",
icon: Star,
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/closeup-high-angle-shot-exterior-details-modern-blue-black-car_181624-25400.jpg",
alt: "Modern blue and black car exterior",
},
type: "image", src: "http://img.b2bpic.net/free-photo/closeup-high-angle-shot-exterior-details-modern-blue-black-car_181624-25400.jpg", alt: "Modern blue and black car exterior"},
]}
marqueeSpeed={30}
/>
@@ -151,21 +108,15 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
imagePosition="left"
title="Our Commitment to <span class=\"text-primary-cta\">Excellence</span>"
title="Our Commitment to <span class='text-primary-cta'>Excellence</span>"
description="DriveLux Rentals offers unparalleled long-term vehicle solutions tailored to your lifestyle. From executive sedans to spacious SUVs, our curated fleet provides flexibility, reliability, and ultimate comfort. Experience premium service and a seamless rental journey with us."
bulletPoints={[
{
title: "Personalized Service",
description: "Dedicated consultants to match you with the perfect vehicle and plan.",
},
title: "Personalized Service", description: "Dedicated consultants to match you with the perfect vehicle and plan."},
{
title: "Flexible Terms",
description: "Adaptable rental periods from 3 months to several years, designed for your needs.",
},
title: "Flexible Terms", description: "Adaptable rental periods from 3 months to several years, designed for your needs."},
{
title: "Premium Maintenance",
description: "All-inclusive maintenance and support ensures a worry-free driving experience.",
},
title: "Premium Maintenance", description: "All-inclusive maintenance and support ensures a worry-free driving experience."},
]}
imageSrc="http://img.b2bpic.net/free-photo/it-has-few-special-functions-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16061.jpg"
imageAlt="Modern luxury car showroom interior"
@@ -179,25 +130,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Ultimate Flexibility",
description: "Tailor your rental duration and vehicle to perfectly fit your evolving needs. Easily upgrade or switch cars as life changes.",
imageSrc: "http://img.b2bpic.net/free-photo/view-international-worker-s-day-still-life_23-2150337595.jpg",
imageAlt: "Calendar icon showing flexible dates",
},
title: "Ultimate Flexibility", description: "Tailor your rental duration and vehicle to perfectly fit your evolving needs. Easily upgrade or switch cars as life changes.", imageSrc: "http://img.b2bpic.net/free-photo/view-international-worker-s-day-still-life_23-2150337595.jpg", imageAlt: "Calendar icon showing flexible dates"},
{
title: "Hassle-Free Maintenance",
description: "Enjoy peace of mind with all scheduled maintenance, services, and regular wear-and-tear covered by our plans.",
imageSrc: "http://img.b2bpic.net/free-photo/young-worried-businessman-talking-with-african-american-auto-mechanic-about-costs-car-reparation-auto-repair-shop_637285-4251.jpg",
imageAlt: "Car being serviced by a mechanic",
},
title: "Hassle-Free Maintenance", description: "Enjoy peace of mind with all scheduled maintenance, services, and regular wear-and-tear covered by our plans.", imageSrc: "http://img.b2bpic.net/free-photo/young-worried-businessman-talking-with-african-american-auto-mechanic-about-costs-car-reparation-auto-repair-shop_637285-4251.jpg", imageAlt: "Car being serviced by a mechanic"},
{
title: "Exclusive Fleet Access",
description: "Gain access to a continuously updated fleet of the latest luxury models from top manufacturers. Always drive in style and comfort.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-key-ring-her-new-house_329181-20922.jpg",
imageAlt: "Collection of luxury car keys",
},
title: "Exclusive Fleet Access", description: "Gain access to a continuously updated fleet of the latest luxury models from top manufacturers. Always drive in style and comfort.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-key-ring-her-new-house_329181-20922.jpg", imageAlt: "Collection of luxury car keys"},
]}
title="Why Choose DriveLux for <span class=\"text-primary-cta\">Long-Term Rentals</span>?"
title="Why Choose DriveLux for <span class='text-primary-cta'>Long-Term Rentals</span>?"
description="Unlock a world of benefits designed for your ultimate convenience and satisfaction."
/>
</div>
@@ -210,55 +149,19 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "sedan-luxury",
name: "Executive Sedan",
price: "From $1,200/month",
variant: "Black, Premium Interior",
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-car_23-2149571904.jpg",
imageAlt: "Luxury black sedan",
},
id: "sedan-luxury", name: "Executive Sedan", price: "From $1,200/month", variant: "Black, Premium Interior", imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-car_23-2149571904.jpg", imageAlt: "Luxury black sedan"},
{
id: "suv-premium",
name: "Premium SUV",
price: "From $1,500/month",
variant: "Grey, All-Wheel Drive",
imageSrc: "http://img.b2bpic.net/free-photo/person-preparing-get-driver-license_23-2150167569.jpg",
imageAlt: "Premium grey SUV",
},
id: "suv-premium", name: "Premium SUV", price: "From $1,500/month", variant: "Grey, All-Wheel Drive", imageSrc: "http://img.b2bpic.net/free-photo/person-preparing-get-driver-license_23-2150167569.jpg", imageAlt: "Premium grey SUV"},
{
id: "sport-convertible",
name: "Sport Convertible",
price: "From $1,800/month",
variant: "Red, High-Performance",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlights-modern-red-car_181624-25381.jpg",
imageAlt: "Red sport convertible",
},
id: "sport-convertible", name: "Sport Convertible", price: "From $1,800/month", variant: "Red, High-Performance", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlights-modern-red-car_181624-25381.jpg", imageAlt: "Red sport convertible"},
{
id: "electric-luxury",
name: "Luxury EV",
price: "From $1,400/month",
variant: "White, Eco-Friendly",
imageSrc: "http://img.b2bpic.net/free-photo/electric-cars-parking-lot-charging_23-2148972405.jpg",
imageAlt: "Sleek electric luxury car",
},
id: "electric-luxury", name: "Luxury EV", price: "From $1,400/month", variant: "White, Eco-Friendly", imageSrc: "http://img.b2bpic.net/free-photo/electric-cars-parking-lot-charging_23-2148972405.jpg", imageAlt: "Sleek electric luxury car"},
{
id: "van-executive",
name: "Executive Van",
price: "From $1,600/month",
variant: "Black, 7-Seater",
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434364.jpg",
imageAlt: "Executive black luxury van",
},
id: "van-executive", name: "Executive Van", price: "From $1,600/month", variant: "Black, 7-Seater", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434364.jpg", imageAlt: "Executive black luxury van"},
{
id: "coupe-elegant",
name: "Elegant Coupe",
price: "From $1,350/month",
variant: "White, Sport Package",
imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6793.jpg",
imageAlt: "Elegant white luxury coupe",
},
id: "coupe-elegant", name: "Elegant Coupe", price: "From $1,350/month", variant: "White, Sport Package", imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6793.jpg", imageAlt: "Elegant white luxury coupe"},
]}
title="Our Exclusive <span class=\"text-primary-cta\">Rental Fleet</span>"
title="Our Exclusive <span class='text-primary-cta'>Rental Fleet</span>"
description="Explore a diverse selection of premium vehicles, perfect for any long-term need, from daily commutes to grand adventures."
/>
</div>
@@ -270,44 +173,20 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "standard",
badge: "Standard",
price: "$1,199/month",
subtitle: "Ideal for personal long-term use",
features: [
"Standard vehicle selection",
"1500 miles/month",
"Basic maintenance included",
"24/7 Roadside assistance",
],
id: "standard", badge: "Standard", price: "$1,199/month", subtitle: "Ideal for personal long-term use", features: [
"Standard vehicle selection", "1500 miles/month", "Basic maintenance included", "24/7 Roadside assistance"],
},
{
id: "premium",
badge: "Premium",
badgeIcon: Sparkles,
price: "$1,799/month",
subtitle: "Enhanced comfort and flexibility",
features: [
"Expanded vehicle options",
"2500 miles/month",
"Full maintenance package",
"Priority support & concierge",
],
id: "premium", badge: "Premium", badgeIcon: Sparkles,
price: "$1,799/month", subtitle: "Enhanced comfort and flexibility", features: [
"Expanded vehicle options", "2500 miles/month", "Full maintenance package", "Priority support & concierge"],
},
{
id: "executive",
badge: "Executive",
price: "$2,499/month",
subtitle: "Unrivaled luxury and service",
features: [
"Access to top-tier luxury fleet",
"Unlimited mileage",
"VIP maintenance & detailing",
"Personal driver option",
],
id: "executive", badge: "Executive", price: "$2,499/month", subtitle: "Unrivaled luxury and service", features: [
"Access to top-tier luxury fleet", "Unlimited mileage", "VIP maintenance & detailing", "Personal driver option"],
},
]}
title="Tailored Plans, Unmatched <span class=\"text-primary-cta\">Value</span>"
title="Tailored Plans, Unmatched <span class='text-primary-cta'>Value</span>"
description="Choose from our flexible long-term rental plans designed to fit your budget and requirements. Each plan offers premium features and dedicated support."
/>
</div>
@@ -320,25 +199,15 @@ export default function LandingPage() {
author="Marcus Thorne, CEO of InnovateCorp"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/man-smiling-with-arms-crossed_1187-3243.jpg",
alt: "Marcus Thorne avatar",
},
src: "http://img.b2bpic.net/free-photo/man-smiling-with-arms-crossed_1187-3243.jpg", alt: "Marcus Thorne avatar"},
{
src: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14270.jpg",
alt: "Sarah Chen avatar",
},
src: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14270.jpg", alt: "Sarah Chen avatar"},
{
src: "http://img.b2bpic.net/free-photo/smiling-pretty-blonde-slavic-woman-looks-front-isolated-orange-wall_141793-65778.jpg",
alt: "David Lee avatar",
},
src: "http://img.b2bpic.net/free-photo/smiling-pretty-blonde-slavic-woman-looks-front-isolated-orange-wall_141793-65778.jpg", alt: "David Lee avatar"},
{
src: "http://img.b2bpic.net/free-photo/male-white-shirt-holds-photo-camera-isolated-grey_613910-463.jpg",
alt: "Emily White avatar",
},
src: "http://img.b2bpic.net/free-photo/male-white-shirt-holds-photo-camera-isolated-grey_613910-463.jpg", alt: "Emily White avatar"},
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
alt: "John Smith avatar",
},
src: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg", alt: "John Smith avatar"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -350,15 +219,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Google",
"Microsoft",
"Amazon",
"Tesla",
"BMW",
"Mercedes-Benz",
"Audi",
]}
title="Trusted by Discerning <span class=\"text-primary-cta\">Clients</span>"
"Google", "Microsoft", "Amazon", "Tesla", "BMW", "Mercedes-Benz", "Audi"]}
title="Trusted by Discerning <span class='text-primary-cta'>Clients</span>"
description="Our commitment to excellence has earned the trust of leading businesses and individuals."
/>
</div>
@@ -368,22 +230,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq-1",
title: "What is the minimum rental period for long-term rentals?",
content: "Our minimum long-term rental period is typically 3 months, with options to extend for several years. We offer flexible terms to suit your specific needs.",
},
id: "faq-1", title: "What is the minimum rental period for long-term rentals?", content: "Our minimum long-term rental period is typically 3 months, with options to extend for several years. We offer flexible terms to suit your specific needs."},
{
id: "faq-2",
title: "Is maintenance included in the long-term rental price?",
content: "Yes, all scheduled maintenance, routine services, and wear-and-tear repairs are comprehensively included in your monthly rental fee for a worry-free experience.",
},
id: "faq-2", title: "Is maintenance included in the long-term rental price?", content: "Yes, all scheduled maintenance, routine services, and wear-and-tear repairs are comprehensively included in your monthly rental fee for a worry-free experience."},
{
id: "faq-3",
title: "Can I switch vehicles during my rental period?",
content: "Depending on your chosen plan, vehicle upgrades or changes may be available. Please consult with your dedicated account manager for more details and options.",
},
id: "faq-3", title: "Can I switch vehicles during my rental period?", content: "Depending on your chosen plan, vehicle upgrades or changes may be available. Please consult with your dedicated account manager for more details and options."},
]}
sideTitle="Frequently Asked <span class=\"text-primary-cta\">Questions</span>"
sideTitle="Frequently Asked <span class='text-primary-cta'>Questions</span>"
sideDescription="Find quick answers to the most common inquiries about our long-term car rental services and policies."
faqsAnimation="slide-up"
textPosition="left"
@@ -394,10 +247,9 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Connect with Us"
title="Start Your Long-Term Rental <span class=\"text-primary-cta\">Journey</span>"
title="Start Your Long-Term Rental <span class='text-primary-cta'>Journey</span>"
description="Our team is ready to help you find the perfect vehicle and plan. Get a personalized quote today."
inputPlaceholder="Enter your email"
buttonText="Get a Quote"
@@ -407,72 +259,47 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterMedia
videoSrc="http://img.b2bpic.net/free-photo/medium-shot-blurry-people-working-as-team_23-2149307825.jpg?_wi=1"
videoSrc="http://img.b2bpic.net/free-photo/medium-shot-blurry-people-working-as-team_23-2149307825.jpg"
videoAriaLabel="Luxury car driving on a scenic road"
logoText="DriveLux Rentals"
columns={[
{
title: "Quick Links",
items: [
title: "Quick Links", items: [
{
label: "Home",
href: "#home",
},
label: "Home", href: "#home"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Fleet",
href: "#fleet",
},
label: "Fleet", href: "#fleet"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Long-Term Rentals",
href: "#offers",
},
label: "Long-Term Rentals", href: "#offers"},
{
label: "Corporate Leases",
href: "#",
},
label: "Corporate Leases", href: "#"},
{
label: "Personalized Consulting",
href: "#",
},
label: "Personalized Consulting", href: "#"},
{
label: "Maintenance Plans",
href: "#",
},
label: "Maintenance Plans", 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: "Disclaimer",
href: "#",
},
label: "Disclaimer", href: "#"},
],
},
]}
copyrightText="© 2024 DriveLux Rentals. All rights reserved."
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-blurry-people-working-as-team_23-2149307825.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-blurry-people-working-as-team_23-2149307825.jpg"
imageAlt="luxury car driving at sunset video"
/>
</div>