bender/85a33213-1d82-4757-85e6-bbaa3ca8900f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-30 21:31:36 +00:00
parent 819d8c0f04 2465d60b82
commit fe4dcbfdc9
1 changed files with 80 additions and 281 deletions
Download Patch File Download Diff File Expand all files Collapse all files

361
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { CalendarCheck, Car, Clock, Moon, ShieldCheck, Smartphone, Sparkles, Star, Sunrise, Wallet } from "lucide-react";
import { CalendarCheck, Car, Clock, Moon, ReceiptText, ShieldCheck, Smartphone, Sparkles, Star, Sunrise, Wallet, Caravan } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Our Fleet",
id: "#fleet",
},
name: "Our Fleet", id: "#fleet"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138974.jpg"
logoAlt="Maroc Cars logo"
@@ -76,48 +60,31 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardCarousel
background={{
variant: "plain",
}}
variant: "plain"}}
title="Explore Morocco with Your Perfect Ride"
description="Discover Morocco's breathtaking landscapes and vibrant cities with our premium car rental service. Choose from a diverse fleet for an unforgettable journey."
tag="Your Adventure Starts Here"
tagAnimation="blur-reveal"
buttons={[
{
text: "View Our Fleet",
href: "#fleet",
},
text: "View Our Fleet", href: "#fleet"},
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/car-with-baggage-top-it-desert-cloudy-sky-daytime_181624-9723.jpg?_wi=1",
imageAlt: "Luxury car driving through Moroccan desert",
},
imageSrc: "http://img.b2bpic.net/free-photo/car-with-baggage-top-it-desert-cloudy-sky-daytime_181624-9723.jpg", imageAlt: "Luxury car driving through Moroccan desert"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-sunglasses_23-2148601547.jpg?_wi=1",
imageAlt: "Modern SUV on Moroccan coastal road",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-sunglasses_23-2148601547.jpg", imageAlt: "Modern SUV on Moroccan coastal road"},
{
imageSrc: "http://img.b2bpic.net/free-photo/traveling-with-off-road-car_23-2151473056.jpg",
imageAlt: "Compact car parked in front of Moroccan architecture",
},
imageSrc: "http://img.b2bpic.net/free-photo/traveling-with-off-road-car_23-2151473056.jpg", imageAlt: "Compact car parked in front of Moroccan architecture"},
{
imageSrc: "http://img.b2bpic.net/free-photo/road-atlas-mountains-morocco-daytime_181624-9851.jpg",
imageAlt: "Interior view of a modern car in Morocco",
},
imageSrc: "http://img.b2bpic.net/free-photo/road-atlas-mountains-morocco-daytime_181624-9851.jpg", imageAlt: "Interior view of a modern car in Morocco"},
{
imageSrc: "http://img.b2bpic.net/free-photo/customer-showroom-haggling-with-car-salesperson-price_482257-124105.jpg",
imageAlt: "Car on a scenic road in Morocco",
},
imageSrc: "http://img.b2bpic.net/free-photo/customer-showroom-haggling-with-car-salesperson-price_482257-124105.jpg", imageAlt: "Car on a scenic road in Morocco"},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106169.jpg",
imageAlt: "Family car packed for travel in Morocco",
},
imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106169.jpg", imageAlt: "Family car packed for travel in Morocco"},
]}
/>
</div>
@@ -143,79 +110,52 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Easy Online Booking",
description: "Reserve your perfect car in minutes with our intuitive online platform, available 24/7.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/home-improvement-form-personnel-details-concept_53876-123654.jpg",
imageAlt: "Person using a phone to book a car rental",
},
title: "Easy Online Booking", description: "Reserve your perfect car in minutes with our intuitive online platform, available 24/7.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/home-improvement-form-personnel-details-concept_53876-123654.jpg", imageAlt: "Person using a phone to book a car rental"},
items: [
{
icon: CalendarCheck,
text: "Instant Confirmation",
},
text: "Instant Confirmation"},
{
icon: Smartphone,
text: "Mobile-Friendly",
},
text: "Mobile-Friendly"},
{
icon: Clock,
text: "Flexible Pickups",
},
text: "Flexible Pickups"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138974.jpg",
imageAlt: "person using phone to book car rental",
reverse: false
},
{
title: "Wide Selection of Vehicles",
description: "From economy models to luxury SUVs, find the ideal car to match your travel style and budget.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-old-couple-car-salon_1157-31980.jpg",
imageAlt: "Diverse range of cars parked for rental",
},
title: "Wide Selection of Vehicles", description: "From economy models to luxury SUVs, find the ideal car to match your travel style and budget.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-old-couple-car-salon_1157-31980.jpg", imageAlt: "Diverse range of cars parked for rental"},
items: [
{
icon: Car,
text: "Sedans & Hatchbacks",
},
text: "Sedans & Hatchbacks"},
{
icon: Caravan,
text: "SUVs & 4x4s",
},
text: "SUVs & 4x4s"},
{
icon: Sparkles,
text: "Luxury & Premium",
},
text: "Luxury & Premium"},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/car-with-baggage-top-it-desert-cloudy-sky-daytime_181624-9723.jpg?_wi=2",
imageAlt: "person using phone to book car rental",
reverse: true
},
{
title: "Transparent Pricing",
description: "Enjoy competitive rates with no hidden fees. What you see is what you pay.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/transportation-ownership-concept-customer-salesman-with-car-key_1423-184.jpg",
imageAlt: "Car keys on a table with a rental contract",
},
title: "Transparent Pricing", description: "Enjoy competitive rates with no hidden fees. What you see is what you pay.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/transportation-ownership-concept-customer-salesman-with-car-key_1423-184.jpg", imageAlt: "Car keys on a table with a rental contract"},
items: [
{
icon: Wallet,
text: "Best Price Guarantee",
},
text: "Best Price Guarantee"},
{
icon: ReceiptText,
text: "Clear Contracts",
},
text: "Clear Contracts"},
{
icon: ShieldCheck,
text: "Full Insurance Options",
},
text: "Full Insurance Options"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-sunglasses_23-2148601547.jpg?_wi=2",
imageAlt: "person using phone to book car rental",
reverse: false
},
]}
title="Why Choose Maroc Cars?"
@@ -232,47 +172,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "car-1",
name: "Mercedes E-Class",
price: "Starting from $150/day",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-security-guards-working_23-2148404048.jpg",
imageAlt: "Luxury Mercedes E-Class",
},
id: "car-1", name: "Mercedes E-Class", price: "Starting from $150/day", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-security-guards-working_23-2148404048.jpg", imageAlt: "Luxury Mercedes E-Class"},
{
id: "car-2",
name: "Renault Clio",
price: "Starting from $30/day",
imageSrc: "http://img.b2bpic.net/free-photo/young-person-using-sustainable-mobility_23-2149290909.jpg",
imageAlt: "Compact Renault Clio",
},
id: "car-2", name: "Renault Clio", price: "Starting from $30/day", imageSrc: "http://img.b2bpic.net/free-photo/young-person-using-sustainable-mobility_23-2149290909.jpg", imageAlt: "Compact Renault Clio"},
{
id: "car-3",
name: "Dacia Duster 4x4",
price: "Starting from $60/day",
imageSrc: "http://img.b2bpic.net/free-photo/car-desert_23-2151948204.jpg",
imageAlt: "SUV Dacia Duster",
},
id: "car-3", name: "Dacia Duster 4x4", price: "Starting from $60/day", imageSrc: "http://img.b2bpic.net/free-photo/car-desert_23-2151948204.jpg", imageAlt: "SUV Dacia Duster"},
{
id: "car-4",
name: "Hyundai i10",
price: "Starting from $25/day",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-people-with-car_23-2149437557.jpg",
imageAlt: "Modern Hyundai i10",
},
id: "car-4", name: "Hyundai i10", price: "Starting from $25/day", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-people-with-car_23-2149437557.jpg", imageAlt: "Modern Hyundai i10"},
{
id: "car-5",
name: "Volkswagen Golf",
price: "Starting from $45/day",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-with-bright-makeup-near-red-city-car_627829-1053.jpg",
imageAlt: "Spacious Volkswagen Golf",
},
id: "car-5", name: "Volkswagen Golf", price: "Starting from $45/day", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-with-bright-makeup-near-red-city-car_627829-1053.jpg", imageAlt: "Spacious Volkswagen Golf"},
{
id: "car-6",
name: "BMW X5",
price: "Starting from $200/day",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-summer-park-near-car_1157-28561.jpg",
imageAlt: "Luxury BMW X5",
},
id: "car-6", name: "BMW X5", price: "Starting from $200/day", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-summer-park-near-car_1157-28561.jpg", imageAlt: "Luxury BMW X5"},
]}
title="Our Diverse Fleet"
description="Explore our wide range of vehicles, each maintained to the highest standards for your safety and comfort."
@@ -287,61 +197,31 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "daily",
badge: "Short Trip",
badgeIcon: Sunrise,
price: "Daily Rate",
subtitle: "Perfect for quick excursions",
buttons: [
id: "daily", badge: "Short Trip", badgeIcon: Sunrise,
price: "Daily Rate", subtitle: "Perfect for quick excursions", buttons: [
{
text: "Rent Daily",
href: "#contact",
},
text: "Rent Daily", href: "#contact"},
],
features: [
"Standard insurance included",
"Unlimited mileage",
"24/7 roadside assistance",
],
"Standard insurance included", "Unlimited mileage", "24/7 roadside assistance"],
},
{
id: "weekly",
badge: "Best Value",
badgeIcon: Sparkles,
price: "Weekly Rate",
subtitle: "Ideal for extended explorations",
buttons: [
id: "weekly", badge: "Best Value", badgeIcon: Sparkles,
price: "Weekly Rate", subtitle: "Ideal for extended explorations", buttons: [
{
text: "Rent Weekly",
href: "#contact",
},
text: "Rent Weekly", href: "#contact"},
],
features: [
"Premium insurance included",
"Unlimited mileage",
"Free additional driver",
"GPS navigation",
],
"Premium insurance included", "Unlimited mileage", "Free additional driver", "GPS navigation"],
},
{
id: "monthly",
badge: "Long Stay",
badgeIcon: Moon,
price: "Monthly Rate",
subtitle: "For extended stays and full immersion",
buttons: [
id: "monthly", badge: "Long Stay", badgeIcon: Moon,
price: "Monthly Rate", subtitle: "For extended stays and full immersion", buttons: [
{
text: "Rent Monthly",
href: "#contact",
},
text: "Rent Monthly", href: "#contact"},
],
features: [
"Full comprehensive insurance",
"Unlimited mileage",
"Two free additional drivers",
"Free delivery & pickup",
"24/7 priority support",
],
"Full comprehensive insurance", "Unlimited mileage", "Two free additional drivers", "Free delivery & pickup", "24/7 priority support"],
},
]}
title="Flexible Rental Plans"
@@ -357,49 +237,19 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Fatima Z.",
role: "Tourist from France",
testimonial: "Maroc Cars made my trip across Morocco incredibly easy. The car was spotless, and the booking process was seamless. Highly recommended!",
imageSrc: "http://img.b2bpic.net/free-photo/family-having-fun-winter-roadtrip_23-2149314862.jpg",
imageAlt: "Fatima Z.",
icon: Star,
id: "1", name: "Fatima Z.", role: "Tourist from France", testimonial: "Maroc Cars made my trip across Morocco incredibly easy. The car was spotless, and the booking process was seamless. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/family-having-fun-winter-roadtrip_23-2149314862.jpg", imageAlt: "Fatima Z.", icon: Star,
},
{
id: "2",
name: "Ahmed B.",
role: "Local Business Owner",
testimonial: "Reliable service and excellent cars. I've used Maroc Cars multiple times for business trips, and they always deliver. Professional and efficient.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-standing-car_23-2148039027.jpg",
imageAlt: "Ahmed B.",
icon: Star,
id: "2", name: "Ahmed B.", role: "Local Business Owner", testimonial: "Reliable service and excellent cars. I've used Maroc Cars multiple times for business trips, and they always deliver. Professional and efficient.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-standing-car_23-2148039027.jpg", imageAlt: "Ahmed B.", icon: Star,
},
{
id: "3",
name: "Sophia L.",
role: "Explorer from USA",
testimonial: "The staff was incredibly helpful, and the car was perfect for navigating both city streets and desert roads. Truly an amazing experience!",
imageSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg",
imageAlt: "Sophia L.",
icon: Star,
id: "3", name: "Sophia L.", role: "Explorer from USA", testimonial: "The staff was incredibly helpful, and the car was perfect for navigating both city streets and desert roads. Truly an amazing experience!", imageSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg", imageAlt: "Sophia L.", icon: Star,
},
{
id: "4",
name: "Omar K.",
role: "Family Traveler",
testimonial: "Renting a car for our family vacation was so simple. The SUV was spacious and comfortable, making our journey through Morocco a joy.",
imageAlt: "Omar K.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-road-trip-nature_53876-31506.jpg",
icon: Star,
id: "4", name: "Omar K.", role: "Family Traveler", testimonial: "Renting a car for our family vacation was so simple. The SUV was spacious and comfortable, making our journey through Morocco a joy.", imageAlt: "Omar K.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-road-trip-nature_53876-31506.jpg", icon: Star,
},
{
id: "5",
name: "Lila H.",
role: "Digital Nomad",
testimonial: "Exceptional customer service and a fantastic car. Maroc Cars allowed me to explore Morocco at my own pace, without any worries. I'll definitely be back!",
imageAlt: "Lila H.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-family-make-selfie-by-mobile-phone_171337-5371.jpg",
icon: Star,
id: "5", name: "Lila H.", role: "Digital Nomad", testimonial: "Exceptional customer service and a fantastic car. Maroc Cars allowed me to explore Morocco at my own pace, without any worries. I'll definitely be back!", imageAlt: "Lila H.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-family-make-selfie-by-mobile-phone_171337-5371.jpg", icon: Star,
},
]}
title="What Our Customers Say"
@@ -414,35 +264,17 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "What documents do I need to rent a car?",
content: "You will need a valid driving license (held for at least one year), an international driving permit (if your license is not in English or Arabic), your passport, and a credit card in the main driver's name.",
},
id: "faq-1", title: "What documents do I need to rent a car?", content: "You will need a valid driving license (held for at least one year), an international driving permit (if your license is not in English or Arabic), your passport, and a credit card in the main driver's name."},
{
id: "faq-2",
title: "Is insurance included in the rental price?",
content: "Yes, basic third-party liability insurance is included. We also offer additional comprehensive insurance options for extra peace of mind, which can be selected during booking.",
},
id: "faq-2", title: "Is insurance included in the rental price?", content: "Yes, basic third-party liability insurance is included. We also offer additional comprehensive insurance options for extra peace of mind, which can be selected during booking."},
{
id: "faq-3",
title: "Can I pick up and drop off the car at different locations?",
content: "Yes, we offer flexible pick-up and drop-off options across major cities and airports in Morocco. Additional fees may apply for one-way rentals.",
},
id: "faq-3", title: "Can I pick up and drop off the car at different locations?", content: "Yes, we offer flexible pick-up and drop-off options across major cities and airports in Morocco. Additional fees may apply for one-way rentals."},
{
id: "faq-4",
title: "What is your fuel policy?",
content: "Our standard policy is 'full to full'. You pick up the car with a full tank and return it full. Alternatively, you can opt for our pre-paid fuel option.",
},
id: "faq-4", title: "What is your fuel policy?", content: "Our standard policy is 'full to full'. You pick up the car with a full tank and return it full. Alternatively, you can opt for our pre-paid fuel option."},
{
id: "faq-5",
title: "Are there any age restrictions for drivers?",
content: "Drivers must typically be between 21 and 70 years old. An additional young driver surcharge may apply for drivers under 25 years old. Please check specific terms at booking.",
},
id: "faq-5", title: "Are there any age restrictions for drivers?", content: "Drivers must typically be between 21 and 70 years old. An additional young driver surcharge may apply for drivers under 25 years old. Please check specific terms at booking."},
{
id: "faq-6",
title: "What happens if I have an accident or breakdown?",
content: "In case of an accident or breakdown, please contact our 24/7 roadside assistance immediately. Our team will guide you through the necessary steps.",
},
id: "faq-6", title: "What happens if I have an accident or breakdown?", content: "In case of an accident or breakdown, please contact our 24/7 roadside assistance immediately. Our team will guide you through the necessary steps."},
]}
title="Frequently Asked Questions"
description="Find answers to common questions about car rental, booking, and travel in Morocco with Maroc Cars."
@@ -458,27 +290,16 @@ export default function LandingPage() {
description="Have questions or ready to book your next adventure? Fill out the form below, and our team will get back to you shortly."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number (Optional)",
},
name: "phone", type: "tel", placeholder: "Your Phone Number (Optional)"},
]}
textarea={{
name: "message",
placeholder: "Your Message or Booking Inquiry",
rows: 4,
name: "message", placeholder: "Your Message or Booking Inquiry", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/night-view-narrow-street-cuenca_1398-2106.jpg"
@@ -497,57 +318,35 @@ export default function LandingPage() {
{
items: [
{
label: "Home",
href: "#home",
},
label: "Home", href: "#home"},
{
label: "Our Fleet",
href: "#fleet",
},
label: "Our Fleet", href: "#fleet"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
],
},
{
items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Services",
href: "#features",
},
label: "Our Services", href: "#features"},
{
label: "FAQs",
href: "#faq",
},
label: "FAQs", href: "#faq"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Cookie Policy",
href: "#",
},
label: "Cookie Policy", href: "#"},
],
},
]}