239e2e503d
Three small post-cutover fixes reported during E2E retest 2026-05-07: 1. js/form-handler.js: disable EmailJS welcome-back call in showAlreadyRegistered. The EmailJS account is Melissa-only (no Serge access) and its template still has a '(c) 2025' footer inconsistent with the Resend emails sent by the new Worker. The user already sees their existing reference number in the showAlreadyRegistered modal (= cosmetic email, not critical). To re-implement properly: route through Worker + Resend in a future PR. 2. 10 HTML pages: remove duplicate .lang-switcher block from .mobile-nav. The header already has a lang-switcher visible on mobile, the second one inside the slide-in mobile menu was redundant. 3. js/main.js: fix IntersectionObserver threshold for animate-on-scroll. Was threshold: 0.1 — never fires on mobile portrait for cgv.html and politique-confidentialite.html because those pages have data-lang-block elements 2000-3000px tall (verbose FR/EN/MG trilingual content) and viewport (~600px) never reaches 10% intersection ratio. Now threshold: 0 — fires as soon as any pixel enters viewport. mentions-legales.html unaffected because its blocks were short enough to satisfy the previous 10%. Refs: WordPress \xe2\x86\x92 static migration, post-cutover polish.
241 lines
13 KiB
HTML
241 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Qui Sommes-Nous — MVA Global Fret</title>
|
|
<meta name="description" content="MVA Global Fret, une entreprise à taille humaine de 7 personnes, spécialisée dans le fret aérien entre l'Europe et Madagascar. Notre priorité : la qualité du service client.">
|
|
<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="accueil.html" class="logo" aria-label="MVA Global Fret - Accueil">
|
|
<img src="PNG MVA GLOBAL FRET.png" alt="MVA Global Fret">
|
|
</a>
|
|
<nav class="nav" aria-label="Navigation principale">
|
|
<a href="accueil.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" aria-label="Navigation mobile">
|
|
<a href="accueil.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="overlay" id="overlay"></div>
|
|
|
|
<main id="main">
|
|
|
|
<!-- HERO -->
|
|
<section class="hero hero-sub" style="background-image: url('images/hero/about-hero.jpg');">
|
|
<div class="hero-content animate-on-scroll">
|
|
<h1 data-i18n="about.heroTitle">Qui Sommes-Nous</h1>
|
|
<p data-i18n="about.heroSubtitle">Une entreprise à taille humaine au service de la diaspora</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- NOTRE HISTOIRE -->
|
|
<section class="section" aria-labelledby="story-title">
|
|
<div class="container">
|
|
|
|
<div class="story-block animate-on-scroll">
|
|
<div class="story-img">
|
|
<img src="images/hero/about-cargo.jpg" alt="Avion cargo en vol — fret aérien MVA Global Fret" loading="lazy">
|
|
</div>
|
|
<div>
|
|
<h2 id="story-title" data-i18n="about.story1Title">Notre Mission</h2>
|
|
<div class="gold-line" style="margin: 16px 0;"></div>
|
|
<div data-i18n-html="about.story1Text">
|
|
MVA Global Fret est née d'une conviction simple : le transport de colis entre l'Europe et Madagascar mérite un service d'excellence, accessible à tous. Nous sommes le pont entre deux continents, facilitant les échanges entre les familles, les entrepreneurs et les communautés.
|
|
<br><br>
|
|
Notre expertise dans le fret aérien nous permet de garantir des délais de livraison rapides et une prise en charge attentive de chaque colis qui nous est confié.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="story-block reverse animate-on-scroll" style="margin-top: 64px;">
|
|
<div class="story-img">
|
|
<img src="images/hero/about-warehouse.jpg" alt="Entrepôt logistique — MVA Global Fret" loading="lazy">
|
|
</div>
|
|
<div>
|
|
<h2 data-i18n="about.story2Title">Notre Engagement</h2>
|
|
<div class="gold-line" style="margin: 16px 0;"></div>
|
|
<div data-i18n-html="about.story2Text">
|
|
Ce qui nous distingue, c'est notre approche humaine. Chez MVA Global Fret, chaque client est unique et chaque colis est important. Nous ne sommes pas une grande multinationale anonyme : nous sommes une équipe soudée de 7 personnes passionnées qui connaissent leurs clients par leur nom.
|
|
<br><br>
|
|
Notre priorité absolue est la qualité du service client. Disponibles tous les jours, nous répondons à vos questions via Messenger, par téléphone ou par email.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<!-- VALEURS -->
|
|
<section class="section section-gray" aria-labelledby="values-title">
|
|
<div class="container">
|
|
<div class="section-header animate-on-scroll">
|
|
<h2 id="values-title" data-i18n="about.valuesTitle">Nos Valeurs</h2>
|
|
<div class="gold-line"></div>
|
|
<p data-i18n="about.valuesSubtitle">Les principes qui guident chacune de nos actions</p>
|
|
</div>
|
|
<div class="values-grid">
|
|
<div class="value-card animate-on-scroll delay-1">
|
|
<i class="fa-solid fa-shield-halved" aria-hidden="true"></i>
|
|
<h3 data-i18n="about.value1Title">Fiabilité</h3>
|
|
<p data-i18n="about.value1Desc">Chaque colis est traité avec le plus grand soin. Nous respectons nos engagements de délais et de qualité.</p>
|
|
</div>
|
|
<div class="value-card animate-on-scroll delay-2">
|
|
<i class="fa-solid fa-handshake" aria-hidden="true"></i>
|
|
<h3 data-i18n="about.value2Title">Proximité</h3>
|
|
<p data-i18n="about.value2Desc">Une relation de confiance avec chaque client. Nous sommes à votre écoute, tous les jours.</p>
|
|
</div>
|
|
<div class="value-card animate-on-scroll delay-3">
|
|
<i class="fa-solid fa-eye" aria-hidden="true"></i>
|
|
<h3 data-i18n="about.value3Title">Transparence</h3>
|
|
<p data-i18n="about.value3Desc">Des tarifs clairs, sans surprise. Paiement uniquement à la réception après contre-pesée.</p>
|
|
</div>
|
|
<div class="value-card animate-on-scroll delay-4">
|
|
<i class="fa-solid fa-star" aria-hidden="true"></i>
|
|
<h3 data-i18n="about.value4Title">Engagement</h3>
|
|
<p data-i18n="about.value4Desc">Nous mettons tout en œuvre pour que vos colis arrivent en parfait état, dans les meilleurs délais.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- TEAM COUNTER -->
|
|
<section class="team-section" aria-labelledby="team-title">
|
|
<div class="container animate-on-scroll">
|
|
<div class="team-counter" aria-label="7 membres d'équipe" data-i18n="about.teamCount">7</div>
|
|
<h2 id="team-title" style="color: var(--white); margin-bottom: 16px;" data-i18n="about.teamTitle">membres dévoués à votre service</h2>
|
|
<p data-i18n="about.teamDesc">Disponibles tous les jours pour vous accompagner dans vos envois. Sur Messenger, par téléphone ou par email — nous sommes toujours là pour vous.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CANAUX DE COMMUNICATION -->
|
|
<section class="section" aria-labelledby="channels-title">
|
|
<div class="container">
|
|
<div class="section-header animate-on-scroll">
|
|
<h2 id="channels-title" data-i18n="about.channelsTitle">Contactez-nous</h2>
|
|
<div class="gold-line"></div>
|
|
<p data-i18n="about.channelsSubtitle">Plusieurs canaux pour vous répondre au plus vite</p>
|
|
</div>
|
|
<div class="channels-grid">
|
|
<div class="channel-card animate-on-scroll delay-1">
|
|
<i class="fa-brands fa-facebook-messenger" aria-hidden="true"></i>
|
|
<h4 data-i18n="about.channelMessenger">Messenger</h4>
|
|
<p><a href="https://m.me/61573448820736" target="_blank" rel="noopener noreferrer" data-i18n="about.channelMessengerAction">Discuter sur Messenger</a></p>
|
|
</div>
|
|
<div class="channel-card animate-on-scroll delay-2">
|
|
<i class="fa-solid fa-phone" aria-hidden="true"></i>
|
|
<h4 data-i18n="about.channelPhoneMG">Madagascar</h4>
|
|
<p><a href="tel:+261384973751">+261 38 49 737 51</a></p>
|
|
</div>
|
|
<div class="channel-card animate-on-scroll delay-3">
|
|
<i class="fa-solid fa-phone" aria-hidden="true"></i>
|
|
<h4 data-i18n="about.channelPhoneFR">France</h4>
|
|
<p><a href="tel:+33780970825">+33 7 80 97 08 25</a></p>
|
|
</div>
|
|
<div class="channel-card animate-on-scroll delay-4">
|
|
<i class="fa-solid fa-envelope" aria-hidden="true"></i>
|
|
<h4 data-i18n="about.channelEmail">Email</h4>
|
|
<p><a href="mailto:mvaglobalfret@gmail.com">mvaglobalfret@gmail.com</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA -->
|
|
<section class="cta-banner" aria-labelledby="cta-about-title">
|
|
<div class="container animate-on-scroll">
|
|
<h2 id="cta-about-title" data-i18n="home.ctaTitle">Prêt à envoyer vos colis ?</h2>
|
|
<p data-i18n="home.ctaSubtitle">Inscrivez-vous dès maintenant et recevez votre numéro de référence client.</p>
|
|
<a href="contact.html" class="btn btn-primary">
|
|
<i class="fa-solid fa-user-plus"></i>
|
|
<span data-i18n="home.ctaCta">S'inscrire</span>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer class="footer" role="contentinfo">
|
|
<div class="container">
|
|
<div class="footer-grid">
|
|
<div class="footer-brand">
|
|
<a href="accueil.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="accueil.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">© 2026 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>
|
|
<span style="color:rgba(255,255,255,0.3); margin:0 6px;">|</span>
|
|
<a href="mentions-legales.html" style="color:rgba(255,255,255,0.45); font-size:0.8rem;" data-i18n="footer.mentionsLegales">Mentions Légales</a>
|
|
<span style="color:rgba(255,255,255,0.3); margin:0 6px;">|</span>
|
|
<a href="politique-confidentialite.html" style="color:rgba(255,255,255,0.45); font-size:0.8rem;" data-i18n="footer.privacy">Politique de Confidentialité</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="js/translations.js"></script>
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html>
|