Add SIM card ordering discontinued notice with horizontal centering

- Update /fr/commande-sim and /en/commande-sim pages to indicate SIM card ordering is no longer available
- Replace form with alert message and reseller information
- Remove translation templates and use static text
- Apply Bootstrap centering to horizontally align main title
- Update both French and English versions
- Remove unused translation keys from i18n files
This commit is contained in:
Kevin Bataille
2025-10-11 15:06:20 +02:00
parent 10cdeb23fd
commit 1e6bed5dd1
5 changed files with 455 additions and 4 deletions

136
content/en/commande-sim.md Normal file
View File

@@ -0,0 +1,136 @@
---
title: "Order SIM Card"
date: 2024-10-11T14:20:00+00:00
draft: false
---
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h1 class="mb-4">Order your Maore Mobile SIM</h1>
<div class="alert alert-warning" role="alert">
<h4 class="alert-heading">SIM Order Unavailable</h4>
<p>Ordering new SIM cards is currently unavailable. Please visit one of our resellers to obtain a Maore Mobile SIM card.</p>
</div>
<div class="card mb-4">
<div class="card-body">
<h2 class="card-title">Why choose Maore Mobile?</h2>
<div class="row">
<div class="col-md-6">
<ul class="list-unstyled">
<li class="mb-2">
<img src="/img/icon-credit.svg" alt="Included Credit" class="mr-2" style="width: 24px;">
<strong>Included Credit:</strong> 5€ credit included
</li>
<li class="mb-2">
<img src="/img/icon-no-engage.svg" alt="No Commitment" class="mr-2" style="width: 24px;">
<strong>No Commitment:</strong> No commitment
</li>
<li class="mb-2">
<img src="/img/icon-no-limit.svg" alt="Unlimited Validity" class="mr-2" style="width: 24px;">
<strong>Unlimited Validity:</strong> Credit with unlimited validity
</li>
</ul>
</div>
<div class="col-md-6">
<ul class="list-unstyled">
<li class="mb-2">
<img src="/img/icon-transfert.svg" alt="Transfer" class="mr-2" style="width: 24px;">
<strong>Simple Credit Transfer:</strong> Send and receive credit easily
</li>
<li class="mb-2">
<img src="/img/icon-tarif-mayotte.svg" alt="Rates" class="mr-2" style="width: 24px;">
<strong>Unique Rates:</strong> Unique rates to Mayotte and 50+ destinations
</li>
<li class="mb-2">
<img src="/img/phone.svg" alt="Local Support" class="mr-2" style="width: 24px;">
<strong>Local Support:</strong> Customer service based in Mayotte
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<h2 class="card-title">Where to find our SIM cards?</h2>
<p>You can get your Maore Mobile SIM card at one of our reseller locations in Mayotte. Visit the Resellers page to find the nearest point of sale to you.</p>
<div class="text-center">
<a href="/en/resellers" class="btn btn-primary btn-lg">Find a Reseller</a>
</div>
<div class="mt-4">
<h3>Contact Information</h3>
<div class="row">
<div class="col-md-6">
<p><strong>Customer Service:</strong></p>
<p><img src="/img/phone.svg" alt="Phone" class="mr-2" style="width: 20px;"> 06 39 900 900</p>
<p>Mon-Fri 9am-6pm</p>
</div>
<div class="col-md-6">
<p><strong>Other Contacts:</strong></p>
<p>Email: contact@maoremobile.yt</p>
<p>Website: www.maoremobile.yt</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.step-number {
width: 60px;
height: 60px;
background-color: #34af4f;
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: bold;
margin: 0 auto 20px;
}
.card {
border: none;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.card-body {
padding: 30px;
}
.form-control:focus {
border-color: #34af4f;
box-shadow: 0 0 0 0.2rem rgba(52, 175, 79, 0.25);
}
.btn-primary {
background-color: #34af4f;
border-color: #34af4f;
}
.btn-primary:hover {
background-color: #2a8e3f;
border-color: #2a8e3f;
}
.list-unstyled li {
display: flex;
align-items: flex-start;
margin-bottom: 15px;
}
.list-unstyled li img {
flex-shrink: 0;
margin-top: 2px;
}
</style>

View File

@@ -0,0 +1,136 @@
---
title: "Commander une SIM"
date: 2024-10-11T14:20:00+00:00
draft: false
---
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h1 class="mb-4">Commander votre SIM Maore Mobile</h1>
<div class="alert alert-warning" role="alert">
<h4 class="alert-heading">Commande de SIM indisponible</h4>
<p>La commande de nouvelles cartes SIM n'est plus disponible actuellement. Nous vous invitons à vous rendre dans l'un de nos points de vente pour obtenir une carte SIM Maore Mobile.</p>
</div>
<div class="card mb-4">
<div class="card-body">
<h2 class="card-title">Pourquoi choisir Maore Mobile ?</h2>
<div class="row">
<div class="col-md-6">
<ul class="list-unstyled">
<li class="mb-2">
<img src="/img/icon-credit.svg" alt="Crédit inclus" class="mr-2" style="width: 24px;">
<strong>Crédit inclus:</strong> 5€ de crédit inclus
</li>
<li class="mb-2">
<img src="/img/icon-no-engage.svg" alt="Sans engagement" class="mr-2" style="width: 24px;">
<strong>Sans engagement:</strong> Sans engagement
</li>
<li class="mb-2">
<img src="/img/icon-no-limit.svg" alt="Validité illimitée" class="mr-2" style="width: 24px;">
<strong>Validité illimitée:</strong> Crédit sans limite de validité
</li>
</ul>
</div>
<div class="col-md-6">
<ul class="list-unstyled">
<li class="mb-2">
<img src="/img/icon-transfert.svg" alt="Transfert" class="mr-2" style="width: 24px;">
<strong>Transfert de crédit simplifié:</strong> Envoyez et recevez du crédit facilement
</li>
<li class="mb-2">
<img src="/img/icon-tarif-mayotte.svg" alt="Tarifs" class="mr-2" style="width: 24px;">
<strong>Tarif unique:</strong> Tarif unique vers Mayotte et plus de 50 destinations
</li>
<li class="mb-2">
<img src="/img/phone.svg" alt="Support local" class="mr-2" style="width: 24px;">
<strong>Support local:</strong> Service client basé à Mayotte
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<h2 class="card-title">Où trouver nos cartes SIM ?</h2>
<p>Vous pouvez obtenir votre carte SIM Maore Mobile dans l'un de nos points de vente situés à Mayotte. Rendez-vous sur la page des Doukas Revendeurs pour trouver le point de vente le plus proche de chez vous.</p>
<div class="text-center">
<a href="/fr/resellers" class="btn btn-primary btn-lg">Trouver un revendeur</a>
</div>
<div class="mt-4">
<h3>Informations de contact</h3>
<div class="row">
<div class="col-md-6">
<p><strong>Service client:</strong></p>
<p><img src="/img/phone.svg" alt="Téléphone" class="mr-2" style="width: 20px;"> 06 39 900 900</p>
<p>Du Lun au Ven 9h à 18h</p>
</div>
<div class="col-md-6">
<p><strong>Autres contacts:</strong></p>
<p>Email: contact@maoremobile.yt</p>
<p>Site web: www.maoremobile.yt</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.step-number {
width: 60px;
height: 60px;
background-color: #34af4f;
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: bold;
margin: 0 auto 20px;
}
.card {
border: none;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.card-body {
padding: 30px;
}
.form-control:focus {
border-color: #34af4f;
box-shadow: 0 0 0 0.2rem rgba(52, 175, 79, 0.25);
}
.btn-primary {
background-color: #34af4f;
border-color: #34af4f;
}
.btn-primary:hover {
background-color: #2a8e3f;
border-color: #2a8e3f;
}
.list-unstyled li {
display: flex;
align-items: flex-start;
margin-bottom: 15px;
}
.list-unstyled li img {
flex-shrink: 0;
margin-top: 2px;
}
</style>

View File

@@ -1,8 +1,13 @@
baseURL = 'https://maoremobile.yt/'
baseURL = 'http://localhost:1314/'
title = 'Maore Mobile - Opérateur mobile à Mayotte'
defaultContentLanguage = 'fr'
defaultContentLanguageInSubdir = true
defaultContentLanguageInSubdir = false
[markup]
[markup.goldmark]
[markup.goldmark.renderer]
unsafe = true
[languages]
[languages.fr]

View File

@@ -155,4 +155,91 @@ other = "At Maoré Mobile, we love Mayotte and we want to protect it!"
other = "We decided not to produce recharge cards to limit our environmental impact. No recharge cards, no waste, everything goes through your number! We love our island beautiful and clean :)"
[loveMayotteAlt]
other = "We love Mayotte"
other = "We love Mayotte"
[orderSimTitle]
other = "Order your Maore Mobile SIM"
[whyChooseMaore]
other = "Why choose Maore Mobile?"
[creditTransferDescription]
other = "Send and receive credit easily"
[localSupport]
other = "Local Support"
[localSupportText]
other = "Customer service based in Mayotte"
[howToOrder]
other = "How to order"
[step1Title]
other = "Fill the form"
[step1Description]
other = "Complete your contact and delivery information"
[step2Title]
other = "Validation"
[step2Description]
other = "We process your order and confirm by email"
[step3Title]
other = "Delivery"
[step3Description]
other = "Receive your SIM directly at your home"
[orderForm]
other = "Order form"
[firstName]
other = "First Name"
[lastName]
other = "Last Name"
[phoneNumber]
other = "Phone Number"
[deliveryAddress]
other = "Delivery Address"
[postalCode]
other = "Postal Code"
[city]
other = "City"
[quantity]
other = "Quantity"
[simCard]
other = "SIM card"
[simCards]
other = "SIM cards"
[free]
other = "Free"
[acceptTerms]
other = "I accept the"
[submitOrder]
other = "Submit Order"
[contactInfo]
other = "Contact Information"
[customerService]
other = "Customer Service"
[otherContact]
other = "Other Contacts"
[website]
other = "Website"

View File

@@ -155,4 +155,91 @@ other = "Chez Maoré Mobile, on aime Mayotte et nous souhaitons la protéger !"
other = "Nous avons décidé de ne pas produire de carte de recharge pour limiter notre empreinte sur l'environnement. Pas de carte de recharge, pas de déchets, tout passe par votre numéro ! On aime notre île belle et propre :)"
[loveMayotteAlt]
other = "Nous aimons Mayotte"
other = "Nous aimons Mayotte"
[orderSimTitle]
other = "Commander votre SIM Maore Mobile"
[whyChooseMaore]
other = "Pourquoi choisir Maore Mobile ?"
[creditTransferDescription]
other = "Envoyez et recevez du crédit facilement"
[localSupport]
other = "Support local"
[localSupportText]
other = "Service client basé à Mayotte"
[howToOrder]
other = "Comment commander"
[step1Title]
other = "Remplissez le formulaire"
[step1Description]
other = "Complétez vos informations de contact et de livraison"
[step2Title]
other = "Validation"
[step2Description]
other = "Nous traitons votre commande et vous confirmons par email"
[step3Title]
other = "Livraison"
[step3Description]
other = "Recevez votre SIM directement à votre domicile"
[orderForm]
other = "Formulaire de commande"
[firstName]
other = "Prénom"
[lastName]
other = "Nom"
[phoneNumber]
other = "Numéro de téléphone"
[deliveryAddress]
other = "Adresse de livraison"
[postalCode]
other = "Code postal"
[city]
other = "Ville"
[quantity]
other = "Quantité"
[simCard]
other = "carte SIM"
[simCards]
other = "cartes SIM"
[free]
other = "Gratuite"
[acceptTerms]
other = "J'accepte les"
[submitOrder]
other = "Soumettre la commande"
[contactInfo]
other = "Informations de contact"
[customerService]
other = "Service client"
[otherContact]
other = "Autres contacts"
[website]
other = "Site web"