bender/5e91b88d-c7bf-42d4-93f4-2c2158eddd1c
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-03 17:17:53 +00:00
parent 5241cb38c0
commit 23851561db
1 changed files with 47 additions and 184 deletions
Download Patch File Download Diff File Expand all files Collapse all files

231
src/app/page.tsx
View File

@@ -30,21 +30,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home / الرئيسية",
id: "/",
},
name: "Home / الرئيسية", id: "/"},
{
name: "Fleet / السيارات",
id: "#catalog",
},
name: "Fleet / السيارات", id: "#catalog"},
{
name: "How it Works / كيف تعمل",
id: "#how-it-works",
},
name: "How it Works / كيف تعمل", id: "#how-it-works"},
{
name: "Contact / اتصل بنا",
id: "#footer",
},
name: "Contact / اتصل بنا", id: "#footer"},
]}
brandName="PREMIUM DRIVE MARRAKECH"
/>
@@ -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"},
]}
/>
</div>
@@ -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"},
]}
/>
</div>
@@ -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"},
]}
/>
</div>
@@ -291,59 +175,38 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "روابط سريعة / Liens Rapides",
items: [
title: "روابط سريعة / Liens Rapides", items: [
{
label: "Home / الرئيسية",
href: "/",
},
label: "Home / الرئيسية", href: "/"},
{
label: "Fleet / السيارات",
href: "#catalog",
},
label: "Fleet / السيارات", href: "#catalog"},
{
label: "How it Works / كيف تعمل",
href: "#how-it-works",
},
label: "How it Works / كيف تعمل", href: "#how-it-works"},
],
},
{
title: "اتصل بنا / Contact",
items: [
title: "اتصل بنا / Contact", items: [
{
label: "WhatsApp / الواتساب",
href: "https://wa.me/212xxxxxxxxx",
},
label: "WhatsApp / الواتساب", href: "https://wa.me/212xxxxxxxxx"},
{
label: "Email / البريد الإلكتروني",
href: "mailto:info@premiumdrive.ma",
},
label: "Email / البريد الإلكتروني", href: "mailto:info@premiumdrive.ma"},
{
label: "Address / العنوان",
href: "Marrakech, Morocco",
},
label: "Address / العنوان", href: "Marrakech, Morocco"},
],
},
{
title: "تابعونا / Suivez-nous",
items: [
title: "تابعونا / Suivez-nous", items: [
{
label: "Instagram / انستغرام",
href: "https://instagram.com/premiumdrivemarrakech",
},
label: "Instagram / انستغرام", href: "https://instagram.com/premiumdrivemarrakech"},
{
label: "Facebook / فيسبوك",
href: "https://facebook.com/premiumdrivemarrakech",
},
label: "Facebook / فيسبوك", href: "https://facebook.com/premiumdrivemarrakech"},
{
label: "Twitter / تويتر",
href: "https://twitter.com/premiumdrivema",
},
label: "Twitter / تويتر", href: "https://twitter.com/premiumdrivema"},
],
},
]}
logoText="PREMIUM DRIVE MARRAKECH"
copyrightText="© 2024 PREMIUM DRIVE MARRAKECH. جميع الحقوق محفوظة. / Tous droits réservés."
copyrightText="© 2024 PREMIUM DRIVE MARRAKECH. جميع الحقوق محفوظة. / Tous حقوق محفوظ."
/>
</div>
</ReactLenis>