bender/d47895c0-431e-46d7-b126-b239b7999754
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-06-02 18:03:43 +00:00
parent d07a8c3580
commit 9e449dba6f
1 changed files with 69 additions and 242 deletions
Download Patch File Download Diff File Expand all files Collapse all files

311
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TextAbout from '@/components/sections/about/TextAbout';
import { Award, Facebook, Headphones, Info, Instagram, Key, Sparkles, Star } from "lucide-react";
import { Award, Facebook, Headphones, Info, Key, Sparkles, Star, Instagram } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,33 +32,19 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Accueil",
id: "hero",
},
name: "Accueil", id: "hero"},
{
name: "À Propos",
id: "about",
},
name: "À Propos", id: "about"},
{
name: "Services",
id: "features",
},
name: "Services", id: "features"},
{
name: "Véhicules",
id: "products",
},
name: "Véhicules", id: "products"},
{
name: "Tarifs",
id: "pricing",
},
name: "Tarifs", id: "pricing"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Ma Voiture Rouge"
/>
@@ -68,103 +54,54 @@ export default function LandingPage() {
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Ma Voiture Rouge"
description="Votre agence de location de confiance à Témara — Disponible 24h/24"
testimonials={[
{
name: "Ahmed K.",
handle: "@AhmedK",
testimonial: "Service impeccable et rapide ! J'ai loué une Peugeot 208 pour une semaine et tout s'est passé à merveille. Voiture récente et propre. Je recommande !",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-traveller-with-laptop-standing-beside-car_23-2148155088.jpg",
imageAlt: "Ahmed K. client",
},
name: "Ahmed K.", handle: "@AhmedK", testimonial: "Service impeccable et rapide ! J'ai loué une Peugeot 208 pour une semaine et tout s'est passé à merveille. Voiture récente et propre. Je recommande !", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-traveller-with-laptop-standing-beside-car_23-2148155088.jpg", imageAlt: "Ahmed K. client"},
{
name: "Fatima Z.",
handle: "@FatimaZ",
testimonial: "Ma Voiture Rouge est ma référence à Témara. L'assistance 24h/24 est un vrai plus et les tarifs sont très compétitifs. Bravo !",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-white-t-shirt-sitting-kitchen_23-2148113943.jpg",
imageAlt: "Fatima Z. client",
},
name: "Fatima Z.", handle: "@FatimaZ", testimonial: "Ma Voiture Rouge est ma référence à Témara. L'assistance 24h/24 est un vrai plus et les tarifs sont très compétitifs. Bravo !", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-white-t-shirt-sitting-kitchen_23-2148113943.jpg", imageAlt: "Fatima Z. client"},
{
name: "Yassine B.",
handle: "@YassineB",
testimonial: "Excellent accueil et professionnalisme. La voiture était en parfait état. Parfait pour se déplacer à Rabat et ses environs.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-talking-mobile-phone-while-sitting-car-trunk_1157-49547.jpg",
imageAlt: "Yassine B. client",
},
name: "Yassine B.", handle: "@YassineB", testimonial: "Excellent accueil et professionnalisme. La voiture était en parfait état. Parfait pour se déplacer à Rabat et ses environs.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-talking-mobile-phone-while-sitting-car-trunk_1157-49547.jpg", imageAlt: "Yassine B. client"},
{
name: "Sara H.",
handle: "@SaraH",
testimonial: "Facilité de réservation incroyable via WhatsApp. J'ai eu ma voiture en moins de 30 minutes. Un service client au top !",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg",
imageAlt: "Sara H. client",
},
name: "Sara H.", handle: "@SaraH", testimonial: "Facilité de réservation incroyable via WhatsApp. J'ai eu ma voiture en moins de 30 minutes. Un service client au top !", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg", imageAlt: "Sara H. client"},
{
name: "Omar M.",
handle: "@OmarM",
testimonial: "Très bonne expérience, voiture économique et parfaitement entretenue. Idéal pour mes déplacements professionnels à Témara.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cute-beautiful-girl-summer-field_1157-25305.jpg",
imageAlt: "Omar M. client",
},
name: "Omar M.", handle: "@OmarM", testimonial: "Très bonne expérience, voiture économique et parfaitement entretenue. Idéal pour mes déplacements professionnels à Témara.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cute-beautiful-girl-summer-field_1157-25305.jpg", imageAlt: "Omar M. client"},
]}
imageSrc="http://img.b2bpic.net/free-photo/fashion-pretty-woman-walking-through-streets-old-city_158595-2771.jpg"
imageAlt="Voiture Peugeot 208 Rouge"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-young-man-looking-camera_23-2148130353.jpg",
alt: "Ahmed K. avatar",
},
src: "http://img.b2bpic.net/free-photo/close-up-young-man-looking-camera_23-2148130353.jpg", alt: "Ahmed K. avatar"},
{
src: "http://img.b2bpic.net/free-photo/close-up-picture-beauty-smiling-ginger-girl-dress_171337-18751.jpg",
alt: "Fatima Z. avatar",
},
src: "http://img.b2bpic.net/free-photo/close-up-picture-beauty-smiling-ginger-girl-dress_171337-18751.jpg", alt: "Fatima Z. avatar"},
{
src: "http://img.b2bpic.net/free-photo/portrait-serious-young-man-with-hand-clasped-looking-camera_23-2148130277.jpg",
alt: "Yassine B. avatar",
},
src: "http://img.b2bpic.net/free-photo/portrait-serious-young-man-with-hand-clasped-looking-camera_23-2148130277.jpg", alt: "Yassine B. avatar"},
{
src: "http://img.b2bpic.net/free-photo/smiling-woman-standing-with-arms-folded_171337-19195.jpg",
alt: "Sara H. avatar",
},
src: "http://img.b2bpic.net/free-photo/smiling-woman-standing-with-arms-folded_171337-19195.jpg", alt: "Sara H. avatar"},
{
src: "http://img.b2bpic.net/free-photo/waistup-portrait-young-concerned-hispanic-man-with-worried-gaze-looking-camera-frowning-being_1258-112166.jpg",
alt: "Omar M. avatar",
},
src: "http://img.b2bpic.net/free-photo/waistup-portrait-young-concerned-hispanic-man-with-worried-gaze-looking-camera-frowning-being_1258-112166.jpg", alt: "Omar M. avatar"},
]}
avatarText="Plus de 1000 clients satisfaits !"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/stylish-headlight-dark-automobile_23-2147963045.jpg",
alt: "Phare de voiture",
type: "image", src: "http://img.b2bpic.net/free-photo/stylish-headlight-dark-automobile_23-2147963045.jpg", alt: "Phare de voiture"},
{
type: "text-icon", text: "Location Facile", icon: Key,
},
{
type: "text-icon",
text: "Location Facile",
icon: Key,
type: "image", src: "http://img.b2bpic.net/free-photo/rear-light-new-black-car_23-2147962984.jpg", alt: "Feu arrière de voiture"},
{
type: "text-icon", text: "Assistance 24/7", icon: Headphones,
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/rear-light-new-black-car_23-2147962984.jpg",
alt: "Feu arrière de voiture",
},
{
type: "text-icon",
text: "Assistance 24/7",
icon: Headphones,
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/brunette-from-highpressure-hose-applies-cleaner-car_1153-8465.jpg",
alt: "Voiture sortant du lavage",
},
type: "image", src: "http://img.b2bpic.net/free-photo/brunette-from-highpressure-hose-applies-cleaner-car_1153-8465.jpg", alt: "Voiture sortant du lavage"},
]}
/>
</div>
@@ -173,7 +110,6 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={true}
title="Bienvenue chez Ma Voiture Rouge"
description="Située sur l'Avenue Ibn Khaldoun à Témara, notre agence met à votre disposition une flotte de véhicules récents, économiques et parfaitement entretenus. Idéal pour vos déplacements quotidiens sur Témara, Harhoura et Rabat. Profitez d'un service client irréprochable et disponible à tout moment. Nous nous engageons à vous offrir une expérience de location simple, rapide et sans tracas."
/>
</div>
@@ -184,17 +120,11 @@ export default function LandingPage() {
useInvertedBackground={false}
negativeCard={{
items: [
"Tarifs transparents sans frais cachés",
"Processus de location simple et rapide",
"Véhicules récents et bien entretenus",
],
"Tarifs transparents sans frais cachés", "Processus de location simple et rapide", "Véhicules récents et bien entretenus"],
}}
positiveCard={{
items: [
"Assistance et accueil client 24h/24, 7j/7",
"Agence locale de confiance à Témara",
"Large choix de véhicules économiques",
],
"Assistance et accueil client 24h/24, 7j/7", "Agence locale de confiance à Témara", "Large choix de véhicules économiques"],
}}
title="Pourquoi choisir Ma Voiture Rouge ?"
description="Découvrez les avantages inégalés de louer votre voiture avec nous à Témara et ses environs. Votre satisfaction est notre priorité absolue."
@@ -210,65 +140,23 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "car-208",
brand: "Peugeot",
name: "208 Nouvelle Génération",
price: "350 DH / jour",
rating: 5,
reviewCount: "25 Avis",
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-sitting-hood-working-remotely_23-2148155097.jpg",
imageAlt: "Peugeot 208 Nouvelle Génération Rouge",
},
id: "car-208", brand: "Peugeot", name: "208 Nouvelle Génération", price: "350 DH / jour", rating: 5,
reviewCount: "25 Avis", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-sitting-hood-working-remotely_23-2148155097.jpg", imageAlt: "Peugeot 208 Nouvelle Génération Rouge"},
{
id: "car-clio",
brand: "Renault",
name: "Clio V",
price: "320 DH / jour",
rating: 4,
reviewCount: "18 Avis",
imageSrc: "http://img.b2bpic.net/free-photo/blue-crossover-driving-autumn-road-side-view-car-motion_169016-69911.jpg",
imageAlt: "Renault Clio V Bleue",
},
id: "car-clio", brand: "Renault", name: "Clio V", price: "320 DH / jour", rating: 4,
reviewCount: "18 Avis", imageSrc: "http://img.b2bpic.net/free-photo/blue-crossover-driving-autumn-road-side-view-car-motion_169016-69911.jpg", imageAlt: "Renault Clio V Bleue"},
{
id: "car-duster",
brand: "Dacia",
name: "Duster SUV",
price: "450 DH / jour",
rating: 4,
reviewCount: "12 Avis",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-travelling-by-electric-car_1303-21182.jpg",
imageAlt: "Dacia Duster SUV Blanc",
},
id: "car-duster", brand: "Dacia", name: "Duster SUV", price: "450 DH / jour", rating: 4,
reviewCount: "12 Avis", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-travelling-by-electric-car_1303-21182.jpg", imageAlt: "Dacia Duster SUV Blanc"},
{
id: "car-golf",
brand: "Volkswagen",
name: "Golf 8",
price: "400 DH / jour",
rating: 5,
reviewCount: "20 Avis",
imageSrc: "http://img.b2bpic.net/free-photo/silver-luxury-sport-car-port_114579-5200.jpg",
imageAlt: "Volkswagen Golf 8 Grise",
},
id: "car-golf", brand: "Volkswagen", name: "Golf 8", price: "400 DH / jour", rating: 5,
reviewCount: "20 Avis", imageSrc: "http://img.b2bpic.net/free-photo/silver-luxury-sport-car-port_114579-5200.jpg", imageAlt: "Volkswagen Golf 8 Grise"},
{
id: "car-megane",
brand: "Renault",
name: "Mégane IV",
price: "420 DH / jour",
rating: 4,
reviewCount: "15 Avis",
imageSrc: "http://img.b2bpic.net/free-photo/woman-hugging-new-white-car_1303-28801.jpg",
imageAlt: "Renault Mégane IV Noire",
},
id: "car-megane", brand: "Renault", name: "Mégane IV", price: "420 DH / jour", rating: 4,
reviewCount: "15 Avis", imageSrc: "http://img.b2bpic.net/free-photo/woman-hugging-new-white-car_1303-28801.jpg", imageAlt: "Renault Mégane IV Noire"},
{
id: "car-c3",
brand: "Citroën",
name: "C3 Aircross",
price: "380 DH / jour",
rating: 4,
reviewCount: "10 Avis",
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-with-open-door-using-mobile-phone_23-2147841902.jpg",
imageAlt: "Citroën C3 Aircross Rouge",
},
id: "car-c3", brand: "Citroën", name: "C3 Aircross", price: "380 DH / jour", rating: 4,
reviewCount: "10 Avis", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-with-open-door-using-mobile-phone_23-2147841902.jpg", imageAlt: "Citroën C3 Aircross Rouge"},
]}
title="Notre Flotte de Véhicules"
description="Explorez nos modèles récents, économiques et parfaitement entretenus, disponibles pour tous vos déplacements à Témara et au-delà."
@@ -282,60 +170,31 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "daily",
badge: "Standard",
badgeIcon: Sparkles,
price: "350 DH",
subtitle: "/ jour",
buttons: [
id: "daily", badge: "Standard", badgeIcon: Sparkles,
price: "350 DH", subtitle: "/ jour", buttons: [
{
text: "Réserver Maintenant",
href: "https://wa.me/212661556110?text=Bonjour%20Ma%20Voiture%20Rouge,%20je%20souhaite%20louer%20pour%20une%20journée",
},
text: "Réserver Maintenant", href: "https://wa.me/212661556110?text=Bonjour%20Ma%20Voiture%20Rouge,%20je%20souhaite%20louer%20pour%20une%20journée"},
],
features: [
"Kilométrage illimité",
"Assistance 24/7",
"Assurance de base",
],
"Kilométrage illimité", "Assistance 24/7", "Assurance de base"],
},
{
id: "weekly",
badge: "Populaire",
badgeIcon: Award,
price: "2200 DH",
subtitle: "/ semaine",
buttons: [
id: "weekly", badge: "Populaire", badgeIcon: Award,
price: "2200 DH", subtitle: "/ semaine", buttons: [
{
text: "Réserver Maintenant",
href: "https://wa.me/212661556110?text=Bonjour%20Ma%20Voiture%20Rouge,%20je%20souhaite%20louer%20pour%20une%20semaine",
},
text: "Réserver Maintenant", href: "https://wa.me/212661556110?text=Bonjour%20Ma%20Voiture%20Rouge,%20je%20souhaite%20louer%20pour%20une%20semaine"},
],
features: [
"Tarif réduit",
"Kilométrage illimité",
"Assistance 24/7",
"Assurance tous risques",
],
"Tarif réduit", "Kilométrage illimité", "Assistance 24/7", "Assurance tous risques"],
},
{
id: "monthly",
badge: "Meilleure Valeur",
badgeIcon: Star,
price: "6500 DH",
subtitle: "/ mois",
buttons: [
id: "monthly", badge: "Meilleure Valeur", badgeIcon: Star,
price: "6500 DH", subtitle: "/ mois", buttons: [
{
text: "Réserver Maintenant",
href: "https://wa.me/212661556110?text=Bonjour%20Ma%20Voiture%20Rouge,%20je%20souhaite%20louer%20pour%20un%20mois",
},
text: "Réserver Maintenant", href: "https://wa.me/212661556110?text=Bonjour%20Ma%20Voiture%20Rouge,%20je%20souhaite%20louer%20pour%20un%20mois"},
],
features: [
"Économies maximales",
"Kilométrage illimité",
"Assistance prioritaire 24/7",
"Assurance tous risques Premium",
],
"Économies maximales", "Kilométrage illimité", "Assistance prioritaire 24/7", "Assurance tous risques Premium"],
},
]}
title="Tarifs de Location Flexibles"
@@ -349,30 +208,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq-1",
title: "Quels sont les documents nécessaires pour louer une voiture ?",
content: "Vous aurez besoin d'un permis de conduire valide, d'une pièce d'identité (CIN ou passeport) et d'une caution (carte de crédit ou espèces).",
},
id: "faq-1", title: "Quels sont les documents nécessaires pour louer une voiture ?", content: "Vous aurez besoin d'un permis de conduire valide, d'une pièce d'identité (CIN ou passeport) et d'une caution (carte de crédit ou espèces)."},
{
id: "faq-2",
title: "Puis-je louer une voiture si j'ai moins de 21 ans ?",
content: "L'âge minimum requis est généralement de 21 ans, avec au moins deux ans d'expérience de conduite. Des conditions spécifiques peuvent s'appliquer aux jeunes conducteurs.",
},
id: "faq-2", title: "Puis-je louer une voiture si j'ai moins de 21 ans ?", content: "L'âge minimum requis est généralement de 21 ans, avec au moins deux ans d'expérience de conduite. Des conditions spécifiques peuvent s'appliquer aux jeunes conducteurs."},
{
id: "faq-3",
title: "Comment puis-je réserver une voiture ?",
content: "Vous pouvez nous contacter directement par téléphone, via WhatsApp, ou en visitant notre agence à Témara. Nous offrons une réservation rapide et facile.",
},
id: "faq-3", title: "Comment puis-je réserver une voiture ?", content: "Vous pouvez nous contacter directement par téléphone, via WhatsApp, ou en visitant notre agence à Témara. Nous offrons une réservation rapide et facile."},
{
id: "faq-4",
title: "La livraison de la voiture est-elle possible ?",
content: "Oui, nous proposons la livraison de votre véhicule à l'aéroport, à votre domicile ou à votre hôtel à Témara, Harhoura et Rabat, selon nos conditions.",
},
id: "faq-4", title: "La livraison de la voiture est-elle possible ?", content: "Oui, nous proposons la livraison de votre véhicule à l'aéroport, à votre domicile ou à votre hôtel à Témara, Harhoura et Rabat, selon nos conditions."},
{
id: "faq-5",
title: "Quel est le montant de la caution ?",
content: "Le montant de la caution varie en fonction du modèle de véhicule et de la durée de location. Il vous sera communiqué lors de la réservation.",
},
id: "faq-5", title: "Quel est le montant de la caution ?", content: "Le montant de la caution varie en fonction du modèle de véhicule et de la durée de location. Il vous sera communiqué lors de la réservation."},
]}
title="Questions Fréquentes"
description="Trouvez rapidement les réponses à vos interrogations sur la location de voiture avec Ma Voiture Rouge."
@@ -387,28 +231,17 @@ export default function LandingPage() {
description="Notre équipe est disponible 24h/24 et 7j/7 pour vous assister et répondre à toutes vos questions. N'hésitez pas à nous joindre !"
inputs={[
{
name: "name",
type: "text",
placeholder: "Votre Nom Complet",
required: true,
name: "name", type: "text", placeholder: "Votre Nom Complet", required: true,
},
{
name: "email",
type: "email",
placeholder: "Votre Adresse Email",
required: true,
name: "email", type: "email", placeholder: "Votre Adresse Email", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Votre Numéro de Téléphone (WhatsApp)",
required: true,
name: "phone", type: "tel", placeholder: "Votre Numéro de Téléphone (WhatsApp)", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Votre Message ou Demande de Réservation",
rows: 4,
name: "message", placeholder: "Votre Message ou Demande de Réservation", rows: 4,
required: false,
}}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-exterior-building-architecture-with-window-light_74190-2441.jpg"
@@ -425,19 +258,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
href: "#", ariaLabel: "Instagram"},
{
icon: Info,
href: "https://wa.me/212661556110",
ariaLabel: "WhatsApp",
},
href: "https://wa.me/212661556110", ariaLabel: "WhatsApp"},
]}
/>
</div>