diff --git a/src/app/page.tsx b/src/app/page.tsx index a113e32..9ebe970 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -30,21 +30,13 @@ export default function LandingPage() { @@ -56,35 +48,21 @@ export default function LandingPage() { description="تجربة قيادة فاخرة في المغرب. استأجر سيارة أحلامك اليوم. / Vivez une expérience de conduite de luxe au Maroc. Louez la voiture de vos rêves dès aujourd'hui." buttons={[ { - text: "Book Now / احجز الآن", - href: "#catalog", - }, + text: "Book Now / احجز الآن", href: "#catalog"}, ]} slides={[ { - imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-by-white-car_1303-16424.jpg", - imageAlt: "Luxury Range Rover in Morocco", - }, + imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-by-white-car_1303-16424.jpg", imageAlt: "Luxury Range Rover in Morocco"}, { - imageSrc: "http://img.b2bpic.net/free-photo/stylish-shirt-hair-male-sunglasses-warm-autumn-jacket-posing-near-car-glass-building-background_613910-11030.jpg", - imageAlt: "Luxury Mercedes S-Class in Marrakech", - }, + imageSrc: "http://img.b2bpic.net/free-photo/stylish-shirt-hair-male-sunglasses-warm-autumn-jacket-posing-near-car-glass-building-background_613910-11030.jpg", imageAlt: "Luxury Mercedes S-Class in Marrakech"}, { - imageSrc: "http://img.b2bpic.net/free-photo/traveling-with-off-road-car_23-2151473086.jpg", - imageAlt: "Luxury Audi Q8 on Atlas Mountains road", - }, + imageSrc: "http://img.b2bpic.net/free-photo/traveling-with-off-road-car_23-2151473086.jpg", imageAlt: "Luxury Audi Q8 on Atlas Mountains road"}, { - imageSrc: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636256.jpg", - imageAlt: "Luxury Convertible on Moroccan coast", - }, + imageSrc: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636256.jpg", imageAlt: "Luxury Convertible on Moroccan coast"}, { - imageSrc: "http://img.b2bpic.net/free-photo/futuristic-city-with-high-tech-mobility-social-welfare_23-2151065342.jpg", - imageAlt: "Luxury Electric Car in a modern setting", - }, + imageSrc: "http://img.b2bpic.net/free-photo/futuristic-city-with-high-tech-mobility-social-welfare_23-2151065342.jpg", imageAlt: "Luxury Electric Car in a modern setting"}, { - imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-vintage-classic-car_74190-1869.jpg", - imageAlt: "Classic luxury car in Morocco", - }, + imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-vintage-classic-car_74190-1869.jpg", imageAlt: "Classic luxury car in Morocco"}, ]} /> @@ -97,79 +75,35 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "car-1", - brand: "Range Rover", - name: "Sport", - price: "Daily from 3000DH", - rating: 5, - reviewCount: "120 Reviews", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-white-modern-car-outdoors_23-2149385731.jpg", - imageAlt: "Range Rover Sport", - onProductClick: "() => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20renting%20the%20Range%20Rover%20Sport', '_blank')", + id: "car-1", brand: "Range Rover", name: "Sport", price: "Daily from 3000DH", rating: 5, + reviewCount: "120 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/side-view-white-modern-car-outdoors_23-2149385731.jpg", imageAlt: "Range Rover Sport", onProductClick: () => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20renting%20the%20Range%20Rover%20Sport', '_blank'), }, { - id: "car-2", - brand: "Audi", - name: "Q8", - price: "Daily from 2800DH", - rating: 5, - reviewCount: "95 Reviews", - imageSrc: "http://img.b2bpic.net/free-photo/ribbed-glass-background-with-abstract-waves-glossy-gradient-textures-black-white_474888-8026.jpg", - imageAlt: "Audi Q8", - onProductClick: "() => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20renting%20the%20Audi%20Q8', '_blank')", + id: "car-2", brand: "Audi", name: "Q8", price: "Daily from 2800DH", rating: 5, + reviewCount: "95 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/ribbed-glass-background-with-abstract-waves-glossy-gradient-textures-black-white_474888-8026.jpg", imageAlt: "Audi Q8", onProductClick: () => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20renting%20the%20Audi%20Q8', '_blank'), }, { - id: "car-3", - brand: "Porsche", - name: "Panamera", - price: "Daily from 3500DH", - rating: 5, - reviewCount: "150 Reviews", - imageSrc: "http://img.b2bpic.net/free-vector/high-speed-race-hatchback-car-trailing-lights-motion-effect-realistic-composition-night-city-street_1284-28805.jpg", - imageAlt: "Porsche Panamera", - onProductClick: "() => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20renting%20the%20Porsche%20Panamera', '_blank')", + id: "car-3", brand: "Porsche", name: "Panamera", price: "Daily from 3500DH", rating: 5, + reviewCount: "150 Reviews", imageSrc: "http://img.b2bpic.net/free-vector/high-speed-race-hatchback-car-trailing-lights-motion-effect-realistic-composition-night-city-street_1284-28805.jpg", imageAlt: "Porsche Panamera", onProductClick: () => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20renting%20the%20Porsche%20Panamera', '_blank'), }, { - id: "car-4", - brand: "Mercedes-Benz", - name: "S-Class", - price: "Daily from 3200DH", - rating: 5, - reviewCount: "110 Reviews", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-interior_23-2148194088.jpg", - imageAlt: "Mercedes S-Class", - onProductClick: "() => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20renting%20the%20Mercedes%20S-Class', '_blank')", + id: "car-4", brand: "Mercedes-Benz", name: "S-Class", price: "Daily from 3200DH", rating: 5, + reviewCount: "110 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-interior_23-2148194088.jpg", imageAlt: "Mercedes S-Class", onProductClick: () => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20renting%20the%20Mercedes%20S-Class', '_blank'), }, { - id: "car-5", - brand: "BMW", - name: "7 Series", - price: "Daily from 3100DH", - rating: 5, - reviewCount: "105 Reviews", - imageSrc: "http://img.b2bpic.net/free-photo/helping-girl-decide-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16078.jpg", - imageAlt: "BMW 7 Series", - onProductClick: "() => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20renting%20the%20BMW%207%20Series', '_blank')", + id: "car-5", brand: "BMW", name: "7 Series", price: "Daily from 3100DH", rating: 5, + reviewCount: "105 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/helping-girl-decide-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16078.jpg", imageAlt: "BMW 7 Series", onProductClick: () => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20renting%20the%20BMW%207%20Series', '_blank'), }, { - id: "car-6", - brand: "Bentley", - name: "Continental GT", - price: "Daily from 5000DH", - rating: 5, - reviewCount: "80 Reviews", - imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sitting-trunk-his-black-muscle-car-rich-black-man_627829-2712.jpg", - imageAlt: "Bentley Continental GT", - onProductClick: "() => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20renting%20the%20Bentley%20Continental%20GT', '_blank')", + id: "car-6", brand: "Bentley", name: "Continental GT", price: "Daily from 5000DH", rating: 5, + reviewCount: "80 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sitting-trunk-his-black-muscle-car-rich-black-man_627829-2712.jpg", imageAlt: "Bentley Continental GT", onProductClick: () => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20renting%20the%20Bentley%20Continental%20GT', '_blank'), }, ]} title="أسطولنا الفاخر / Notre Flotte de Luxe" description="استكشف مجموعتنا المختارة بعناية من السيارات الفاخرة لتجربة لا تُنسى في المغرب. / Découvrez notre sélection minutieuse de véhicules de luxe pour une expérience inoubliable au Maroc." buttons={[ { - text: "Réserver via WhatsApp / احجز عبر الواتساب", - href: "https://wa.me/212xxxxxxxxx", - }, + text: "Réserver via WhatsApp / احجز عبر الواتساب", href: "https://wa.me/212xxxxxxxxx"}, ]} /> @@ -180,29 +114,11 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - tag: "الخطوة 1 / Étape 1", - title: "اختر سيارتك الفاخرة / Choisissez votre voiture de luxe", - subtitle: "استعرض مجموعتنا الواسعة من السيارات الفاخرة وحدد الخيار المثالي لرحلتك. / Parcourez notre vaste collection de voitures de luxe et sélectionnez l'option idéale pour votre voyage.", - description: "من سيارات الدفع الرباعي الرياضية إلى سيارات السيدان الفاخرة، لدينا ما يناسب كل ذوق. / Des VUS sportifs aux berlines de prestige, nous avons quelque chose pour tous les goûts.", - imageSrc: "http://img.b2bpic.net/free-vector/customer-buying-new-car-with-lng-gas-system_53876-64660.jpg", - imageAlt: "Choose your luxury car", - }, + tag: "الخطوة 1 / Étape 1", title: "اختر سيارتك الفاخرة / Choisissez votre voiture de luxe", subtitle: "استعرض مجموعتنا الواسعة من السيارات الفاخرة وحدد الخيار المثالي لرحلتك. / Parcourez notre vaste collection de voitures de luxe et sélectionnez l'option idéale pour votre voyage.", description: "من سيارات الدفع الرباعي الرياضية إلى سيارات السيدان الفاخرة، لدينا ما يناسب كل ذوق. / Des VUS sportifs aux berlines de prestige, nous avons quelque chose pour tous les goûts.", imageSrc: "http://img.b2bpic.net/free-vector/customer-buying-new-car-with-lng-gas-system_53876-64660.jpg", imageAlt: "Choose your luxury car"}, { - tag: "الخطوة 2 / Étape 2", - title: "أكد تواريخ الإيجار / Confirmez vos dates de location", - subtitle: "حدد تواريخ الاستلام والتسليم المفضلة لديك بسهولة عبر نظامنا. / Sélectionnez facilement vos dates de prise en charge et de retour préférées via notre système.", - description: "نحن نقدم جداول زمنية مرنة لتناسب خطط سفرك. / Nous offrons des horaires flexibles pour s'adapter à vos projets de voyage.", - imageSrc: "http://img.b2bpic.net/free-vector/appointment-booking-landing-page-template_23-2148569133.jpg", - imageAlt: "Confirm rental dates", - }, + tag: "الخطوة 2 / Étape 2", title: "أكد تواريخ الإيجار / Confirmez vos dates de location", subtitle: "حدد تواريخ الاستلام والتسليم المفضلة لديك بسهولة عبر نظامنا. / Sélectionnez facilement vos dates de prise en charge et de retour préférées via notre système.", description: "نحن نقدم جداول زمنية مرنة لتناسب خطط سفرك. / Nous offerons des horaires flexibles pour s'adapter à vos projets de voyage.", imageSrc: "http://img.b2bpic.net/free-vector/appointment-booking-landing-page-template_23-2148569133.jpg", imageAlt: "Confirm rental dates"}, { - tag: "الخطوة 3 / Étape 3", - title: "استلمها في المطار / Récupérez-la à l'aéroport", - subtitle: "استلم سيارتك الفاخرة مباشرة عند وصولك إلى مطار مراكش أو وجهتك المفضلة. / Prenez en charge votre voiture de luxe directement à votre arrivée à l'aéroport de Marrakech ou à votre lieu préféré.", - description: "فريقنا سيتأكد من أن سيارتك جاهزة وفي انتظارك. / Notre فريق veillera à ce que votre voiture soit prête et vous attende.", - imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-backseat-taxi_23-2149236708.jpg", - imageAlt: "Car pickup at the airport", - }, + tag: "الخطوة 3 / Étape 3", title: "استلمها في المطار / Récupérez-la à l'aéroport", subtitle: "استلم سيارتك الفاخرة مباشرة عند وصولك إلى مطار مراكش أو وجهتك المفضلة. / Prenez en charge votre voiture de luxe directement à votre arrivée à l'aéroport de Marrakech ou à votre lieu préféré.", description: "فريقنا سيتأكد من أن سيارتك جاهزة وفي انتظارك. / Notre فريق veillera à ce que votre voiture soit prête et vous attende.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-backseat-taxi_23-2149236708.jpg", imageAlt: "Car pickup at the airport"}, ]} title="كيف تعمل؟ / Comment ça marche ?" description="عملية حجز بسيطة ومباشرة لضمان تجربة خالية من المتاعب. / Un processus de réservation simple et direct pour une expérience sans tracas." @@ -214,7 +130,7 @@ export default function LandingPage() { useInvertedBackground={false} tag="موقعنا / Notre Emplacement" title="استلم سيارتك الفاخرة من مطار مراكش / Récupérez votre voiture de luxe à l'aéroport de Marrakech" - description="يقع مكتبنا الرئيسي في قلب مراكش، ويسهل الوصول إليه لراحة قصوى. / Notre bureau principal est situé au cœur de Marrakech, facilement accessible pour un confort optimal." + description="يقع مكتبنا الرئيسي في قلب مراكش، ويسهل الوصول إليه لراحة قصوى. / Notre bureau principal est situé au cœur de Marrakech، facilement accessible pour un confort optimal." subdescription="نقدم خدمة توصيل واستلام في جميع أنحاء المغرب، بما في ذلك مطار الدار البيضاء. / Nous proposons un service de livraison et de récupération partout au Maroc, y compris à l'aéroport de Casablanca." icon={MapPin} imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-checking-map_23-2148637375.jpg" @@ -233,56 +149,24 @@ export default function LandingPage() { description="اكتشف سياراتنا الخاصة وتجارب القيادة التي لا تُنسى في المغرب. / Découvrez nos véhicules spéciaux et des expériences de conduite inoubliables au Maroc." products={[ { - id: "car-7", - name: "VIP Interior", - variant: "Chauffeured Service", - price: "On Request", - imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-22346.jpg", - imageAlt: "Stylish and elegant woman in a car salon", - onProductClick: "() => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20your%20VIP%20Chauffeured%20Service', '_blank')", + id: "car-7", name: "VIP Interior", variant: "Chauffeured Service", price: "On Request", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-22346.jpg", imageAlt: "Stylish and elegant woman in a car salon", onProductClick: () => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20your%20VIP%20Chauffeured%20Service', '_blank'), }, { - id: "car-8", - name: "Executive Sedan", - variant: "Business Class", - price: "Daily from 2900DH", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-by-white-car_1303-16401.jpg", - imageAlt: "Handsome business man by the white car", - onProductClick: "() => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20renting%20the%20Executive%20Sedan', '_blank')", + id: "car-8", name: "Executive Sedan", variant: "Business Class", price: "Daily from 2900DH", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-by-white-car_1303-16401.jpg", imageAlt: "Handsome business man by the white car", onProductClick: () => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20renting%20the%20Executive%20Sedan', '_blank'), }, { - id: "car-9", - name: "Adventure SUV", - variant: "Desert Expedition", - price: "Daily from 3300DH", - imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151483024.jpg", - imageAlt: "Off-road car in the wilderness", - onProductClick: "() => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20renting%20the%20Adventure%20SUV', '_blank')", + id: "car-9", name: "Adventure SUV", variant: "Desert Expedition", price: "Daily from 3300DH", imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151483024.jpg", imageAlt: "Off-road car in the wilderness", onProductClick: () => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20renting%20the%20Adventure%20SUV', '_blank'), }, { - id: "car-10", - name: "Sport Coupe", - variant: "Performance Drive", - price: "Daily from 4000DH", - imageSrc: "http://img.b2bpic.net/free-photo/grey-silver-color-sport-car-front-side-view-with-red-wheels-road_114579-1163.jpg", - imageAlt: "Grey, silver color sport car front side view with red wheels on the road.", - onProductClick: "() => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20renting%20the%20Sport%20Coupe', '_blank')", + id: "car-10", name: "Sport Coupe", variant: "Performance Drive", price: "Daily from 4000DH", imageSrc: "http://img.b2bpic.net/free-photo/grey-silver-color-sport-car-front-side-view-with-red-wheels-road_114579-1163.jpg", imageAlt: "Grey, silver color sport car front side view with red wheels on the road.", onProductClick: () => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20renting%20the%20Sport%20Coupe', '_blank'), }, { - id: "car-11", - name: "Luxury Convertible", - variant: "Coastal Breeze", - price: "Daily from 3800DH", - imageSrc: "http://img.b2bpic.net/free-photo/red-convertible-driving-city-road-dynamics-luxury-lifestyle_169016-72765.jpg", - imageAlt: "Red convertible driving on a city road dynamics and luxury lifestyle", - onProductClick: "() => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20renting%20the%20Luxury%20Convertible', '_blank')", + id: "car-11", name: "Luxury Convertible", variant: "Coastal Breeze", price: "Daily from 3800DH", imageSrc: "http://img.b2bpic.net/free-photo/red-convertible-driving-city-road-dynamics-luxury-lifestyle_169016-72765.jpg", imageAlt: "Red convertible driving on a city road dynamics and luxury lifestyle", onProductClick: () => window.open('https://wa.me/212xxxxxxxxx?text=I%27m%20interested%20in%20renting%20the%20Luxury%20Convertible', '_blank'), }, ]} buttons={[ { - text: "استكشف العروض / Explorez les Offres", - href: "#extra-product-showcase", - }, + text: "استكشف العروض / Explorez les Offres", href: "#extra-product-showcase"}, ]} /> @@ -291,59 +175,38 @@ export default function LandingPage() {