Initial commit — Site MVA Global Fret
This commit is contained in:
MVA Global Fret
commit
938efe582f
20
.claude/settings.local.json
Normal file
20
.claude/settings.local.json
Normal file
@ -0,0 +1,20 @@
|
||||
{
|
||||
"permissions": {
|
||||
"allow": [
|
||||
"mcp__Claude_in_Chrome__tabs_context_mcp",
|
||||
"mcp__Claude_in_Chrome__browser_batch",
|
||||
"mcp__Claude_in_Chrome__computer",
|
||||
"mcp__Claude_in_Chrome__read_console_messages",
|
||||
"mcp__Claude_in_Chrome__navigate",
|
||||
"mcp__Claude_in_Chrome__javascript_tool",
|
||||
"mcp__Claude_in_Chrome__switch_browser",
|
||||
"WebSearch",
|
||||
"WebFetch(domain:unsplash.com)",
|
||||
"Bash(gh auth *)",
|
||||
"Bash(git --version)",
|
||||
"Bash(git config *)",
|
||||
"PowerShell(git config --global user.name)",
|
||||
"PowerShell(git config --global user.email)"
|
||||
]
|
||||
}
|
||||
}
|
||||
3
.gitignore
vendored
Normal file
3
.gitignore
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
.DS_Store
|
||||
Thumbs.db
|
||||
*.log
|
||||
BIN
PNG MVA GLOBAL FRET.png
Normal file
BIN
PNG MVA GLOBAL FRET.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 840 KiB |
237
about.html
Normal file
237
about.html
Normal file
@ -0,0 +1,237 @@
|
||||
<!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="index.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="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" aria-label="Navigation mobile">
|
||||
<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-1521737711867-e3b97375f902?w=1600&q=80');">
|
||||
<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="https://images.unsplash.com/photo-1494412574643-ff11b0a5c1c3?w=800&q=80" 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="https://images.unsplash.com/photo-1553413077-190dd305871c?w=800&q=80" 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>Messenger</h4>
|
||||
<p><a href="https://m.me/61573448820736" target="_blank" rel="noopener noreferrer">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>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>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>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="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;">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>
|
||||
313
application.html
Normal file
313
application.html
Normal file
@ -0,0 +1,313 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Application Mobile — MVA Global Fret</title>
|
||||
<meta name="description" content="Bientôt disponible : l'application MVA Global Fret pour commander depuis Madagascar sur les sites européens et payer en mobile money (MVola, Orange Money, Airtel Money).">
|
||||
<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">Application</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">Application</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">
|
||||
|
||||
<!-- APP TEASER -->
|
||||
<section class="app-teaser" style="background: linear-gradient(135deg, var(--light-gray) 0%, #e8e8f0 100%);">
|
||||
<div class="container">
|
||||
<div class="app-content">
|
||||
|
||||
<!-- TEXT SIDE -->
|
||||
<div class="animate-on-scroll">
|
||||
<div class="app-badge">
|
||||
<i class="fa-solid fa-rocket" aria-hidden="true"></i>
|
||||
<span data-i18n="app.badge">Bientôt Disponible</span>
|
||||
</div>
|
||||
|
||||
<h1 style="font-size: clamp(1.8rem, 4vw, 2.8rem);" data-i18n="app.title">L'Application MVA Global Fret</h1>
|
||||
<div class="gold-line" style="margin: 16px 0;"></div>
|
||||
<p style="font-size: 1.1rem; color: var(--text-light); margin-bottom: 32px;" data-i18n="app.subtitle">Bientôt, commandez depuis Madagascar sur les sites internet européens et payez en mobile money.</p>
|
||||
|
||||
<div class="app-features">
|
||||
<div class="app-feature">
|
||||
<i class="fa-solid fa-globe" aria-hidden="true"></i>
|
||||
<div>
|
||||
<h4 data-i18n="app.feature1Title">E-commerce Européen</h4>
|
||||
<p data-i18n="app.feature1Desc">Accédez aux sites de vente en ligne européens directement depuis Madagascar.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="app-feature">
|
||||
<i class="fa-solid fa-mobile-screen-button" aria-hidden="true"></i>
|
||||
<div>
|
||||
<h4 data-i18n="app.feature2Title">Paiement Mobile Money</h4>
|
||||
<p data-i18n="app.feature2Desc">Payez avec MVola, Orange Money ou Airtel Money en toute simplicité.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="app-feature">
|
||||
<i class="fa-solid fa-location-dot" aria-hidden="true"></i>
|
||||
<div>
|
||||
<h4 data-i18n="app.feature3Title">Suivi en Temps Réel</h4>
|
||||
<p data-i18n="app.feature3Desc">Suivez l'avancement de votre commande et de la livraison en direct.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- PHONE MOCKUP -->
|
||||
<div class="animate-on-scroll delay-2 app-mockup-outer">
|
||||
<div class="app-mockup-wrapper">
|
||||
|
||||
<!-- Flottant haut-gauche : En vol -->
|
||||
<div class="float-notif float-notif--flight">
|
||||
<div class="float-notif-icon"><i class="fa-solid fa-plane"></i></div>
|
||||
<div>
|
||||
<div class="float-notif-title">En vol vers Madagascar</div>
|
||||
<div class="float-notif-sub">Arrivée estimée · 5 avril</div>
|
||||
<div class="fnp-bar-wrap">
|
||||
<span>Orly</span>
|
||||
<div class="fnp-bar"><div class="fnp-fill"></div></div>
|
||||
<span>Tana</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- iPhone -->
|
||||
<div class="iphone-mockup">
|
||||
<div class="iphone-bezel">
|
||||
<!-- Boutons latéraux gauche -->
|
||||
<div class="iphone-btn iphone-btn--silent"></div>
|
||||
<div class="iphone-btn iphone-btn--vol-up"></div>
|
||||
<div class="iphone-btn iphone-btn--vol-dn"></div>
|
||||
<!-- Bouton power droite -->
|
||||
<div class="iphone-btn iphone-btn--power"></div>
|
||||
|
||||
<!-- Écran -->
|
||||
<div class="iphone-screen">
|
||||
<!-- Dynamic Island -->
|
||||
<div class="iphone-di"></div>
|
||||
|
||||
<!-- Contenu app -->
|
||||
<div class="iphone-content">
|
||||
<div class="iphone-status">
|
||||
<span>9:41</span>
|
||||
<span style="letter-spacing:1px; font-size:0.55rem;">●●● ▌</span>
|
||||
</div>
|
||||
<div class="iphone-hdr">
|
||||
<div>
|
||||
<div class="iphone-app-title">MVA Global Fret</div>
|
||||
<div class="iphone-app-route">France → Madagascar</div>
|
||||
</div>
|
||||
<div class="iphone-avatar">H</div>
|
||||
</div>
|
||||
<div class="iphone-tabs">
|
||||
<span class="itab itab--active">Tout</span>
|
||||
<span class="itab">En transit</span>
|
||||
<span class="itab">Livrées</span>
|
||||
</div>
|
||||
<div class="iphone-pkg">
|
||||
<div class="ipkg-badge"><span class="ipkg-dot"></span>EN TRANSIT</div>
|
||||
<div class="ipkg-icon">
|
||||
<!-- Icône colis SVG style line-art comme le site référence -->
|
||||
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M24 4L44 14V34L24 44L4 34V14L24 4Z" stroke="#0F1829" stroke-width="2.5" stroke-linejoin="round"/>
|
||||
<path d="M24 4L24 44" stroke="#0F1829" stroke-width="2" stroke-linecap="round"/>
|
||||
<path d="M4 14L24 24L44 14" stroke="#0F1829" stroke-width="2" stroke-linecap="round"/>
|
||||
<path d="M14 9L34 19" stroke="#C9A84C" stroke-width="2" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="ipkg-name">Paire de sneakers</div>
|
||||
<div class="ipkg-ref">Boutique France · CMD-0847</div>
|
||||
<div class="ipkg-price">485 000 <em>Ar</em></div>
|
||||
<div class="ipkg-track">
|
||||
<span class="itrack-dot done"></span>
|
||||
<span class="itrack-line done"></span>
|
||||
<span class="itrack-dot done"></span>
|
||||
<span class="itrack-line done"></span>
|
||||
<span class="itrack-dot current"></span>
|
||||
<span class="itrack-line"></span>
|
||||
<span class="itrack-dot"></span>
|
||||
</div>
|
||||
<div class="ipkg-labels"><span>Achat</span><span>Orly</span><span>Vol</span><span>Tana</span></div>
|
||||
</div>
|
||||
<div class="iphone-order">
|
||||
<span class="iorder-dot"></span>
|
||||
<span>Livrée · Vêtement</span>
|
||||
<span class="iorder-price">195 000 Ar</span>
|
||||
</div>
|
||||
<div class="iphone-order">
|
||||
<span class="iorder-dot"></span>
|
||||
<span>Livrée · Sport</span>
|
||||
<span class="iorder-price">78 000 Ar</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Flottant bas-droite : Paiement confirmé -->
|
||||
<div class="float-notif float-notif--payment">
|
||||
<div class="float-notif-check"><i class="fa-solid fa-check"></i></div>
|
||||
<div>
|
||||
<div class="float-notif-title">Paiement confirmé</div>
|
||||
<div class="float-notif-sub">MVola · 485 000 Ar</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Pill bas-gauche : Arrivé au dépôt -->
|
||||
<div class="float-pill">
|
||||
<span class="float-pill-dot"></span>Arrivé au dépôt Orly
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- PAYMENT METHODS -->
|
||||
<section class="section" style="background: var(--white);" aria-labelledby="payment-title">
|
||||
<div class="container" style="text-align: center;">
|
||||
<div class="animate-on-scroll">
|
||||
<h2 id="payment-title">Moyens de Paiement Acceptés</h2>
|
||||
<div class="gold-line"></div>
|
||||
<p style="color: var(--text-light); margin-bottom: 40px;">Payez avec votre portefeuille mobile, en toute sécurité</p>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: center; gap: 32px; flex-wrap: wrap;">
|
||||
<div class="animate-on-scroll delay-1" style="text-align:center; padding: 24px 32px; background: var(--light-gray); border-radius: 16px; min-width: 140px;">
|
||||
<i class="fa-solid fa-mobile-screen-button" style="font-size: 2.5rem; color: #2e9e5b; margin-bottom: 12px; display:block;"></i>
|
||||
<strong style="display: block; color: var(--navy);">MVola</strong>
|
||||
<span style="font-size: 0.8rem; color: var(--text-light);">Yas Madagascar</span>
|
||||
</div>
|
||||
<div class="animate-on-scroll delay-2" style="text-align:center; padding: 24px 32px; background: var(--light-gray); border-radius: 16px; min-width: 140px;">
|
||||
<i class="fa-solid fa-mobile-screen-button" style="font-size: 2.5rem; color: #ff6600; margin-bottom: 12px; display:block;"></i>
|
||||
<strong style="display: block; color: var(--navy);">Orange Money</strong>
|
||||
<span style="font-size: 0.8rem; color: var(--text-light);">Orange Madagascar</span>
|
||||
</div>
|
||||
<div class="animate-on-scroll delay-3" style="text-align:center; padding: 24px 32px; background: var(--light-gray); border-radius: 16px; min-width: 140px;">
|
||||
<i class="fa-solid fa-mobile-screen-button" style="font-size: 2.5rem; color: #e2000f; margin-bottom: 12px; display:block;"></i>
|
||||
<strong style="display: block; color: var(--navy);">Airtel Money</strong>
|
||||
<span style="font-size: 0.8rem; color: var(--text-light);">Airtel Madagascar</span>
|
||||
</div>
|
||||
<div class="animate-on-scroll delay-4" style="text-align:center; padding: 24px 32px; background: var(--light-gray); border-radius: 16px; min-width: 140px;">
|
||||
<i class="fa-solid fa-credit-card" style="font-size: 2.5rem; color: #1a1a3e; margin-bottom: 12px; display:block;"></i>
|
||||
<strong style="display: block; color: var(--navy);">Carte Bancaire</strong>
|
||||
<span style="font-size: 0.8rem; color: var(--text-light);">Visa / Mastercard</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- BACK TO SERVICES -->
|
||||
<section class="cta-banner">
|
||||
<div class="container animate-on-scroll">
|
||||
<h2 style="color: var(--white);">Prochainement</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>
|
||||
<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
|
||||
</a>
|
||||
<a href="tarifs.html" class="btn btn-white">
|
||||
<i class="fa-solid fa-tag"></i> Voir les tarifs
|
||||
</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="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;">Conditions Générales de Vente</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/translations.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
<script>
|
||||
document.getElementById('notifyForm')?.addEventListener('submit', function(e) {
|
||||
e.preventDefault();
|
||||
document.getElementById('notifySuccess').style.display = 'flex';
|
||||
document.getElementById('notifySuccess').style.gap = '8px';
|
||||
document.getElementById('notifySuccess').style.alignItems = 'center';
|
||||
this.style.display = 'none';
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
301
cgv.html
Normal file
301
cgv.html
Normal file
@ -0,0 +1,301 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Conditions Générales de Vente — MVA Global Fret</title>
|
||||
<meta name="description" content="Conditions Générales de Vente et d'Utilisation de MVA Global Fret, service de fret aérien Paris – Antananarivo.">
|
||||
<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">
|
||||
<style>
|
||||
.cgv-body { max-width: 860px; margin: 0 auto; }
|
||||
.cgv-body h2 { color: var(--navy); font-size: 1.25rem; margin: 2.5rem 0 0.75rem; display: flex; align-items: center; gap: 10px; }
|
||||
.cgv-body h2 i { color: var(--gold); font-size: 1rem; }
|
||||
.cgv-body p, .cgv-body li { color: var(--text-light); line-height: 1.85; font-size: 0.97rem; }
|
||||
.cgv-body ul { padding-left: 1.5rem; margin: 0.5rem 0 1rem; }
|
||||
.cgv-body li { margin-bottom: 0.4rem; }
|
||||
.cgv-important {
|
||||
background: #fff8ec;
|
||||
border-left: 4px solid var(--gold);
|
||||
border-radius: 0 10px 10px 0;
|
||||
padding: 16px 20px;
|
||||
margin: 1rem 0;
|
||||
font-size: 0.95rem;
|
||||
color: var(--text-dark);
|
||||
}
|
||||
.cgv-warning {
|
||||
background: #fff5f5;
|
||||
border-left: 4px solid var(--red);
|
||||
border-radius: 0 10px 10px 0;
|
||||
padding: 16px 20px;
|
||||
margin: 1rem 0;
|
||||
font-size: 0.95rem;
|
||||
color: var(--text-dark);
|
||||
}
|
||||
.cgv-meta {
|
||||
background: var(--light-gray);
|
||||
border-radius: 12px;
|
||||
padding: 20px 24px;
|
||||
margin-bottom: 2.5rem;
|
||||
font-size: 0.9rem;
|
||||
color: var(--text-light);
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 16px;
|
||||
}
|
||||
.cgv-meta span { display: flex; align-items: center; gap: 6px; }
|
||||
.cgv-meta i { color: var(--gold); }
|
||||
.cgv-divider { border: none; border-top: 1px solid var(--mid-gray); margin: 2rem 0; }
|
||||
</style>
|
||||
</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">
|
||||
|
||||
<section class="hero hero-sub" style="background-image: url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1600&q=80');">
|
||||
<div class="hero-content animate-on-scroll">
|
||||
<h1>Conditions Générales de Vente</h1>
|
||||
<p>Lire et accepter avant toute inscription</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="cgv-body animate-on-scroll">
|
||||
|
||||
<div class="cgv-meta">
|
||||
<span><i class="fa-solid fa-building"></i> MVA Global Fret</span>
|
||||
<span><i class="fa-solid fa-location-dot"></i> Antananarivo 101, Madagascar</span>
|
||||
<span><i class="fa-solid fa-envelope"></i> mvaglobalfret@gmail.com</span>
|
||||
<span><i class="fa-solid fa-calendar"></i> En vigueur depuis le 1er janvier 2025</span>
|
||||
</div>
|
||||
|
||||
<!-- Article 1 -->
|
||||
<h2><i class="fa-solid fa-circle-info"></i> Article 1 — Objet et champ d'application</h2>
|
||||
<p>Les présentes Conditions Générales de Vente (CGV) régissent l'ensemble des relations contractuelles entre <strong>MVA Global Fret</strong> (ci-après « le Prestataire ») et toute personne physique ou morale (ci-après « le Client ») souhaitant bénéficier des services de fret aérien proposés.</p>
|
||||
<p>MVA Global Fret est un service de transport de colis par voie aérienne entre <strong>la France (Paris) et Madagascar (Antananarivo)</strong>. Tout envoi de colis, toute inscription ou toute utilisation des services implique l'acceptation pleine et entière des présentes CGV.</p>
|
||||
<p>Ces CGV prévalent sur tout autre document du Client, sauf accord écrit préalable.</p>
|
||||
|
||||
<hr class="cgv-divider">
|
||||
|
||||
<!-- Article 2 -->
|
||||
<h2><i class="fa-solid fa-user-plus"></i> Article 2 — Inscription et création de compte</h2>
|
||||
<p>Pour utiliser les services de MVA Global Fret, le Client doit s'inscrire via le formulaire disponible sur le site en fournissant :</p>
|
||||
<ul>
|
||||
<li>Son nom et prénom</li>
|
||||
<li>Un numéro de téléphone valide</li>
|
||||
<li>Une adresse email valide</li>
|
||||
<li>Une adresse de livraison complète à Antananarivo</li>
|
||||
</ul>
|
||||
<p>Le Client s'engage à fournir des informations exactes et à les maintenir à jour. En cas d'informations erronées ou incomplètes, MVA Global Fret ne pourra être tenu responsable de tout retard ou de toute impossibilité de livraison.</p>
|
||||
<div class="cgv-important">
|
||||
<strong><i class="fa-solid fa-check-circle" style="color:var(--gold); margin-right:6px;"></i> Acceptation des CGV :</strong> En s'inscrivant, le Client reconnaît avoir lu, compris et accepté l'intégralité des présentes Conditions Générales de Vente.
|
||||
</div>
|
||||
|
||||
<hr class="cgv-divider">
|
||||
|
||||
<!-- Article 3 -->
|
||||
<h2><i class="fa-solid fa-tag"></i> Article 3 — Tarifs et modalités de paiement</h2>
|
||||
<p>Le tarif en vigueur est de <strong>70 000 Ariary (Ar) par kilogramme</strong>. Ce tarif peut être révisé sans préavis ; le tarif applicable est celui en vigueur au moment de l'envoi.</p>
|
||||
<p><strong>Règle d'arrondi :</strong> Le poids est arrondi au kilogramme supérieur. Exemple : un colis de 1,2 kg est facturé au tarif de 2 kg.</p>
|
||||
<p><strong>Frais de livraison :</strong></p>
|
||||
<ul>
|
||||
<li>Livraison à Antananarivo (Tana) : <strong>+6 000 Ar</strong></li>
|
||||
<li>Livraison en province : <strong>+6 000 Ar jusqu'au dépôt Cotisse</strong> de la ville la plus proche, puis frais Cotisse à la charge du destinataire</li>
|
||||
</ul>
|
||||
<p><strong>Modalités de paiement :</strong> Le paiement s'effectue <strong>exclusivement à la réception du colis</strong>, après contre-pesée officielle réalisée par nos soins à Antananarivo.</p>
|
||||
<div class="cgv-warning">
|
||||
<strong><i class="fa-solid fa-triangle-exclamation" style="color:var(--red); margin-right:6px;"></i> Non-paiement :</strong> Si le Client ne règle pas le montant dû correspondant au poids de son colis, le colis ne lui sera pas remis. MVA Global Fret conservera le colis pendant une durée de <strong>45 jours calendaires</strong> à compter de la date d'arrivée à Antananarivo. Passé ce délai, sans règlement de la part du Client, le colis sera mis en vente afin de couvrir les frais de transport engagés. MVA Global Fret ne pourra être tenu responsable de la perte, de la dégradation ou de la vente des articles dans ce cadre.
|
||||
</div>
|
||||
|
||||
<hr class="cgv-divider">
|
||||
|
||||
<!-- Article 4 -->
|
||||
<h2><i class="fa-solid fa-plane-arrival"></i> Article 4 — Délais de livraison</h2>
|
||||
<p>MVA Global Fret effectue <strong>deux envois par semaine</strong> au départ de Paris vers Antananarivo. Le délai de livraison est estimé à <strong>environ 2 semaines</strong> à compter de la prise en charge du colis à Paris.</p>
|
||||
<p>Ces délais sont donnés à titre indicatif et peuvent être allongés en cas de :</p>
|
||||
<ul>
|
||||
<li>Contrôle douanier ou blocage par les autorités compétentes</li>
|
||||
<li>Grèves, intempéries ou cas de force majeure</li>
|
||||
<li>Informations incomplètes fournies par le Client</li>
|
||||
</ul>
|
||||
<p>MVA Global Fret ne pourra être tenu responsable des retards occasionnés par des facteurs extérieurs à son contrôle.</p>
|
||||
|
||||
<hr class="cgv-divider">
|
||||
|
||||
<!-- Article 5 -->
|
||||
<h2><i class="fa-solid fa-rotate-left"></i> Article 5 — Politique de retour et de remboursement</h2>
|
||||
<div class="cgv-important">
|
||||
<strong><i class="fa-solid fa-info-circle" style="color:var(--gold); margin-right:6px;"></i> Absence de retour vers la France :</strong> MVA Global Fret est un service de transport <strong>unidirectionnel</strong> : Paris → Antananarivo uniquement.
|
||||
</div>
|
||||
<p>Certains sites de vente en ligne européens offrent la possibilité d'effectuer un retour article en cas d'insatisfaction. Toutefois, <strong>MVA Global Fret ne propose pas de service de retour vers la France</strong>. Dans le cas où un Client souhaiterait retourner un article à un vendeur européen, il lui appartient de trouver et d'organiser lui-même les modalités de renvoi, à ses frais exclusifs.</p>
|
||||
<p>MVA Global Fret ne peut être impliqué dans aucune procédure de retour, de remboursement ou de litige entre le Client et un vendeur tiers.</p>
|
||||
|
||||
<hr class="cgv-divider">
|
||||
|
||||
<!-- Article 6 -->
|
||||
<h2><i class="fa-solid fa-box-open"></i> Article 6 — Articles autorisés et interdits</h2>
|
||||
<p>Le transport est soumis à la réglementation IATA (Association Internationale du Transport Aérien). Il est strictement interdit d'expédier :</p>
|
||||
<ul>
|
||||
<li>Explosifs, munitions et matières dangereuses</li>
|
||||
<li>Gaz comprimés ou liquéfiés</li>
|
||||
<li>Liquides et solides inflammables</li>
|
||||
<li>Batteries lithium non conformes</li>
|
||||
<li>Substances toxiques, corrosives ou radioactives</li>
|
||||
<li>Tout article dont le transport est interdit par la loi malgache ou française</li>
|
||||
</ul>
|
||||
<p>En cas de non-respect de ces restrictions, le Client assume l'entière responsabilité des conséquences légales, financières et pénales qui pourraient en découler. MVA Global Fret se réserve le droit de refuser tout colis suspect ou non conforme.</p>
|
||||
|
||||
<hr class="cgv-divider">
|
||||
|
||||
<!-- Article 7 -->
|
||||
<h2><i class="fa-solid fa-shield-halved"></i> Article 7 — Comportement du Client et respect des équipes</h2>
|
||||
<p>MVA Global Fret accorde une importance primordiale au respect mutuel entre ses équipes et ses clients. Toute relation commerciale doit se dérouler dans un cadre courtois et respectueux.</p>
|
||||
<div class="cgv-warning">
|
||||
<strong><i class="fa-solid fa-ban" style="color:var(--red); margin-right:6px;"></i> Comportements prohibés :</strong> Il est strictement interdit d'insulter, d'harceler, de menacer ou de dégrader — sous quelque forme que ce soit (orale, écrite, par messagerie ou sur les réseaux sociaux) — les membres de l'équipe MVA Global Fret.
|
||||
</div>
|
||||
<p>En cas de manquement à cette règle, MVA Global Fret se réserve le droit de :</p>
|
||||
<ul>
|
||||
<li>Suspendre ou supprimer définitivement le compte du Client concerné</li>
|
||||
<li>Mettre fin à toute collaboration commerciale sans préavis ni remboursement</li>
|
||||
<li>Engager les poursuites légales appropriées conformément au <strong>droit malgache en vigueur</strong>, notamment les dispositions relatives aux injures, diffamations et menaces</li>
|
||||
</ul>
|
||||
<p>Le Client reconnaît que les lois malgaches s'appliquent à toute relation commerciale avec MVA Global Fret depuis Madagascar, et que des sanctions pénales peuvent être encourues en cas d'infractions constatées.</p>
|
||||
|
||||
<hr class="cgv-divider">
|
||||
|
||||
<!-- Article 8 -->
|
||||
<h2><i class="fa-solid fa-scale-balanced"></i> Article 8 — Responsabilité</h2>
|
||||
<p>MVA Global Fret s'engage à traiter chaque colis avec le plus grand soin. En cas de perte ou d'endommagement avéré d'un colis imputable à MVA Global Fret, la responsabilité du Prestataire sera limitée à la valeur déclarée du colis, dans la limite du tarif de transport payé.</p>
|
||||
<p>MVA Global Fret décline toute responsabilité en cas de :</p>
|
||||
<ul>
|
||||
<li>Dommages causés par un emballage insuffisant du Client</li>
|
||||
<li>Retards ou pertes dus aux douanes ou aux autorités aéroportuaires</li>
|
||||
<li>Saisie ou destruction d'articles interdits déclarés incorrectement</li>
|
||||
<li>Force majeure (grèves, catastrophes naturelles, pandémies, etc.)</li>
|
||||
</ul>
|
||||
|
||||
<hr class="cgv-divider">
|
||||
|
||||
<!-- Article 9 -->
|
||||
<h2><i class="fa-solid fa-lock"></i> Article 9 — Protection des données personnelles</h2>
|
||||
<p>Les données personnelles collectées lors de l'inscription (nom, prénom, téléphone, email, adresse) sont utilisées exclusivement dans le cadre de la relation commerciale avec MVA Global Fret. Elles ne sont ni vendues, ni partagées avec des tiers à des fins commerciales.</p>
|
||||
<p>Conformément aux réglementations en vigueur, le Client dispose d'un droit d'accès, de rectification et de suppression de ses données en contactant MVA Global Fret à l'adresse <a href="mailto:mvaglobalfret@gmail.com">mvaglobalfret@gmail.com</a>.</p>
|
||||
|
||||
<hr class="cgv-divider">
|
||||
|
||||
<!-- Article 10 -->
|
||||
<h2><i class="fa-solid fa-gavel"></i> Article 10 — Droit applicable et litiges</h2>
|
||||
<p>Les présentes CGV sont soumises au <strong>droit malgache</strong>. Tout litige relatif à leur interprétation ou à leur exécution sera soumis, à défaut de résolution amiable, aux tribunaux compétents d'Antananarivo, Madagascar.</p>
|
||||
<p>Pour toute réclamation ou question relative aux présentes CGV, le Client peut contacter MVA Global Fret :</p>
|
||||
<ul>
|
||||
<li><strong>Email :</strong> <a href="mailto:mvaglobalfret@gmail.com">mvaglobalfret@gmail.com</a></li>
|
||||
<li><strong>Téléphone Madagascar :</strong> <a href="tel:+261384973751">+261 38 49 737 51</a></li>
|
||||
<li><strong>Téléphone France :</strong> <a href="tel:+33780970825">+33 7 80 97 08 25</a></li>
|
||||
</ul>
|
||||
|
||||
<hr class="cgv-divider">
|
||||
|
||||
<p style="font-size:0.85rem; color:var(--text-light); text-align:center; margin-top:2rem;">
|
||||
<i class="fa-solid fa-calendar-check" style="color:var(--gold);"></i>
|
||||
Dernière mise à jour : 1er janvier 2025 — MVA Global Fret se réserve le droit de modifier les présentes CGV à tout moment.
|
||||
</p>
|
||||
|
||||
<div style="text-align:center; margin-top:2rem;">
|
||||
<a href="contact.html" class="btn btn-primary">
|
||||
<i class="fa-solid fa-user-plus"></i> S'inscrire et accepter les CGV
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</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="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);">CGV</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;">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>
|
||||
277
contact.html
Normal file
277
contact.html
Normal file
@ -0,0 +1,277 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Contact & Inscription — MVA Global Fret</title>
|
||||
<meta name="description" content="Inscrivez-vous chez MVA Global Fret pour envoyer vos colis de Paris à Antananarivo. Recevez votre numéro de référence client et l'adresse de dépôt à Paris.">
|
||||
<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-1423666639041-f56000c27a9a?w=1600&q=80');">
|
||||
<div class="hero-content animate-on-scroll">
|
||||
<h1 data-i18n="contact.heroTitle">Contactez-Nous</h1>
|
||||
<p data-i18n="contact.heroSubtitle">Inscrivez-vous et commencez à envoyer vos colis dès aujourd'hui</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CONTACT SECTION -->
|
||||
<section class="section" aria-labelledby="form-title">
|
||||
<div class="container">
|
||||
<div class="contact-grid">
|
||||
|
||||
<!-- FORMULAIRE -->
|
||||
<div class="animate-on-scroll">
|
||||
<h2 id="form-title" data-i18n="contact.formTitle">Formulaire d'inscription</h2>
|
||||
<div class="gold-line" style="margin: 16px 0 24px;"></div>
|
||||
<p style="color: var(--text-light); margin-bottom: 32px;" data-i18n="contact.formSubtitle">Remplissez ce formulaire pour recevoir votre numéro de référence client et l'adresse de dépôt à Paris.</p>
|
||||
|
||||
<div class="form-success" id="formSuccess" role="alert">
|
||||
<i class="fa-solid fa-circle-check" style="font-size: 2rem; color: var(--green); display: block; margin-bottom: 12px;"></i>
|
||||
<strong data-i18n="contact.successTitle">Inscription envoyée !</strong><br>
|
||||
<span data-i18n="contact.successMsg">Merci ! Nous avons bien reçu votre demande. Notre équipe vous contactera dans les plus brefs délais avec votre numéro de référence client.</span>
|
||||
</div>
|
||||
|
||||
<form id="contactForm" novalidate>
|
||||
<div class="grid-2" style="gap: 16px;">
|
||||
<div class="form-group">
|
||||
<label for="lastname" data-i18n="contact.labelNom">Nom</label>
|
||||
<input type="text" id="lastname" name="lastname" autocomplete="family-name" required
|
||||
data-i18n-placeholder="contact.placeholderNom" placeholder="Votre nom de famille">
|
||||
<div class="form-error" id="error-lastname"></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="firstname" data-i18n="contact.labelPrenom">Prénom</label>
|
||||
<input type="text" id="firstname" name="firstname" autocomplete="given-name" required
|
||||
data-i18n-placeholder="contact.placeholderPrenom" placeholder="Votre prénom">
|
||||
<div class="form-error" id="error-firstname"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="phone" data-i18n="contact.labelTel">Numéro de téléphone</label>
|
||||
<input type="tel" id="phone" name="phone" autocomplete="tel" required
|
||||
data-i18n-placeholder="contact.placeholderTel" placeholder="+261 38 00 000 00">
|
||||
<div class="form-error" id="error-phone"></div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="email" data-i18n="contact.labelEmail">Adresse email</label>
|
||||
<input type="email" id="email" name="email" autocomplete="email" required
|
||||
data-i18n-placeholder="contact.placeholderEmail" placeholder="votre@email.com">
|
||||
<div class="form-error" id="error-email"></div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="address" data-i18n="contact.labelAdresse">Adresse de livraison</label>
|
||||
<textarea id="address" name="address" required
|
||||
data-i18n-placeholder="contact.placeholderAdresse" placeholder="Adresse complète..."></textarea>
|
||||
<div class="form-error" id="error-address"></div>
|
||||
</div>
|
||||
|
||||
<!-- Case CGV -->
|
||||
<div class="form-group" style="margin-bottom: 20px;">
|
||||
<label style="display:flex; align-items:flex-start; gap:10px; cursor:pointer; font-weight:400; color:var(--text-light); font-size:0.9rem;">
|
||||
<input type="checkbox" id="cgv" name="cgv" required
|
||||
style="width:18px; height:18px; margin-top:2px; flex-shrink:0; accent-color:var(--gold); cursor:pointer;">
|
||||
<span>J'ai lu et j'accepte les <a href="cgv.html" target="_blank" style="color:var(--gold); font-weight:600; text-decoration:underline;">Conditions Générales de Vente</a> de MVA Global Fret.</span>
|
||||
</label>
|
||||
<div class="form-error" id="error-cgv"></div>
|
||||
</div>
|
||||
|
||||
<div id="formErrorGlobal" style="display:none; color: var(--red); margin-bottom: 16px; font-size: 0.9rem;"></div>
|
||||
|
||||
<button type="submit" class="btn btn-primary" id="submitBtn" style="width: 100%; justify-content: center;">
|
||||
<i class="fa-solid fa-paper-plane"></i>
|
||||
<span id="submitText" data-i18n="contact.submitBtn">S'inscrire</span>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- COORDONNÉES -->
|
||||
<div class="animate-on-scroll delay-2">
|
||||
<h2 data-i18n="contact.infoTitle">Nos Coordonnées</h2>
|
||||
<div class="gold-line" style="margin: 16px 0 24px;"></div>
|
||||
|
||||
<div class="contact-info-card">
|
||||
<div style="text-align:center; margin-bottom: 24px;">
|
||||
<div style="display:inline-flex; align-items:center; gap:8px; background: rgba(197,165,90,0.15); color: var(--gold); padding: 8px 16px; border-radius: 50px; font-size: 0.85rem; font-weight: 600;">
|
||||
<i class="fa-solid fa-circle" style="font-size: 8px; animation: pulse 2s infinite;"></i>
|
||||
<span data-i18n="contact.infoAvailable">Disponible tous les jours</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="contact-info-item">
|
||||
<i class="fa-solid fa-phone" aria-hidden="true"></i>
|
||||
<div>
|
||||
<span class="label" data-i18n="contact.phoneMG">Numéro Madagascar</span>
|
||||
<a href="tel:+261384973751">+261 38 49 737 51</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-info-item">
|
||||
<i class="fa-solid fa-phone" aria-hidden="true"></i>
|
||||
<div>
|
||||
<span class="label" data-i18n="contact.phoneFR">Numéro France</span>
|
||||
<a href="tel:+33780970825">+33 7 80 97 08 25</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-info-item">
|
||||
<i class="fa-solid fa-envelope" aria-hidden="true"></i>
|
||||
<div>
|
||||
<span class="label" data-i18n="contact.email">Email</span>
|
||||
<a href="mailto:mvaglobalfret@gmail.com">mvaglobalfret@gmail.com</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-info-item">
|
||||
<i class="fa-solid fa-location-dot" aria-hidden="true"></i>
|
||||
<div>
|
||||
<span class="label" data-i18n="contact.address">Adresse</span>
|
||||
<span data-i18n="contact.addressValue">Antananarivo 101, Madagascar</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-info-item">
|
||||
<i class="fa-brands fa-facebook" aria-hidden="true"></i>
|
||||
<div>
|
||||
<span class="label" data-i18n="contact.facebook">Facebook</span>
|
||||
<a href="https://www.facebook.com/profile.php?id=61573448820736" target="_blank" rel="noopener noreferrer">MVA Global Fret</a>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 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
|
||||
</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</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- CARTE -->
|
||||
<div class="map-container animate-on-scroll" style="margin-top: 64px;">
|
||||
<h3 style="margin-bottom: 16px;" data-i18n="contact.mapTitle">Notre Localisation</h3>
|
||||
<iframe
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d119722.82983154597!2d47.46117785!3d-18.91368105!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x21f07e967738b369%3A0x3fac7a9b7c8ac!2sAntananarivo%2C%20Madagascar!5e0!3m2!1sfr!2sfr!4v1700000000000!5m2!1sfr!2sfr"
|
||||
width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"
|
||||
referrerpolicy="no-referrer-when-downgrade"
|
||||
title="Carte Antananarivo Madagascar — MVA Global Fret">
|
||||
</iframe>
|
||||
</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="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;">Conditions Générales de Vente</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/translations.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
<script src="js/form-handler.js"></script>
|
||||
|
||||
<style>
|
||||
@keyframes pulse {
|
||||
0%, 100% { opacity: 1; }
|
||||
50% { opacity: 0.3; }
|
||||
}
|
||||
</style>
|
||||
</body>
|
||||
</html>
|
||||
2014
css/style.css
Normal file
2014
css/style.css
Normal file
File diff suppressed because it is too large
Load Diff
288
guide-envoi.html
Normal file
288
guide-envoi.html
Normal file
@ -0,0 +1,288 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Guide d'Envoi — MVA Global Fret</title>
|
||||
<meta name="description" content="Guide d'envoi MVA Global Fret : articles interdits en fret aérien (IATA), produits nécessitant une déclaration, conseils d'emballage pour envoyer vos colis en toute sécurité.">
|
||||
<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-1571086291540-b137111fa1c7?w=1600&q=80');">
|
||||
<div class="hero-content animate-on-scroll">
|
||||
<h1 data-i18n="guide.heroTitle">Guide d'Envoi</h1>
|
||||
<p data-i18n="guide.heroSubtitle">Tout ce que vous devez savoir avant d'envoyer un colis</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ARTICLES INTERDITS -->
|
||||
<section class="section" aria-labelledby="prohibited-title">
|
||||
<div class="container">
|
||||
<div class="section-header animate-on-scroll">
|
||||
<h2 id="prohibited-title" data-i18n="guide.prohibitedTitle">Articles Interdits</h2>
|
||||
<div class="gold-line"></div>
|
||||
<p data-i18n="guide.prohibitedSubtitle">Ces articles ne peuvent pas être transportés par fret aérien (réglementation IATA)</p>
|
||||
</div>
|
||||
|
||||
<div class="prohibited-grid animate-on-scroll">
|
||||
<div class="prohibited-item">
|
||||
<i class="fa-solid fa-bomb" aria-hidden="true"></i>
|
||||
<h4 data-i18n="guide.cat1Title">Explosifs</h4>
|
||||
<p data-i18n="guide.cat1Desc">Dynamite, munitions, feux d'artifice, pétards</p>
|
||||
</div>
|
||||
<div class="prohibited-item">
|
||||
<i class="fa-solid fa-fire-flame-curved" aria-hidden="true"></i>
|
||||
<h4 data-i18n="guide.cat2Title">Gaz comprimés</h4>
|
||||
<p data-i18n="guide.cat2Desc">Bouteilles de gaz, aérosols pressurisés, butane, propane</p>
|
||||
</div>
|
||||
<div class="prohibited-item">
|
||||
<i class="fa-solid fa-droplet" aria-hidden="true"></i>
|
||||
<h4 data-i18n="guide.cat3Title">Liquides inflammables</h4>
|
||||
<p data-i18n="guide.cat3Desc">Essence, alcool, peintures, solvants, acétone</p>
|
||||
</div>
|
||||
<div class="prohibited-item">
|
||||
<i class="fa-solid fa-fire" aria-hidden="true"></i>
|
||||
<h4 data-i18n="guide.cat4Title">Solides inflammables</h4>
|
||||
<p data-i18n="guide.cat4Desc">Allumettes, briquets, charbon actif, poudres</p>
|
||||
</div>
|
||||
<div class="prohibited-item">
|
||||
<i class="fa-solid fa-battery-full" aria-hidden="true"></i>
|
||||
<h4 data-i18n="guide.cat5Title">Batteries lithium</h4>
|
||||
<p data-i18n="guide.cat5Desc">Piles lithium seules, hoverboards, certains appareils</p>
|
||||
</div>
|
||||
<div class="prohibited-item">
|
||||
<i class="fa-solid fa-skull-crossbones" aria-hidden="true"></i>
|
||||
<h4 data-i18n="guide.cat6Title">Substances toxiques</h4>
|
||||
<p data-i18n="guide.cat6Desc">Poisons, pesticides, substances infectieuses</p>
|
||||
</div>
|
||||
<div class="prohibited-item">
|
||||
<i class="fa-solid fa-flask" aria-hidden="true"></i>
|
||||
<h4 data-i18n="guide.cat7Title">Matières corrosives</h4>
|
||||
<p data-i18n="guide.cat7Desc">Acides, mercure, soude caustique</p>
|
||||
</div>
|
||||
<div class="prohibited-item">
|
||||
<i class="fa-solid fa-radiation" aria-hidden="true"></i>
|
||||
<h4 data-i18n="guide.cat8Title">Matières radioactives</h4>
|
||||
<p data-i18n="guide.cat8Desc">Éléments radioactifs, matières magnétiques puissantes</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ARTICLES AVEC DÉCLARATION -->
|
||||
<section class="section section-gray" aria-labelledby="warning-title">
|
||||
<div class="container">
|
||||
<div class="section-header animate-on-scroll">
|
||||
<h2 id="warning-title" data-i18n="guide.warningTitle">Articles Nécessitant une Déclaration</h2>
|
||||
<div class="gold-line"></div>
|
||||
<p data-i18n="guide.warningSubtitle">Ces articles peuvent être envoyés sous conditions</p>
|
||||
</div>
|
||||
<div class="grid-3" style="max-width: 800px; margin: 0 auto;">
|
||||
<div class="warning-item animate-on-scroll delay-1">
|
||||
<i class="fa-solid fa-spray-can-sparkles" aria-hidden="true"></i>
|
||||
<h4 data-i18n="guide.warn1Title">Parfums & cosmétiques</h4>
|
||||
<p data-i18n="guide.warn1Desc">En quantité limitée, bien emballés</p>
|
||||
</div>
|
||||
<div class="warning-item animate-on-scroll delay-2">
|
||||
<i class="fa-solid fa-laptop" aria-hidden="true"></i>
|
||||
<h4 data-i18n="guide.warn2Title">Appareils électroniques</h4>
|
||||
<p data-i18n="guide.warn2Desc">Avec petites batteries intégrées, éteints</p>
|
||||
</div>
|
||||
<div class="warning-item animate-on-scroll delay-3">
|
||||
<i class="fa-solid fa-pills" aria-hidden="true"></i>
|
||||
<h4 data-i18n="guide.warn3Title">Médicaments</h4>
|
||||
<p data-i18n="guide.warn3Desc">Avec ordonnance, en quantité personnelle</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="max-width: 700px; margin: 32px auto 0; background: #fffbf0; border: 1px solid #ffe0a0; border-radius: 12px; padding: 20px 24px; display: flex; gap: 16px; align-items: flex-start;">
|
||||
<i class="fa-solid fa-circle-exclamation" style="color: var(--amber); font-size: 1.4rem; margin-top: 2px; flex-shrink: 0;"></i>
|
||||
<p style="margin: 0; color: #7a5c00; font-size: 0.95rem;">En cas de doute sur un article, n'hésitez pas à nous contacter avant d'envoyer votre colis. Notre équipe vous répondra dans les plus brefs délais.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- GUIDE EMBALLAGE -->
|
||||
<section class="section" aria-labelledby="packaging-title">
|
||||
<div class="container">
|
||||
<div class="section-header animate-on-scroll">
|
||||
<h2 id="packaging-title" data-i18n="guide.packagingTitle">Comment Bien Emballer</h2>
|
||||
<div class="gold-line"></div>
|
||||
<p data-i18n="guide.packagingSubtitle">Suivez ces étapes pour que vos colis arrivent en parfait état</p>
|
||||
</div>
|
||||
|
||||
<div class="packaging-steps">
|
||||
<div class="packaging-step animate-on-scroll">
|
||||
<div class="packaging-step-icon" aria-hidden="true">
|
||||
<i class="fa-solid fa-box-open"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h3><span style="color: var(--gold);">01.</span> <span data-i18n="guide.pack1Title">Choisissez le bon carton</span></h3>
|
||||
<p data-i18n="guide.pack1Desc">Utilisez un carton neuf à double paroi, adapté à la taille de votre envoi. Évitez les cartons usagés ou fragilisés.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="packaging-step animate-on-scroll">
|
||||
<div class="packaging-step-icon" aria-hidden="true">
|
||||
<i class="fa-solid fa-shield"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h3><span style="color: var(--gold);">02.</span> <span data-i18n="guide.pack2Title">Protégez le contenu</span></h3>
|
||||
<p data-i18n="guide.pack2Desc">Emballez chaque article individuellement avec du papier bulle ou de la mousse. Comblez les espaces vides pour éviter les mouvements.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="packaging-step animate-on-scroll">
|
||||
<div class="packaging-step-icon" aria-hidden="true">
|
||||
<i class="fa-solid fa-tape"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h3><span style="color: var(--gold);">03.</span> <span data-i18n="guide.pack3Title">Scellez correctement</span></h3>
|
||||
<p data-i18n="guide.pack3Desc">Utilisez du ruban adhésif épais et de haute qualité. Scellez toutes les ouvertures et renforcez les bords.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="packaging-step animate-on-scroll">
|
||||
<div class="packaging-step-icon" aria-hidden="true">
|
||||
<i class="fa-solid fa-tag"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h3><span style="color: var(--gold);">04.</span> <span data-i18n="guide.pack4Title">Étiquetez clairement</span></h3>
|
||||
<p data-i18n="guide.pack4Desc">Indiquez lisiblement le nom et l'adresse du destinataire. Ajoutez la mention "FRAGILE" si nécessaire.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- DO / DON'T -->
|
||||
<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>
|
||||
<div class="gold-line"></div>
|
||||
</div>
|
||||
<div class="do-dont animate-on-scroll">
|
||||
<div class="do-list">
|
||||
<h3><i class="fa-solid fa-circle-check" aria-hidden="true"></i> <span data-i18n="guide.dosTitle">À Faire</span></h3>
|
||||
<ul>
|
||||
<li><i class="fa-solid fa-check" aria-hidden="true"></i><span data-i18n="guide.do1">Utiliser un carton neuf et solide</span></li>
|
||||
<li><i class="fa-solid fa-check" aria-hidden="true"></i><span data-i18n="guide.do2">Emballer chaque objet individuellement</span></li>
|
||||
<li><i class="fa-solid fa-check" aria-hidden="true"></i><span data-i18n="guide.do3">Combler les vides avec du matériel de calage</span></li>
|
||||
<li><i class="fa-solid fa-check" aria-hidden="true"></i><span data-i18n="guide.do4">Indiquer clairement l'adresse du destinataire</span></li>
|
||||
<li><i class="fa-solid fa-check" aria-hidden="true"></i><span data-i18n="guide.do5">Peser votre colis avant l'envoi</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="dont-list">
|
||||
<h3><i class="fa-solid fa-circle-xmark" aria-hidden="true"></i> <span data-i18n="guide.dontsTitle">À Ne Pas Faire</span></h3>
|
||||
<ul>
|
||||
<li><i class="fa-solid fa-xmark" aria-hidden="true"></i><span data-i18n="guide.dont1">Utiliser des cartons usagés ou fragilisés</span></li>
|
||||
<li><i class="fa-solid fa-xmark" aria-hidden="true"></i><span data-i18n="guide.dont2">Laisser des espaces vides dans le colis</span></li>
|
||||
<li><i class="fa-solid fa-xmark" aria-hidden="true"></i><span data-i18n="guide.dont3">Envoyer des produits interdits par l'IATA</span></li>
|
||||
<li><i class="fa-solid fa-xmark" aria-hidden="true"></i><span data-i18n="guide.dont4">Oublier d'étiqueter les objets fragiles</span></li>
|
||||
<li><i class="fa-solid fa-xmark" aria-hidden="true"></i><span data-i18n="guide.dont5">Dépasser les dimensions autorisées</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 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>
|
||||
<a href="contact.html" class="btn btn-primary">
|
||||
<i class="fa-solid fa-envelope"></i> Nous contacter
|
||||
</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;">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>
|
||||
271
index.html
Normal file
271
index.html
Normal file
@ -0,0 +1,271 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>MVA Global Fret — Fret Aérien Paris Antananarivo Madagascar</title>
|
||||
<meta name="description" content="MVA Global Fret, votre spécialiste du fret aérien entre Paris et Antananarivo. 2 envois par semaine, livraison en 2 semaines. Service client 7j/7.">
|
||||
<meta property="og:title" content="MVA Global Fret — Fret Aérien Paris Antananarivo">
|
||||
<meta property="og:description" content="Votre partenaire de confiance pour l'envoi de colis entre la France et Madagascar.">
|
||||
<meta property="og:type" content="website">
|
||||
<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 -->
|
||||
<header class="header" id="header">
|
||||
<div class="container header-inner">
|
||||
<a href="index.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="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" aria-label="Français">FR</button>
|
||||
<button data-lang="en" aria-label="English">EN</button>
|
||||
<button data-lang="mg" aria-label="Malagasy">MG</button>
|
||||
</div>
|
||||
<button class="menu-toggle" id="menuToggle" aria-label="Ouvrir le menu" aria-expanded="false">
|
||||
<span></span><span></span><span></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- MOBILE NAV -->
|
||||
<nav class="mobile-nav" id="mobileNav" aria-label="Navigation mobile">
|
||||
<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" style="background-image: url('https://images.unsplash.com/photo-1436491865332-7a61a109cc05?w=1600&q=80');" aria-label="Bannière principale">
|
||||
<div class="hero-content animate-on-scroll">
|
||||
<h1>
|
||||
<span data-i18n="home.heroTitle">Fret Aérien</span><br>
|
||||
<span class="highlight" data-i18n="home.heroTitleHighlight">Paris — Antananarivo</span>
|
||||
</h1>
|
||||
<p data-i18n="home.heroSubtitle">Votre partenaire de confiance pour l'envoi de colis entre la France et Madagascar. Rapide, fiable et à taille humaine.</p>
|
||||
<div class="hero-buttons">
|
||||
<a href="contact.html" class="btn btn-primary">
|
||||
<i class="fa-solid fa-user-plus"></i>
|
||||
<span data-i18n="home.heroCta">S'inscrire maintenant</span>
|
||||
</a>
|
||||
<a href="tarifs.html" class="btn btn-secondary">
|
||||
<i class="fa-solid fa-tag"></i>
|
||||
<span data-i18n="home.heroCtaSecondary">Nos tarifs</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- SERVICES -->
|
||||
<section class="section" aria-labelledby="services-title">
|
||||
<div class="container">
|
||||
<div class="section-header animate-on-scroll">
|
||||
<h2 id="services-title" data-i18n="home.servicesTitle">Nos Services</h2>
|
||||
<div class="gold-line"></div>
|
||||
<p data-i18n="home.servicesSubtitle">Un service de fret aérien premium entre l'Europe et Madagascar</p>
|
||||
</div>
|
||||
<div class="grid-3">
|
||||
<div class="card icon-box animate-on-scroll delay-1">
|
||||
<div class="card-icon">
|
||||
<i class="fa-solid fa-plane-departure" aria-hidden="true"></i>
|
||||
</div>
|
||||
<h3 data-i18n="home.service1Title">2 Envois par Semaine</h3>
|
||||
<p data-i18n="home.service1Desc">Deux départs hebdomadaires de Paris vers Antananarivo pour une flexibilité maximale.</p>
|
||||
</div>
|
||||
<div class="card icon-box animate-on-scroll delay-2">
|
||||
<div class="card-icon">
|
||||
<i class="fa-solid fa-clock" aria-hidden="true"></i>
|
||||
</div>
|
||||
<h3 data-i18n="home.service2Title">Livraison en 2 Semaines</h3>
|
||||
<p data-i18n="home.service2Desc">Vos colis arrivent à destination en seulement deux semaines.</p>
|
||||
</div>
|
||||
<div class="card icon-box animate-on-scroll delay-3">
|
||||
<div class="card-icon">
|
||||
<i class="fa-solid fa-headset" aria-hidden="true"></i>
|
||||
</div>
|
||||
<h3 data-i18n="home.service3Title">Service Client 7j/7</h3>
|
||||
<p data-i18n="home.service3Desc">Une équipe dédiée disponible tous les jours pour répondre à vos questions.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ABOUT PREVIEW -->
|
||||
<section class="section section-gray" aria-labelledby="about-preview-title">
|
||||
<div class="container">
|
||||
<div class="about-preview">
|
||||
<div class="about-preview-img animate-on-scroll">
|
||||
<img src="https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?w=800&q=80" alt="Équipe MVA Global Fret — fret aérien entre l'Europe et Madagascar" loading="lazy">
|
||||
</div>
|
||||
<div class="animate-on-scroll delay-2">
|
||||
<h2 id="about-preview-title" data-i18n="home.aboutTitle">Qui sommes-nous ?</h2>
|
||||
<div class="gold-line" style="margin: 16px 0;"></div>
|
||||
<p data-i18n="home.aboutText">MVA Global Fret est une entreprise à taille humaine spécialisée dans le fret aérien entre l'Europe et Madagascar. Notre priorité : la qualité du service et la satisfaction de nos clients.</p>
|
||||
<a href="about.html" class="btn btn-primary" style="margin-top: 8px;">
|
||||
<i class="fa-solid fa-arrow-right"></i>
|
||||
<span data-i18n="home.aboutCta">En savoir plus</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- HOW IT WORKS -->
|
||||
<section class="section" aria-labelledby="how-title">
|
||||
<div class="container">
|
||||
<div class="section-header animate-on-scroll">
|
||||
<h2 id="how-title" data-i18n="home.howTitle">Comment ça marche ?</h2>
|
||||
<div class="gold-line"></div>
|
||||
<p data-i18n="home.howSubtitle">Trois étapes simples pour envoyer vos colis</p>
|
||||
</div>
|
||||
<div class="steps animate-on-scroll">
|
||||
<div class="step">
|
||||
<div class="step-number" aria-hidden="true">1</div>
|
||||
<div class="step-content">
|
||||
<h3 data-i18n="home.step1Title">Inscription</h3>
|
||||
<p data-i18n="home.step1Desc">Inscrivez-vous en ligne et recevez votre numéro de référence client ainsi que l'adresse de dépôt à Paris.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<div class="step-number" aria-hidden="true">2</div>
|
||||
<div class="step-content">
|
||||
<h3 data-i18n="home.step2Title">Envoi du Colis</h3>
|
||||
<p data-i18n="home.step2Desc">Déposez ou faites livrer votre colis à notre adresse parisienne. Nous nous occupons du reste.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<div class="step-number" aria-hidden="true">3</div>
|
||||
<div class="step-content">
|
||||
<h3 data-i18n="home.step3Title">Réception</h3>
|
||||
<p data-i18n="home.step3Desc">Votre colis arrive à Antananarivo en 2 semaines. Paiement à la réception après contre-pesée.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- STATS BAND -->
|
||||
<section class="section section-navy" style="background: var(--navy); padding: 48px 0;" aria-label="Chiffres clés">
|
||||
<div class="container">
|
||||
<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>
|
||||
</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 de délai</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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA BANNER -->
|
||||
<section class="cta-banner" aria-labelledby="cta-title">
|
||||
<div class="container animate-on-scroll">
|
||||
<h2 id="cta-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 -->
|
||||
<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 MVA Global Fret">
|
||||
<i class="fa-brands fa-facebook-f"></i>
|
||||
</a>
|
||||
<a href="https://m.me/61573448820736" target="_blank" rel="noopener noreferrer" aria-label="Messenger MVA Global Fret">
|
||||
<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>
|
||||
<li><a href="application.html" data-i18n="nav.app">Prochainement</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4 data-i18n="footer.contactTitle">Contact</h4>
|
||||
<div class="footer-contact-item">
|
||||
<i class="fa-solid fa-phone" aria-hidden="true"></i>
|
||||
<a href="tel:+261384973751">+261 38 49 737 51</a>
|
||||
</div>
|
||||
<div class="footer-contact-item">
|
||||
<i class="fa-solid fa-phone" aria-hidden="true"></i>
|
||||
<a href="tel:+33780970825">+33 7 80 97 08 25</a>
|
||||
</div>
|
||||
<div class="footer-contact-item">
|
||||
<i class="fa-solid fa-envelope" aria-hidden="true"></i>
|
||||
<a href="mailto:mvaglobalfret@gmail.com">mvaglobalfret@gmail.com</a>
|
||||
</div>
|
||||
<div class="footer-contact-item">
|
||||
<i class="fa-solid fa-location-dot" aria-hidden="true"></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;">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>
|
||||
194
js/form-handler.js
Normal file
194
js/form-handler.js
Normal file
@ -0,0 +1,194 @@
|
||||
// ============================================
|
||||
// MVA Global Fret — Form Handler
|
||||
// HubSpot Portal ID : 148163754
|
||||
// HubSpot Form GUID : 1d9b75c9-8b60-4966-aa18-4bf503452e9a
|
||||
// ============================================
|
||||
|
||||
const HUBSPOT_PORTAL_ID = '148163754';
|
||||
const HUBSPOT_FORM_GUID = '1d9b75c9-8b60-4966-aa18-4bf503452e9a';
|
||||
// Create a free account at formspree.io and replace this ID to enable email backup
|
||||
const FORMSPREE_ID = 'mojrvokp';
|
||||
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const form = document.getElementById('contactForm');
|
||||
if (form) setupContactForm(form);
|
||||
});
|
||||
|
||||
function setupContactForm(form) {
|
||||
form.addEventListener('submit', async (e) => {
|
||||
e.preventDefault();
|
||||
if (!validateForm(form)) return;
|
||||
|
||||
setLoading(true);
|
||||
|
||||
const data = {
|
||||
firstname: form.firstname.value.trim(),
|
||||
lastname: form.lastname.value.trim(),
|
||||
phone: form.phone.value.trim(),
|
||||
email: form.email.value.trim(),
|
||||
address: form.address.value.trim(),
|
||||
};
|
||||
|
||||
const results = await Promise.allSettled([
|
||||
submitToHubSpot(data),
|
||||
submitToFormspree(data),
|
||||
]);
|
||||
|
||||
const hubspotOk = results[0].status === 'fulfilled';
|
||||
const formspreeOk = results[1].status === 'fulfilled';
|
||||
|
||||
setLoading(false);
|
||||
|
||||
if (hubspotOk || formspreeOk) {
|
||||
showSuccess();
|
||||
} else {
|
||||
showError();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
async function submitToHubSpot(data) {
|
||||
const payload = {
|
||||
fields: [
|
||||
{ name: 'firstname', value: data.firstname },
|
||||
{ name: 'lastname', value: data.lastname },
|
||||
{ name: 'phone', value: data.phone },
|
||||
{ name: 'email', value: data.email },
|
||||
{ name: 'address', value: data.address },
|
||||
],
|
||||
context: {
|
||||
pageUri: window.location.href,
|
||||
pageName: document.title,
|
||||
},
|
||||
};
|
||||
|
||||
const res = await fetch(
|
||||
`https://api.hsforms.com/submissions/v3/integration/submit/${HUBSPOT_PORTAL_ID}/${HUBSPOT_FORM_GUID}`,
|
||||
{
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify(payload),
|
||||
}
|
||||
);
|
||||
|
||||
if (!res.ok) throw new Error(`HubSpot error: ${res.status}`);
|
||||
return res.json();
|
||||
}
|
||||
|
||||
async function submitToFormspree(data) {
|
||||
if (FORMSPREE_ID === 'YOUR_FORMSPREE_ID') return;
|
||||
|
||||
const res = await fetch(`https://formspree.io/f/${FORMSPREE_ID}`, {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json', Accept: 'application/json' },
|
||||
body: JSON.stringify({
|
||||
nom: data.lastname,
|
||||
prenom: data.firstname,
|
||||
telephone: data.phone,
|
||||
email: data.email,
|
||||
adresse_antananarivo: data.address,
|
||||
}),
|
||||
});
|
||||
|
||||
if (!res.ok) throw new Error(`Formspree error: ${res.status}`);
|
||||
return res.json();
|
||||
}
|
||||
|
||||
function validateForm(form) {
|
||||
let valid = true;
|
||||
const lang = localStorage.getItem('mva-lang') || 'fr';
|
||||
const t = translations?.[lang]?.contact || {};
|
||||
|
||||
const requiredMsg = t.required || 'Ce champ est obligatoire';
|
||||
const invalidEmail = t.invalidEmail || 'Adresse email invalide';
|
||||
const invalidPhone = t.invalidPhone || 'Numéro de téléphone invalide';
|
||||
|
||||
const fields = ['firstname', 'lastname', 'phone', 'email', 'address'];
|
||||
fields.forEach(name => clearError(name));
|
||||
clearError('cgv');
|
||||
|
||||
fields.forEach(name => {
|
||||
const el = form[name];
|
||||
if (!el.value.trim()) {
|
||||
showFieldError(name, requiredMsg);
|
||||
valid = false;
|
||||
}
|
||||
});
|
||||
|
||||
const cgvBox = form['cgv'];
|
||||
if (cgvBox && !cgvBox.checked) {
|
||||
showFieldError('cgv', t.cgvRequired || 'Vous devez accepter les Conditions Générales de Vente.');
|
||||
valid = false;
|
||||
}
|
||||
|
||||
if (form.email.value.trim() && !isValidEmail(form.email.value.trim())) {
|
||||
showFieldError('email', invalidEmail);
|
||||
valid = false;
|
||||
}
|
||||
|
||||
if (form.phone.value.trim() && !isValidPhone(form.phone.value.trim())) {
|
||||
showFieldError('phone', invalidPhone);
|
||||
valid = false;
|
||||
}
|
||||
|
||||
return valid;
|
||||
}
|
||||
|
||||
function isValidEmail(email) {
|
||||
return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
|
||||
}
|
||||
|
||||
function isValidPhone(phone) {
|
||||
return /^[+\d][\d\s\-().]{6,20}$/.test(phone);
|
||||
}
|
||||
|
||||
function showFieldError(name, msg) {
|
||||
const el = document.getElementById(`error-${name}`);
|
||||
const input = document.getElementById(name) || document.querySelector(`[name="${name}"]`);
|
||||
if (el) el.textContent = msg;
|
||||
if (input) input.classList.add('error');
|
||||
}
|
||||
|
||||
function clearError(name) {
|
||||
const el = document.getElementById(`error-${name}`);
|
||||
const input = document.getElementById(name) || document.querySelector(`[name="${name}"]`);
|
||||
if (el) el.textContent = '';
|
||||
if (input) input.classList.remove('error');
|
||||
}
|
||||
|
||||
function setLoading(isLoading) {
|
||||
const btn = document.getElementById('submitBtn');
|
||||
const txt = document.getElementById('submitText');
|
||||
const form = document.getElementById('contactForm');
|
||||
const lang = localStorage.getItem('mva-lang') || 'fr';
|
||||
const t = translations?.[lang]?.contact || {};
|
||||
|
||||
if (!btn) return;
|
||||
btn.disabled = isLoading;
|
||||
if (txt) {
|
||||
txt.textContent = isLoading
|
||||
? (t.submitLoading || 'Envoi en cours...')
|
||||
: (t.submitBtn || "S'inscrire");
|
||||
}
|
||||
form?.classList.toggle('form-loading', isLoading);
|
||||
}
|
||||
|
||||
function showSuccess() {
|
||||
const successEl = document.getElementById('formSuccess');
|
||||
const form = document.getElementById('contactForm');
|
||||
if (successEl) {
|
||||
successEl.classList.add('show');
|
||||
successEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
|
||||
}
|
||||
if (form) form.style.display = 'none';
|
||||
}
|
||||
|
||||
function showError() {
|
||||
const errEl = document.getElementById('formErrorGlobal');
|
||||
const lang = localStorage.getItem('mva-lang') || 'fr';
|
||||
const t = translations?.[lang]?.contact || {};
|
||||
if (errEl) {
|
||||
errEl.style.display = 'block';
|
||||
errEl.textContent = t.errorMsg || 'Une erreur est survenue. Veuillez réessayer ou nous contacter directement.';
|
||||
}
|
||||
}
|
||||
152
js/main.js
Normal file
152
js/main.js
Normal file
@ -0,0 +1,152 @@
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const lang = localStorage.getItem('mva-lang') || 'fr';
|
||||
applyLanguage(lang);
|
||||
setupNav();
|
||||
setupScrollEffects();
|
||||
setupAnimations();
|
||||
setupFAQ();
|
||||
setActiveNavLink();
|
||||
});
|
||||
|
||||
function applyLanguage(lang) {
|
||||
document.documentElement.lang = lang;
|
||||
localStorage.setItem('mva-lang', lang);
|
||||
|
||||
document.querySelectorAll('.lang-switcher button').forEach(btn => {
|
||||
btn.classList.toggle('active', btn.dataset.lang === lang);
|
||||
});
|
||||
|
||||
const t = translations[lang];
|
||||
if (!t) return;
|
||||
|
||||
document.querySelectorAll('[data-i18n]').forEach(el => {
|
||||
const keys = el.dataset.i18n.split('.');
|
||||
let val = t;
|
||||
for (const k of keys) {
|
||||
val = val?.[k];
|
||||
}
|
||||
if (val !== undefined && val !== null) {
|
||||
el.textContent = val;
|
||||
}
|
||||
});
|
||||
|
||||
document.querySelectorAll('[data-i18n-html]').forEach(el => {
|
||||
const keys = el.dataset.i18nHtml.split('.');
|
||||
let val = t;
|
||||
for (const k of keys) {
|
||||
val = val?.[k];
|
||||
}
|
||||
if (val !== undefined && val !== null) {
|
||||
el.innerHTML = val.replace(/\n/g, '<br>');
|
||||
}
|
||||
});
|
||||
|
||||
document.querySelectorAll('[data-i18n-placeholder]').forEach(el => {
|
||||
const keys = el.dataset.i18nPlaceholder.split('.');
|
||||
let val = t;
|
||||
for (const k of keys) {
|
||||
val = val?.[k];
|
||||
}
|
||||
if (val !== undefined && val !== null) {
|
||||
el.placeholder = val;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function setupNav() {
|
||||
document.querySelectorAll('.lang-switcher button').forEach(btn => {
|
||||
btn.addEventListener('click', () => {
|
||||
applyLanguage(btn.dataset.lang);
|
||||
});
|
||||
});
|
||||
|
||||
const menuToggle = document.getElementById('menuToggle');
|
||||
const mobileNav = document.getElementById('mobileNav');
|
||||
const overlay = document.getElementById('overlay');
|
||||
|
||||
if (menuToggle && mobileNav) {
|
||||
menuToggle.addEventListener('click', () => {
|
||||
menuToggle.classList.toggle('open');
|
||||
mobileNav.classList.toggle('open');
|
||||
overlay?.classList.toggle('open');
|
||||
document.body.style.overflow = mobileNav.classList.contains('open') ? 'hidden' : '';
|
||||
});
|
||||
|
||||
overlay?.addEventListener('click', () => {
|
||||
menuToggle.classList.remove('open');
|
||||
mobileNav.classList.remove('open');
|
||||
overlay.classList.remove('open');
|
||||
document.body.style.overflow = '';
|
||||
});
|
||||
|
||||
mobileNav.querySelectorAll('a').forEach(link => {
|
||||
link.addEventListener('click', () => {
|
||||
menuToggle.classList.remove('open');
|
||||
mobileNav.classList.remove('open');
|
||||
overlay?.classList.remove('open');
|
||||
document.body.style.overflow = '';
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function setupScrollEffects() {
|
||||
const header = document.querySelector('.header');
|
||||
if (!header) return;
|
||||
|
||||
let lastScroll = 0;
|
||||
window.addEventListener('scroll', () => {
|
||||
const scrollY = window.scrollY;
|
||||
header.classList.toggle('scrolled', scrollY > 50);
|
||||
lastScroll = scrollY;
|
||||
}, { passive: true });
|
||||
}
|
||||
|
||||
function setupAnimations() {
|
||||
const elements = document.querySelectorAll('.animate-on-scroll');
|
||||
if (!elements.length) return;
|
||||
|
||||
const observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach(entry => {
|
||||
if (entry.isIntersecting) {
|
||||
entry.target.classList.add('visible');
|
||||
observer.unobserve(entry.target);
|
||||
}
|
||||
});
|
||||
}, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
|
||||
|
||||
elements.forEach(el => observer.observe(el));
|
||||
}
|
||||
|
||||
function setupFAQ() {
|
||||
document.querySelectorAll('.faq-question').forEach(btn => {
|
||||
btn.addEventListener('click', () => {
|
||||
const item = btn.closest('.faq-item');
|
||||
const answer = item.querySelector('.faq-answer');
|
||||
const isOpen = item.classList.contains('open');
|
||||
|
||||
document.querySelectorAll('.faq-item.open').forEach(openItem => {
|
||||
openItem.classList.remove('open');
|
||||
openItem.querySelector('.faq-answer').style.maxHeight = '0';
|
||||
});
|
||||
|
||||
if (!isOpen) {
|
||||
item.classList.add('open');
|
||||
answer.style.maxHeight = answer.scrollHeight + 'px';
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function setActiveNavLink() {
|
||||
const path = window.location.pathname;
|
||||
const filename = path.split('/').pop() || 'index.html';
|
||||
|
||||
document.querySelectorAll('.nav a, .mobile-nav a').forEach(link => {
|
||||
const href = link.getAttribute('href');
|
||||
if (href === filename || (filename === '' && href === 'index.html')) {
|
||||
link.classList.add('active');
|
||||
link.setAttribute('aria-current', 'page');
|
||||
}
|
||||
});
|
||||
}
|
||||
613
js/translations.js
Normal file
613
js/translations.js
Normal file
@ -0,0 +1,613 @@
|
||||
const translations = {
|
||||
fr: {
|
||||
nav: {
|
||||
home: "Accueil",
|
||||
about: "Qui sommes-nous",
|
||||
pricing: "Tarifs",
|
||||
guide: "Guide d'envoi",
|
||||
contact: "Contact",
|
||||
app: "Prochainement"
|
||||
},
|
||||
home: {
|
||||
heroTitle: "Fret Aérien",
|
||||
heroTitleHighlight: "Paris — Antananarivo",
|
||||
heroSubtitle: "Votre partenaire de confiance pour l'envoi de colis entre la France et Madagascar. Rapide, fiable et à taille humaine.",
|
||||
heroCta: "S'inscrire maintenant",
|
||||
heroCtaSecondary: "Nos tarifs",
|
||||
servicesTitle: "Nos Services",
|
||||
servicesSubtitle: "Un service de fret aérien premium entre l'Europe et Madagascar",
|
||||
service1Title: "2 Envois par Semaine",
|
||||
service1Desc: "Deux départs hebdomadaires de Paris vers Antananarivo pour une flexibilité maximale.",
|
||||
service2Title: "Livraison en 2 Semaines",
|
||||
service2Desc: "Vos colis arrivent à destination en seulement deux semaines.",
|
||||
service3Title: "Service Client 7j/7",
|
||||
service3Desc: "Une équipe dédiée disponible tous les jours pour répondre à vos questions.",
|
||||
aboutTitle: "Qui sommes-nous ?",
|
||||
aboutText: "MVA Global Fret est une entreprise à taille humaine spécialisée dans le fret aérien entre l'Europe et Madagascar. Notre priorité : la qualité du service et la satisfaction de nos clients.",
|
||||
aboutCta: "En savoir plus",
|
||||
howTitle: "Comment ça marche ?",
|
||||
howSubtitle: "Trois étapes simples pour envoyer vos colis",
|
||||
step1Title: "Inscription",
|
||||
step1Desc: "Inscrivez-vous en ligne et recevez votre numéro de référence client ainsi que l'adresse de dépôt à Paris.",
|
||||
step2Title: "Envoi du Colis",
|
||||
step2Desc: "Déposez ou faites livrer votre colis à notre adresse parisienne. Nous nous occupons du reste.",
|
||||
step3Title: "Réception",
|
||||
step3Desc: "Votre colis arrive à Antananarivo en 2 semaines. 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"
|
||||
},
|
||||
about: {
|
||||
heroTitle: "Qui Sommes-Nous",
|
||||
heroSubtitle: "Une entreprise à taille humaine au service de la diaspora",
|
||||
story1Title: "Notre Mission",
|
||||
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.\n\nNotre 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é.",
|
||||
story2Title: "Notre Engagement",
|
||||
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.\n\nNotre 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.",
|
||||
valuesTitle: "Nos Valeurs",
|
||||
valuesSubtitle: "Les principes qui guident chacune de nos actions",
|
||||
value1Title: "Fiabilité",
|
||||
value1Desc: "Chaque colis est traité avec le plus grand soin. Nous respectons nos engagements de délais et de qualité.",
|
||||
value2Title: "Proximité",
|
||||
value2Desc: "Une relation de confiance avec chaque client. Nous sommes à votre écoute, tous les jours.",
|
||||
value3Title: "Transparence",
|
||||
value3Desc: "Des tarifs clairs, sans surprise. Paiement uniquement à la réception après contre-pesée.",
|
||||
value4Title: "Engagement",
|
||||
value4Desc: "Nous mettons tout en œuvre pour que vos colis arrivent en parfait état, dans les meilleurs délais.",
|
||||
teamCount: "7",
|
||||
teamTitle: "membres dévoués à votre service",
|
||||
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.",
|
||||
channelsTitle: "Contactez-nous",
|
||||
channelsSubtitle: "Plusieurs canaux pour vous répondre au plus vite"
|
||||
},
|
||||
tarifs: {
|
||||
heroTitle: "Nos Tarifs",
|
||||
heroSubtitle: "Des prix transparents pour un service de qualité",
|
||||
priceAmount: "70 000",
|
||||
priceUnit: "Ariary / kilogramme",
|
||||
pricingTitle: "Tarif d'envoi",
|
||||
note1: "Pas d'arrondi à l'inférieur : si un colis pèse 1,2 kg, il sera facturé 2 kg.",
|
||||
note2: "Paiement uniquement à la réception du colis à Madagascar, après la contre-pesée.",
|
||||
deliveryTitle: "Options de Livraison",
|
||||
deliverySubtitle: "À Antananarivo et dans toute Madagascar",
|
||||
delivery1Title: "Livraison à Antananarivo",
|
||||
delivery1Price: "+ 6 000 Ar",
|
||||
delivery1Desc: "Supplément de livraison pour toute adresse dans Antananarivo.",
|
||||
delivery2Title: "Livraison en Province",
|
||||
delivery2Price: "+ 6 000 Ar + frais Cotisse",
|
||||
delivery2Desc: "6 000 Ar de livraison jusqu'à Cotisse, puis frais Cotisse à prévoir. Le client récupère son colis au Cotisse de sa ville.",
|
||||
scheduleTitle: "Fréquence d'envoi",
|
||||
schedule1Label: "envois par semaine",
|
||||
schedule1Number: "2",
|
||||
schedule2Label: "semaines de délai",
|
||||
schedule2Number: "2",
|
||||
faqTitle: "Questions Fréquentes",
|
||||
faq1Q: "Comment est calculé le poids ?",
|
||||
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.",
|
||||
faq2Q: "Quand dois-je payer ?",
|
||||
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é.",
|
||||
faq3Q: "Comment fonctionne la livraison en province ?",
|
||||
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.",
|
||||
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"
|
||||
},
|
||||
contact: {
|
||||
heroTitle: "Contactez-Nous",
|
||||
heroSubtitle: "Inscrivez-vous et commencez à envoyer vos colis dès aujourd'hui",
|
||||
formTitle: "Formulaire d'inscription",
|
||||
formSubtitle: "Remplissez ce formulaire pour recevoir votre numéro de référence client et l'adresse de dépôt à Paris.",
|
||||
labelNom: "Nom",
|
||||
labelPrenom: "Prénom",
|
||||
labelTel: "Numéro de téléphone",
|
||||
labelEmail: "Adresse email",
|
||||
labelAdresse: "Adresse de livraison",
|
||||
placeholderNom: "Votre nom de famille",
|
||||
placeholderPrenom: "Votre prénom",
|
||||
placeholderTel: "+261 38 00 000 00",
|
||||
placeholderEmail: "votre@email.com",
|
||||
placeholderAdresse: "Adresse complète...",
|
||||
submitBtn: "S'inscrire",
|
||||
submitLoading: "Envoi en cours...",
|
||||
successTitle: "Inscription envoyée !",
|
||||
successMsg: "Merci ! Nous avons bien reçu votre demande. Notre équipe vous contactera dans les plus brefs délais avec votre numéro de référence client.",
|
||||
errorMsg: "Une erreur est survenue. Veuillez réessayer ou nous contacter directement.",
|
||||
required: "Ce champ est obligatoire",
|
||||
invalidEmail: "Adresse email invalide",
|
||||
invalidPhone: "Numéro de téléphone invalide",
|
||||
infoTitle: "Nos Coordonnées",
|
||||
infoAvailable: "Disponible tous les jours",
|
||||
phoneMG: "Numéro Madagascar",
|
||||
phoneFR: "Numéro France",
|
||||
email: "Email",
|
||||
address: "Adresse",
|
||||
addressValue: "Antananarivo 101, Madagascar",
|
||||
facebook: "Facebook",
|
||||
mapTitle: "Notre Localisation"
|
||||
},
|
||||
guide: {
|
||||
heroTitle: "Guide d'Envoi",
|
||||
heroSubtitle: "Tout ce que vous devez savoir avant d'envoyer un colis",
|
||||
prohibitedTitle: "Articles Interdits",
|
||||
prohibitedSubtitle: "Ces articles ne peuvent pas être transportés par fret aérien (réglementation IATA)",
|
||||
cat1Title: "Explosifs",
|
||||
cat1Desc: "Dynamite, munitions, feux d'artifice, pétards",
|
||||
cat2Title: "Gaz comprimés",
|
||||
cat2Desc: "Bouteilles de gaz, aérosols pressurisés, butane, propane",
|
||||
cat3Title: "Liquides inflammables",
|
||||
cat3Desc: "Essence, alcool, peintures, solvants, acétone",
|
||||
cat4Title: "Solides inflammables",
|
||||
cat4Desc: "Allumettes, briquets, charbon actif, poudres",
|
||||
cat5Title: "Batteries lithium",
|
||||
cat5Desc: "Piles lithium seules, hoverboards, certains appareils",
|
||||
cat6Title: "Substances toxiques",
|
||||
cat6Desc: "Poisons, pesticides, substances infectieuses",
|
||||
cat7Title: "Matières corrosives",
|
||||
cat7Desc: "Acides, mercure, soude caustique",
|
||||
cat8Title: "Matières radioactives",
|
||||
cat8Desc: "Éléments radioactifs, matières magnétiques puissantes",
|
||||
warningTitle: "Articles Nécessitant une Déclaration",
|
||||
warningSubtitle: "Ces articles peuvent être envoyés sous conditions",
|
||||
warn1Title: "Parfums & cosmétiques",
|
||||
warn1Desc: "En quantité limitée, bien emballés",
|
||||
warn2Title: "Appareils électroniques",
|
||||
warn2Desc: "Avec petites batteries intégrées, éteints",
|
||||
warn3Title: "Médicaments",
|
||||
warn3Desc: "Avec ordonnance, en quantité personnelle",
|
||||
packagingTitle: "Comment Bien Emballer",
|
||||
packagingSubtitle: "Suivez ces étapes pour que vos colis arrivent en parfait état",
|
||||
pack1Title: "Choisissez le bon carton",
|
||||
pack1Desc: "Utilisez un carton neuf à double paroi, adapté à la taille de votre envoi. Évitez les cartons usagés ou fragilisés.",
|
||||
pack2Title: "Protégez le contenu",
|
||||
pack2Desc: "Emballez chaque article individuellement avec du papier bulle ou de la mousse. Comblez les espaces vides pour éviter les mouvements.",
|
||||
pack3Title: "Scellez correctement",
|
||||
pack3Desc: "Utilisez du ruban adhésif épais et de haute qualité. Scellez toutes les ouvertures et renforcez les bords.",
|
||||
pack4Title: "Étiquetez clairement",
|
||||
pack4Desc: "Indiquez lisiblement le nom et l'adresse du destinataire. Ajoutez la mention \"FRAGILE\" si nécessaire.",
|
||||
dosTitle: "À Faire",
|
||||
dontsTitle: "À Ne Pas Faire",
|
||||
do1: "Utiliser un carton neuf et solide",
|
||||
do2: "Emballer chaque objet individuellement",
|
||||
do3: "Combler les vides avec du matériel de calage",
|
||||
do4: "Indiquer clairement l'adresse du destinataire",
|
||||
do5: "Peser votre colis avant l'envoi",
|
||||
dont1: "Utiliser des cartons usagés ou fragilisés",
|
||||
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"
|
||||
},
|
||||
app: {
|
||||
badge: "Bientôt Disponible",
|
||||
title: "L'Application MVA Global Fret",
|
||||
subtitle: "Bientôt, commandez depuis Madagascar sur les sites internet européens et payez en mobile money.",
|
||||
feature1Title: "E-commerce Européen",
|
||||
feature1Desc: "Accédez aux sites de vente en ligne européens directement depuis Madagascar.",
|
||||
feature2Title: "Paiement Mobile Money",
|
||||
feature2Desc: "Payez avec MVola, Orange Money ou Airtel Money en toute simplicité.",
|
||||
feature3Title: "Suivi en Temps Réel",
|
||||
feature3Desc: "Suivez l'avancement de votre commande et de la livraison en direct.",
|
||||
notifyTitle: "Soyez informé du lancement",
|
||||
notifyPlaceholder: "Votre adresse email",
|
||||
notifyBtn: "Me notifier",
|
||||
notifySuccess: "Merci ! Vous serez informé du lancement.",
|
||||
phoneLabel: "MVA Global Fret",
|
||||
phoneDesc: "Votre passerelle vers l'Europe"
|
||||
},
|
||||
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."
|
||||
}
|
||||
},
|
||||
|
||||
en: {
|
||||
nav: {
|
||||
home: "Home",
|
||||
about: "About Us",
|
||||
pricing: "Pricing",
|
||||
guide: "Shipping Guide",
|
||||
contact: "Contact",
|
||||
app: "Coming Soon"
|
||||
},
|
||||
home: {
|
||||
heroTitle: "Air Freight",
|
||||
heroTitleHighlight: "Paris — Antananarivo",
|
||||
heroSubtitle: "Your trusted partner for shipping parcels between France and Madagascar. Fast, reliable and with a human touch.",
|
||||
heroCta: "Register Now",
|
||||
heroCtaSecondary: "Our Pricing",
|
||||
servicesTitle: "Our Services",
|
||||
servicesSubtitle: "Premium air freight service between Europe and Madagascar",
|
||||
service1Title: "2 Shipments per Week",
|
||||
service1Desc: "Two weekly departures from Paris to Antananarivo for maximum flexibility.",
|
||||
service2Title: "2-Week Delivery",
|
||||
service2Desc: "Your parcels arrive at their destination in just two weeks.",
|
||||
service3Title: "24/7 Customer Service",
|
||||
service3Desc: "A dedicated team available every day to answer your questions.",
|
||||
aboutTitle: "Who Are We?",
|
||||
aboutText: "MVA Global Fret is a human-scale company specializing in air freight between Europe and Madagascar. Our priority: quality service and customer satisfaction.",
|
||||
aboutCta: "Learn More",
|
||||
howTitle: "How Does It Work?",
|
||||
howSubtitle: "Three simple steps to send your parcels",
|
||||
step1Title: "Registration",
|
||||
step1Desc: "Register online and receive your client reference number and the Paris drop-off address.",
|
||||
step2Title: "Send Your Parcel",
|
||||
step2Desc: "Drop off or have your parcel delivered to our Paris address. We take care of the rest.",
|
||||
step3Title: "Reception",
|
||||
step3Desc: "Your parcel arrives in Antananarivo in 2 weeks. Payment upon receipt after counter-weighing.",
|
||||
ctaTitle: "Ready to Send Your Parcels?",
|
||||
ctaSubtitle: "Register now and receive your client reference number.",
|
||||
ctaCta: "Register"
|
||||
},
|
||||
about: {
|
||||
heroTitle: "About Us",
|
||||
heroSubtitle: "A human-scale company serving the diaspora",
|
||||
story1Title: "Our Mission",
|
||||
story1Text: "MVA Global Fret was born from a simple conviction: parcel transport between Europe and Madagascar deserves an excellent, accessible service. We are the bridge between two continents, facilitating exchanges between families, entrepreneurs and communities.\n\nOur expertise in air freight allows us to guarantee fast delivery times and attentive care for every parcel entrusted to us.",
|
||||
story2Title: "Our Commitment",
|
||||
story2Text: "What sets us apart is our human approach. At MVA Global Fret, every client is unique and every parcel matters. We're not a large anonymous multinational: we are a close-knit team of 7 passionate people who know their clients by name.\n\nOur absolute priority is the quality of customer service. Available every day, we answer your questions via Messenger, by phone or by email.",
|
||||
valuesTitle: "Our Values",
|
||||
valuesSubtitle: "The principles that guide each of our actions",
|
||||
value1Title: "Reliability",
|
||||
value1Desc: "Every parcel is handled with the greatest care. We respect our commitments on deadlines and quality.",
|
||||
value2Title: "Proximity",
|
||||
value2Desc: "A relationship of trust with every client. We are at your disposal, every day.",
|
||||
value3Title: "Transparency",
|
||||
value3Desc: "Clear pricing, no surprises. Payment only upon receipt after counter-weighing.",
|
||||
value4Title: "Commitment",
|
||||
value4Desc: "We do everything to ensure your parcels arrive in perfect condition, as quickly as possible.",
|
||||
teamCount: "7",
|
||||
teamTitle: "team members dedicated to your service",
|
||||
teamDesc: "Available every day to assist you with your shipments. On Messenger, by phone or by email — we are always there for you.",
|
||||
channelsTitle: "Contact Us",
|
||||
channelsSubtitle: "Multiple channels to respond to you as quickly as possible"
|
||||
},
|
||||
tarifs: {
|
||||
heroTitle: "Our Pricing",
|
||||
heroSubtitle: "Transparent prices for quality service",
|
||||
priceAmount: "70,000",
|
||||
priceUnit: "Ariary / kilogram",
|
||||
pricingTitle: "Shipping Rate",
|
||||
note1: "No rounding down: if a parcel weighs 1.2 kg, it will be billed at 2 kg.",
|
||||
note2: "Payment only upon receipt of the parcel in Madagascar, after counter-weighing.",
|
||||
deliveryTitle: "Delivery Options",
|
||||
deliverySubtitle: "In Antananarivo and throughout Madagascar",
|
||||
delivery1Title: "Delivery in Antananarivo",
|
||||
delivery1Price: "+ 6,000 Ar",
|
||||
delivery1Desc: "Delivery supplement for any address in Antananarivo.",
|
||||
delivery2Title: "Provincial Delivery",
|
||||
delivery2Price: "+ 6,000 Ar + Cotisse fees",
|
||||
delivery2Desc: "6,000 Ar delivery to Cotisse, plus Cotisse fees to be expected. Customer picks up the parcel at their city's Cotisse office.",
|
||||
scheduleTitle: "Shipping Frequency",
|
||||
schedule1Label: "shipments per week",
|
||||
schedule1Number: "2",
|
||||
schedule2Label: "weeks delivery time",
|
||||
schedule2Number: "2",
|
||||
faqTitle: "Frequently Asked Questions",
|
||||
faq1Q: "How is weight calculated?",
|
||||
faq1A: "Weight is measured to the next full kilogram. If your parcel weighs 1.2 kg, it will be billed at 2 kg. There is no rounding down.",
|
||||
faq2Q: "When do I pay?",
|
||||
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.",
|
||||
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",
|
||||
ctaBtn: "Contact Us"
|
||||
},
|
||||
contact: {
|
||||
heroTitle: "Contact Us",
|
||||
heroSubtitle: "Register and start sending your parcels today",
|
||||
formTitle: "Registration Form",
|
||||
formSubtitle: "Fill out this form to receive your client reference number and the Paris drop-off address.",
|
||||
labelNom: "Last Name",
|
||||
labelPrenom: "First Name",
|
||||
labelTel: "Phone Number",
|
||||
labelEmail: "Email Address",
|
||||
labelAdresse: "Delivery Address",
|
||||
placeholderNom: "Your last name",
|
||||
placeholderPrenom: "Your first name",
|
||||
placeholderTel: "+261 38 00 000 00",
|
||||
placeholderEmail: "your@email.com",
|
||||
placeholderAdresse: "Full address...",
|
||||
submitBtn: "Register",
|
||||
submitLoading: "Sending...",
|
||||
successTitle: "Registration Sent!",
|
||||
successMsg: "Thank you! We have received your request. Our team will contact you shortly with your client reference number.",
|
||||
errorMsg: "An error occurred. Please try again or contact us directly.",
|
||||
required: "This field is required",
|
||||
invalidEmail: "Invalid email address",
|
||||
invalidPhone: "Invalid phone number",
|
||||
infoTitle: "Our Contact Details",
|
||||
infoAvailable: "Available every day",
|
||||
phoneMG: "Madagascar Number",
|
||||
phoneFR: "France Number",
|
||||
email: "Email",
|
||||
address: "Address",
|
||||
addressValue: "Antananarivo 101, Madagascar",
|
||||
facebook: "Facebook",
|
||||
mapTitle: "Our Location"
|
||||
},
|
||||
guide: {
|
||||
heroTitle: "Shipping Guide",
|
||||
heroSubtitle: "Everything you need to know before sending a parcel",
|
||||
prohibitedTitle: "Prohibited Items",
|
||||
prohibitedSubtitle: "These items cannot be transported by air freight (IATA regulations)",
|
||||
cat1Title: "Explosives",
|
||||
cat1Desc: "Dynamite, ammunition, fireworks, firecrackers",
|
||||
cat2Title: "Compressed Gases",
|
||||
cat2Desc: "Gas cylinders, pressurized aerosols, butane, propane",
|
||||
cat3Title: "Flammable Liquids",
|
||||
cat3Desc: "Gasoline, alcohol, paints, solvents, acetone",
|
||||
cat4Title: "Flammable Solids",
|
||||
cat4Desc: "Matches, lighters, activated charcoal, powders",
|
||||
cat5Title: "Lithium Batteries",
|
||||
cat5Desc: "Loose lithium batteries, hoverboards, certain devices",
|
||||
cat6Title: "Toxic Substances",
|
||||
cat6Desc: "Poisons, pesticides, infectious substances",
|
||||
cat7Title: "Corrosive Materials",
|
||||
cat7Desc: "Acids, mercury, caustic soda",
|
||||
cat8Title: "Radioactive Materials",
|
||||
cat8Desc: "Radioactive elements, powerful magnetic materials",
|
||||
warningTitle: "Items Requiring Declaration",
|
||||
warningSubtitle: "These items can be sent under conditions",
|
||||
warn1Title: "Perfumes & Cosmetics",
|
||||
warn1Desc: "In limited quantities, well packaged",
|
||||
warn2Title: "Electronic Devices",
|
||||
warn2Desc: "With small built-in batteries, turned off",
|
||||
warn3Title: "Medications",
|
||||
warn3Desc: "With prescription, in personal quantities",
|
||||
packagingTitle: "How to Pack Properly",
|
||||
packagingSubtitle: "Follow these steps to ensure your parcels arrive in perfect condition",
|
||||
pack1Title: "Choose the Right Box",
|
||||
pack1Desc: "Use a new double-walled cardboard box, suitable for the size of your shipment. Avoid used or weakened boxes.",
|
||||
pack2Title: "Protect the Contents",
|
||||
pack2Desc: "Wrap each item individually with bubble wrap or foam. Fill empty spaces to prevent movement.",
|
||||
pack3Title: "Seal Properly",
|
||||
pack3Desc: "Use thick, high-quality packing tape. Seal all openings and reinforce the edges.",
|
||||
pack4Title: "Label Clearly",
|
||||
pack4Desc: "Clearly write the recipient's name and address. Add 'FRAGILE' marking if necessary.",
|
||||
dosTitle: "Do",
|
||||
dontsTitle: "Don't",
|
||||
do1: "Use a new and sturdy box",
|
||||
do2: "Wrap each item individually",
|
||||
do3: "Fill voids with cushioning material",
|
||||
do4: "Clearly indicate the recipient's address",
|
||||
do5: "Weigh your parcel before shipping",
|
||||
dont1: "Use old or weakened boxes",
|
||||
dont2: "Leave empty spaces in the parcel",
|
||||
dont3: "Send products prohibited by IATA",
|
||||
dont4: "Forget to label fragile items",
|
||||
dont5: "Exceed the authorized dimensions"
|
||||
},
|
||||
app: {
|
||||
badge: "Coming Soon",
|
||||
title: "The MVA Global Fret App",
|
||||
subtitle: "Soon, order from Madagascar on European websites and pay with mobile money.",
|
||||
feature1Title: "European E-commerce",
|
||||
feature1Desc: "Access European online shopping sites directly from Madagascar.",
|
||||
feature2Title: "Mobile Money Payment",
|
||||
feature2Desc: "Pay with MVola, Orange Money or Airtel Money with ease.",
|
||||
feature3Title: "Real-Time Tracking",
|
||||
feature3Desc: "Track your order and delivery progress in real time.",
|
||||
notifyTitle: "Be notified at launch",
|
||||
notifyPlaceholder: "Your email address",
|
||||
notifyBtn: "Notify Me",
|
||||
notifySuccess: "Thank you! You will be notified at launch.",
|
||||
phoneLabel: "MVA Global Fret",
|
||||
phoneDesc: "Your gateway to Europe"
|
||||
},
|
||||
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."
|
||||
}
|
||||
},
|
||||
|
||||
mg: {
|
||||
nav: {
|
||||
home: "Fandraisana",
|
||||
about: "Momba anay",
|
||||
pricing: "Vidiny",
|
||||
guide: "Toromarika fandefasana",
|
||||
contact: "Fifandraisana",
|
||||
app: "Avy tsy ho ela"
|
||||
},
|
||||
home: {
|
||||
heroTitle: "Fandefa Entana an'habakabaka",
|
||||
heroTitleHighlight: "Paris — Antananarivo",
|
||||
heroSubtitle: "Mpiara-miasa azo itokisana amin'ny fandefasana entana eo anelanelan'i Frantsa sy Madagasikara. Haingana, azo itokisana ary mifandray akaiky.",
|
||||
heroCta: "Hisoratra anarana",
|
||||
heroCtaSecondary: "Ny vidinay",
|
||||
servicesTitle: "Ny Tolotra",
|
||||
servicesSubtitle: "Serivisy fandefa entana an'habakabaka avo lenta eo anelanelan'i Eoropa sy Madagasikara",
|
||||
service1Title: "Fandefasana 2 isan-kerinandro",
|
||||
service1Desc: "Fiaingana indroa isan-kerinandro avy any Paris mankany Antananarivo.",
|
||||
service2Title: "Tonga ao anatin'ny 2 herinandro",
|
||||
service2Desc: "Tonga any amin'ny toerana haleha ny entanareo ao anatin'ny roa herinandro monja.",
|
||||
service3Title: "Serivisy mpanjifa 7j/7",
|
||||
service3Desc: "Ekipa voatokana ho anareo isan'andro mba hamaliana ny fanontanianareo.",
|
||||
aboutTitle: "Iza izahay?",
|
||||
aboutText: "MVA Global Fret dia orinasa madinika manokana amin'ny fandefa entana an'habakabaka eo anelanelan'i Eoropa sy Madagasikara. Ny laharam-pahamehana : ny kalitaon'ny serivisy sy ny fahafaham-pon'ny mpanjifa.",
|
||||
aboutCta: "Fantaro bebe kokoa",
|
||||
howTitle: "Ahoana ny fomba fiasa?",
|
||||
howSubtitle: "Dingana tsotra telo mba handefasana ny entanareo",
|
||||
step1Title: "Fisoratana anarana",
|
||||
step1Desc: "Misoratra anarana an-tserasera ary mandray ny laharan'ny mpanjifa sy ny adiresy fametrahana any Paris.",
|
||||
step2Title: "Fandefasana ny entana",
|
||||
step2Desc: "Apetraho na alefaso any amin'ny adiresy any Paris ny entanareo. Izahay no miandraikitra ny ambiny.",
|
||||
step3Title: "Fandraisana",
|
||||
step3Desc: "Tonga any Antananarivo ao anatin'ny 2 herinandro 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"
|
||||
},
|
||||
about: {
|
||||
heroTitle: "Momba Anay",
|
||||
heroSubtitle: "Orinasa madinika manompo ny diaspora",
|
||||
story1Title: "Ny Andraikitr'ay",
|
||||
story1Text: "MVA Global Fret dia teraka tamin'ny faharesen-dahatra tsotra: ny fitaterana entana eo anelanelan'i Eoropa sy Madagasikara dia mendrika serivisy tsara, azon'ny rehetra. Tetezana eo anelanelan'ny kaontinanta roa izahay, manamora ny fifanakalozana eo amin'ny fianakaviana, ny mpandraharaha ary ny fiarahamonina.\n\nNy fahaiza-manao amin'ny fandefa entana an'habakabaka no ahafahanay manome antoka fe-potoana fanaterana haingana sy fikarakarana tsara ny entana rehetra napetraka taminay.",
|
||||
story2Title: "Ny Fanoloran-tenanay",
|
||||
story2Text: "Ny manavaka anay dia ny fomba fijerinay maha-olona. Ao amin'ny MVA Global Fret, samy manokana ny mpanjifa tsirairay ary samy manan-danja ny entana tsirairay. Tsy orinasa multinationaly lehibe tsy fantatra izahay: ekipa mifanaraka tsara 7 miisa izahay, mazoto sy mahafantatra ny mpanjifa amin'ny anarany.\n\nNy laharam-pahamehana fara tampony dia ny kalitaon'ny serivisy ho an'ny mpanjifa. Azo antsoina isan'andro, mamaly ny fanontanianareo amin'ny Messenger, an-telefaonina na amin'ny mailaka izahay.",
|
||||
valuesTitle: "Ny Soatoavinay",
|
||||
valuesSubtitle: "Ny fitsipika mitari-dalana ny asanay tsirairay",
|
||||
value1Title: "Fahatokiana",
|
||||
value1Desc: "Ny entana tsirairay dia karakaraina amim-pitandremana. Manaja ny toky nataonay momba ny fe-potoana sy ny kalitao izahay.",
|
||||
value2Title: "Fifandraisana akaiky",
|
||||
value2Desc: "Fifampitokisana amin'ny mpanjifa tsirairay. Mihaino anareo izahay, isan'andro.",
|
||||
value3Title: "Mangarahara",
|
||||
value3Desc: "Vidiny mazava, tsy misy zavatra tsy nampoizina. Fandoavana rehefa voaray ny entana fotsiny rehefa avy nolaniana.",
|
||||
value4Title: "Fanoloran-tena",
|
||||
value4Desc: "Manao izay rehetra azo atao izahay mba ho tonga soa aman-tsara ny entanareo, amin'ny fotoana tsara indrindra.",
|
||||
teamCount: "7",
|
||||
teamTitle: "mpikambana manolo-tena ho anareo",
|
||||
teamDesc: "Azo antsoina isan'andro mba hanampy anareo amin'ny fandefasana. Amin'ny Messenger, an-telefaonina na amin'ny mailaka — eo foana izahay ho anareo.",
|
||||
channelsTitle: "Mifandraisa aminay",
|
||||
channelsSubtitle: "Lalana maro mba hamaliana anareo haingana indrindra"
|
||||
},
|
||||
tarifs: {
|
||||
heroTitle: "Ny Vidinay",
|
||||
heroSubtitle: "Vidiny mangarahara ho an'ny serivisy tsara kalitao",
|
||||
priceAmount: "70 000",
|
||||
priceUnit: "Ariary / kilao",
|
||||
pricingTitle: "Saran'ny fandefasana",
|
||||
note1: "Tsy misy fanakelezana : raha 1,2 kg ny entana, 2 kg no aloa.",
|
||||
note2: "Fandoavana rehefa tonga ny entana any Madagasikara fotsiny, rehefa avy nolaniana.",
|
||||
deliveryTitle: "Safidy Fanaterana",
|
||||
deliverySubtitle: "Any Antananarivo sy manerana an'i Madagasikara",
|
||||
delivery1Title: "Fanaterana ao Antananarivo",
|
||||
delivery1Price: "+ 6 000 Ar",
|
||||
delivery1Desc: "Fanampiny fanaterana ho an'ny adiresy rehetra ao Antananarivo.",
|
||||
delivery2Title: "Fanaterana any amin'ny faritra",
|
||||
delivery2Price: "+ 6 000 Ar + saran'ny Cotisse",
|
||||
delivery2Desc: "6 000 Ar fanaterana mankany Cotisse, ary ny saran'ny Cotisse koa. Ny mpanjifa no maka ny entany any amin'ny biraon'ny Cotisse ao amin'ny tanànany.",
|
||||
scheduleTitle: "Hatetika ny fandefasana",
|
||||
schedule1Label: "fandefasana isan-kerinandro",
|
||||
schedule1Number: "2",
|
||||
schedule2Label: "herinandro fotoana fanaterana",
|
||||
schedule2Number: "2",
|
||||
faqTitle: "Fanontaniana Matetika",
|
||||
faq1Q: "Ahoana ny fomba fikajiana ny lanja?",
|
||||
faq1A: "Ny lanja dia refesina amin'ny kilao manontolo manaraka. Raha 1,2 kg ny entanareo, 2 kg no aloa. Tsy misy fanakelezana.",
|
||||
faq2Q: "Rahoviana no mandoa?",
|
||||
faq2A: "Ny fandoavana dia atao rehefa tonga ny entana any Madagasikara fotsiny, rehefa avy nolaniana. Tsy misy fandoavana mialoha.",
|
||||
faq3Q: "Ahoana ny fanaterana any amin'ny faritra?",
|
||||
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.",
|
||||
ctaText: "Manana fanontaniana? Mifandraisa aminay",
|
||||
ctaBtn: "Mifandraisa aminay"
|
||||
},
|
||||
contact: {
|
||||
heroTitle: "Mifandraisa Aminay",
|
||||
heroSubtitle: "Misoratra anarana ary manomboha mandefa ny entanareo anio",
|
||||
formTitle: "Taratasy fisoratana anarana",
|
||||
formSubtitle: "Fenoy ity taratasy ity mba handraisana ny laharan'ny mpanjifa sy ny adiresy fametrahana any Paris.",
|
||||
labelNom: "Anarana",
|
||||
labelPrenom: "Fanampiny",
|
||||
labelTel: "Laharan-telefaonina",
|
||||
labelEmail: "Adiresy mailaka",
|
||||
labelAdresse: "Adiresy fanaterana",
|
||||
placeholderNom: "Ny anaranareo",
|
||||
placeholderPrenom: "Ny fanampin'anaranareo",
|
||||
placeholderTel: "+261 38 00 000 00",
|
||||
placeholderEmail: "anareo@mailaka.com",
|
||||
placeholderAdresse: "Adiresy feno...",
|
||||
submitBtn: "Hisoratra anarana",
|
||||
submitLoading: "Alefa...",
|
||||
successTitle: "Lasa ny fisoratana anarana!",
|
||||
successMsg: "Misaotra! Voaray ny fangatahanareo. Hifandray aminareo ny ekipanay amin'ny fotoana fohy indrindra miaraka amin'ny laharan'ny mpanjifa.",
|
||||
errorMsg: "Nisy olana nitranga. Andramo indray na mifandraisa mivantana aminay.",
|
||||
required: "Tsy maintsy fenoina ity saha ity",
|
||||
invalidEmail: "Tsy mety ny adiresy mailaka",
|
||||
invalidPhone: "Tsy mety ny laharan-telefaonina",
|
||||
infoTitle: "Ny Mombamomba Anay",
|
||||
infoAvailable: "Azo antsoina isan'andro",
|
||||
phoneMG: "Laharana Madagasikara",
|
||||
phoneFR: "Laharana Frantsa",
|
||||
email: "Mailaka",
|
||||
address: "Adiresy",
|
||||
addressValue: "Antananarivo 101, Madagasikara",
|
||||
facebook: "Facebook",
|
||||
mapTitle: "Ny Toeranay"
|
||||
},
|
||||
guide: {
|
||||
heroTitle: "Toromarika Fandefasana",
|
||||
heroSubtitle: "Izay rehetra tokony ho fantatrao alohan'ny handefa entana",
|
||||
prohibitedTitle: "Entana Voarara",
|
||||
prohibitedSubtitle: "Ireto entana ireto dia tsy azo alefa amin'ny fandefa entana an'habakabaka (fitsipika IATA)",
|
||||
cat1Title: "Zavatra mipoaka",
|
||||
cat1Desc: "Dynamita, bala, afo artifisialy, petarada",
|
||||
cat2Title: "Gazy voatery",
|
||||
cat2Desc: "Tavoahangy gazy, aérosol misy tsindry, butane, propane",
|
||||
cat3Title: "Ranoka mampirehitra",
|
||||
cat3Desc: "Lasensy, toaka, loko, solvants, acétone",
|
||||
cat4Title: "Zavatra stereo mampirehitra",
|
||||
cat4Desc: "Afokasoka, briquet, charbon, vovoka",
|
||||
cat5Title: "Bateria lithium",
|
||||
cat5Desc: "Bateria lithium irery, hoverboards, fitaovana sasany",
|
||||
cat6Title: "Zava-mahapoizina",
|
||||
cat6Desc: "Poizina, fanafody bibikely, zava-mifindra",
|
||||
cat7Title: "Zava-mandevona",
|
||||
cat7Desc: "Asida, mercure, soude caustique",
|
||||
cat8Title: "Zava-misy radioactivité",
|
||||
cat8Desc: "Singa radioactif, zavatra magnétique matanjaka",
|
||||
warningTitle: "Entana Mila Fanambarana",
|
||||
warningSubtitle: "Ireto entana ireto dia azo alefa miaraka amin'ny fepetra",
|
||||
warn1Title: "Menaka manitra sy kosmetika",
|
||||
warn1Desc: "Amin'ny habetsaka voafetra, voafonosa tsara",
|
||||
warn2Title: "Fitaovana elektronika",
|
||||
warn2Desc: "Misy bateria kely ao anatiny, voakatona",
|
||||
warn3Title: "Fanafody",
|
||||
warn3Desc: "Miaraka amin'ny taratasy dokotera, amin'ny habetsaka manokana",
|
||||
packagingTitle: "Ahoana ny Famonosana Tsara",
|
||||
packagingSubtitle: "Araho ireto dingana ireto mba ho tonga soa aman-tsara ny entanareo",
|
||||
pack1Title: "Mifidiana karton tsara",
|
||||
pack1Desc: "Mampiasa karton vaovao rindrina roa, mifanaraka amin'ny haben'ny entana. Aza mampiasa karton efa nampiasaina na simba.",
|
||||
pack2Title: "Arovy ny ao anatiny",
|
||||
pack2Desc: "Fonosy tsirairay ny entana amin'ny papier bulle na mousse. Fenoy ny banga mba tsy hihetsika.",
|
||||
pack3Title: "Hidio tsara",
|
||||
pack3Desc: "Mampiasa scotch matevina sy tsara kalitao. Hidio ny varavarana rehetra ary hamafiso ny sisiny.",
|
||||
pack4Title: "Mariho mazava",
|
||||
pack4Desc: "Soraty mazava ny anarana sy adiresin'ny mpandray. Ampio ny soratra 'FRAGILE' raha ilaina.",
|
||||
dosTitle: "Tokony Hatao",
|
||||
dontsTitle: "Tsy Tokony Hatao",
|
||||
do1: "Mampiasa karton vaovao sy matanjaka",
|
||||
do2: "Mamonosa tsirairay ny zavatra",
|
||||
do3: "Mameno ny banga amin'ny fitaovana fiarovana",
|
||||
do4: "Manoratra mazava ny adiresin'ny mpandray",
|
||||
do5: "Mandanja ny entana alohan'ny fandefasana",
|
||||
dont1: "Mampiasa karton efa nampiasaina na simba",
|
||||
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"
|
||||
},
|
||||
app: {
|
||||
badge: "Ho Avy Tsy Ho Ela",
|
||||
title: "Ny Rindranasan'ny MVA Global Fret",
|
||||
subtitle: "Tsy ho ela, mibaiko avy any Madagasikara amin'ny tranokalan'i Eoropa ary mandoa amin'ny mobile money.",
|
||||
feature1Title: "E-commerce Eoropeana",
|
||||
feature1Desc: "Midira amin'ny tranonkala fivarotana eoropeana mivantana avy any Madagasikara.",
|
||||
feature2Title: "Fandoavana Mobile Money",
|
||||
feature2Desc: "Mandoava amin'ny MVola, Orange Money na Airtel Money mora foana.",
|
||||
feature3Title: "Fanaraha-maso amin'ny fotoana tena izy",
|
||||
feature3Desc: "Araho ny fandrosoan'ny baikoanareo sy ny fanaterana amin'ny fotoana tena izy.",
|
||||
notifyTitle: "Aoka ho voampilaza amin'ny fanombohana",
|
||||
notifyPlaceholder: "Ny adiresy mailakareo",
|
||||
notifyBtn: "Ampahafantaro ahy",
|
||||
notifySuccess: "Misaotra! Ho voampilaza amin'ny fanombohana ianao.",
|
||||
phoneLabel: "MVA Global Fret",
|
||||
phoneDesc: "Ny vavahadinao mankany Eoropa"
|
||||
},
|
||||
footer: {
|
||||
desc: "Mpiara-miasa azo itokisana amin'ny fandefa entana an'habakabaka eo anelanelan'i Eoropa sy Madagasikara.",
|
||||
linksTitle: "Rohy Haingana",
|
||||
contactTitle: "Fifandraisana",
|
||||
copyright: "© 2025 MVA Global Fret. Zo rehetra voatahiry."
|
||||
}
|
||||
}
|
||||
};
|
||||
276
tarifs.html
Normal file
276
tarifs.html
Normal file
@ -0,0 +1,276 @@
|
||||
<!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> Fret Aérien
|
||||
</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>2 envois par semaine depuis Paris</span>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fa-solid fa-clock"></i>
|
||||
<span>Délai de livraison : 2 semaines</span>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fa-solid fa-scale-balanced"></i>
|
||||
<span>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>
|
||||
</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> S'inscrire maintenant
|
||||
</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> 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>
|
||||
<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
|
||||
</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> Livraison à domicile disponible
|
||||
</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> Retrait au bureau Cotisse de votre ville
|
||||
</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;">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;">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>
|
||||
Loading…
Reference in New Issue
Block a user