{{ define "main" }}
    {{ 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 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>

        <!-- 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 }}
{{ end }}