{{ define "main" }}
  <div class="prose prose-invert max-w-none text-body-md text-on-surface/90 space-y-6">
    {{ .Content }}
  </div>
  <div class="mt-12">
    <a class="inline-flex items-center text-on-surface-variant hover:text-primary transition-colors font-body-md italic mb-4" href="{{ `/docs/` | relLangURL }}">
      Read the guide <span class="material-symbols-outlined ml-1 text-[18px]">arrow_forward</span>
    </a>
    <hr class="border-on-surface/10">
  </div>
  <div class="mt-auto pt-32 pb-8 font-display-lg italic text-on-surface-variant text-lg">
    {{ site.Params.homeFooter }}
  </div>
{{ end }}