Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-12 16:27:28 +00:00
2 changed files with 52 additions and 204 deletions

View File

@@ -17,8 +17,7 @@ export default function ContactPage() {
const footerColumns = [
{
title: "Produits",
items: [
title: "Produits", items: [
{ label: "Catalogue", href: "/catalogue" },
{ label: "Import Service", href: "/import" },
{ label: "Vendre Votre Voiture", href: "/vendre" },
@@ -26,8 +25,7 @@ export default function ContactPage() {
],
},
{
title: "Ressources",
items: [
title: "Ressources", items: [
{ label: "À Propos", href: "/a-propos" },
{ label: "Blog", href: "/blog" },
{ label: "FAQ", href: "/faq" },
@@ -35,8 +33,7 @@ export default function ContactPage() {
],
},
{
title: "Légal",
items: [
title: "Légal", items: [
{ label: "Politique de Confidentialité", href: "#" },
{ label: "Conditions d'Utilisation", href: "#" },
{ label: "Politique de Retour", href: "#" },
@@ -73,19 +70,18 @@ export default function ContactPage() {
tagIcon={Mail}
tagAnimation="slide-up"
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
useInvertedBackground={false}
inputPlaceholder="Votre adresse email"
buttonText="Demander un Devis"
termsText="En cliquant sur \"Demander un Devis\", vous acceptez notre politique de confidentialité. Nous respectons vos données."
termsText="En cliquant sur {'>'}Demander un Devis{'<'}, vous acceptez notre politique de confidentialité. Nous respectons vos données."
ariaLabel="Contact form section"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/group-multinational-busy-people-working-office_146671-15682.jpg?_wi=9"
imageSrc="http://img.b2bpic.net/free-photo/group-multinational-busy-people-working-office_146671-15682.jpg"
imageAlt="MarocAutoTrades office"
logoText="MarocAutoTrades"
copyrightText="© 2025 MarocAutoTrades. Tous droits réservés."

View File

@@ -24,8 +24,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Produits",
items: [
title: "Produits", items: [
{ label: "Catalogue", href: "/catalogue" },
{ label: "Import Service", href: "/import" },
{ label: "Vendre Votre Voiture", href: "/vendre" },
@@ -33,8 +32,7 @@ export default function HomePage() {
],
},
{
title: "Ressources",
items: [
title: "Ressources", items: [
{ label: "À Propos", href: "/a-propos" },
{ label: "Blog", href: "/blog" },
{ label: "FAQ", href: "/faq" },
@@ -42,8 +40,7 @@ export default function HomePage() {
],
},
{
title: "Légal",
items: [
title: "Légal", items: [
{ label: "Politique de Confidentialité", href: "#" },
{ label: "Conditions d'Utilisation", href: "#" },
{ label: "Politique de Retour", href: "#" },
@@ -83,51 +80,31 @@ export default function HomePage() {
tagAnimation="slide-up"
buttons={[
{
text: "Explorer le catalogue",
href: "/catalogue",
},
text: "Explorer le catalogue", href: "/catalogue"},
{
text: "Import sur mesure",
href: "/import",
},
text: "Import sur mesure", href: "/import"},
]}
buttonAnimation="slide-up"
background={{ variant: "radial-gradient" }}
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-wipes-car-with-rag_1157-33904.jpg?_wi=1",
imageAlt: "BYD Dolphin 2024",
},
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-wipes-car-with-rag_1157-33904.jpg", imageAlt: "BYD Dolphin 2024"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-using-phone_1303-17807.jpg?_wi=1",
imageAlt: "BYD Atto 3",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-using-phone_1303-17807.jpg", imageAlt: "BYD Atto 3"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-front-modern-car_23-2148384978.jpg?_wi=1",
imageAlt: "Huawei AITO M5",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-front-modern-car_23-2148384978.jpg", imageAlt: "Huawei AITO M5"},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-car-cable_23-2149530053.jpg?_wi=1",
imageAlt: "Leapmotor C11",
},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-car-cable_23-2149530053.jpg", imageAlt: "Leapmotor C11"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-psd/safe-transportation-landing-page_23-2149933352.jpg?_wi=1",
imageAlt: "Zeekr Electric Sedan",
},
imageSrc: "http://img.b2bpic.net/free-psd/safe-transportation-landing-page_23-2149933352.jpg", imageAlt: "Zeekr Electric Sedan"},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-family-make-selfie-by-mobile-phone_171337-5369.jpg?_wi=1",
imageAlt: "Dongfeng Electric SUV",
},
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-family-make-selfie-by-mobile-phone_171337-5369.jpg", imageAlt: "Dongfeng Electric SUV"},
{
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-wipes-car-with-rag_1157-33904.jpg?_wi=2",
imageAlt: "BYD Dolphin",
},
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-wipes-car-with-rag_1157-33904.jpg", imageAlt: "BYD Dolphin"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-front-modern-car_23-2148384978.jpg?_wi=2",
imageAlt: "Huawei AITO",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-front-modern-car_23-2148384978.jpg", imageAlt: "Huawei AITO"},
]}
carouselPosition="right"
ariaLabel="Hero section showcasing electric vehicles"
@@ -139,19 +116,12 @@ export default function HomePage() {
<TextSplitAbout
title="Pourquoi MarocAutoTrades?"
description={[
"Nous vous offrons accès aux derniers modèles de véhicules électriques chinois, directement importés au Maroc. Nos partenaires incluent BYD, Huawei AITO, Leapmotor, Zeekr, et Dongfeng — des marques leaders en innovation et fiabilité.",
"Avec MarocAutoTrades, bénéficiez de transparence totale, de prix compétitifs, et d'un accompagnement complet du choix à la livraison. Nous gérons les formalités de douane et les documents officiels pour votre tranquillité.",
"Notre mission: démocratiser l'accès aux véhicules électriques au Maroc avec confiance, qualité, et service client exceptionnel.",
]}
"Nous vous offrons accès aux derniers modèles de véhicules électriques chinois, directement importés au Maroc. Nos partenaires incluent BYD, Huawei AITO, Leapmotor, Zeekr, et Dongfeng — des marques leaders en innovation et fiabilité.", "Avec MarocAutoTrades, bénéficiez de transparence totale, de prix compétitifs, et d'un accompagnement complet du choix à la livraison. Nous gérons les formalités de douane et les documents officiels pour votre tranquillité.", "Notre mission: démocratiser l'accès aux véhicules électriques au Maroc avec confiance, qualité, et service client exceptionnel."]}
buttons={[
{
text: "En savoir plus",
href: "/a-propos",
},
text: "En savoir plus", href: "/a-propos"},
{
text: "Demander un devis",
href: "/contact",
},
text: "Demander un devis", href: "/contact"},
]}
buttonAnimation="slide-up"
showBorder={true}
@@ -170,29 +140,13 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
title: "Modèles Récents",
description: "Derniers modèles BYD, Huawei, Leapmotor non disponibles chez les concessionnaires officiels",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-wipes-car-with-rag_1157-33904.jpg?_wi=3",
imageAlt: "Véhicule électrique moderne",
},
title: "Modèles Récents", description: "Derniers modèles BYD, Huawei, Leapmotor non disponibles chez les concessionnaires officiels", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-wipes-car-with-rag_1157-33904.jpg", imageAlt: "Véhicule électrique moderne"},
{
title: "Import sur Mesure",
description: "Nous sourçons et livrons le modèle que vous désirez directement au Maroc",
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-using-phone_1303-17807.jpg?_wi=2",
imageAlt: "Service d'importation",
},
title: "Import sur Mesure", description: "Nous sourçons et livrons le modèle que vous désirez directement au Maroc", imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-using-phone_1303-17807.jpg", imageAlt: "Service d'importation"},
{
title: "Transparence Totale",
description: "Prix clairs, pas de frais cachés, devis détaillé avant achat",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-front-modern-car_23-2148384978.jpg?_wi=3",
imageAlt: "Transparence et confiance",
},
title: "Transparence Totale", description: "Prix clairs, pas de frais cachés, devis détaillé avant achat", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-front-modern-car_23-2148384978.jpg", imageAlt: "Transparence et confiance"},
{
title: "Accompagnement Douane",
description: "Nous gérons toutes les formalités douanières et papiers officiels pour vous",
imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-sailing-through-ocean_23-2151989582.jpg?_wi=1",
imageAlt: "Processus douane simplifié",
},
title: "Accompagnement Douane", description: "Nous gérons toutes les formalités douanières et papiers officiels pour vous", imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-sailing-through-ocean_23-2151989582.jpg", imageAlt: "Processus douane simplifié"},
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
@@ -212,12 +166,7 @@ export default function HomePage() {
tagAnimation="slide-up"
names={["BYD", "Huawei AITO", "Leapmotor", "Zeekr", "Dongfeng"]}
logos={[
"http://img.b2bpic.net/free-vector/gradient-hd-monogram-logo_23-2150181429.jpg",
"http://img.b2bpic.net/free-vector/abstract-logo-flat-background_23-2148156667.jpg",
"http://img.b2bpic.net/free-vector/gradient-marketing-logo-collection_23-2149118903.jpg",
"http://img.b2bpic.net/free-vector/blue-compact-hybrid-car_53876-112865.jpg",
"http://img.b2bpic.net/free-photo/charging-socket-electric-car-with-blue-light_1268-17707.jpg",
]}
"http://img.b2bpic.net/free-vector/gradient-hd-monogram-logo_23-2150181429.jpg", "http://img.b2bpic.net/free-vector/abstract-logo-flat-background_23-2148156667.jpg", "http://img.b2bpic.net/free-vector/gradient-marketing-logo-collection_23-2149118903.jpg", "http://img.b2bpic.net/free-vector/blue-compact-hybrid-car_53876-112865.jpg", "http://img.b2bpic.net/free-photo/charging-socket-electric-car-with-blue-light_1268-17707.jpg"]}
textboxLayout="default"
useInvertedBackground={false}
speed={40}
@@ -236,72 +185,28 @@ export default function HomePage() {
tagAnimation="slide-up"
buttons={[
{
text: "Voir tous les modèles",
href: "/catalogue",
},
text: "Voir tous les modèles", href: "/catalogue"},
]}
buttonAnimation="slide-up"
products={[
{
id: "1",
brand: "BYD",
name: "Dolphin 2024",
price: "380 000 MAD",
rating: 5,
reviewCount: "2.3k",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-wipes-car-with-rag_1157-33904.jpg?_wi=4",
imageAlt: "BYD Dolphin 2024",
},
id: "1", brand: "BYD", name: "Dolphin 2024", price: "380 000 MAD", rating: 5,
reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-wipes-car-with-rag_1157-33904.jpg", imageAlt: "BYD Dolphin 2024"},
{
id: "2",
brand: "BYD",
name: "Atto 3 SUV",
price: "520 000 MAD",
rating: 5,
reviewCount: "1.8k",
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-using-phone_1303-17807.jpg?_wi=3",
imageAlt: "BYD Atto 3",
},
id: "2", brand: "BYD", name: "Atto 3 SUV", price: "520 000 MAD", rating: 5,
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-using-phone_1303-17807.jpg", imageAlt: "BYD Atto 3"},
{
id: "3",
brand: "Huawei AITO",
name: "M5 Premium",
price: "680 000 MAD",
rating: 5,
reviewCount: "1.5k",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-front-modern-car_23-2148384978.jpg?_wi=4",
imageAlt: "Huawei AITO M5",
},
id: "3", brand: "Huawei AITO", name: "M5 Premium", price: "680 000 MAD", rating: 5,
reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-front-modern-car_23-2148384978.jpg", imageAlt: "Huawei AITO M5"},
{
id: "4",
brand: "Leapmotor",
name: "C11 Crossover",
price: "450 000 MAD",
rating: 4,
reviewCount: "920",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-car-cable_23-2149530053.jpg?_wi=2",
imageAlt: "Leapmotor C11",
},
id: "4", brand: "Leapmotor", name: "C11 Crossover", price: "450 000 MAD", rating: 4,
reviewCount: "920", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-car-cable_23-2149530053.jpg", imageAlt: "Leapmotor C11"},
{
id: "5",
brand: "Zeekr",
name: "007 Sedan",
price: "420 000 MAD",
rating: 5,
reviewCount: "1.2k",
imageSrc: "http://img.b2bpic.net/free-psd/safe-transportation-landing-page_23-2149933352.jpg?_wi=2",
imageAlt: "Zeekr Electric Sedan",
},
id: "5", brand: "Zeekr", name: "007 Sedan", price: "420 000 MAD", rating: 5,
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-psd/safe-transportation-landing-page_23-2149933352.jpg", imageAlt: "Zeekr Electric Sedan"},
{
id: "6",
brand: "Dongfeng",
name: "Yuan Plus",
price: "380 000 MAD",
rating: 4,
reviewCount: "850",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-family-make-selfie-by-mobile-phone_171337-5369.jpg?_wi=2",
imageAlt: "Dongfeng Yuan Plus",
},
id: "6", brand: "Dongfeng", name: "Yuan Plus", price: "380 000 MAD", rating: 4,
reviewCount: "850", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-family-make-selfie-by-mobile-phone_171337-5369.jpg", imageAlt: "Dongfeng Yuan Plus"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -317,41 +222,17 @@ export default function HomePage() {
<TestimonialCardTwelve
testimonials={[
{
id: "1",
name: "Ahmed Bennani",
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3236.jpg?_wi=1",
imageAlt: "Ahmed Bennani",
},
id: "1", name: "Ahmed Bennani", imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3236.jpg", imageAlt: "Ahmed Bennani"},
{
id: "2",
name: "Fatima El Khadraoui",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-slim-young-female-jacket-jeans-leani_613910-16189.jpg?_wi=1",
imageAlt: "Fatima El Khadraoui",
},
id: "2", name: "Fatima El Khadraoui", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-slim-young-female-jacket-jeans-leani_613910-16189.jpg", imageAlt: "Fatima El Khadraoui"},
{
id: "3",
name: "Hassan Moujahid",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg?_wi=1",
imageAlt: "Hassan Moujahid",
},
id: "3", name: "Hassan Moujahid", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg", imageAlt: "Hassan Moujahid"},
{
id: "4",
name: "Leila Saïd",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg?_wi=1",
imageAlt: "Leila Saïd",
},
id: "4", name: "Leila Saïd", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg", imageAlt: "Leila Saïd"},
{
id: "5",
name: "Karim Tahri",
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3236.jpg?_wi=2",
imageAlt: "Karim Tahri",
},
id: "5", name: "Karim Tahri", imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3236.jpg", imageAlt: "Karim Tahri"},
{
id: "6",
name: "Nadia Rhali",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-slim-young-female-jacket-jeans-leani_613910-16189.jpg?_wi=2",
imageAlt: "Nadia Rhali",
},
id: "6", name: "Nadia Rhali", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-slim-young-female-jacket-jeans-leani_613910-16189.jpg", imageAlt: "Nadia Rhali"},
]}
cardTitle="Plus de 5 000 clients satisfaits nous font confiance pour l'achat de leurs véhicules électriques au Maroc"
cardTag="Témoignages Clients"
@@ -372,38 +253,11 @@ export default function HomePage() {
tagAnimation="slide-up"
blogs={[
{
id: "1",
category: "Marché",
title: "BYD au Maroc: Les Raisons du Succès",
excerpt: "Découvrez pourquoi BYD devient rapidement le leader des véhicules électriques au Maroc avec ses modèles innovants et accessibles.",
imageSrc: "http://img.b2bpic.net/free-photo/man-having-mobile-talk-while-waiting-electric-car-charge-station-eco-cars-arab-ethnicity_1157-49394.jpg?_wi=1",
imageAlt: "BYD véhicules au Maroc",
authorName: "Mohamed Alami",
authorAvatar: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3236.jpg",
date: "15 Janvier 2025",
},
id: "1", category: "Marché", title: "BYD au Maroc: Les Raisons du Succès", excerpt: "Découvrez pourquoi BYD devient rapidement le leader des véhicules électriques au Maroc avec ses modèles innovants et accessibles.", imageSrc: "http://img.b2bpic.net/free-photo/man-having-mobile-talk-while-waiting-electric-car-charge-station-eco-cars-arab-ethnicity_1157-49394.jpg", imageAlt: "BYD véhicules au Maroc", authorName: "Mohamed Alami", authorAvatar: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3236.jpg", date: "15 Janvier 2025"},
{
id: "2",
category: "Guide",
title: "Guide Complet: Importer une Voiture Électrique",
excerpt: "Procédures douanières, taxes, documents requis — tout ce que vous devez savoir pour importer votre véhicule électrique.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-client-package-delivery_23-2148890018.jpg?_wi=1",
imageAlt: "Guide importation",
authorName: "Rachid Karim",
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg",
date: "12 Janvier 2025",
},
id: "2", category: "Guide", title: "Guide Complet: Importer une Voiture Électrique", excerpt: "Procédures douanières, taxes, documents requis — tout ce que vous devez savoir pour importer votre véhicule électrique.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-client-package-delivery_23-2148890018.jpg", imageAlt: "Guide importation", authorName: "Rachid Karim", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg", date: "12 Janvier 2025"},
{
id: "3",
category: "Infrastructure",
title: "Réseau de Recharge: L'Avenir Électrique du Maroc",
excerpt: "Le Maroc développe rapidement son infrastructure de recharge. Où recharger votre véhicule électrique? Les meilleurs emplacements à Casablanca et Rabat.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-car-charger-electric-vehicle-charging-station_107420-94919.jpg?_wi=1",
imageAlt: "Stations de recharge",
authorName: "Amina El Fassi",
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-sexy-slim-young-female-jacket-jeans-leani_613910-16189.jpg",
date: "8 Janvier 2025",
},
id: "3", category: "Infrastructure", title: "Réseau de Recharge: L'Avenir Électrique du Maroc", excerpt: "Le Maroc développe rapidement son infrastructure de recharge. Où recharger votre véhicule électrique? Les meilleurs emplacements à Casablanca et Rabat.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-car-charger-electric-vehicle-charging-station_107420-94919.jpg", imageAlt: "Stations de recharge", authorName: "Amina El Fassi", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-sexy-slim-young-female-jacket-jeans-leani_613910-16189.jpg", date: "8 Janvier 2025"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -412,9 +266,7 @@ export default function HomePage() {
uniformGridCustomHeightClasses="min-h-[550px]"
buttons={[
{
text: "Voir tous les articles",
href: "/blog",
},
text: "Voir tous les articles", href: "/blog"},
]}
buttonAnimation="slide-up"
ariaLabel="Latest blog posts and articles"
@@ -433,7 +285,7 @@ export default function HomePage() {
useInvertedBackground={false}
inputPlaceholder="Votre adresse email"
buttonText="Demander un Devis"
termsText="En cliquant sur \"Demander un Devis\", vous acceptez notre politique de confidentialité. Nous respectons vos données."
termsText="En cliquant sur {'>'}Demander un Devis{'<'}, vous acceptez notre politique de confidentialité. Nous respectons vos données."
ariaLabel="Contact form section"
/>
</div>
@@ -441,7 +293,7 @@ export default function HomePage() {
{/* Footer */}
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/group-multinational-busy-people-working-office_146671-15682.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/group-multinational-busy-people-working-office_146671-15682.jpg"
imageAlt="MarocAutoTrades office"
logoText="MarocAutoTrades"
copyrightText="© 2025 MarocAutoTrades. Tous droits réservés."