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

content/en/commande-sim.md

@@ -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>

content/fr/commande-sim.html

@@ -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>

hugo.toml

@@ -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]

i18n/en.toml

@@ -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"

i18n/fr.toml

@@ -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"