Merge version_1 into main #2
275
src/app/page.tsx
275
src/app/page.tsx
@@ -25,8 +25,7 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Fleet", href: "/fleet" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
@@ -34,8 +33,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Daily Rentals", href: "/booking" },
|
||||
{ label: "Weekly Packages", href: "/pricing" },
|
||||
{ label: "Monthly Plans", href: "/pricing" },
|
||||
@@ -43,8 +41,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Help Center", href: "/contact" },
|
||||
{ label: "Booking Changes", href: "/contact" },
|
||||
@@ -52,8 +49,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Insurance Info", href: "#" },
|
||||
@@ -69,7 +65,7 @@ export default function HomePage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="fluid"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -90,40 +86,20 @@ export default function HomePage() {
|
||||
description="Rent premium vehicles for unforgettable journeys. From sleek sports cars to elegant luxury sedans, discover the perfect ride for your adventure."
|
||||
tag="Premium Vehicles"
|
||||
tagIcon={Zap}
|
||||
background={{ variant: "fluid" }}
|
||||
background={{ variant: "plain" }}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Mitchell",
|
||||
handle: "Travel Enthusiast",
|
||||
testimonial: "The smoothest rental experience I've had. Exceptional service!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-20652.jpg",
|
||||
imageAlt: "female travel enthusiast portrait professional",
|
||||
},
|
||||
name: "Sarah Mitchell", handle: "Travel Enthusiast", testimonial: "The smoothest rental experience I've had. Exceptional service!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-20652.jpg", imageAlt: "female travel enthusiast portrait professional"},
|
||||
{
|
||||
name: "James Chen",
|
||||
handle: "Business Executive",
|
||||
testimonial: "Premium vehicles and professional service. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
|
||||
imageAlt: "male business executive portrait professional",
|
||||
},
|
||||
name: "James Chen", handle: "Business Executive", testimonial: "Premium vehicles and professional service. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg", imageAlt: "male business executive portrait professional"},
|
||||
{
|
||||
name: "Emma Rodriguez",
|
||||
handle: "Luxury Traveler",
|
||||
testimonial: "LUXURIA sets the standard for car rental excellence.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",
|
||||
imageAlt: "female luxury traveler portrait elegant",
|
||||
},
|
||||
name: "Emma Rodriguez", handle: "Luxury Traveler", testimonial: "LUXURIA sets the standard for car rental excellence.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", imageAlt: "female luxury traveler portrait elegant"},
|
||||
{
|
||||
name: "David Park",
|
||||
handle: "Event Planner",
|
||||
testimonial: "Perfect cars for every occasion. Flawless execution.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-christian-man-church_23-2149344160.jpg",
|
||||
imageAlt: "male event planner portrait professional",
|
||||
},
|
||||
name: "David Park", handle: "Event Planner", testimonial: "Perfect cars for every occasion. Flawless execution.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-christian-man-church_23-2149344160.jpg", imageAlt: "male event planner portrait professional"},
|
||||
]}
|
||||
testimonialRotationInterval={5000}
|
||||
useInvertedBackground={false}
|
||||
@@ -152,58 +128,22 @@ export default function HomePage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Lamborghini Huracán",
|
||||
price: "$599/day",
|
||||
variant: "Red • High Performance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32023.jpg?_wi=1",
|
||||
imageAlt: "Lamborghini Huracán red sports car",
|
||||
isFavorited: false,
|
||||
id: "1", name: "Lamborghini Huracán", price: "$599/day", variant: "Red • High Performance", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32023.jpg", imageAlt: "Lamborghini Huracán red sports car", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mercedes-Benz S-Class",
|
||||
price: "$349/day",
|
||||
variant: "Pearl White • Executive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-18975.jpg?_wi=1",
|
||||
imageAlt: "Mercedes-Benz S-Class white luxury sedan",
|
||||
isFavorited: false,
|
||||
id: "2", name: "Mercedes-Benz S-Class", price: "$349/day", variant: "Pearl White • Executive", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-18975.jpg", imageAlt: "Mercedes-Benz S-Class white luxury sedan", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "BMW M440i",
|
||||
price: "$299/day",
|
||||
variant: "Black • Performance Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-standing-near-car_158595-1159.jpg?_wi=1",
|
||||
imageAlt: "BMW M440i black luxury coupe",
|
||||
isFavorited: false,
|
||||
id: "3", name: "BMW M440i", price: "$299/day", variant: "Black • Performance Luxury", imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-standing-near-car_158595-1159.jpg", imageAlt: "BMW M440i black luxury coupe", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Porsche 911 Carrera",
|
||||
price: "$699/day",
|
||||
variant: "Silver • Sports Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlight-modern-luxury-car_181624-23587.jpg?_wi=1",
|
||||
imageAlt: "Porsche 911 Carrera silver supercar",
|
||||
isFavorited: false,
|
||||
id: "4", name: "Porsche 911 Carrera", price: "$699/day", variant: "Silver • Sports Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlight-modern-luxury-car_181624-23587.jpg", imageAlt: "Porsche 911 Carrera silver supercar", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Audi A8 L",
|
||||
price: "$379/day",
|
||||
variant: "Midnight Blue • Elegant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-talking-phone-by-his-car_1303-23040.jpg?_wi=1",
|
||||
imageAlt: "Audi A8 L midnight blue luxury sedan",
|
||||
isFavorited: false,
|
||||
id: "5", name: "Audi A8 L", price: "$379/day", variant: "Midnight Blue • Elegant", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-talking-phone-by-his-car_1303-23040.jpg", imageAlt: "Audi A8 L midnight blue luxury sedan", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Range Rover Velar",
|
||||
price: "$449/day",
|
||||
variant: "Graphite • Premium SUV",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-delivering-bouquet-beautiful-flowers_1303-20891.jpg?_wi=1",
|
||||
imageAlt: "Range Rover Velar graphite luxury SUV",
|
||||
isFavorited: false,
|
||||
id: "6", name: "Range Rover Velar", price: "$449/day", variant: "Graphite • Premium SUV", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-delivering-bouquet-beautiful-flowers_1303-20891.jpg", imageAlt: "Range Rover Velar graphite luxury SUV", isFavorited: false,
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View All Vehicles", href: "/fleet" }]}
|
||||
@@ -221,21 +161,11 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Limited vehicle selection",
|
||||
"Standard maintenance schedules",
|
||||
"Impersonal booking experience",
|
||||
"Generic customer support",
|
||||
"Hidden fees and charges",
|
||||
],
|
||||
"Limited vehicle selection", "Standard maintenance schedules", "Impersonal booking experience", "Generic customer support", "Hidden fees and charges"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Curated luxury fleet",
|
||||
"Daily professional detailing",
|
||||
"Personalized concierge service",
|
||||
"24/7 premium support team",
|
||||
"Transparent all-inclusive pricing",
|
||||
],
|
||||
"Curated luxury fleet", "Daily professional detailing", "Personalized concierge service", "24/7 premium support team", "Transparent all-inclusive pricing"],
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
@@ -249,7 +179,7 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Start Booking", href: "/booking" }]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169862.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169862.jpg"
|
||||
imageAlt="Streamlined booking interface"
|
||||
/>
|
||||
</div>
|
||||
@@ -265,32 +195,14 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alexander Thompson",
|
||||
role: "Luxury Travel Advisor",
|
||||
company: "Elite Journeys",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-wearing-fashion-eyeglasses-stylish-suit-sitting-sofa-modern-studio_496169-1399.jpg?_wi=1",
|
||||
imageAlt: "luxury travel advisor professional portrait",
|
||||
},
|
||||
id: "1", name: "Alexander Thompson", role: "Luxury Travel Advisor", company: "Elite Journeys", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-wearing-fashion-eyeglasses-stylish-suit-sitting-sofa-modern-studio_496169-1399.jpg", imageAlt: "luxury travel advisor professional portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Victoria Laurent",
|
||||
role: "CEO",
|
||||
company: "Prestige Events",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-with-coffee-cup_23-2149429379.jpg?_wi=1",
|
||||
imageAlt: "female CEO executive portrait professional",
|
||||
},
|
||||
id: "2", name: "Victoria Laurent", role: "CEO", company: "Prestige Events", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-with-coffee-cup_23-2149429379.jpg", imageAlt: "female CEO executive portrait professional"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Williams",
|
||||
role: "Entrepreneur",
|
||||
company: "Global Ventures",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg?_wi=1",
|
||||
imageAlt: "male entrepreneur portrait business successful",
|
||||
},
|
||||
id: "3", name: "Marcus Williams", role: "Entrepreneur", company: "Global Ventures", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg", imageAlt: "male entrepreneur portrait business successful"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "5,000+", label: "Happy Customers" },
|
||||
@@ -311,52 +223,19 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "daily",
|
||||
tag: "Daily Rental",
|
||||
price: "from $299",
|
||||
period: "/day",
|
||||
description: "Perfect for weekend getaways and short trips. All-inclusive premium experience.",
|
||||
button: { text: "Book Daily", href: "/booking" },
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Unlimited mileage",
|
||||
"Full insurance coverage",
|
||||
"24/7 roadside assistance",
|
||||
"Premium fuel included",
|
||||
"Vehicle swap option",
|
||||
],
|
||||
id: "daily", tag: "Daily Rental", price: "from $299", period: "/day", description: "Perfect for weekend getaways and short trips. All-inclusive premium experience.", button: { text: "Book Daily", href: "/booking" },
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Unlimited mileage", "Full insurance coverage", "24/7 roadside assistance", "Premium fuel included", "Vehicle swap option"],
|
||||
},
|
||||
{
|
||||
id: "weekly",
|
||||
tag: "Weekly Rental",
|
||||
price: "$1,890",
|
||||
period: "/week",
|
||||
description: "Ideal for extended journeys. Save 10% compared to daily rates.",
|
||||
button: { text: "Book Weekly", href: "/booking" },
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"All daily benefits",
|
||||
"Airport concierge service",
|
||||
"Complimentary vehicle upgrade",
|
||||
"Priority customer support",
|
||||
"Flexible cancellation",
|
||||
],
|
||||
id: "weekly", tag: "Weekly Rental", price: "$1,890", period: "/week", description: "Ideal for extended journeys. Save 10% compared to daily rates.", button: { text: "Book Weekly", href: "/booking" },
|
||||
featuresTitle: "Includes:", features: [
|
||||
"All daily benefits", "Airport concierge service", "Complimentary vehicle upgrade", "Priority customer support", "Flexible cancellation"],
|
||||
},
|
||||
{
|
||||
id: "monthly",
|
||||
tag: "Monthly Rental",
|
||||
price: "$6,890",
|
||||
period: "/month",
|
||||
description: "Maximum value for long-term rentals. Save 25% and enjoy executive perks.",
|
||||
button: { text: "Book Monthly", href: "/booking" },
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"All weekly benefits",
|
||||
"Personal dedicated concierge",
|
||||
"Monthly vehicle rotation",
|
||||
"Executive lounge access",
|
||||
"VIP event invitations",
|
||||
],
|
||||
id: "monthly", tag: "Monthly Rental", price: "$6,890", period: "/month", description: "Maximum value for long-term rentals. Save 25% and enjoy executive perks.", button: { text: "Book Monthly", href: "/booking" },
|
||||
featuresTitle: "Includes:", features: [
|
||||
"All weekly benefits", "Personal dedicated concierge", "Monthly vehicle rotation", "Executive lounge access", "VIP event invitations"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -370,15 +249,7 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Forbes Travel",
|
||||
"Luxury Magazine",
|
||||
"Prestige Hotels",
|
||||
"Elite Events Co",
|
||||
"Luxury Concierge",
|
||||
"Premium Travel Club",
|
||||
"Wealth Partners",
|
||||
"Exclusive Rentals",
|
||||
]}
|
||||
"Forbes Travel", "Luxury Magazine", "Prestige Hotels", "Elite Events Co", "Luxury Concierge", "Premium Travel Club", "Wealth Partners", "Exclusive Rentals"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -396,41 +267,23 @@ export default function HomePage() {
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is the minimum age requirement?",
|
||||
content:
|
||||
"Drivers must be at least 25 years old with a valid driver's license held for a minimum of 3 years. We offer a young driver fee for ages 21-24.",
|
||||
},
|
||||
id: "1", title: "What is the minimum age requirement?", content:
|
||||
"Drivers must be at least 25 years old with a valid driver's license held for a minimum of 3 years. We offer a young driver fee for ages 21-24."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are insurance and maintenance included?",
|
||||
content:
|
||||
"Yes! All rental packages include comprehensive insurance coverage, regular maintenance, and 24/7 roadside assistance. There are no hidden fees.",
|
||||
},
|
||||
id: "2", title: "Are insurance and maintenance included?", content:
|
||||
"Yes! All rental packages include comprehensive insurance coverage, regular maintenance, and 24/7 roadside assistance. There are no hidden fees."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I modify or cancel my reservation?",
|
||||
content:
|
||||
"Absolutely. You can modify or cancel your reservation up to 48 hours before your rental date for a full refund. Cancellations within 48 hours may incur a fee.",
|
||||
},
|
||||
id: "3", title: "Can I modify or cancel my reservation?", content:
|
||||
"Absolutely. You can modify or cancel your reservation up to 48 hours before your rental date for a full refund. Cancellations within 48 hours may incur a fee."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What payment methods do you accept?",
|
||||
content:
|
||||
"We accept all major credit cards (Visa, Mastercard, American Express), bank transfers, and digital wallets. A security deposit is required at booking.",
|
||||
},
|
||||
id: "4", title: "What payment methods do you accept?", content:
|
||||
"We accept all major credit cards (Visa, Mastercard, American Express), bank transfers, and digital wallets. A security deposit is required at booking."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Do you offer delivery to airports?",
|
||||
content:
|
||||
"Yes, we provide complimentary vehicle delivery to major airports. Our concierge team coordinates pickup details directly with you.",
|
||||
},
|
||||
id: "5", title: "Do you offer delivery to airports?", content:
|
||||
"Yes, we provide complimentary vehicle delivery to major airports. Our concierge team coordinates pickup details directly with you."},
|
||||
{
|
||||
id: "6",
|
||||
title: "What happens if I exceed mileage limits?",
|
||||
content:
|
||||
"All our rental plans include unlimited mileage. Drive as much as you want—there are no overage charges or mileage restrictions.",
|
||||
},
|
||||
id: "6", title: "What happens if I exceed mileage limits?", content:
|
||||
"All our rental plans include unlimited mileage. Drive as much as you want—there are no overage charges or mileage restrictions."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -440,41 +293,27 @@ export default function HomePage() {
|
||||
title="Get in Touch"
|
||||
description="Have questions about our vehicles or services? Our luxury concierge team is ready to assist. Contact us today."
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292841.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292841.jpg"
|
||||
imageAlt="Luxury concierge service"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Message"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
{
|
||||
name: "vehicleInterest",
|
||||
type: "text",
|
||||
placeholder: "Vehicle of Interest",
|
||||
required: false,
|
||||
name: "vehicleInterest", type: "text", placeholder: "Vehicle of Interest", required: false,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your rental inquiry...",
|
||||
rows: 5,
|
||||
name: "message", placeholder: "Tell us about your rental inquiry...", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user