Merge version_1 into main #2
320
src/app/page.tsx
320
src/app/page.tsx
@@ -33,26 +33,11 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "Fleet", id: "products" },
|
||||||
id: "hero",
|
{ name: "Pricing", id: "pricing" },
|
||||||
},
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "Fleet",
|
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Pricing",
|
|
||||||
id: "pricing",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Testimonials",
|
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="EliteDrive"
|
brandName="EliteDrive"
|
||||||
/>
|
/>
|
||||||
@@ -60,68 +45,26 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplit
|
<HeroSplit
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
title="Drive Excellence Every Mile"
|
title="Drive Excellence Every Mile"
|
||||||
description="Experience unparalleled comfort and performance with our curated collection of premium luxury vehicles."
|
description="Experience unparalleled comfort and performance with our curated collection of premium luxury vehicles."
|
||||||
buttons={[
|
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||||
{
|
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139322.jpg"
|
||||||
text: "Book Now",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139322.jpg?_wi=1"
|
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139396.jpg", alt: "Happy client 1" },
|
||||||
src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139396.jpg",
|
{ src: "http://img.b2bpic.net/free-photo/rear-view-car-road_1160-183.jpg", alt: "Happy client 2" },
|
||||||
alt: "Happy client 1",
|
{ src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139118.jpg", alt: "Happy client 3" },
|
||||||
},
|
{ src: "http://img.b2bpic.net/free-photo/blurred-background_23-2148164693.jpg", alt: "Happy client 4" },
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/young-girl-with-hat-smiling-camera_23-2148206763.jpg", alt: "Happy client 5" },
|
||||||
src: "http://img.b2bpic.net/free-photo/rear-view-car-road_1160-183.jpg",
|
|
||||||
alt: "Happy client 2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139118.jpg",
|
|
||||||
alt: "Happy client 3",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/blurred-background_23-2148164693.jpg",
|
|
||||||
alt: "Happy client 4",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-girl-with-hat-smiling-camera_23-2148206763.jpg",
|
|
||||||
alt: "Happy client 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Trusted by 15k+ luxury drivers"
|
avatarText="Trusted by 15k+ luxury drivers"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{ type: "text-icon", text: "24/7 Concierge", icon: Headphones },
|
||||||
type: "text-icon",
|
{ type: "text-icon", text: "Global Fleet", icon: Globe },
|
||||||
text: "24/7 Concierge",
|
{ type: "text-icon", text: "Instant Booking", icon: Zap },
|
||||||
icon: Headphones,
|
{ type: "text-icon", text: "Premium Insurance", icon: ShieldCheck },
|
||||||
},
|
{ type: "text-icon", text: "Elite Support", icon: Star },
|
||||||
{
|
|
||||||
type: "text-icon",
|
|
||||||
text: "Global Fleet",
|
|
||||||
icon: Globe,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text-icon",
|
|
||||||
text: "Instant Booking",
|
|
||||||
icon: Zap,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text-icon",
|
|
||||||
text: "Premium Insurance",
|
|
||||||
icon: ShieldCheck,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text-icon",
|
|
||||||
text: "Elite Support",
|
|
||||||
icon: Star,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -134,7 +77,7 @@ export default function LandingPage() {
|
|||||||
description="We believe your journey should be as spectacular as your destination. Every vehicle is inspected to the highest standards."
|
description="We believe your journey should be as spectacular as your destination. Every vehicle is inspected to the highest standards."
|
||||||
subdescription="With a global presence and concierge service, we put your convenience first."
|
subdescription="With a global presence and concierge service, we put your convenience first."
|
||||||
icon={Shield}
|
icon={Shield}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/driving-with-gps-road-view-from-car-navigation-through-forest_169016-68706.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/driving-with-gps-road-view-from-car-navigation-through-forest_169016-68706.jpg"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -146,28 +89,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "24/7 Concierge",
|
title: "24/7 Concierge", description: "Round-the-clock support.", bentoComponent: "reveal-icon", icon: Headphones
|
||||||
description: "Round-the-clock support.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Headphones,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/car-volume-knob-multimedia-controller-auto-textured-adjustment-wheel_169016-68661.jpg",
|
|
||||||
imageAlt: "Car volume knob multimedia controller auto textured adjustment wheel",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Global Fleet",
|
title: "Global Fleet", description: "Premium cars worldwide.", bentoComponent: "reveal-icon", icon: Globe
|
||||||
description: "Premium cars worldwide.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Globe,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139322.jpg?_wi=2",
|
|
||||||
imageAlt: "Car volume knob multimedia controller auto textured adjustment wheel",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Instant Booking",
|
title: "Instant Booking", description: "Fast reservation process.", bentoComponent: "reveal-icon", icon: Zap
|
||||||
description: "Fast reservation process.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Zap,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/driving-with-gps-road-view-from-car-navigation-through-forest_169016-68706.jpg?_wi=2",
|
|
||||||
imageAlt: "Car volume knob multimedia controller auto textured adjustment wheel",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Why Choose EliteDrive"
|
title="Why Choose EliteDrive"
|
||||||
@@ -179,44 +107,15 @@ export default function LandingPage() {
|
|||||||
<ProductCardThree
|
<ProductCardThree
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
gridVariant="bento-grid"
|
gridVariant="bento-grid"
|
||||||
|
animationType="slide-up"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "p1", name: "Luxury Sedan X", price: "$299/day", imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg" },
|
||||||
id: "p1",
|
{ id: "p2", name: "Sports Coupe GT", price: "$450/day", imageSrc: "http://img.b2bpic.net/free-photo/black-sport-car-back-vire-motor-gas-pipes-blank-space-registration-number_114579-1167.jpg" },
|
||||||
name: "Luxury Sedan X",
|
{ id: "p3", name: "Executive SUV", price: "$380/day", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-by-white-car_1303-16415.jpg" },
|
||||||
price: "$299/day",
|
{ id: "p4", name: "Convertible V8", price: "$520/day", imageSrc: "http://img.b2bpic.net/free-photo/happy-groom-near-car_8353-61.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg",
|
{ id: "p5", name: "Hybrid Elegance", price: "$250/day", imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1157-35447.jpg" },
|
||||||
},
|
{ id: "p6", name: "Supercar Sport", price: "$899/day", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32023.jpg" },
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
name: "Sports Coupe GT",
|
|
||||||
price: "$450/day",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/black-sport-car-back-vire-motor-gas-pipes-blank-space-registration-number_114579-1167.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
name: "Executive SUV",
|
|
||||||
price: "$380/day",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-by-white-car_1303-16415.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p4",
|
|
||||||
name: "Convertible V8",
|
|
||||||
price: "$520/day",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-groom-near-car_8353-61.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p5",
|
|
||||||
name: "Hybrid Elegance",
|
|
||||||
price: "$250/day",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1157-35447.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
name: "Supercar Sport",
|
|
||||||
price: "$899/day",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32023.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Premium Fleet"
|
title="Our Premium Fleet"
|
||||||
description="Selection of world-class automobiles for your next adventure."
|
description="Selection of world-class automobiles for your next adventure."
|
||||||
@@ -230,51 +129,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "basic",
|
id: "basic", badge: "Daily", price: "$299", subtitle: "For short urban trips.", features: ["Full insurance", "24/7 support"],
|
||||||
badge: "Daily",
|
buttons: [{ text: "Select" }]
|
||||||
price: "$299",
|
|
||||||
subtitle: "For short urban trips.",
|
|
||||||
features: [
|
|
||||||
"Full insurance",
|
|
||||||
"24/7 support",
|
|
||||||
],
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
text: "Select",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "weekly",
|
id: "weekly", badge: "Weekly", price: "$1,800", subtitle: "Perfect for getaways.", features: ["Full insurance", "Priority status", "No mileage limit"],
|
||||||
badge: "Weekly",
|
buttons: [{ text: "Select" }]
|
||||||
price: "$1,800",
|
|
||||||
subtitle: "Perfect for getaways.",
|
|
||||||
features: [
|
|
||||||
"Full insurance",
|
|
||||||
"Priority status",
|
|
||||||
"No mileage limit",
|
|
||||||
],
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
text: "Select",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "monthly",
|
id: "monthly", badge: "Monthly", price: "$6,500", subtitle: "Total flexibility.", features: ["VIP concierge", "Airport pickup", "Replacement car"],
|
||||||
badge: "Monthly",
|
buttons: [{ text: "Select" }]
|
||||||
price: "$6,500",
|
|
||||||
subtitle: "Total flexibility.",
|
|
||||||
features: [
|
|
||||||
"VIP concierge",
|
|
||||||
"Airport pickup",
|
|
||||||
"Replacement car",
|
|
||||||
],
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
text: "Select",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Rental Packages"
|
title="Rental Packages"
|
||||||
@@ -288,30 +152,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "15k+", title: "Happy Clients", items: ["Global satisfaction"] },
|
||||||
id: "m1",
|
{ id: "m2", value: "50+", title: "Cities Served", items: ["Worldwide presence"] },
|
||||||
value: "15k+",
|
{ id: "m3", value: "99%", title: "Vehicle Rating", items: ["5-star performance"] },
|
||||||
title: "Happy Clients",
|
|
||||||
items: [
|
|
||||||
"Global satisfaction",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
value: "50+",
|
|
||||||
title: "Cities Served",
|
|
||||||
items: [
|
|
||||||
"Worldwide presence",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
value: "99%",
|
|
||||||
title: "Vehicle Rating",
|
|
||||||
items: [
|
|
||||||
"5-star performance",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Global Excellence"
|
title="Global Excellence"
|
||||||
description="Numbers that define our premium standard."
|
description="Numbers that define our premium standard."
|
||||||
@@ -322,31 +165,11 @@ export default function LandingPage() {
|
|||||||
<TestimonialCardTwelve
|
<TestimonialCardTwelve
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-happy_1298-197.jpg" },
|
||||||
id: "1",
|
{ id: "2", name: "Michael K.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg" },
|
||||||
name: "Sarah J.",
|
{ id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-fashionable-attractive-woman-smiles-broadly-wears-sunglasses-sweatshirt-jacket-strolls-street-modern-city-being-good-mood-enjoys-leisure-time_273609-55766.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-happy_1298-197.jpg",
|
{ id: "4", name: "David C.", imageSrc: "http://img.b2bpic.net/free-photo/positive-young-businesswoman-pointing-camera_1262-5406.jpg" },
|
||||||
},
|
{ id: "5", name: "Anna V.", imageSrc: "http://img.b2bpic.net/free-photo/positive-female-camper-has-picnic-holds-roasted-marshmallow-prepares-barbecie-wears-headmalp-jacket-carries-heavy-backpack-isolated-dark-green-background-tourism-camping-concept_273609-62667.jpg" },
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Michael K.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Emily R.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-fashionable-attractive-woman-smiles-broadly-wears-sunglasses-sweatshirt-jacket-strolls-street-modern-city-being-good-mood-enjoys-leisure-time_273609-55766.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "David C.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-businesswoman-pointing-camera_1262-5406.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Anna V.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-female-camper-has-picnic-holds-roasted-marshmallow-prepares-barbecie-wears-headmalp-jacket-carries-heavy-backpack-isolated-dark-green-background-tourism-camping-concept_273609-62667.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
cardTitle="What Clients Say"
|
cardTitle="What Clients Say"
|
||||||
cardTag="Reviews"
|
cardTag="Reviews"
|
||||||
@@ -359,21 +182,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "q1", title: "Is insurance included?", content: "Yes, all rentals include premium coverage." },
|
||||||
id: "q1",
|
{ id: "q2", title: "Do I need an IDP?", content: "An International Driving Permit is required for non-domestic rentals." },
|
||||||
title: "Is insurance included?",
|
{ id: "q3", title: "Can I cancel?", content: "Cancellations are free until 48 hours before pickup." },
|
||||||
content: "Yes, all rentals include premium coverage.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q2",
|
|
||||||
title: "Do I need an IDP?",
|
|
||||||
content: "An International Driving Permit is required for non-domestic rentals.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q3",
|
|
||||||
title: "Can I cancel?",
|
|
||||||
content: "Cancellations are free until 48 hours before pickup.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Common Questions"
|
title="Common Questions"
|
||||||
description="Find everything you need to know about our rental process."
|
description="Find everything you need to know about our rental process."
|
||||||
@@ -384,16 +195,9 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "rotated-rays-animated" }}
|
||||||
variant: "rotated-rays-animated",
|
|
||||||
}}
|
|
||||||
text="Ready to book your premium experience? Our team is waiting to assist you with a bespoke rental solution."
|
text="Ready to book your premium experience? Our team is waiting to assist you with a bespoke rental solution."
|
||||||
buttons={[
|
buttons={[{ text: "Contact Us Now", href: "mailto:hello@elitedrive.com" }]}
|
||||||
{
|
|
||||||
text: "Contact Us Now",
|
|
||||||
href: "mailto:hello@elitedrive.com",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -401,32 +205,8 @@ export default function LandingPage() {
|
|||||||
<FooterBaseReveal
|
<FooterBaseReveal
|
||||||
logoText="EliteDrive"
|
logoText="EliteDrive"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Services", items: [{ label: "Fleet", href: "#products" }, { label: "Pricing", href: "#pricing" }] },
|
||||||
title: "Services",
|
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Fleet",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Pricing",
|
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Terms",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user