From 2465d60b82628d6e51342da443674736d8077c97 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 30 May 2026 21:31:30 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 361 +++++++++++------------------------------------ 1 file changed, 80 insertions(+), 281 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 633bd4f..824c3d7 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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() { @@ -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: "#"}, ], }, ]}