{{ define "main" }}
<div class="hero">
    <h1>{{ .Title }}</h1>
    <p>{{ .Site.Params.description }}</p>
</div>

{{ .Content }}

{{ if .Sections }}
<section id="services" class="services">
    {{ range .Sections }}
    <div class="service-card">
        <h3>{{ .Title }}</h3>
        {{ .Content }}
    </div>
    {{ 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 }}