{{ define "main" }}
  {{ if .Params.HeaderImage }}
    <!-- <div class="w&#45;full h&#45;32 bg&#45;[center_bottom_23rem] bg&#45;cover" -->
    <!--      style="background&#45;image: url(/img/{{ .Params.HeaderImage }})"> -->
    <div class="w-full h-32 bg-[center] bg-cover"
         style="background-image: url(/img/{{ .Params.HeaderImage }})">
    </div>
  {{ else }}
    <div class="w-full h-32 bg-[url('/img/lagoon-close-02.jpg')]
                bg-[center_top_30rem] bg-cover">
    </div>
  {{ end }}
  <div class="max-w-5xl mx-auto -mt-12 py-8 px-8 text-left bg-white">
  <header class="mb-8">
    <h1 class="text-2xl font-bold">{{ .Title }}</h1>
    {{ if .Description }}
    <p class="mt-2 text-lg text-zinc-500">{{ .Description }}</p>
    {{ end }}
  </header>
  <div class="content">
    {{ .Content }}
  </div>
{{ end }}