{{ define "main" }}
<section class="site-container section text-center">
  <p class="eyebrow">Error 404</p>
  <h1 class="mt-2 text-4xl font-extrabold tracking-tight sm:text-5xl">Page not found</h1>
  <p class="mx-auto mt-4 max-w-md text-secondary/70">
    The page you&rsquo;re looking for doesn&rsquo;t exist or may have moved. Let&rsquo;s get you back on track.
  </p>
  <div class="mt-8 flex flex-wrap justify-center gap-3">
    <a href="{{ "/" | relURL }}" class="btn-primary">Back to home</a>
    {{ with site.GetPage "faq" }}<a href="{{ .RelPermalink }}" class="btn-secondary">Visit the FAQ</a>{{ end }}
  </div>

  <div class="mx-auto mt-12 grid max-w-2xl gap-3 sm:grid-cols-3">
    {{- range slice "slots" "bonuses" "responsible-gambling" -}}
      {{ with site.GetPage . }}
        <a href="{{ .RelPermalink }}" class="card card-hover block no-underline text-left">
          <span class="font-semibold text-primary">{{ .LinkTitle }}</span>
        </a>
      {{ end }}
    {{- end -}}
  </div>
</section>
{{ end }}