Update src/app/page.tsx
This commit is contained in:
298
src/app/page.tsx
298
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Fleet",
|
||||
id: "fleet",
|
||||
},
|
||||
name: "Fleet", id: "fleet"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Membership",
|
||||
id: "membership",
|
||||
},
|
||||
name: "Membership", id: "membership"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="DREAM"
|
||||
/>
|
||||
@@ -56,80 +48,49 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Drive What Others Dream About"
|
||||
description="The most exclusive exotic car collection in Las Vegas — delivered to your door in minutes."
|
||||
kpis={[
|
||||
{
|
||||
value: "1200+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "1200+", label: "Happy Clients"},
|
||||
{
|
||||
value: "4.7/5",
|
||||
label: "Client Rating",
|
||||
},
|
||||
value: "4.7/5", label: "Client Rating"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Availability",
|
||||
},
|
||||
value: "24/7", label: "Availability"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Fleet",
|
||||
href: "#fleet",
|
||||
},
|
||||
text: "Browse Fleet", href: "#fleet"},
|
||||
{
|
||||
text: "Book Instantly",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Instantly", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lady-car_1157-7439.jpg"
|
||||
mediaAnimation="opacity"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-afro-man-beige-old-school-suit-coat-walking-against-black-business-car-fashionable-young-african-male-casual-jacket-bare-torso_627829-4765.jpg",
|
||||
alt: "Client one",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-afro-man-beige-old-school-suit-coat-walking-against-black-business-car-fashionable-young-african-male-casual-jacket-bare-torso_627829-4765.jpg", alt: "Client one"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/just-married-couple-with-their-car_23-2149479849.jpg",
|
||||
alt: "Client two",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/just-married-couple-with-their-car_23-2149479849.jpg", alt: "Client two"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-holding-beautiful-flowers_23-2149540010.jpg",
|
||||
alt: "Client three",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-holding-beautiful-flowers_23-2149540010.jpg", alt: "Client three"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9242.jpg",
|
||||
alt: "Client four",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9242.jpg", alt: "Client four"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-smiling-blonde-russian-girl-puts-hands-chest-looking-side-isolated-orange-background-with-copy-space_141793-65450.jpg",
|
||||
alt: "Client five",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-smiling-blonde-russian-girl-puts-hands-chest-looking-side-isolated-orange-background-with-copy-space_141793-65450.jpg", alt: "Client five"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Lamborghini",
|
||||
},
|
||||
type: "text", text: "Lamborghini"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ferrari",
|
||||
},
|
||||
type: "text", text: "Ferrari"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rolls-Royce",
|
||||
},
|
||||
type: "text", text: "Rolls-Royce"},
|
||||
{
|
||||
type: "text",
|
||||
text: "McLaren",
|
||||
},
|
||||
type: "text", text: "McLaren"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bentley",
|
||||
},
|
||||
type: "text", text: "Bentley"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,41 +103,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Lamborghini Huracán EVO",
|
||||
price: "$1,200/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-part-grey-car_181624-33069.jpg",
|
||||
},
|
||||
id: "p1", name: "Lamborghini Huracán EVO", price: "$1,200/day", imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-part-grey-car_181624-33069.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ferrari F8 Tributo",
|
||||
price: "$1,350/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-33509.jpg",
|
||||
},
|
||||
id: "p2", name: "Ferrari F8 Tributo", price: "$1,350/day", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-33509.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Rolls-Royce Cullinan",
|
||||
price: "$1,800/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-black-man-glasses-with-hat-wear-suit-with-handbag-against-luxury-car-rich-african-american-businessman_627829-3273.jpg",
|
||||
},
|
||||
id: "p3", name: "Rolls-Royce Cullinan", price: "$1,800/day", imageSrc: "http://img.b2bpic.net/free-photo/stylish-black-man-glasses-with-hat-wear-suit-with-handbag-against-luxury-car-rich-african-american-businessman_627829-3273.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "McLaren 720S",
|
||||
price: "$1,400/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mini-coupe-high-speed-drive-road-with-front-lights_114579-5040.jpg",
|
||||
},
|
||||
id: "p4", name: "McLaren 720S", price: "$1,400/day", imageSrc: "http://img.b2bpic.net/free-photo/mini-coupe-high-speed-drive-road-with-front-lights_114579-5040.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Bentley Continental GT",
|
||||
price: "$900/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlights-beige-antique-car_181624-9074.jpg",
|
||||
},
|
||||
id: "p5", name: "Bentley Continental GT", price: "$900/day", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlights-beige-antique-car_181624-9074.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Mercedes AMG GT",
|
||||
price: "$850/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-white-car-dark-background_181624-20300.jpg",
|
||||
},
|
||||
id: "p6", name: "Mercedes AMG GT", price: "$850/day", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-white-car-dark-background_181624-20300.jpg"},
|
||||
]}
|
||||
title="Our Fleet Isn’t Normal. Neither Are You."
|
||||
description="A curated collection of the world's finest machines."
|
||||
@@ -191,17 +128,11 @@ export default function LandingPage() {
|
||||
description="We provide more than transportation; we provide the ultimate key to the city."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "24-Hour Availability",
|
||||
description: "We are ready when you are.",
|
||||
},
|
||||
title: "24-Hour Availability", description: "We are ready when you are."},
|
||||
{
|
||||
title: "Free Delivery",
|
||||
description: "Anywhere in Las Vegas.",
|
||||
},
|
||||
title: "Free Delivery", description: "Anywhere in Las Vegas."},
|
||||
{
|
||||
title: "VIP Concierge",
|
||||
description: "Premium service every step.",
|
||||
},
|
||||
title: "VIP Concierge", description: "Premium service every step."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-holding-key_23-2149901457.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -216,20 +147,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Night on the Strip",
|
||||
description: "Make an entrance that won't be forgotten.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/las-vegas-sunset_649448-1616.jpg",
|
||||
},
|
||||
title: "Night on the Strip", description: "Make an entrance that won't be forgotten.", imageSrc: "http://img.b2bpic.net/free-photo/las-vegas-sunset_649448-1616.jpg"},
|
||||
{
|
||||
title: "Business Impression",
|
||||
description: "Command respect with the right machine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-young-woman-inside-car_23-2149085792.jpg",
|
||||
},
|
||||
title: "Business Impression", description: "Command respect with the right machine.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-young-woman-inside-car_23-2149085792.jpg"},
|
||||
{
|
||||
title: "Once-in-a-Lifetime",
|
||||
description: "Turn fleeting moments into memories.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-impressionable-girl-with-hand-raised-posing-red-convertible-car-amazing-palms-sky-sunny-california-her-holidays_273443-2494.jpg",
|
||||
},
|
||||
title: "Once-in-a-Lifetime", description: "Turn fleeting moments into memories.", imageSrc: "http://img.b2bpic.net/free-photo/happy-impressionable-girl-with-hand-raised-posing-red-convertible-car-amazing-palms-sky-sunny-california-her-holidays_273443-2494.jpg"},
|
||||
]}
|
||||
title="More Than Cars. It’s a Statement."
|
||||
description="Your vehicle defines the impression you make. Elevate your presence."
|
||||
@@ -244,25 +166,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "01",
|
||||
title: "VIP Memberships",
|
||||
description: "Exclusive loyalty programs.",
|
||||
icon: Star,
|
||||
id: "m1", value: "01", title: "VIP Memberships", description: "Exclusive loyalty programs.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "02",
|
||||
title: "Airport Pickup",
|
||||
description: "Seamless arrivals.",
|
||||
icon: Gauge,
|
||||
id: "m2", value: "02", title: "Airport Pickup", description: "Seamless arrivals.", icon: Gauge,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "03",
|
||||
title: "Concierge Packages",
|
||||
description: "Full travel planning.",
|
||||
icon: Bell,
|
||||
id: "m3", value: "03", title: "Concierge Packages", description: "Full travel planning.", icon: Bell,
|
||||
},
|
||||
]}
|
||||
title="Comprehensive VIP Services"
|
||||
@@ -276,45 +186,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Outstanding",
|
||||
quote: "Unmatched service. The car was insane.",
|
||||
name: "James V.",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman-sitting-car_23-2148170941.jpg",
|
||||
},
|
||||
id: "1", title: "Outstanding", quote: "Unmatched service. The car was insane.", name: "James V.", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman-sitting-car_23-2148170941.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Best in Vegas",
|
||||
quote: "Best experience in Vegas — period.",
|
||||
name: "Sarah L.",
|
||||
role: "Executive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
|
||||
},
|
||||
id: "2", title: "Best in Vegas", quote: "Best experience in Vegas — period.", name: "Sarah L.", role: "Executive", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Billionaire Feel",
|
||||
quote: "Felt like a billionaire for a day.",
|
||||
name: "Marcus B.",
|
||||
role: "Investor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charismatic-male-pondering-while-holding-cup-coffee-his-hand_23-2148112118.jpg",
|
||||
},
|
||||
id: "3", title: "Billionaire Feel", quote: "Felt like a billionaire for a day.", name: "Marcus B.", role: "Investor", imageSrc: "http://img.b2bpic.net/free-photo/charismatic-male-pondering-while-holding-cup-coffee-his-hand_23-2148112118.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Excellence",
|
||||
quote: "Pure perfection from start to finish.",
|
||||
name: "Elena R.",
|
||||
role: "Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muslim-couple-traveling-together_23-2149305596.jpg",
|
||||
},
|
||||
id: "4", title: "Excellence", quote: "Pure perfection from start to finish.", name: "Elena R.", role: "Consultant", imageSrc: "http://img.b2bpic.net/free-photo/muslim-couple-traveling-together_23-2149305596.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Flawless",
|
||||
quote: "The most professional car rental ever.",
|
||||
name: "David K.",
|
||||
role: "Attorney",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg",
|
||||
},
|
||||
id: "5", title: "Flawless", quote: "The most professional car rental ever.", name: "David K.", role: "Attorney", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg"},
|
||||
]}
|
||||
title="Client Exclusivity"
|
||||
description="Words from those who expect only the absolute best."
|
||||
@@ -328,54 +208,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Elite",
|
||||
price: "$500",
|
||||
period: "/mo",
|
||||
description: "Entry level luxury.",
|
||||
button: {
|
||||
text: "Apply",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"Priority support",
|
||||
"Exclusive rates",
|
||||
],
|
||||
id: "basic", tag: "Elite", price: "$500", period: "/mo", description: "Entry level luxury.", button: {
|
||||
text: "Apply", href: "#contact"},
|
||||
featuresTitle: "Included:", features: [
|
||||
"Priority support", "Exclusive rates"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Royal",
|
||||
price: "$1,500",
|
||||
period: "/mo",
|
||||
description: "The full lifestyle suite.",
|
||||
button: {
|
||||
text: "Apply",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"Dedicated concierge",
|
||||
"New fleet access",
|
||||
"Zero deposit",
|
||||
],
|
||||
id: "pro", tag: "Royal", price: "$1,500", period: "/mo", description: "The full lifestyle suite.", button: {
|
||||
text: "Apply", href: "#contact"},
|
||||
featuresTitle: "Included:", features: [
|
||||
"Dedicated concierge", "New fleet access", "Zero deposit"],
|
||||
},
|
||||
{
|
||||
id: "ultra",
|
||||
tag: "Founder",
|
||||
price: "$3,000",
|
||||
period: "/mo",
|
||||
description: "Unlimited exotic access.",
|
||||
button: {
|
||||
text: "Apply",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"Unlimited rentals",
|
||||
"Direct door delivery",
|
||||
"Event priority",
|
||||
],
|
||||
id: "ultra", tag: "Founder", price: "$3,000", period: "/mo", description: "Unlimited exotic access.", button: {
|
||||
text: "Apply", href: "#contact"},
|
||||
featuresTitle: "Included:", features: [
|
||||
"Unlimited rentals", "Direct door delivery", "Event priority"],
|
||||
},
|
||||
]}
|
||||
title="Join The Inner Circle"
|
||||
@@ -390,15 +238,9 @@ export default function LandingPage() {
|
||||
description="Your dream car is one click away. Book today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/family-buying-car-dealer_1303-13702.jpg"
|
||||
/>
|
||||
@@ -410,37 +252,23 @@ export default function LandingPage() {
|
||||
logoText="DREAM"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Fleet",
|
||||
href: "#fleet",
|
||||
},
|
||||
label: "Fleet", href: "#fleet"},
|
||||
{
|
||||
label: "Experience",
|
||||
href: "#experience",
|
||||
},
|
||||
label: "Experience", href: "#experience"},
|
||||
{
|
||||
label: "Membership",
|
||||
href: "#membership",
|
||||
},
|
||||
label: "Membership", href: "#membership"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:+17025550123",
|
||||
},
|
||||
label: "Call Us", href: "tel:+17025550123"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/17025550123",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/17025550123"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -449,4 +277,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user