Add "Service Commande" page (personal shopper service)

New page service-commande.html explaining the order-on-behalf service:
- 10% commission on total order amount
- 50% deposit + 50% on order validation
- Right to request 100% upfront for large orders
- Standard 70,000 Ar/kg shipping fee on top, paid on receipt
- 5-question FAQ
- CTA to contact / Messenger

Trilingual content (FR / EN / MG) added to translations.js with full
serviceCommande section + nav.serviceCommande key.

Menu link inserted right after "Tarifs" in main nav, mobile nav and
footer links across all pages: index, about, tarifs, contact,
guide-envoi, application, cgv, service-commande.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

about.html

@@ -25,6 +25,7 @@
         <a href="index.html" data-i18n="nav.home">Accueil</a>
         <a href="about.html" data-i18n="nav.about">Qui sommes-nous</a>
         <a href="tarifs.html" data-i18n="nav.pricing">Tarifs</a>
+        <a href="service-commande.html" data-i18n="nav.serviceCommande">Service Commande</a>
         <a href="guide-envoi.html" data-i18n="nav.guide">Guide d'envoi</a>
         <a href="contact.html" data-i18n="nav.contact">Contact</a>
         <a href="application.html" data-i18n="nav.app">Prochainement</a>
@@ -210,6 +211,7 @@
             <li><a href="index.html" data-i18n="nav.home">Accueil</a></li>
             <li><a href="about.html" data-i18n="nav.about">Qui sommes-nous</a></li>
             <li><a href="tarifs.html" data-i18n="nav.pricing">Tarifs</a></li>
+            <li><a href="service-commande.html" data-i18n="nav.serviceCommande">Service Commande</a></li>
             <li><a href="guide-envoi.html" data-i18n="nav.guide">Guide d'envoi</a></li>
             <li><a href="contact.html" data-i18n="nav.contact">Contact</a></li>
           </ul>

application.html

@@ -23,6 +23,7 @@
         <a href="index.html" data-i18n="nav.home">Accueil</a>
         <a href="about.html" data-i18n="nav.about">Qui sommes-nous</a>
         <a href="tarifs.html" data-i18n="nav.pricing">Tarifs</a>
+        <a href="service-commande.html" data-i18n="nav.serviceCommande">Service Commande</a>
         <a href="guide-envoi.html" data-i18n="nav.guide">Guide d'envoi</a>
         <a href="contact.html" data-i18n="nav.contact">Contact</a>
         <a href="application.html" data-i18n="nav.app">Application</a>
@@ -277,6 +278,7 @@
             <li><a href="index.html" data-i18n="nav.home">Accueil</a></li>
             <li><a href="about.html" data-i18n="nav.about">Qui sommes-nous</a></li>
             <li><a href="tarifs.html" data-i18n="nav.pricing">Tarifs</a></li>
+            <li><a href="service-commande.html" data-i18n="nav.serviceCommande">Service Commande</a></li>
             <li><a href="guide-envoi.html" data-i18n="nav.guide">Guide d'envoi</a></li>
             <li><a href="contact.html" data-i18n="nav.contact">Contact</a></li>
           </ul>

cgv.html

@@ -63,6 +63,7 @@
         <a href="index.html" data-i18n="nav.home">Accueil</a>
         <a href="about.html" data-i18n="nav.about">Qui sommes-nous</a>
         <a href="tarifs.html" data-i18n="nav.pricing">Tarifs</a>
+        <a href="service-commande.html" data-i18n="nav.serviceCommande">Service Commande</a>
         <a href="guide-envoi.html" data-i18n="nav.guide">Guide d'envoi</a>
         <a href="contact.html" data-i18n="nav.contact">Contact</a>
         <a href="application.html" data-i18n="nav.app">Prochainement</a>
@@ -300,6 +301,7 @@
             <li><a href="index.html" data-i18n="nav.home">Accueil</a></li>
             <li><a href="about.html" data-i18n="nav.about">Qui sommes-nous</a></li>
             <li><a href="tarifs.html" data-i18n="nav.pricing">Tarifs</a></li>
+            <li><a href="service-commande.html" data-i18n="nav.serviceCommande">Service Commande</a></li>
             <li><a href="guide-envoi.html" data-i18n="nav.guide">Guide d'envoi</a></li>
             <li><a href="contact.html" data-i18n="nav.contact">Contact</a></li>
             <li><a href="cgv.html" style="color:rgba(255,255,255,0.7);" data-i18n="footer.cgv">Conditions Générales de Vente</a></li>

contact.html

@@ -23,6 +23,7 @@
         <a href="index.html" data-i18n="nav.home">Accueil</a>
         <a href="about.html" data-i18n="nav.about">Qui sommes-nous</a>
         <a href="tarifs.html" data-i18n="nav.pricing">Tarifs</a>
+        <a href="service-commande.html" data-i18n="nav.serviceCommande">Service Commande</a>
         <a href="guide-envoi.html" data-i18n="nav.guide">Guide d'envoi</a>
         <a href="contact.html" data-i18n="nav.contact">Contact</a>
         <a href="application.html" data-i18n="nav.app">Prochainement</a>
@@ -276,6 +277,7 @@
             <li><a href="index.html" data-i18n="nav.home">Accueil</a></li>
             <li><a href="about.html" data-i18n="nav.about">Qui sommes-nous</a></li>
             <li><a href="tarifs.html" data-i18n="nav.pricing">Tarifs</a></li>
+            <li><a href="service-commande.html" data-i18n="nav.serviceCommande">Service Commande</a></li>
             <li><a href="guide-envoi.html" data-i18n="nav.guide">Guide d'envoi</a></li>
             <li><a href="contact.html" data-i18n="nav.contact">Contact</a></li>
           </ul>

guide-envoi.html

@@ -23,6 +23,7 @@
         <a href="index.html" data-i18n="nav.home">Accueil</a>
         <a href="about.html" data-i18n="nav.about">Qui sommes-nous</a>
         <a href="tarifs.html" data-i18n="nav.pricing">Tarifs</a>
+        <a href="service-commande.html" data-i18n="nav.serviceCommande">Service Commande</a>
         <a href="guide-envoi.html" data-i18n="nav.guide">Guide d'envoi</a>
         <a href="contact.html" data-i18n="nav.contact">Contact</a>
         <a href="application.html" data-i18n="nav.app">Prochainement</a>
@@ -261,6 +262,7 @@
             <li><a href="index.html" data-i18n="nav.home">Accueil</a></li>
             <li><a href="about.html" data-i18n="nav.about">Qui sommes-nous</a></li>
             <li><a href="tarifs.html" data-i18n="nav.pricing">Tarifs</a></li>
+            <li><a href="service-commande.html" data-i18n="nav.serviceCommande">Service Commande</a></li>
             <li><a href="guide-envoi.html" data-i18n="nav.guide">Guide d'envoi</a></li>
             <li><a href="contact.html" data-i18n="nav.contact">Contact</a></li>
           </ul>

index.html

@@ -29,6 +29,7 @@
         <a href="index.html" data-i18n="nav.home">Accueil</a>
         <a href="about.html" data-i18n="nav.about">Qui sommes-nous</a>
         <a href="tarifs.html" data-i18n="nav.pricing">Tarifs</a>
+        <a href="service-commande.html" data-i18n="nav.serviceCommande">Service Commande</a>
         <a href="guide-envoi.html" data-i18n="nav.guide">Guide d'envoi</a>
         <a href="contact.html" data-i18n="nav.contact">Contact</a>
         <a href="application.html" data-i18n="nav.app">Prochainement</a>
@@ -231,6 +232,7 @@
             <li><a href="index.html" data-i18n="nav.home">Accueil</a></li>
             <li><a href="about.html" data-i18n="nav.about">Qui sommes-nous</a></li>
             <li><a href="tarifs.html" data-i18n="nav.pricing">Tarifs</a></li>
+            <li><a href="service-commande.html" data-i18n="nav.serviceCommande">Service Commande</a></li>
             <li><a href="guide-envoi.html" data-i18n="nav.guide">Guide d'envoi</a></li>
             <li><a href="contact.html" data-i18n="nav.contact">Contact</a></li>
             <li><a href="application.html" data-i18n="nav.app">Prochainement</a></li>

js/translations.js

@@ -4,6 +4,7 @@ const translations = {
       home: "Accueil",
       about: "Qui sommes-nous",
       pricing: "Tarifs",
+      serviceCommande: "Service Commande",
       guide: "Guide d'envoi",
       contact: "Contact",
       app: "Prochainement"
@@ -269,6 +270,50 @@ const translations = {
     cgv: {
       heroTitle: "Conditions Générales de Vente",
       heroSubtitle: "Lire et accepter avant toute inscription"
+    },
+    serviceCommande: {
+      heroTitle: "Service Commande pour Vous",
+      heroSubtitle: "Nous commandons pour vous sur les sites européens, vous récupérez à Madagascar",
+      introTitle: "Vous ne pouvez pas commander vous-même ?",
+      introSubtitle: "Pas de carte bancaire européenne, pas d'adresse en France, ou simplement pas le temps : nous nous en occupons pour vous.",
+      howTitle: "Comment ça marche ?",
+      howSubtitle: "Trois étapes simples",
+      step1Title: "Vous nous envoyez le lien",
+      step1Desc: "Envoyez-nous le lien du produit (Amazon, Cdiscount, Zalando, Shein, etc.) avec la taille, la couleur et la quantité souhaitée.",
+      step2Title: "Nous commandons",
+      step2Desc: "Nous validons le devis avec vous (produit + commission), vous versez l'acompte, puis nous passons commande sur le site.",
+      step3Title: "Vous récupérez à Madagascar",
+      step3Desc: "Une fois reçu à notre dépôt de Paris, votre colis part par fret aérien et arrive à Antananarivo en 2 semaines.",
+      pricingTitle: "Notre tarification",
+      commissionBadge: "Commission",
+      commissionTitle: "10% du montant total de la commande",
+      commissionDesc: "Cette commission couvre la recherche du produit, la validation du panier, le passage de commande et le suivi jusqu'à réception au dépôt de Paris.",
+      paymentTitle: "Modalités de paiement",
+      payment1Title: "Acompte de 50% à la confirmation",
+      payment1Desc: "Une fois le devis validé, vous versez 50% du montant total (produit + commission) pour que nous puissions passer la commande.",
+      payment2Title: "50% restants une fois la commande validée",
+      payment2Desc: "Dès que le marchand confirme votre commande, vous réglez le solde des 50% restants.",
+      payment3Title: "Commandes importantes : 100% à l'avance",
+      payment3Desc: "Nous nous réservons le droit de demander 100% du paiement avant de passer commande pour les commandes importantes. Le seuil est défini au cas par cas et communiqué dans le devis.",
+      transportTitle: "Et le transport ?",
+      transportCardTitle: "70 000 Ar par kilo",
+      transportCardDesc: "Une fois le colis arrivé à Madagascar, vous payez le transport au tarif standard de fret aérien : 70 000 Ar par kilo, à régler à la réception après contre-pesée. Comme pour tous nos envois.",
+      transportCardCta: "Voir nos tarifs détaillés",
+      faqTitle: "Questions fréquentes",
+      faq1Q: "Sur quels sites pouvez-vous commander ?",
+      faq1A: "Nous commandons sur la plupart des sites européens : Amazon, Cdiscount, Zalando, Shein, Decathlon, Fnac, Asos, Aliexpress (livré en Europe)… Si le site accepte une livraison en France, nous pouvons commander.",
+      faq2Q: "Comment se passe le paiement de l'acompte ?",
+      faq2A: "Vous pouvez régler par mobile money à Madagascar (MVola, Orange Money, Airtel Money) ou par virement. Les coordonnées vous sont communiquées avec le devis.",
+      faq3Q: "Que se passe-t-il en cas de problème avec le marchand ?",
+      faq3A: "Nous vous tenons informé à chaque étape. En cas de rupture de stock ou d'annulation par le marchand, l'acompte vous est intégralement restitué (la commission n'est pas retenue tant que la commande n'a pas été expédiée).",
+      faq4Q: "Pouvez-vous regrouper plusieurs commandes ?",
+      faq4A: "Oui, vous pouvez nous envoyer plusieurs liens. Nous établissons un devis global avec une seule commission de 10% sur le total. Le transport sera ensuite facturé sur le poids cumulé.",
+      faq5Q: "Quels produits ne pouvez-vous pas commander ?",
+      faq5A: "Tous les articles interdits par la réglementation IATA (batteries lithium seules, liquides inflammables, etc.) sont exclus. Consultez notre guide d'envoi pour la liste complète.",
+      ctaTitle: "Une commande à passer ?",
+      ctaSubtitle: "Contactez-nous avec votre lien produit, nous vous établissons un devis sous 24h.",
+      ctaContact: "Nous contacter",
+      ctaMessenger: "Messenger"
     }
   },
 
@@ -277,6 +322,7 @@ const translations = {
       home: "Home",
       about: "About Us",
       pricing: "Pricing",
+      serviceCommande: "Order Service",
       guide: "Shipping Guide",
       contact: "Contact",
       app: "Coming Soon"
@@ -542,6 +588,50 @@ const translations = {
     cgv: {
       heroTitle: "Terms and Conditions of Sale",
       heroSubtitle: "Please read and accept before registering"
+    },
+    serviceCommande: {
+      heroTitle: "Order Service for You",
+      heroSubtitle: "We order for you on European websites, you pick up in Madagascar",
+      introTitle: "Can't order yourself?",
+      introSubtitle: "No European credit card, no address in France, or simply no time: we take care of it for you.",
+      howTitle: "How does it work?",
+      howSubtitle: "Three simple steps",
+      step1Title: "You send us the link",
+      step1Desc: "Send us the product link (Amazon, Cdiscount, Zalando, Shein, etc.) with the desired size, color and quantity.",
+      step2Title: "We place the order",
+      step2Desc: "We validate the quote with you (product + commission), you pay the deposit, then we order on the website.",
+      step3Title: "You collect in Madagascar",
+      step3Desc: "Once received at our Paris depot, your parcel travels by air freight and arrives in Antananarivo within 2 weeks.",
+      pricingTitle: "Our pricing",
+      commissionBadge: "Commission",
+      commissionTitle: "10% of the total order amount",
+      commissionDesc: "This commission covers product search, cart validation, order placement and tracking until reception at our Paris depot.",
+      paymentTitle: "Payment terms",
+      payment1Title: "50% deposit upon confirmation",
+      payment1Desc: "Once the quote is validated, you pay 50% of the total amount (product + commission) so we can place the order.",
+      payment2Title: "Remaining 50% once the order is validated",
+      payment2Desc: "As soon as the merchant confirms your order, you settle the remaining 50%.",
+      payment3Title: "Large orders: 100% upfront",
+      payment3Desc: "We reserve the right to request 100% payment before placing the order for large orders. The threshold is defined on a case-by-case basis and communicated in the quote.",
+      transportTitle: "What about shipping?",
+      transportCardTitle: "70,000 Ar per kilo",
+      transportCardDesc: "Once the parcel arrives in Madagascar, you pay the standard air freight rate: 70,000 Ar per kilo, settled on receipt after counter-weighing. Same as all our shipments.",
+      transportCardCta: "See our detailed pricing",
+      faqTitle: "Frequently asked questions",
+      faq1Q: "Which websites can you order from?",
+      faq1A: "We order from most European websites: Amazon, Cdiscount, Zalando, Shein, Decathlon, Fnac, Asos, Aliexpress (shipped to Europe)… If the website ships to France, we can order.",
+      faq2Q: "How does deposit payment work?",
+      faq2A: "You can pay by mobile money in Madagascar (MVola, Orange Money, Airtel Money) or by bank transfer. Payment details are sent with the quote.",
+      faq3Q: "What if there's a problem with the merchant?",
+      faq3A: "We keep you informed at every step. In case of stock shortage or cancellation by the merchant, the deposit is fully refunded (the commission is not charged until the order has been shipped).",
+      faq4Q: "Can you combine several orders?",
+      faq4A: "Yes, you can send us several links. We provide a single quote with one 10% commission on the total. Shipping is then charged on the combined weight.",
+      faq5Q: "Which products can't you order?",
+      faq5A: "All items prohibited by IATA regulations (loose lithium batteries, flammable liquids, etc.) are excluded. Check our shipping guide for the full list.",
+      ctaTitle: "An order to place?",
+      ctaSubtitle: "Contact us with your product link, we'll send you a quote within 24h.",
+      ctaContact: "Contact us",
+      ctaMessenger: "Messenger"
     }
   },
 
@@ -550,6 +640,7 @@ const translations = {
       home: "Fandraisana",
       about: "Momba anay",
       pricing: "Sarany",
+      serviceCommande: "Tolotra Fividianana",
       guide: "Toromarika fandefasana",
       contact: "Fifandraisana",
       app: "Avy tsy ho ela"
@@ -815,6 +906,50 @@ const translations = {
     cgv: {
       heroTitle: "Fepetra Ankapoben'ny Varotra",
       heroSubtitle: "Vakio sy ekeo alohan'ny fisoratana anarana"
+    },
+    serviceCommande: {
+      heroTitle: "Tolotra Fividianana ho Anareo",
+      heroSubtitle: "Mividy ho anareo amin'ny tranonkala eoropeana izahay, alainareo any Madagasikara",
+      introTitle: "Tsy afaka mividy ianareo?",
+      introSubtitle: "Tsy manana karatra banky eoropeana, tsy manana adiresy any Frantsa, na tsy manam-potoana fotsiny: izahay no manao izany ho anareo.",
+      howTitle: "Ahoana ny fomba fiasa?",
+      howSubtitle: "Dingana telo tsotra",
+      step1Title: "Alefasonareo aminay ny rohy",
+      step1Desc: "Alefaso aminay ny rohin'ny vokatra (Amazon, Cdiscount, Zalando, Shein, sns.) miaraka amin'ny habe, loko ary isany irianareo.",
+      step2Title: "Izahay no mividy",
+      step2Desc: "Hamarininay miaraka aminareo ny tombam-bidy (vokatra + commission), mandoa ny vola mialoha ianareo, dia mividy izahay.",
+      step3Title: "Alainareo any Madagasikara",
+      step3Desc: "Rehefa tonga ao amin'ny toby Paris, dia alefa amin'ny fiaramanidina ny entanareo ary tonga any Antananarivo ao anatin'ny 2 herinandro.",
+      pricingTitle: "Ny saranay",
+      commissionBadge: "Saran-kanto",
+      commissionTitle: "10% amin'ny vidin'ny fividianana",
+      commissionDesc: "Ity saran-kanto ity dia mandrakotra ny fitadiavana ny vokatra, ny fanamarinana ny lisitra, ny fividianana ary ny fanaraha-maso hatramin'ny fahatongavana ao amin'ny toby Paris.",
+      paymentTitle: "Fomba fandoavam-bola",
+      payment1Title: "Vola mialoha 50% rehefa nanaiky",
+      payment1Desc: "Rehefa hamarinina ny tombam-bidy, dia mandoa 50% amin'ny vola totaly ianao (vokatra + commission) mba hahafahanay mividy.",
+      payment2Title: "Ny 50% sisa rehefa voamarina ny vidiana",
+      payment2Desc: "Raha vao mahamarina ny vidiana ny mpivarotra, dia aloanareo ny 50% sisa.",
+      payment3Title: "Vidiana lehibe : 100% mialoha",
+      payment3Desc: "Manana zo izahay hangataka ny fandoavana 100% alohan'ny hividianana ho an'ny vidiana lehibe. Ny tetezamita dia faritana isaky ny tranga ary ampahafantarina ao anaty tombam-bidy.",
+      transportTitle: "Ary ny fitaterana?",
+      transportCardTitle: "70 000 Ar isaky ny kilao",
+      transportCardDesc: "Rehefa tonga any Madagasikara ny entana, dia aloanareo ny saran'ny fitaterana amin'ny vidiny mahazatra: 70 000 Ar isaky ny kilao, aloa rehefa raisina aorian'ny fandaniana. Toy ny fandefasana rehetra anaohanay.",
+      transportCardCta: "Jereo ny saranay amin'ny antsipiriany",
+      faqTitle: "Fanontaniana matetika",
+      faq1Q: "Inona avy ireo tranonkala azonareo ividianana?",
+      faq1A: "Mividy amin'ny ankamaroan'ny tranonkala eoropeana izahay: Amazon, Cdiscount, Zalando, Shein, Decathlon, Fnac, Asos, Aliexpress (alefa any Eoropa)… Raha mandefa any Frantsa ny tranonkala, dia afaka mividy izahay.",
+      faq2Q: "Ahoana ny fandoavana ny vola mialoha?",
+      faq2A: "Afaka mandoa amin'ny mobile money any Madagasikara (MVola, Orange Money, Airtel Money) na amin'ny famindram-bola ianao. Ny laharana dia ampahafantarina miaraka amin'ny tombam-bidy.",
+      faq3Q: "Inona no atao raha misy olana amin'ny mpivarotra?",
+      faq3A: "Ampahafantarinay anareo isaky ny dingana. Raha tsy misy intsony ny vokatra na voafoanan'ny mpivarotra ny vidiana, dia averina manontolo ny vola nialoha (tsy raisina ny commission raha tsy mbola nalefa ny vidiana).",
+      faq4Q: "Afaka mampikambana vidiana maromaro ve ianareo?",
+      faq4A: "Eny, afaka mandefa rohy maromaro ho anay ianareo. Manomana tombam-bidy iray izahay miaraka amin'ny commission 10% iray monja amin'ny totaly. Ny saran'ny fitaterana dia kajiana amin'ny lanjan'ny entana rehetra.",
+      faq5Q: "Inona avy ireo vokatra tsy azonareo vidiana?",
+      faq5A: "Ireo entana rehetra voararan'ny fitsipika IATA (bateria lithium tokana, ranoka mampirehitra, sns.) dia tsy azo alefa. Jereo ny toromarika fandefasana ho an'ny lisitra feno.",
+      ctaTitle: "Manana vidiana atao?",
+      ctaSubtitle: "Mifandraisa aminay miaraka amin'ny rohin'ny vokatra, hanome tombam-bidy izahay ao anatin'ny 24 ora.",
+      ctaContact: "Mifandraisa aminay",
+      ctaMessenger: "Messenger"
     }
   }
 };

service-commande.html

@@ -0,0 +1,274 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Service Commande — MVA Global Fret</title>
+  <meta name="description" content="MVA Global Fret commande à votre place sur les sites européens. 10% de commission, acompte de 50%, livraison à Madagascar.">
+  <link rel="icon" type="image/png" href="PNG MVA GLOBAL FRET.png">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@600;700&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
+  <link rel="stylesheet" href="css/style.css">
+</head>
+<body>
+
+  <a href="#main" class="skip-link">Aller au contenu principal</a>
+
+  <header class="header" id="header">
+    <div class="container header-inner">
+      <a href="index.html" class="logo"><img src="PNG MVA GLOBAL FRET.png" alt="MVA Global Fret"></a>
+      <nav class="nav" aria-label="Navigation principale">
+        <a href="index.html" data-i18n="nav.home">Accueil</a>
+        <a href="about.html" data-i18n="nav.about">Qui sommes-nous</a>
+        <a href="tarifs.html" data-i18n="nav.pricing">Tarifs</a>
+        <a href="service-commande.html" data-i18n="nav.serviceCommande">Service Commande</a>
+        <a href="guide-envoi.html" data-i18n="nav.guide">Guide d'envoi</a>
+        <a href="contact.html" data-i18n="nav.contact">Contact</a>
+        <a href="application.html" data-i18n="nav.app">Prochainement</a>
+      </nav>
+      <div class="header-right">
+        <div class="lang-switcher" role="group" aria-label="Choisir la langue">
+          <button data-lang="fr" class="active">FR</button>
+          <button data-lang="en">EN</button>
+          <button data-lang="mg">MG</button>
+        </div>
+        <button class="menu-toggle" id="menuToggle" aria-label="Ouvrir le menu"><span></span><span></span><span></span></button>
+      </div>
+    </div>
+  </header>
+
+  <nav class="mobile-nav" id="mobileNav">
+    <a href="index.html" data-i18n="nav.home">Accueil</a>
+    <a href="about.html" data-i18n="nav.about">Qui sommes-nous</a>
+    <a href="tarifs.html" data-i18n="nav.pricing">Tarifs</a>
+    <a href="service-commande.html" data-i18n="nav.serviceCommande">Service Commande</a>
+    <a href="guide-envoi.html" data-i18n="nav.guide">Guide d'envoi</a>
+    <a href="contact.html" data-i18n="nav.contact">Contact</a>
+    <a href="application.html" data-i18n="nav.app">Prochainement</a>
+    <div class="lang-switcher" style="margin-top:16px">
+      <button data-lang="fr" class="active">FR</button>
+      <button data-lang="en">EN</button>
+      <button data-lang="mg">MG</button>
+    </div>
+  </nav>
+  <div class="overlay" id="overlay"></div>
+
+  <main id="main">
+
+    <!-- HERO -->
+    <section class="hero hero-sub" style="background-image: url('https://images.unsplash.com/photo-1607082348824-0a96f2a4b9da?w=1600&q=80');">
+      <div class="hero-content animate-on-scroll">
+        <h1 data-i18n="serviceCommande.heroTitle">Service Commande pour Vous</h1>
+        <p data-i18n="serviceCommande.heroSubtitle">Nous commandons pour vous sur les sites européens, vous récupérez à Madagascar</p>
+      </div>
+    </section>
+
+    <!-- INTRO -->
+    <section class="section" aria-labelledby="intro-title">
+      <div class="container">
+        <div class="section-header animate-on-scroll">
+          <h2 id="intro-title" data-i18n="serviceCommande.introTitle">Vous ne pouvez pas commander vous-même ?</h2>
+          <div class="gold-line"></div>
+          <p data-i18n="serviceCommande.introSubtitle">Pas de carte bancaire européenne, pas d'adresse en France, ou simplement pas le temps : nous nous en occupons pour vous.</p>
+        </div>
+      </div>
+    </section>
+
+    <!-- COMMENT ÇA MARCHE -->
+    <section class="section" style="background: var(--light-gray);" aria-labelledby="how-title">
+      <div class="container">
+        <div class="section-header animate-on-scroll">
+          <h2 id="how-title" data-i18n="serviceCommande.howTitle">Comment ça marche ?</h2>
+          <div class="gold-line"></div>
+          <p data-i18n="serviceCommande.howSubtitle">Trois étapes simples</p>
+        </div>
+
+        <div class="steps-grid">
+          <div class="step-card animate-on-scroll delay-1">
+            <div class="step-number">1</div>
+            <i class="fa-solid fa-link" aria-hidden="true"></i>
+            <h3 data-i18n="serviceCommande.step1Title">Vous nous envoyez le lien</h3>
+            <p data-i18n="serviceCommande.step1Desc">Envoyez-nous le lien du produit (Amazon, Cdiscount, Zalando, Shein, etc.) avec la taille, la couleur et la quantité souhaitée.</p>
+          </div>
+          <div class="step-card animate-on-scroll delay-2">
+            <div class="step-number">2</div>
+            <i class="fa-solid fa-credit-card" aria-hidden="true"></i>
+            <h3 data-i18n="serviceCommande.step2Title">Nous commandons</h3>
+            <p data-i18n="serviceCommande.step2Desc">Nous validons le devis avec vous (produit + commission), vous versez l'acompte, puis nous passons commande sur le site.</p>
+          </div>
+          <div class="step-card animate-on-scroll delay-3">
+            <div class="step-number">3</div>
+            <i class="fa-solid fa-box-open" aria-hidden="true"></i>
+            <h3 data-i18n="serviceCommande.step3Title">Vous récupérez à Madagascar</h3>
+            <p data-i18n="serviceCommande.step3Desc">Une fois reçu à notre dépôt de Paris, votre colis part par fret aérien et arrive à Antananarivo en 2 semaines.</p>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- TARIFICATION -->
+    <section class="section" aria-labelledby="pricing-title">
+      <div class="container">
+        <div class="section-header animate-on-scroll">
+          <h2 id="pricing-title" data-i18n="serviceCommande.pricingTitle">Notre tarification</h2>
+          <div class="gold-line"></div>
+        </div>
+
+        <!-- Carte commission -->
+        <div class="pricing-card animate-on-scroll" style="max-width: 720px; margin: 0 auto 32px;">
+          <div style="display:inline-flex; align-items:center; gap:8px; background: linear-gradient(135deg, var(--navy), #2a2a5e); color: var(--gold); padding: 6px 18px; border-radius: 50px; font-size: 0.85rem; font-weight: 600; margin-bottom: 24px;">
+            <i class="fa-solid fa-percent"></i> <span data-i18n="serviceCommande.commissionBadge">Commission</span>
+          </div>
+          <h3 data-i18n="serviceCommande.commissionTitle">10% du montant total de la commande</h3>
+          <p style="color: var(--text-light); margin-top: 12px;" data-i18n="serviceCommande.commissionDesc">Cette commission couvre la recherche du produit, la validation du panier, le passage de commande et le suivi jusqu'à réception au dépôt de Paris.</p>
+        </div>
+
+        <!-- Modalités de paiement -->
+        <div class="animate-on-scroll" style="max-width: 720px; margin: 0 auto;">
+          <h3 style="margin-bottom: 20px; color: var(--navy);" data-i18n="serviceCommande.paymentTitle">Modalités de paiement</h3>
+          <div style="display: grid; gap: 16px;">
+            <div style="display:flex; gap:16px; padding: 20px; background: var(--white); border: 1px solid rgba(197,165,90,0.25); border-left: 4px solid var(--gold); border-radius: 10px;">
+              <i class="fa-solid fa-circle-half-stroke" style="color: var(--gold); font-size: 1.5rem; flex-shrink: 0; margin-top: 2px;"></i>
+              <div>
+                <strong style="color: var(--navy);" data-i18n="serviceCommande.payment1Title">Acompte de 50% à la confirmation</strong>
+                <p style="color: var(--text-light); margin-top: 6px; font-size: 0.95rem;" data-i18n="serviceCommande.payment1Desc">Une fois le devis validé, vous versez 50% du montant total (produit + commission) pour que nous puissions passer la commande.</p>
+              </div>
+            </div>
+            <div style="display:flex; gap:16px; padding: 20px; background: var(--white); border: 1px solid rgba(197,165,90,0.25); border-left: 4px solid var(--gold); border-radius: 10px;">
+              <i class="fa-solid fa-check-double" style="color: var(--gold); font-size: 1.5rem; flex-shrink: 0; margin-top: 2px;"></i>
+              <div>
+                <strong style="color: var(--navy);" data-i18n="serviceCommande.payment2Title">50% restants une fois la commande validée</strong>
+                <p style="color: var(--text-light); margin-top: 6px; font-size: 0.95rem;" data-i18n="serviceCommande.payment2Desc">Dès que le marchand confirme votre commande, vous réglez le solde des 50% restants.</p>
+              </div>
+            </div>
+            <div style="display:flex; gap:16px; padding: 20px; background: #fff8ec; border: 1px solid #ffd784; border-left: 4px solid var(--amber); border-radius: 10px;">
+              <i class="fa-solid fa-triangle-exclamation" style="color: var(--amber); font-size: 1.5rem; flex-shrink: 0; margin-top: 2px;"></i>
+              <div>
+                <strong style="color: #7a5c00;" data-i18n="serviceCommande.payment3Title">Commandes importantes : 100% à l'avance</strong>
+                <p style="color: #7a5c00; margin-top: 6px; font-size: 0.95rem;" data-i18n="serviceCommande.payment3Desc">Pour les commandes de montant élevé, nous nous réservons le droit de demander la totalité du paiement avant de passer commande. Le seuil est défini au cas par cas et communiqué dans le devis.</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- TRANSPORT -->
+    <section class="section" style="background: var(--light-gray);" aria-labelledby="transport-title">
+      <div class="container">
+        <div class="section-header animate-on-scroll">
+          <h2 id="transport-title" data-i18n="serviceCommande.transportTitle">Et le transport ?</h2>
+          <div class="gold-line"></div>
+        </div>
+
+        <div class="animate-on-scroll" style="max-width: 720px; margin: 0 auto; background: var(--white); border-radius: 16px; padding: 32px; box-shadow: 0 10px 30px rgba(26,26,62,0.08);">
+          <div style="display:flex; gap: 20px; align-items: flex-start;">
+            <div style="flex-shrink: 0; width: 60px; height: 60px; border-radius: 14px; background: linear-gradient(135deg, var(--navy), #2a2a5e); display:flex; align-items:center; justify-content:center; color: var(--gold); font-size: 1.5rem;">
+              <i class="fa-solid fa-plane"></i>
+            </div>
+            <div>
+              <h3 style="color: var(--navy); margin-bottom: 12px;" data-i18n="serviceCommande.transportCardTitle">70 000 Ar par kilo</h3>
+              <p style="color: var(--text-light);" data-i18n="serviceCommande.transportCardDesc">Une fois le colis arrivé à Madagascar, vous payez le transport au tarif standard de fret aérien : 70 000 Ar par kilo, à régler à la réception après contre-pesée. Comme pour tous nos envois.</p>
+              <a href="tarifs.html" class="btn btn-secondary" style="margin-top: 16px;" data-i18n="serviceCommande.transportCardCta">Voir nos tarifs détaillés</a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- FAQ -->
+    <section class="section" aria-labelledby="faq-title">
+      <div class="container">
+        <div class="section-header animate-on-scroll">
+          <h2 id="faq-title" data-i18n="serviceCommande.faqTitle">Questions fréquentes</h2>
+          <div class="gold-line"></div>
+        </div>
+
+        <div class="faq-list" style="max-width: 800px; margin: 0 auto;">
+          <div class="faq-item animate-on-scroll">
+            <button class="faq-question"><span data-i18n="serviceCommande.faq1Q">Sur quels sites pouvez-vous commander ?</span><i class="fa-solid fa-chevron-down"></i></button>
+            <div class="faq-answer"><p data-i18n="serviceCommande.faq1A">Nous commandons sur la plupart des sites européens : Amazon, Cdiscount, Zalando, Shein, Decathlon, Fnac, Asos, Aliexpress (livré en Europe)… Si le site accepte une livraison en France, nous pouvons commander.</p></div>
+          </div>
+          <div class="faq-item animate-on-scroll">
+            <button class="faq-question"><span data-i18n="serviceCommande.faq2Q">Comment se passe le paiement de l'acompte ?</span><i class="fa-solid fa-chevron-down"></i></button>
+            <div class="faq-answer"><p data-i18n="serviceCommande.faq2A">Vous pouvez régler par mobile money à Madagascar (MVola, Orange Money, Airtel Money) ou par virement. Les coordonnées vous sont communiquées avec le devis.</p></div>
+          </div>
+          <div class="faq-item animate-on-scroll">
+            <button class="faq-question"><span data-i18n="serviceCommande.faq3Q">Que se passe-t-il en cas de problème avec le marchand ?</span><i class="fa-solid fa-chevron-down"></i></button>
+            <div class="faq-answer"><p data-i18n="serviceCommande.faq3A">Nous vous tenons informé à chaque étape. En cas de rupture de stock ou d'annulation par le marchand, l'acompte vous est intégralement restitué (la commission n'est pas retenue tant que la commande n'a pas été expédiée).</p></div>
+          </div>
+          <div class="faq-item animate-on-scroll">
+            <button class="faq-question"><span data-i18n="serviceCommande.faq4Q">Pouvez-vous regrouper plusieurs commandes ?</span><i class="fa-solid fa-chevron-down"></i></button>
+            <div class="faq-answer"><p data-i18n="serviceCommande.faq4A">Oui, vous pouvez nous envoyer plusieurs liens. Nous établissons un devis global avec une seule commission de 10% sur le total. Le transport sera ensuite facturé sur le poids cumulé.</p></div>
+          </div>
+          <div class="faq-item animate-on-scroll">
+            <button class="faq-question"><span data-i18n="serviceCommande.faq5Q">Quels produits ne pouvez-vous pas commander ?</span><i class="fa-solid fa-chevron-down"></i></button>
+            <div class="faq-answer"><p data-i18n="serviceCommande.faq5A">Tous les articles interdits par la réglementation IATA (batteries lithium seules, liquides inflammables, etc.) sont exclus. Consultez notre <a href="guide-envoi.html" style="color: var(--gold); font-weight: 600;">guide d'envoi</a> pour la liste complète.</p></div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- CTA -->
+    <section class="cta-banner">
+      <div class="container animate-on-scroll">
+        <h2 style="color: var(--white);" data-i18n="serviceCommande.ctaTitle">Une commande à passer ?</h2>
+        <p style="color: rgba(255,255,255,0.75); margin-bottom: 24px;" data-i18n="serviceCommande.ctaSubtitle">Contactez-nous avec votre lien produit, nous vous établissons un devis sous 24h.</p>
+        <div style="display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;">
+          <a href="contact.html" class="btn btn-primary">
+            <i class="fa-solid fa-paper-plane"></i> <span data-i18n="serviceCommande.ctaContact">Nous contacter</span>
+          </a>
+          <a href="https://m.me/61573448820736" target="_blank" rel="noopener noreferrer" class="btn btn-white">
+            <i class="fa-brands fa-facebook-messenger"></i> <span data-i18n="serviceCommande.ctaMessenger">Messenger</span>
+          </a>
+        </div>
+      </div>
+    </section>
+
+  </main>
+
+  <footer class="footer" role="contentinfo">
+    <div class="container">
+      <div class="footer-grid">
+        <div class="footer-brand">
+          <a href="index.html" class="logo"><img src="PNG MVA GLOBAL FRET.png" alt="MVA Global Fret"></a>
+          <p data-i18n="footer.desc">Votre partenaire de confiance pour le fret aérien entre l'Europe et Madagascar.</p>
+          <div class="social-links">
+            <a href="https://www.facebook.com/profile.php?id=61573448820736" target="_blank" rel="noopener noreferrer" aria-label="Facebook"><i class="fa-brands fa-facebook-f"></i></a>
+            <a href="https://m.me/61573448820736" target="_blank" rel="noopener noreferrer" aria-label="Messenger"><i class="fa-brands fa-facebook-messenger"></i></a>
+          </div>
+        </div>
+        <div>
+          <h4 data-i18n="footer.linksTitle">Liens Rapides</h4>
+          <ul class="footer-links">
+            <li><a href="index.html" data-i18n="nav.home">Accueil</a></li>
+            <li><a href="about.html" data-i18n="nav.about">Qui sommes-nous</a></li>
+            <li><a href="tarifs.html" data-i18n="nav.pricing">Tarifs</a></li>
+            <li><a href="service-commande.html" data-i18n="nav.serviceCommande">Service Commande</a></li>
+            <li><a href="guide-envoi.html" data-i18n="nav.guide">Guide d'envoi</a></li>
+            <li><a href="contact.html" data-i18n="nav.contact">Contact</a></li>
+          </ul>
+        </div>
+        <div>
+          <h4 data-i18n="footer.contactTitle">Contact</h4>
+          <div class="footer-contact-item"><i class="fa-solid fa-phone"></i><a href="tel:+261384973751">+261 38 49 737 51</a></div>
+          <div class="footer-contact-item"><i class="fa-solid fa-phone"></i><a href="tel:+33780970825">+33 7 80 97 08 25</a></div>
+          <div class="footer-contact-item"><i class="fa-solid fa-envelope"></i><a href="mailto:mvaglobalfret@gmail.com">mvaglobalfret@gmail.com</a></div>
+          <div class="footer-contact-item"><i class="fa-solid fa-location-dot"></i><span>Antananarivo 101, Madagascar</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="footer-bottom">
+      <div class="container">
+        <p data-i18n="footer.copyright">© 2025 MVA Global Fret. Tous droits réservés.</p>
+        <p style="margin-top:4px;"><a href="cgv.html" style="color:rgba(255,255,255,0.45); font-size:0.8rem;" data-i18n="footer.cgv">Conditions Générales de Vente</a></p>
+      </div>
+    </div>
+  </footer>
+
+  <script src="js/translations.js"></script>
+  <script src="js/main.js"></script>
+</body>
+</html>

tarifs.html

@@ -23,6 +23,7 @@
         <a href="index.html" data-i18n="nav.home">Accueil</a>
         <a href="about.html" data-i18n="nav.about">Qui sommes-nous</a>
         <a href="tarifs.html" data-i18n="nav.pricing">Tarifs</a>
+        <a href="service-commande.html" data-i18n="nav.serviceCommande">Service Commande</a>
         <a href="guide-envoi.html" data-i18n="nav.guide">Guide d'envoi</a>
         <a href="contact.html" data-i18n="nav.contact">Contact</a>
         <a href="application.html" data-i18n="nav.app">Prochainement</a>
@@ -249,6 +250,7 @@
             <li><a href="index.html" data-i18n="nav.home">Accueil</a></li>
             <li><a href="about.html" data-i18n="nav.about">Qui sommes-nous</a></li>
             <li><a href="tarifs.html" data-i18n="nav.pricing">Tarifs</a></li>
+            <li><a href="service-commande.html" data-i18n="nav.serviceCommande">Service Commande</a></li>
             <li><a href="guide-envoi.html" data-i18n="nav.guide">Guide d'envoi</a></li>
             <li><a href="contact.html" data-i18n="nav.contact">Contact</a></li>
           </ul>