bender/38183d0c-f299-4225-a16c-a96038059888
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-09 11:00:12 +00:00
parent a50517a0f9
commit 51ae3b58a6
1 changed files with 50 additions and 270 deletions
Download Patch File Download Diff File Expand all files Collapse all files

320
src/app/page.tsx
View File

@@ -33,26 +33,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Fleet",
id: "products",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Fleet", id: "products" },
{ name: "Pricing", id: "pricing" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="EliteDrive"
/>
@@ -60,68 +45,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Drive Excellence Every Mile"
description="Experience unparalleled comfort and performance with our curated collection of premium luxury vehicles."
buttons={[
{
text: "Book Now",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139322.jpg?_wi=1"
buttons={[{ text: "Book Now", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139322.jpg"
mediaAnimation="slide-up"
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/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",
},
{ src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139396.jpg", alt: "Happy client 1" },
{ 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"
marqueeItems={[
{
type: "text-icon",
text: "24/7 Concierge",
icon: Headphones,
},
{
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,
},
{ type: "text-icon", text: "24/7 Concierge", icon: Headphones },
{ 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>
@@ -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."
subdescription="With a global presence and concierge service, we put your convenience first."
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"
/>
</div>
@@ -146,28 +89,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "24/7 Concierge",
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: "24/7 Concierge", description: "Round-the-clock support.", bentoComponent: "reveal-icon", icon: Headphones
},
{
title: "Global Fleet",
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: "Global Fleet", description: "Premium cars worldwide.", bentoComponent: "reveal-icon", icon: Globe
},
{
title: "Instant Booking",
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: "Instant Booking", description: "Fast reservation process.", bentoComponent: "reveal-icon", icon: Zap
},
]}
title="Why Choose EliteDrive"
@@ -179,44 +107,15 @@ export default function LandingPage() {
<ProductCardThree
textboxLayout="split"
gridVariant="bento-grid"
animationType="slide-up"
useInvertedBackground={true}
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: "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",
},
{ 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: "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"
description="Selection of world-class automobiles for your next adventure."
@@ -230,51 +129,16 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Daily",
price: "$299",
subtitle: "For short urban trips.",
features: [
"Full insurance",
"24/7 support",
],
buttons: [
{
text: "Select",
},
],
id: "basic", badge: "Daily", price: "$299", subtitle: "For short urban trips.", features: ["Full insurance", "24/7 support"],
buttons: [{ text: "Select" }]
},
{
id: "weekly",
badge: "Weekly",
price: "$1,800",
subtitle: "Perfect for getaways.",
features: [
"Full insurance",
"Priority status",
"No mileage limit",
],
buttons: [
{
text: "Select",
},
],
id: "weekly", badge: "Weekly", price: "$1,800", subtitle: "Perfect for getaways.", features: ["Full insurance", "Priority status", "No mileage limit"],
buttons: [{ text: "Select" }]
},
{
id: "monthly",
badge: "Monthly",
price: "$6,500",
subtitle: "Total flexibility.",
features: [
"VIP concierge",
"Airport pickup",
"Replacement car",
],
buttons: [
{
text: "Select",
},
],
id: "monthly", badge: "Monthly", price: "$6,500", subtitle: "Total flexibility.", features: ["VIP concierge", "Airport pickup", "Replacement car"],
buttons: [{ text: "Select" }]
},
]}
title="Rental Packages"
@@ -288,30 +152,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "15k+",
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",
],
},
{ id: "m1", value: "15k+", 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"
description="Numbers that define our premium standard."
@@ -322,31 +165,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-happy_1298-197.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",
},
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-happy_1298-197.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"
cardTag="Reviews"
@@ -359,21 +182,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Is insurance included?",
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.",
},
{ id: "q1", title: "Is insurance included?", 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"
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">
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-animated",
}}
background={{ variant: "rotated-rays-animated" }}
text="Ready to book your premium experience? Our team is waiting to assist you with a bespoke rental solution."
buttons={[
{
text: "Contact Us Now",
href: "mailto:hello@elitedrive.com",
},
]}
buttons={[{ text: "Contact Us Now", href: "mailto:hello@elitedrive.com" }]}
/>
</div>
@@ -401,32 +205,8 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="EliteDrive"
columns={[
{
title: "Services",
items: [
{
label: "Fleet",
href: "#products",
},
{
label: "Pricing",
href: "#pricing",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{ title: "Services", items: [{ label: "Fleet", href: "#products" }, { label: "Pricing", href: "#pricing" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
]}
/>
</div>