296 lines
18 KiB
TypeScript
296 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { Award, Calendar, CheckCircle, DollarSign, HelpCircle, Navigation, Shield, Sparkles, Star } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="LuxeFleet"
|
|
navItems={[
|
|
{ name: "Fleet", id: "fleet" },
|
|
{ name: "How It Works", id: "booking" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Reviews", id: "testimonials" }
|
|
]}
|
|
button={{ text: "Book Now", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Experience Luxury at Your Fingertips"
|
|
description="Drive premium vehicles with elegance and ease. Handpicked luxury cars available on demand for your most important journeys."
|
|
background={{ variant: "plain" }}
|
|
tag="Premium Fleet"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Browse Fleet", href: "#fleet" },
|
|
{ text: "Book Today", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-electo-car_1303-15004.jpg"
|
|
imageAlt="Luxury sports car in premium setting"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="fleet" data-section="fleet">
|
|
<ProductCardTwo
|
|
title="Our Premium Fleet"
|
|
description="Explore our curated collection of luxury vehicles, each meticulously maintained and inspected to the highest standards."
|
|
tag="Exclusive Vehicles"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", brand: "LuxeFleet", name: "Executive Sedan", price: "$89/day", rating: 5,
|
|
reviewCount: "247", imageSrc: "http://img.b2bpic.net/free-photo/helping-girl-decide-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16078.jpg?_wi=1", imageAlt: "Premium business sedan"
|
|
},
|
|
{
|
|
id: "2", brand: "LuxeFleet", name: "Luxury SUV", price: "$129/day", rating: 5,
|
|
reviewCount: "198", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-security-female-car_23-2148404111.jpg?_wi=1", imageAlt: "High-end luxury SUV"
|
|
},
|
|
{
|
|
id: "3", brand: "LuxeFleet", name: "Premium Convertible", price: "$159/day", rating: 5,
|
|
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-young-beautiful-smiling-hipster-female-convertible-car_158538-17087.jpg?_wi=1", imageAlt: "Luxury convertible sports car"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
title="Why Choose LuxeFleet"
|
|
description="Experience unparalleled service and premium vehicles tailored to your needs."
|
|
tag="Our Advantages"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
title: "Premium Selection", description: "Hand-picked luxury vehicles maintained to the highest standards of elegance and performance.", imageSrc: "http://img.b2bpic.net/free-photo/helping-girl-decide-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16078.jpg?_wi=2", imageAlt: "Premium fleet selection"
|
|
},
|
|
{
|
|
title: "Seamless Booking", description: "Intuitive booking platform with flexible dates, competitive rates, and instant confirmation.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-timeline-infographic-template_23-2148917570.jpg?_wi=1", imageAlt: "Easy booking process"
|
|
},
|
|
{
|
|
title: "24/7 Support", description: "Dedicated concierge service available round-the-clock to assist with any requests or concerns.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-security-female-car_23-2148404111.jpg?_wi=2", imageAlt: "Customer support"
|
|
},
|
|
{
|
|
title: "Transparent Pricing", description: "No hidden fees. All-inclusive rates with insurance, maintenance, and roadside assistance.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-young-beautiful-smiling-hipster-female-convertible-car_158538-17087.jpg?_wi=2", imageAlt: "Pricing details"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="booking" data-section="booking">
|
|
<SplitAbout
|
|
title="How Booking Works"
|
|
description="Get behind the wheel in three simple steps designed for your convenience."
|
|
tag="Simple Process"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imagePosition="right"
|
|
imageSrc="http://img.b2bpic.net/free-vector/gradient-timeline-infographic-template_23-2148917570.jpg?_wi=2"
|
|
imageAlt="Booking process steps"
|
|
mediaAnimation="slide-up"
|
|
bulletPoints={[
|
|
{
|
|
title: "Select & Reserve", description: "Browse our fleet, choose your vehicle, and select your dates with flexible booking options.", icon: Calendar
|
|
},
|
|
{
|
|
title: "Confirm Details", description: "Review pricing, insurance options, and rental terms. Complete verification in minutes.", icon: CheckCircle
|
|
},
|
|
{
|
|
title: "Enjoy Your Ride", description: "Pick up at our premium location or arrange delivery. Drive with confidence and style.", icon: Navigation
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Start Booking", href: "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
title="Transparent Pricing Plans"
|
|
description="Choose the perfect rental plan with flexible options and no hidden charges."
|
|
tag="Affordable Luxury"
|
|
tagIcon={DollarSign}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "daily", tag: "Daily Rental", price: "$89", period: "/day", description: "Perfect for business trips and weekend getaways in our executive sedans.", button: { text: "Book Daily", href: "#contact" },
|
|
featuresTitle: "Includes:", features: [
|
|
"Full insurance coverage", "Unlimited mileage", "24/7 roadside assistance", "Premium fuel included"
|
|
]
|
|
},
|
|
{
|
|
id: "weekly", tag: "Weekly Package", price: "$599", period: "/week", description: "Extended travel with significant savings. Upgrade to luxury SUV or convertible.", button: { text: "Book Weekly", href: "#contact" },
|
|
featuresTitle: "Includes:", features: [
|
|
"All daily features", "Vehicle upgrade option", "Complimentary car wash", "Priority concierge service", "Free airport delivery"
|
|
]
|
|
},
|
|
{
|
|
id: "monthly", tag: "Monthly Subscription", price: "$1,999", period: "/month", description: "Corporate contracts and long-term rentals with premium benefits and flexibility.", button: { text: "Inquire Monthly", href: "#contact" },
|
|
featuresTitle: "Includes:", features: [
|
|
"All weekly features", "Unlimited vehicle swaps", "Personal driver available", "Exclusive VIP benefits", "Dedicated account manager", "Zero damage waiver"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="Trusted by Discerning Clients"
|
|
description="Experience what our satisfied customers have to say about LuxeFleet."
|
|
tag="Client Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "James Richardson, CEO of TechVentures", date: "Date: 15 November 2024", title: "Exceptional Service and Premium Vehicles", quote: "LuxeFleet transformed my business travel experience. The attention to detail, vehicle quality, and seamless booking process are unmatched. I've recommended them to all my executives.", tag: "Premium Plan", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-priest-using-laptop_23-2149284668.jpg", avatarAlt: "James Richardson", imageSrc: "http://img.b2bpic.net/free-photo/helping-girl-decide-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16078.jpg?_wi=3", imageAlt: "Executive sedan"
|
|
},
|
|
{
|
|
id: "2", name: "Victoria Chen, Founder of Elegant Events", date: "Date: 8 December 2024", title: "The Perfect Choice for Special Occasions", quote: "My clients arrived in style thanks to LuxeFleet's convertible. The vehicle was immaculate, the driver professional, and the entire experience exceeded expectations. Absolutely remarkable.", tag: "Premium Plan", avatarSrc: "http://img.b2bpic.net/free-photo/friendly-waitress-with-cup-hot-drink_23-2147775876.jpg", avatarAlt: "Victoria Chen", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-young-beautiful-smiling-hipster-female-convertible-car_158538-17087.jpg?_wi=3", imageAlt: "Premium convertible"
|
|
},
|
|
{
|
|
id: "3", name: "Michael Thompson, Managing Director", date: "Date: 20 November 2024", title: "Reliability Meets Luxury", quote: "Consistently excellent service. Their fleet is impeccably maintained, and their team understands what premium service truly means. I use LuxeFleet for all my rental needs.", tag: "Weekly Plan", avatarSrc: "http://img.b2bpic.net/free-photo/hand-person-wrinkled-staring-manager_1262-2811.jpg", avatarAlt: "Michael Thompson", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-security-female-car_23-2148404111.jpg?_wi=3", imageAlt: "Luxury SUV"
|
|
},
|
|
{
|
|
id: "4", name: "Sophia Martinez, Corporate Travel Manager", date: "Date: 2 December 2024", title: "A Game-Changer for Corporate Travel", quote: "Managing executive travel became effortless with LuxeFleet. Their transparent pricing, flexible booking, and impeccable vehicles make them our go-to partner.", tag: "Monthly Plan", avatarSrc: "http://img.b2bpic.net/free-photo/thoughtful-blond-business-woman-sitting-couch_23-2148095700.jpg", avatarAlt: "Sophia Martinez", imageSrc: "http://img.b2bpic.net/free-photo/helping-girl-decide-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16078.jpg?_wi=4", imageAlt: "Business sedan"
|
|
},
|
|
{
|
|
id: "5", name: "David Park, Luxury Retail Executive", date: "Date: 25 November 2024", title: "Worth Every Dollar", quote: "The value proposition at LuxeFleet is unbeatable. Premium vehicles, white-glove service, and competitive pricing. They've earned my loyalty and that of my colleagues.", tag: "Premium Plan", avatarSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-serious-business-man-suit-looking-work-laptop-white-background_1258-103931.jpg", avatarAlt: "David Park", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-young-beautiful-smiling-hipster-female-convertible-car_158538-17087.jpg?_wi=4", imageAlt: "Luxury convertible"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about renting with LuxeFleet."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What age do I need to be to rent a vehicle?", content: "Drivers must be at least 25 years old with a valid driver's license. International licenses are accepted with proper documentation. We offer competitive rates for drivers aged 21-24 with additional insurance."
|
|
},
|
|
{
|
|
id: "2", title: "What insurance options are available?", content: "All rentals include comprehensive coverage with our premium insurance package. Additional options include damage waiver, liability protection, and personal effects coverage. Full details provided at booking."
|
|
},
|
|
{
|
|
id: "3", title: "Can I cancel or modify my reservation?", content: "Cancel free of charge up to 48 hours before your rental date. Modifications are always welcome at no additional fee if availability permits. Our team works to accommodate all requests."
|
|
},
|
|
{
|
|
id: "4", title: "Do you offer airport delivery and pickup?", content: "Absolutely! Airport delivery and pickup services are available for a small fee. For weekly and monthly plans, delivery is complimentary. We coordinate timing to suit your flight schedules."
|
|
},
|
|
{
|
|
id: "5", title: "Are there mileage restrictions?", content: "Our daily rentals include unlimited mileage nationwide. Weekly and monthly plans also feature unlimited mileage. You drive with complete freedom—no additional charges per mile."
|
|
},
|
|
{
|
|
id: "6", title: "What payment methods do you accept?", content: "We accept all major credit cards, debit cards, and digital payment methods. Corporate invoicing and special payment arrangements available upon request for monthly subscriptions."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to experience luxury on the road? Book your perfect vehicle today and discover why discerning travelers choose LuxeFleet."
|
|
animationType="entrance-slide"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Reserve Your Vehicle", href: "https://booking.luxefleet.com" },
|
|
{ text: "Get in Touch", href: "mailto:concierge@luxefleet.com" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="LuxeFleet"
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#" },
|
|
{ label: "Our Fleet", href: "#fleet" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Daily Rentals", href: "#pricing" },
|
|
{ label: "Corporate Plans", href: "#pricing" },
|
|
{ label: "Airport Service", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Help Center", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Rental Agreement", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 LuxeFleet. All rights reserved. Premium Luxury Car Rentals."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|