{{- define "main" }}
    <header>
        <h1>{{ .Title }}</h1>
    </header>
    <main class="cards">
        {{- if .Content }}
        <div class="intro">
            {{ .Content }}
        </div>
        {{- end }}

        {{- range site.Params.homepage_categories }}
            <h2>{{ .title }}</h2>
            {{- range first .count (where site.RegularPages "Section" "==" .key) }}
                {{ partial "card.html" . }}
            {{- end }}

            <div class="pagination-links">
                {{- with site.GetPage (printf "/%s" .key) }}
                <a href="{{ .RelPermalink }}">See more<span class="arrow-right"></span></a>
                {{- end }}
            </div>
        {{- end }}
    </main>
{{- end }}