From 9e449dba6faca669a0e361f58af2f5ecd7c26bf0 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 2 Jun 2026 18:03:43 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 311 +++++++++++------------------------------------ 1 file changed, 69 insertions(+), 242 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 4386489..246f426 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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() { @@ -68,103 +54,54 @@ export default function LandingPage() { @@ -173,7 +110,6 @@ export default function LandingPage() { @@ -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"}, ]} />