b602e0d6f2
Critical fixes (user-reported): - tarifs.html: delivery1Note "Livraison à domicile disponible" - tarifs.html: delivery2Note "Retrait au bureau Cotisse de votre ville" - contact.html: cgvLabel checkbox (with embedded CGV link, uses data-i18n-html) Application page (mockup phone + payment methods section): - mockupFlightTitle/Sub, mockupTab All/Transit/Delivered, mockupBadgeTransit - mockupItemName/Ref, mockupStep1/3, mockupOrder1/2 - mockupPaymentTitle, mockupArrived - paymentTitle, paymentSubtitle, cardLabel Other pages: - guide-envoi.html: warningContact callout paragraph - about.html: channelMessenger/MessengerAction/PhoneMG/PhoneFR/Email labels All keys added in FR/EN/MG. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
277 lines
15 KiB
HTML
277 lines
15 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Nos Tarifs — MVA Global Fret</title>
|
|
<meta name="description" content="Tarifs MVA Global Fret : 70 000 Ar/kg. Paiement à la réception à Madagascar. Livraison à Antananarivo et en province. 2 envois par semaine.">
|
|
<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="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="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-1624272909636-4995421e37e7?w=1600&q=80');">
|
|
<div class="hero-content animate-on-scroll">
|
|
<h1 data-i18n="tarifs.heroTitle">Nos Tarifs</h1>
|
|
<p data-i18n="tarifs.heroSubtitle">Des prix transparents pour un service de qualité</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- TARIF PRINCIPAL -->
|
|
<section class="section" aria-labelledby="pricing-title">
|
|
<div class="container">
|
|
<div class="section-header animate-on-scroll">
|
|
<h2 id="pricing-title" data-i18n="tarifs.pricingTitle">Tarif d'envoi</h2>
|
|
<div class="gold-line"></div>
|
|
</div>
|
|
|
|
<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> <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>
|
|
|
|
<ul class="pricing-details">
|
|
<li>
|
|
<i class="fa-solid fa-plane-departure"></i>
|
|
<span data-i18n="tarifs.detail1">2 envois par semaine depuis Paris</span>
|
|
</li>
|
|
<li>
|
|
<i class="fa-solid fa-clock"></i>
|
|
<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 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 data-i18n="tarifs.detail4">Paiement uniquement à la réception</span>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="pricing-note">
|
|
<i class="fa-solid fa-circle-info" style="color: var(--gold); margin-right: 8px;"></i>
|
|
<strong data-i18n="tarifs.note1">Pas d'arrondi à l'inférieur : si un colis pèse 1,2 kg, il sera facturé 2 kg.</strong>
|
|
</div>
|
|
|
|
<div style="margin-top: 32px;">
|
|
<a href="contact.html" class="btn btn-primary">
|
|
<i class="fa-solid fa-user-plus"></i> <span data-i18n="tarifs.registerNow">S'inscrire maintenant</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- LIVRAISON -->
|
|
<section class="section section-gray" aria-labelledby="delivery-title">
|
|
<div class="container">
|
|
<div class="section-header animate-on-scroll">
|
|
<h2 id="delivery-title" data-i18n="tarifs.deliveryTitle">Options de Livraison</h2>
|
|
<div class="gold-line"></div>
|
|
<p data-i18n="tarifs.deliverySubtitle">À Antananarivo et dans toute Madagascar</p>
|
|
</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> <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> <span data-i18n="tarifs.pickupNote">Aucun frais de livraison</span>
|
|
</div>
|
|
</div>
|
|
<div class="delivery-card animate-on-scroll delay-2">
|
|
<h3><i class="fa-solid fa-city"></i> <span data-i18n="tarifs.delivery1Title">Livraison à Antananarivo</span></h3>
|
|
<div class="delivery-price" data-i18n="tarifs.delivery1Price">+ 6 000 Ar</div>
|
|
<p data-i18n="tarifs.delivery1Desc">Supplément de livraison pour toute adresse dans Antananarivo.</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: var(--green);"></i> <span data-i18n="tarifs.delivery1Note">Livraison à domicile disponible</span>
|
|
</div>
|
|
</div>
|
|
<div class="delivery-card animate-on-scroll delay-3">
|
|
<h3><i class="fa-solid fa-map-location-dot"></i> <span data-i18n="tarifs.delivery2Title">Livraison en Province</span></h3>
|
|
<div class="delivery-price" data-i18n="tarifs.delivery2Price">+ 6 000 Ar + frais Cotisse</div>
|
|
<p data-i18n="tarifs.delivery2Desc">6 000 Ar de livraison jusqu'à Cotisse (transporteur vers les autres villes), puis frais Cotisse à prévoir. Le client récupère son colis au Cotisse de sa ville.</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-info-circle" style="color: var(--amber);"></i> <span data-i18n="tarifs.delivery2Note">Retrait au bureau Cotisse de votre ville</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- SCHEDULE -->
|
|
<section class="section" aria-labelledby="schedule-title">
|
|
<div class="container">
|
|
<div class="section-header animate-on-scroll">
|
|
<h2 id="schedule-title" data-i18n="tarifs.scheduleTitle">Fréquence d'envoi</h2>
|
|
<div class="gold-line"></div>
|
|
</div>
|
|
<div class="schedule-grid" style="max-width: 700px; margin: 0 auto;">
|
|
<div class="schedule-item animate-on-scroll delay-1">
|
|
<i class="fa-solid fa-plane-departure" aria-hidden="true"></i>
|
|
<span class="number" data-i18n="tarifs.schedule1Number">2</span>
|
|
<p data-i18n="tarifs.schedule1Label">envois par semaine</p>
|
|
</div>
|
|
<div class="schedule-item animate-on-scroll delay-2">
|
|
<i class="fa-solid fa-calendar-days" aria-hidden="true"></i>
|
|
<span class="number" data-i18n="tarifs.schedule2Number">2</span>
|
|
<p data-i18n="tarifs.schedule2Label">semaines de délai</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- FAQ -->
|
|
<section class="section section-gray" aria-labelledby="faq-title">
|
|
<div class="container">
|
|
<div class="section-header animate-on-scroll">
|
|
<h2 id="faq-title" data-i18n="tarifs.faqTitle">Questions Fréquentes</h2>
|
|
<div class="gold-line"></div>
|
|
</div>
|
|
<div class="faq-list animate-on-scroll">
|
|
<div class="faq-item">
|
|
<button class="faq-question" aria-expanded="false">
|
|
<span data-i18n="tarifs.faq1Q">Comment est calculé le poids ?</span>
|
|
<i class="fa-solid fa-chevron-down" aria-hidden="true"></i>
|
|
</button>
|
|
<div class="faq-answer" role="region">
|
|
<div class="faq-answer-inner" data-i18n="tarifs.faq1A">Le poids est mesuré au kilogramme supérieur. Si votre colis pèse 1,2 kg, il sera facturé 2 kg. Il n'y a pas d'arrondi à l'inférieur.</div>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question" aria-expanded="false">
|
|
<span data-i18n="tarifs.faq2Q">Quand dois-je payer ?</span>
|
|
<i class="fa-solid fa-chevron-down" aria-hidden="true"></i>
|
|
</button>
|
|
<div class="faq-answer" role="region">
|
|
<div class="faq-answer-inner" data-i18n="tarifs.faq2A">Le paiement se fait uniquement à la réception du colis à Madagascar, après une contre-pesée. Aucun paiement à l'avance n'est demandé.</div>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question" aria-expanded="false">
|
|
<span data-i18n="tarifs.faq3Q">Comment fonctionne la livraison en province ?</span>
|
|
<i class="fa-solid fa-chevron-down" aria-hidden="true"></i>
|
|
</button>
|
|
<div class="faq-answer" role="region">
|
|
<div class="faq-answer-inner" data-i18n="tarifs.faq3A">Nous livrons votre colis au transporteur Cotisse à Antananarivo (6 000 Ar). Ensuite, les frais Cotisse vers votre ville sont à votre charge. Vous récupérez votre colis au bureau Cotisse de votre ville.</div>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question" aria-expanded="false">
|
|
<span data-i18n="tarifs.faq4Q">Que se passe-t-il si mon colis est fragile ?</span>
|
|
<i class="fa-solid fa-chevron-down" aria-hidden="true"></i>
|
|
</button>
|
|
<div class="faq-answer" role="region">
|
|
<div class="faq-answer-inner" data-i18n="tarifs.faq4A">Nous vous recommandons d'emballer soigneusement vos objets fragiles. Consultez notre guide d'envoi pour les meilleures pratiques d'emballage.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA -->
|
|
<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;" 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>
|
|
</a>
|
|
</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="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>
|