Restore Maore Mobile website from Wayback Machine archive

- Add original CSS styling (maore.css) with complete branding and responsive design
- Restore all original SVG icons and images from website dump
- Replace Google Fonts with locally hosted Varela Round font family
- Download clean JavaScript files (jQuery, Bootstrap, maore.js, utils.js)
- Implement Hugo multilingual setup with French/English support
- Create responsive homepage template matching original design
- Add comprehensive translation files for both languages
- Configure local asset paths to eliminate external dependencies
- Set up proper navigation structure with all original menu items

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Kevin Bataille
2025-10-11 14:24:32 +02:00
parent d7cc2e23f4
commit 10cdeb23fd
34 changed files with 2397 additions and 272 deletions

View File

@@ -1,45 +1,57 @@
{{ define "main" }}
<div class="hero">
<h1>{{ .Title }}</h1>
<p>{{ .Site.Params.description }}</p>
</div>
{{ if eq .Kind "home" }}
<!-- This will use the home.html template -->
{{ else }}
<!-- Hero Section for other pages -->
<div id="bloc1" class="container-fluid">
<div class="row" align="center" width="100%">
<div class="col-md-12 col-sm-12">
<h1 class="text-center">{{ .Title }}</h1>
{{ if .Params.subtitle }}
<p class="text-center">{{ .Params.subtitle }}</p>
{{ end }}
</div>
</div>
</div>
{{ .Content }}
<!-- Content Section -->
<div class="container-fluid" style="padding: 3rem 0;">
<div class="row justify-content-center">
<div class="col-lg-10 col-md-12">
{{ .Content }}
</div>
</div>
</div>
{{ if .Sections }}
<section id="services" class="services">
{{ range .Sections }}
<div class="service-card">
<h3>{{ .Title }}</h3>
{{ .Content }}
</div>
<!-- Contact Section for specific pages -->
{{ if or (eq .Kind "page") (eq .Section "contact") }}
<div class="container-fluid" style="padding: 3rem 0; background-color: #f8f9fa;">
<div class="row justify-content-center">
<div class="col-lg-8 col-md-12">
<h2 class="text-center">{{ i18n "contact" }}</h2>
<div class="row" style="margin-top: 2rem;">
<div class="col-md-4 text-center">
<h4>{{ i18n "phone" }}</h4>
<p>06 39 900 900</p>
</div>
<div class="col-md-4 text-center">
<h4>{{ i18n "email" }}</h4>
<p>contact@maoremobile.yt</p>
</div>
<div class="col-md-4 text-center">
<h4>{{ i18n "address" }}</h4>
<p>Mayotte, 97600</p>
</div>
</div>
<div class="row" style="margin-top: 2rem;">
<div class="col-md-12 text-center">
<h4>{{ i18n "hours" }}</h4>
<p>{{ i18n "openingHours" }}</p>
</div>
</div>
</div>
</div>
</div>
{{ end }}
{{ end }}
</section>
{{ end }}
{{ if eq .Kind "page" }}
<section id="contact" class="contact-section">
<h2>{{ i18n "contact" }}</h2>
<div class="contact-grid">
<div class="contact-item">
<h4>{{ i18n "phone" }}</h4>
<p>+262 XXX XXX XXX</p>
</div>
<div class="contact-item">
<h4>{{ i18n "email" }}</h4>
<p>contact@maoremobile.yt</p>
</div>
<div class="contact-item">
<h4>{{ i18n "address" }}</h4>
<p>Mayotte, 97600</p>
</div>
<div class="contact-item">
<h4>{{ i18n "hours" }}</h4>
<p>{{ i18n "weekdays" }}: 8:00 - 18:00<br>
{{ i18n "saturday" }}: 9:00 - 13:00<br>
{{ i18n "sunday" }}: {{ i18n "closed" }}</p>
</div>
</div>
</section>
{{ end }}
{{ end }}