{{ define "main" }}
<section class="py-16">
  <div class="container-wide">
    <header class="mb-12">
      <h1 class="text-4xl font-medium tracking-tight">{{ .Title }}</h1>
      {{- with .Description }}
      <p class="text-text-secondary mt-2">{{ . }}</p>
      {{- end }}
    </header>

    {{- if .Content }}
    <div class="prose prose-invert max-w-none mb-12">
      {{ .Content }}
    </div>
    {{- end }}

    {{- if .Pages }}
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
      {{- range .Pages }}
        {{ partial "track-card.html" . }}
      {{- end }}
    </div>
    {{- end }}
  </div>
</section>
{{ end }}