{{ define "main" }}
<div class="flex justify-center max-w-[1200px]">
  <div class="mb-24 h-full">
    <div class="flex flex-col">
      {{ if .Params.contact }}
      <section class="flex flex-col md:flex-row m-4 gap-8">
        <div class="bg-[#f1f5fc] p-4 rounded-lg">
          <p class="text-5xl uppercase">{{ .Title }}</p>
          <p class="text-lg">{{ .Params.subTitle }}</p>
          {{ partial "metadata.html" . }}
          {{ partial "contact.html" . }}
        </div>
        <div class="bg-[#f1f5fc] p-4 rounded-lg">
          <img class="object-cover aspect-[12/10] h-96 rounded-lg" src="{{ .Params.img }}"></img>
        </div>
      </section>
      {{ else }}
      <div class="mt-2 flex flex-col gap-4">{{ .Content }}</div>
      {{ end }}
    </div>
  </div>
</div>
{{ end }}