fix(i18n): traduire tous les textes codés en dur en français sur l'ensemble du site

Ajout de data-i18n sur tous les éléments non traduits (tarifs, contact, guide,
application, accueil) et ajout des clés correspondantes en FR/EN/MG dans
translations.js : détails tarifaires, cartes livraison, stats accueil, sections
CTA, récapitulatif contact, footer CGV.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
MVA Global Fret 2026-05-04 17:31:40 +02:00
parent 7e43b818d8
commit ae85f2944b
7 changed files with 141 additions and 51 deletions

View File

@ -226,7 +226,7 @@
<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;">Conditions Générales de Vente</a></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>

View File

@ -245,14 +245,14 @@
<!-- BACK TO SERVICES -->
<section class="cta-banner">
<div class="container animate-on-scroll">
<h2 style="color: var(--white);">En attendant le lancement de l'application</h2>
<p style="color: rgba(255,255,255,0.75); margin-bottom: 24px;">Notre service de fret aérien est disponible dès maintenant. Inscrivez-vous et commencez à envoyer vos colis.</p>
<h2 style="color: var(--white);" data-i18n="app.ctaTitle">En attendant le lancement de l'application</h2>
<p style="color: rgba(255,255,255,0.75); margin-bottom: 24px;" data-i18n="app.ctaSubtitle">Notre service de fret aérien est disponible dès maintenant. Inscrivez-vous et commencez à envoyer vos colis.</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-user-plus"></i> S'inscrire maintenant
<i class="fa-solid fa-user-plus"></i> <span data-i18n="app.registerNow">S'inscrire maintenant</span>
</a>
<a href="tarifs.html" class="btn btn-white">
<i class="fa-solid fa-tag"></i> Voir les tarifs
<i class="fa-solid fa-tag"></i> <span data-i18n="app.viewPricing">Voir les tarifs</span>
</a>
</div>
</div>
@ -293,7 +293,7 @@
<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;">Conditions Générales de Vente</a></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>

View File

@ -205,8 +205,8 @@
<div class="contact-info-item">
<i class="fa-brands fa-facebook-messenger" aria-hidden="true"></i>
<div>
<span class="label">Messenger</span>
<a href="https://m.me/61573448820736" target="_blank" rel="noopener noreferrer">Discuter sur Messenger</a>
<span class="label" data-i18n="contact.messenger">Messenger</span>
<a href="https://m.me/61573448820736" target="_blank" rel="noopener noreferrer" data-i18n="contact.messengerAction">Discuter sur Messenger</a>
</div>
</div>
</div>
@ -214,13 +214,13 @@
<!-- Info tarifs rapide -->
<div style="margin-top: 24px; background: var(--light-gray); border-radius: 12px; padding: 20px; border-left: 4px solid var(--gold);">
<h4 style="margin-bottom: 12px; display:flex; align-items:center; gap:8px;">
<i class="fa-solid fa-tag" style="color: var(--gold);"></i> Rappel tarifaire
<i class="fa-solid fa-tag" style="color: var(--gold);"></i> <span data-i18n="contact.priceReminder">Rappel tarifaire</span>
</h4>
<ul style="list-style: none; padding: 0; font-size: 0.9rem; color: var(--text-light);">
<li style="padding: 4px 0;"><i class="fa-solid fa-check" style="color: var(--green); margin-right: 8px;"></i>70 000 Ar / kg</li>
<li style="padding: 4px 0;"><i class="fa-solid fa-check" style="color: var(--green); margin-right: 8px;"></i>Paiement à la réception</li>
<li style="padding: 4px 0;"><i class="fa-solid fa-check" style="color: var(--green); margin-right: 8px;"></i>2 envois / semaine</li>
<li style="padding: 4px 0;"><i class="fa-solid fa-check" style="color: var(--green); margin-right: 8px;"></i>Livraison en 2 semaines à compter du dépôt à Paris</li>
<li style="padding: 4px 0;"><i class="fa-solid fa-check" style="color: var(--green); margin-right: 8px;"></i><span data-i18n="contact.priceDetail1">70 000 Ar / kg</span></li>
<li style="padding: 4px 0;"><i class="fa-solid fa-check" style="color: var(--green); margin-right: 8px;"></i><span data-i18n="contact.priceDetail2">Paiement à la réception</span></li>
<li style="padding: 4px 0;"><i class="fa-solid fa-check" style="color: var(--green); margin-right: 8px;"></i><span data-i18n="contact.priceDetail3">2 envois / semaine</span></li>
<li style="padding: 4px 0;"><i class="fa-solid fa-check" style="color: var(--green); margin-right: 8px;"></i><span data-i18n="contact.priceDetail4">Livraison en 2 semaines à compter du dépôt à Paris</span></li>
</ul>
</div>
</div>
@ -276,7 +276,7 @@
<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;">Conditions Générales de Vente</a></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>

View File

@ -203,7 +203,7 @@
<section class="section section-gray" aria-label="Bonnes et mauvaises pratiques">
<div class="container">
<div class="section-header animate-on-scroll">
<h2>Bonnes Pratiques</h2>
<h2 data-i18n="guide.bestPracticesTitle">Bonnes Pratiques</h2>
<div class="gold-line"></div>
</div>
<div class="do-dont animate-on-scroll">
@ -234,10 +234,10 @@
<!-- CTA -->
<section class="cta-banner">
<div class="container animate-on-scroll">
<h2 style="color: var(--white);">Une question sur votre envoi ?</h2>
<p style="color: rgba(255,255,255,0.75); margin-bottom: 24px;">Notre équipe est disponible tous les jours pour vous aider.</p>
<h2 style="color: var(--white);" data-i18n="guide.ctaTitle">Une question sur votre envoi ?</h2>
<p style="color: rgba(255,255,255,0.75); margin-bottom: 24px;" data-i18n="guide.ctaSubtitle">Notre équipe est disponible tous les jours pour vous aider.</p>
<a href="contact.html" class="btn btn-primary">
<i class="fa-solid fa-envelope"></i> Nous contacter
<i class="fa-solid fa-envelope"></i> <span data-i18n="guide.ctaCta">Nous contacter</span>
</a>
</div>
</section>
@ -277,7 +277,7 @@
<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;">Conditions Générales de Vente</a></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>

View File

@ -179,15 +179,15 @@
<div class="grid-3" style="text-align:center; gap: 32px;">
<div class="animate-on-scroll delay-1">
<div style="font-family: var(--font-heading); font-size: 3rem; font-weight: 700; color: var(--gold);">2</div>
<p style="color: rgba(255,255,255,0.8); margin:0;">Envois / semaine</p>
<p style="color: rgba(255,255,255,0.8); margin:0;" data-i18n="home.stat1Label">Envois / semaine</p>
</div>
<div class="animate-on-scroll delay-2">
<div style="font-family: var(--font-heading); font-size: 3rem; font-weight: 700; color: var(--gold);">2</div>
<p style="color: rgba(255,255,255,0.8); margin:0;">Semaines depuis le dépôt Paris</p>
<p style="color: rgba(255,255,255,0.8); margin:0;" data-i18n="home.stat2Label">Semaines depuis le dépôt Paris</p>
</div>
<div class="animate-on-scroll delay-3">
<div style="font-family: var(--font-heading); font-size: 3rem; font-weight: 700; color: var(--gold);">7</div>
<p style="color: rgba(255,255,255,0.8); margin:0;">Personnes dédiées</p>
<p style="color: rgba(255,255,255,0.8); margin:0;" data-i18n="home.stat3Label">Personnes dédiées</p>
</div>
</div>
</div>
@ -260,7 +260,7 @@
<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;">Conditions Générales de Vente</a></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>

View File

@ -35,7 +35,10 @@ const translations = {
step3Desc: "Votre colis arrive à Antananarivo en 2 semaines à compter de son arrivée au dépôt de Paris. Paiement à la réception après contre-pesée.",
ctaTitle: "Prêt à envoyer vos colis ?",
ctaSubtitle: "Inscrivez-vous dès maintenant et recevez votre numéro de référence client.",
ctaCta: "S'inscrire"
ctaCta: "S'inscrire",
stat1Label: "Envois / semaine",
stat2Label: "Semaines depuis le dépôt Paris",
stat3Label: "Personnes dédiées"
},
about: {
heroTitle: "Qui Sommes-Nous",
@ -91,7 +94,18 @@ const translations = {
faq4Q: "Que se passe-t-il si mon colis est fragile ?",
faq4A: "Nous vous recommandons d'emballer soigneusement vos objets fragiles. Consultez notre guide d'envoi pour les meilleures pratiques d'emballage.",
ctaText: "Des questions ? Contactez-nous",
ctaBtn: "Nous contacter"
ctaBtn: "Nous contacter",
ctaSubtitle: "Notre équipe est disponible tous les jours pour vous répondre.",
detail1: "2 envois par semaine depuis Paris",
detail2: "Délai de livraison : 2 semaines à compter du dépôt à Paris",
detail3: "Poids mesuré à la réception à Madagascar (contre-pesée)",
detail4: "Paiement uniquement à la réception",
airFreight: "Fret Aérien",
registerNow: "S'inscrire maintenant",
pickupTitle: "Récupération au siège",
pickupPrice: "Gratuit",
pickupDesc: "Récupérez votre colis directement à notre siège à Antananarivo, sans frais supplémentaires.",
pickupNote: "Aucun frais de livraison"
},
contact: {
heroTitle: "Contactez-Nous",
@ -132,7 +146,14 @@ const translations = {
address: "Adresse",
addressValue: "Antananarivo 101, Madagascar",
facebook: "Facebook",
mapTitle: "Notre Localisation"
mapTitle: "Notre Localisation",
messenger: "Messenger",
messengerAction: "Discuter sur Messenger",
priceReminder: "Rappel tarifaire",
priceDetail1: "70 000 Ar / kg",
priceDetail2: "Paiement à la réception",
priceDetail3: "2 envois / semaine",
priceDetail4: "Livraison en 2 semaines à compter du dépôt à Paris"
},
guide: {
heroTitle: "Guide d'Envoi",
@ -184,7 +205,11 @@ const translations = {
dont2: "Laisser des espaces vides dans le colis",
dont3: "Envoyer des produits interdits par l'IATA",
dont4: "Oublier d'étiqueter les objets fragiles",
dont5: "Dépasser les dimensions autorisées"
dont5: "Dépasser les dimensions autorisées",
bestPracticesTitle: "Bonnes Pratiques",
ctaTitle: "Une question sur votre envoi ?",
ctaSubtitle: "Notre équipe est disponible tous les jours pour vous aider.",
ctaCta: "Nous contacter"
},
app: {
badge: "Bientôt Disponible",
@ -201,13 +226,18 @@ const translations = {
notifyBtn: "Me notifier",
notifySuccess: "Merci ! Vous serez informé du lancement.",
phoneLabel: "MVA Global Fret",
phoneDesc: "Votre passerelle vers l'Europe"
phoneDesc: "Votre passerelle vers l'Europe",
ctaTitle: "En attendant le lancement de l'application",
ctaSubtitle: "Notre service de fret aérien est disponible dès maintenant. Inscrivez-vous et commencez à envoyer vos colis.",
registerNow: "S'inscrire maintenant",
viewPricing: "Voir les tarifs"
},
footer: {
desc: "Votre partenaire de confiance pour le fret aérien entre l'Europe et Madagascar.",
linksTitle: "Liens Rapides",
contactTitle: "Contact",
copyright: "© 2025 MVA Global Fret. Tous droits réservés."
copyright: "© 2025 MVA Global Fret. Tous droits réservés.",
cgv: "Conditions Générales de Vente"
}
},
@ -247,7 +277,10 @@ const translations = {
step3Desc: "Your parcel arrives in Antananarivo within 2 weeks from arrival at our Paris depot. Payment upon receipt after counter-weighing.",
ctaTitle: "Ready to Send Your Parcels?",
ctaSubtitle: "Register now and receive your client reference number.",
ctaCta: "Register"
ctaCta: "Register",
stat1Label: "Shipments / week",
stat2Label: "Weeks from Paris depot",
stat3Label: "Dedicated people"
},
about: {
heroTitle: "About Us",
@ -300,6 +333,17 @@ const translations = {
faq2A: "Payment is made only upon receipt of the parcel in Madagascar, after counter-weighing. No advance payment is required.",
faq3Q: "How does provincial delivery work?",
faq3A: "We deliver your parcel to the Cotisse carrier in Antananarivo (6,000 Ar). Then, the Cotisse fees to your city are at your expense. You pick up your parcel at the Cotisse office in your city.",
ctaSubtitle: "Our team is available every day to answer your questions.",
detail1: "2 shipments per week from Paris",
detail2: "Delivery time: 2 weeks from arrival at our Paris depot",
detail3: "Weight measured upon receipt in Madagascar (counter-weighing)",
detail4: "Payment only upon receipt",
airFreight: "Air Freight",
registerNow: "Register Now",
pickupTitle: "Pickup at Headquarters",
pickupPrice: "Free",
pickupDesc: "Pick up your parcel directly at our headquarters in Antananarivo, free of charge.",
pickupNote: "No delivery fee",
faq4Q: "What if my parcel is fragile?",
faq4A: "We recommend carefully packaging your fragile items. Check our shipping guide for packaging best practices.",
ctaText: "Have questions? Contact us",
@ -344,7 +388,14 @@ const translations = {
address: "Address",
addressValue: "Antananarivo 101, Madagascar",
facebook: "Facebook",
mapTitle: "Our Location"
mapTitle: "Our Location",
messenger: "Messenger",
messengerAction: "Chat on Messenger",
priceReminder: "Pricing Summary",
priceDetail1: "70,000 Ar / kg",
priceDetail2: "Payment upon receipt",
priceDetail3: "2 shipments / week",
priceDetail4: "Delivery within 2 weeks from Paris depot"
},
guide: {
heroTitle: "Shipping Guide",
@ -396,7 +447,11 @@ const translations = {
dont2: "Leave empty spaces in the parcel",
dont3: "Send products prohibited by IATA",
dont4: "Forget to label fragile items",
dont5: "Exceed the authorized dimensions"
dont5: "Exceed the authorized dimensions",
bestPracticesTitle: "Best Practices",
ctaTitle: "A question about your shipment?",
ctaSubtitle: "Our team is available every day to help you.",
ctaCta: "Contact Us"
},
app: {
badge: "Coming Soon",
@ -413,13 +468,18 @@ const translations = {
notifyBtn: "Notify Me",
notifySuccess: "Thank you! You will be notified at launch.",
phoneLabel: "MVA Global Fret",
phoneDesc: "Your gateway to Europe"
phoneDesc: "Your gateway to Europe",
ctaTitle: "While waiting for the app launch",
ctaSubtitle: "Our air freight service is available right now. Register and start sending your parcels.",
registerNow: "Register Now",
viewPricing: "View Pricing"
},
footer: {
desc: "Your trusted partner for air freight between Europe and Madagascar.",
linksTitle: "Quick Links",
contactTitle: "Contact",
copyright: "© 2025 MVA Global Fret. All rights reserved."
copyright: "© 2025 MVA Global Fret. All rights reserved.",
cgv: "Terms and Conditions"
}
},
@ -459,7 +519,10 @@ const translations = {
step3Desc: "Tonga any Antananarivo ao anatin'ny 2 herinandro aorian'ny tonga ao amin'ny toby Paris ny entanareo. Fandoavana rehefa voaray rehefa avy nolaniana.",
ctaTitle: "Vonona handefa ny entanareo ve?",
ctaSubtitle: "Misoratra anarana dieny izao ary mandray ny laharan'ny mpanjifa.",
ctaCta: "Hisoratra anarana"
ctaCta: "Hisoratra anarana",
stat1Label: "Fandefasana / herinandro",
stat2Label: "Herinandro hatramin'ny toby Paris",
stat3Label: "Olona manolo-tena"
},
about: {
heroTitle: "Momba Anay",
@ -514,6 +577,17 @@ const translations = {
faq3A: "Alefanay any amin'ny Cotisse any Antananarivo ny entanareo (6 000 Ar). Ny saran'ny Cotisse mankany amin'ny tanànanareo dia tompon'andraikitrareo. Alaina any amin'ny biraon'ny Cotisse ao amin'ny tanànanareo ny entana.",
faq4Q: "Ahoana raha mora vaky ny entako?",
faq4A: "Manoro hevitra anareo izahay mba hamono entana mora vaky tsara. Jereo ny toromarika fandefasana ho an'ny fomba tsara indrindra.",
ctaSubtitle: "Azo antsoina isan'andro ny ekipanay mba hamaliana ny fanontanianareo.",
detail1: "Fandefasana 2 isan-kerinandro avy Paris",
detail2: "Fotoana fanaterana: 2 herinandro hatramin'ny toby Paris",
detail3: "Lanja refesina rehefa voaray any Madagasikara (fandaniana)",
detail4: "Fandoavana rehefa voaray fotsiny",
airFreight: "Entana an'habakabaka",
registerNow: "Hisoratra anarana",
pickupTitle: "Fangalana any am-birao",
pickupPrice: "Maimaim-poana",
pickupDesc: "Alao ny entanareo mivantana any amin'ny sediraonay any Antananarivo, tsy misy sarany fanampiny.",
pickupNote: "Tsy misy saran'ny fanaterana",
ctaText: "Manana fanontaniana? Mifandraisa aminay",
ctaBtn: "Mifandraisa aminay"
},
@ -556,7 +630,14 @@ const translations = {
address: "Adiresy",
addressValue: "Antananarivo 101, Madagasikara",
facebook: "Facebook",
mapTitle: "Ny Toeranay"
mapTitle: "Ny Toeranay",
messenger: "Messenger",
messengerAction: "Resaka amin'ny Messenger",
priceReminder: "Tsahivana ny sarany",
priceDetail1: "70 000 Ar / kilao",
priceDetail2: "Fandoavana rehefa voaray",
priceDetail3: "Fandefasana 2 isan-kerinandro",
priceDetail4: "Fanaterana ao anatin'ny 2 herinandro hatramin'ny toby Paris"
},
guide: {
heroTitle: "Toromarika Fandefasana",
@ -608,7 +689,11 @@ const translations = {
dont2: "Mamela banga ao anaty entana",
dont3: "Mandefa entana voararan'ny IATA",
dont4: "Manadino manisy marika amin'ny entana mora vaky",
dont5: "Mihoatra ny refin-javatra voafetra"
dont5: "Mihoatra ny refin-javatra voafetra",
bestPracticesTitle: "Fomba tsara indrindra",
ctaTitle: "Manana fanontaniana momba ny fandefasananareo?",
ctaSubtitle: "Azo antsoina isan'andro ny ekipanay mba hanampy anareo.",
ctaCta: "Mifandraisa aminay"
},
app: {
badge: "Ho Avy Tsy Ho Ela",
@ -625,13 +710,18 @@ const translations = {
notifyBtn: "Ampahafantaro ahy",
notifySuccess: "Misaotra! Ho voampilaza amin'ny fanombohana ianao.",
phoneLabel: "MVA Global Fret",
phoneDesc: "Ny vavahadinao mankany Eoropa"
phoneDesc: "Ny vavahadinao mankany Eoropa",
ctaTitle: "Miandry ny fanomanana ny fampiharana",
ctaSubtitle: "Azo ampiasaina ankehitriny ny serivisy fandefasana entana an'habakabaka. Misoratra anarana ary manomboka mandefa ny entanareo.",
registerNow: "Hisoratra anarana",
viewPricing: "Jereo ny sarany"
},
footer: {
desc: "Mpiara-miasa azo itokisana amin'ny fandefasana entana an'habakabaka eo anelanelan'i Eoropa sy Madagasikara.",
linksTitle: "Rohy Haingana",
contactTitle: "Fifandraisana",
copyright: "© 2025 MVA Global Fret. Zo rehetra voatahiry."
copyright: "© 2025 MVA Global Fret. Zo rehetra voatahiry.",
cgv: "Fepetra Ankapoben'ny Varotra"
}
}
};

View File

@ -73,7 +73,7 @@
<div class="pricing-card animate-on-scroll">
<div style="display:inline-flex; align-items:center; gap:8px; background: linear-gradient(135deg, var(--navy), var(--navy-light)); color: var(--gold); padding: 6px 18px; border-radius: 50px; font-size: 0.85rem; font-weight: 600; margin-bottom: 24px;">
<i class="fa-solid fa-plane"></i> Fret Aérien
<i class="fa-solid fa-plane"></i> <span data-i18n="tarifs.airFreight">Fret Aérien</span>
</div>
<div class="pricing-amount"><span data-i18n="tarifs.priceAmount">70 000</span> <span style="font-size:2rem;">Ar</span></div>
<div class="pricing-unit" data-i18n="tarifs.priceUnit">Ariary / kilogramme</div>
@ -81,19 +81,19 @@
<ul class="pricing-details">
<li>
<i class="fa-solid fa-plane-departure"></i>
<span>2 envois par semaine depuis Paris</span>
<span data-i18n="tarifs.detail1">2 envois par semaine depuis Paris</span>
</li>
<li>
<i class="fa-solid fa-clock"></i>
<span>Délai de livraison : 2 semaines à compter du dépôt à Paris</span>
<span data-i18n="tarifs.detail2">Délai de livraison : 2 semaines à compter du dépôt à Paris</span>
</li>
<li>
<i class="fa-solid fa-scale-balanced"></i>
<span>Poids mesuré à la réception à Madagascar (contre-pesée)</span>
<span data-i18n="tarifs.detail3">Poids mesuré à la réception à Madagascar (contre-pesée)</span>
</li>
<li>
<i class="fa-solid fa-credit-card"></i>
<span>Paiement uniquement à la réception</span>
<span data-i18n="tarifs.detail4">Paiement uniquement à la réception</span>
</li>
</ul>
@ -104,7 +104,7 @@
<div style="margin-top: 32px;">
<a href="contact.html" class="btn btn-primary">
<i class="fa-solid fa-user-plus"></i> S'inscrire maintenant
<i class="fa-solid fa-user-plus"></i> <span data-i18n="tarifs.registerNow">S'inscrire maintenant</span>
</a>
</div>
</div>
@ -121,11 +121,11 @@
</div>
<div class="grid-2" style="max-width: 800px; margin: 0 auto; grid-template-columns: repeat(3, 1fr); max-width: 1100px;">
<div class="delivery-card animate-on-scroll delay-1">
<h3><i class="fa-solid fa-building"></i> Récupération au siège</h3>
<div class="delivery-price" style="color: #2e9e5b;">Gratuit</div>
<p>Récupérez votre colis directement à notre siège à Antananarivo, sans frais supplémentaires.</p>
<h3><i class="fa-solid fa-building"></i> <span data-i18n="tarifs.pickupTitle">Récupération au siège</span></h3>
<div class="delivery-price" style="color: #2e9e5b;" data-i18n="tarifs.pickupPrice">Gratuit</div>
<p data-i18n="tarifs.pickupDesc">Récupérez votre colis directement à notre siège à Antananarivo, sans frais supplémentaires.</p>
<div style="margin-top: 12px; padding: 10px; background: var(--light-gray); border-radius: 6px; font-size: 0.85rem; color: var(--text-light);">
<i class="fa-solid fa-check" style="color: #2e9e5b;"></i> Aucun frais de livraison
<i class="fa-solid fa-check" style="color: #2e9e5b;"></i> <span data-i18n="tarifs.pickupNote">Aucun frais de livraison</span>
</div>
</div>
<div class="delivery-card animate-on-scroll delay-2">
@ -222,7 +222,7 @@
<section class="cta-banner" aria-labelledby="cta-tarifs-title">
<div class="container animate-on-scroll">
<h2 id="cta-tarifs-title" data-i18n="tarifs.ctaText">Des questions ? Contactez-nous</h2>
<p style="color: rgba(255,255,255,0.75); margin-bottom: 24px;">Notre équipe est disponible tous les jours pour vous répondre.</p>
<p style="color: rgba(255,255,255,0.75); margin-bottom: 24px;" data-i18n="tarifs.ctaSubtitle">Notre équipe est disponible tous les jours pour vous répondre.</p>
<a href="contact.html" class="btn btn-primary">
<i class="fa-solid fa-envelope"></i>
<span data-i18n="tarifs.ctaBtn">Nous contacter</span>
@ -265,7 +265,7 @@
<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;">Conditions Générales de Vente</a></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>