Merge version_1 into main #2
254
src/app/page.tsx
254
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Fleet",
|
||||
id: "fleet",
|
||||
},
|
||||
name: "Fleet", id: "fleet"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Enterprise Casablanca"
|
||||
/>
|
||||
@@ -54,46 +46,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Rent with Confidence & Style"
|
||||
description="Discover Casablanca and Morocco in comfort. Choose from economy, SUV, and luxury vehicles with professional service at Casablanca Marina."
|
||||
tag="Trusted Worldwide"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Car",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve Your Car", href: "#contact"},
|
||||
{
|
||||
text: "Explore Fleet",
|
||||
href: "#fleet",
|
||||
},
|
||||
text: "Explore Fleet", href: "#fleet"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-car-night_23-2148140710.jpg?_wi=1",
|
||||
imageAlt: "Luxury vehicle rental",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-car-night_23-2148140710.jpg", imageAlt: "Luxury vehicle rental"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/placa-del-ajuntament-summer-evening-valencia_1398-4519.jpg",
|
||||
imageAlt: "Luxury vehicle rental",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/placa-del-ajuntament-summer-evening-valencia_1398-4519.jpg", imageAlt: "Luxury vehicle rental"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/night-coastal-city_23-2148139074.jpg",
|
||||
imageAlt: "Luxury vehicle rental",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/night-coastal-city_23-2148139074.jpg", imageAlt: "Luxury vehicle rental"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-seats-inside-car-close-up-photo_1303-31996.jpg",
|
||||
imageAlt: "Luxury vehicle rental",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-seats-inside-car-close-up-photo_1303-31996.jpg", imageAlt: "Luxury vehicle rental"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-view-lightened-tunnel-road_181624-17780.jpg",
|
||||
imageAlt: "Luxury vehicle rental",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-view-lightened-tunnel-road_181624-17780.jpg", imageAlt: "Luxury vehicle rental"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tower-landmarks-famous-skyscrapers-pearl_1417-298.jpg",
|
||||
imageAlt: "Luxury vehicle rental",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tower-landmarks-famous-skyscrapers-pearl_1417-298.jpg", imageAlt: "Luxury vehicle rental"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,46 +80,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Pickup",
|
||||
description: "Get on the road in minutes.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/png-traffic-rules-with-cars-isolated-white-background_185193-162811.jpg",
|
||||
imageAlt: "Fast",
|
||||
},
|
||||
title: "Fast Pickup", description: "Get on the road in minutes.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/png-traffic-rules-with-cars-isolated-white-background_185193-162811.jpg", imageAlt: "Fast"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-valet_23-2150321008.jpg",
|
||||
imageAlt: "Fast",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-car-night_23-2148140710.jpg?_wi=2",
|
||||
imageAlt: "car rental keys symbol",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-valet_23-2150321008.jpg", imageAlt: "Fast"},
|
||||
},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "No hidden surprises or fees.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/toy-car-going-up-increasing-stack-coins-against-white-background_23-2147919118.jpg",
|
||||
imageAlt: "Money",
|
||||
},
|
||||
title: "Transparent Pricing", description: "No hidden surprises or fees.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/toy-car-going-up-increasing-stack-coins-against-white-background_23-2147919118.jpg", imageAlt: "Money"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-finance-word-surrounded-by-various-graphs-white-background_23-2147892178.jpg",
|
||||
imageAlt: "Money",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bg7kya",
|
||||
imageAlt: "car rental keys symbol",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-finance-word-surrounded-by-various-graphs-white-background_23-2147892178.jpg", imageAlt: "Money"},
|
||||
},
|
||||
{
|
||||
title: "Premium Support",
|
||||
description: "Friendly local team available 24/7.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-travelling-by-electro-car_1303-20467.jpg?_wi=1",
|
||||
imageAlt: "Support",
|
||||
},
|
||||
title: "Premium Support", description: "Friendly local team available 24/7.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-travelling-by-electro-car_1303-20467.jpg", imageAlt: "Support"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/24hr-everyday-service-sticker-assistance-background-open-center_1017-49570.jpg",
|
||||
imageAlt: "Support",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-doing-road-trip_23-2148196423.jpg?_wi=1",
|
||||
imageAlt: "car rental keys symbol",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/24hr-everyday-service-sticker-assistance-background-open-center_1017-49570.jpg", imageAlt: "Support"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -161,41 +112,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Economy Hatchback",
|
||||
price: "349 MAD/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-travelling-by-electro-car_1303-20467.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Economy Hatchback", price: "349 MAD/day", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-travelling-by-electro-car_1303-20467.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Premium SUV",
|
||||
price: "899 MAD/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-doing-road-trip_23-2148196423.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Premium SUV", price: "899 MAD/day", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-doing-road-trip_23-2148196423.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Executive Sedan",
|
||||
price: "1,299 MAD/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-businessman-adjusts-his-glasses_496169-2742.jpg",
|
||||
},
|
||||
id: "3", name: "Executive Sedan", price: "1,299 MAD/day", imageSrc: "http://img.b2bpic.net/free-photo/indian-businessman-adjusts-his-glasses_496169-2742.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sports Compact",
|
||||
price: "750 MAD/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-sport-car-with-driver-highway_114579-4004.jpg",
|
||||
},
|
||||
id: "4", name: "Sports Compact", price: "750 MAD/day", imageSrc: "http://img.b2bpic.net/free-photo/silver-sport-car-with-driver-highway_114579-4004.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Hybrid City Car",
|
||||
price: "450 MAD/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-car-france_23-2149169728.jpg",
|
||||
},
|
||||
id: "5", name: "Hybrid City Car", price: "450 MAD/day", imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-car-france_23-2149169728.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Luxury Convertible",
|
||||
price: "1,800 MAD/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-car-full-shot_23-2148320218.jpg",
|
||||
},
|
||||
id: "6", name: "Luxury Convertible", price: "1,800 MAD/day", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-car-full-shot_23-2148320218.jpg"},
|
||||
]}
|
||||
title="Vehicles for Every Journey"
|
||||
description="From practical city cars to executive sedans, every vehicle is professionally maintained."
|
||||
@@ -209,54 +136,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "daily",
|
||||
tag: "Standard",
|
||||
price: "349",
|
||||
period: "MAD/day",
|
||||
description: "Short-term city trips",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Full Insurance",
|
||||
"Unlimited Mileage",
|
||||
],
|
||||
id: "daily", tag: "Standard", price: "349", period: "MAD/day", description: "Short-term city trips", button: {
|
||||
text: "Book Now", href: "#contact"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Full Insurance", "Unlimited Mileage"],
|
||||
},
|
||||
{
|
||||
id: "weekly",
|
||||
tag: "Recommended",
|
||||
price: "2,200",
|
||||
period: "MAD/week",
|
||||
description: "Perfect for getaways",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Full Insurance",
|
||||
"Unlimited Mileage",
|
||||
"Free Pickup",
|
||||
],
|
||||
id: "weekly", tag: "Recommended", price: "2,200", period: "MAD/week", description: "Perfect for getaways", button: {
|
||||
text: "Book Now", href: "#contact"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Full Insurance", "Unlimited Mileage", "Free Pickup"],
|
||||
},
|
||||
{
|
||||
id: "monthly",
|
||||
tag: "Business",
|
||||
price: "7,500",
|
||||
period: "MAD/mo",
|
||||
description: "Best for long-term",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Full Insurance",
|
||||
"Unlimited Mileage",
|
||||
"VIP Support",
|
||||
],
|
||||
id: "monthly", tag: "Business", price: "7,500", period: "MAD/mo", description: "Best for long-term", button: {
|
||||
text: "Book Now", href: "#contact"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Full Insurance", "Unlimited Mileage", "VIP Support"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Rental Plans"
|
||||
@@ -269,30 +164,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/user-profile-sign-icon-front-side-with-white-background_187299-40018.jpg",
|
||||
},
|
||||
id: "1", name: "Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/user-profile-sign-icon-front-side-with-white-background_187299-40018.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dionicio B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-people-avatars-zoom-call_23-2149576744.jpg",
|
||||
},
|
||||
id: "2", name: "Dionicio B.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-people-avatars-zoom-call_23-2149576744.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "International Travelers",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-wearing-blank-shirt_23-2149321760.jpg",
|
||||
},
|
||||
id: "3", name: "International Travelers", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-wearing-blank-shirt_23-2149321760.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographer-taking-picture-ocean-coast_657883-303.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah K.", imageSrc: "http://img.b2bpic.net/free-photo/photographer-taking-picture-ocean-coast_657883-303.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Marcus R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-handsome-blonde-man-looking-front-isolated-pink-wall_141793-66230.jpg",
|
||||
},
|
||||
id: "5", name: "Marcus R.", imageSrc: "http://img.b2bpic.net/free-photo/excited-handsome-blonde-man-looking-front-isolated-pink-wall_141793-66230.jpg"},
|
||||
]}
|
||||
cardTitle="Trusted by Travelers"
|
||||
cardTag="Reviews"
|
||||
@@ -306,20 +186,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need an international license?",
|
||||
content: "Yes, please carry your valid driver's license and passport.",
|
||||
},
|
||||
id: "1", title: "Do I need an international license?", content: "Yes, please carry your valid driver's license and passport."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is pickup at the Marina possible?",
|
||||
content: "Yes, we are conveniently located at Casablanca Marina.",
|
||||
},
|
||||
id: "2", title: "Is pickup at the Marina possible?", content: "Yes, we are conveniently located at Casablanca Marina."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are there mileage limits?",
|
||||
content: "We offer various packages including unlimited mileage.",
|
||||
},
|
||||
id: "3", title: "Are there mileage limits?", content: "We offer various packages including unlimited mileage."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to common rental queries."
|
||||
@@ -331,16 +202,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Reserve Your Premium Vehicle"
|
||||
description="Visit us at Casablanca Marina or call to book your preferred car model today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call to Book",
|
||||
href: "tel:+212522880047",
|
||||
},
|
||||
text: "Call to Book", href: "tel:+212522880047"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -350,29 +218,19 @@ export default function LandingPage() {
|
||||
logoText="Enterprise Casablanca"
|
||||
columns={[
|
||||
{
|
||||
title: "Rental",
|
||||
items: [
|
||||
title: "Rental", items: [
|
||||
{
|
||||
label: "Fleet",
|
||||
href: "#fleet",
|
||||
},
|
||||
label: "Fleet", href: "#fleet"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user