{{ define "hero" }}
    {{ partial "hero.html" (dict "title" .Title) }}
{{ end }}

{{ define "main" }}
    <div class="container mx-auto text-center my-16">
        <h5 class="mx-auto max-w-xl mb-0">
            {{ .Description }}
        </h5>
    </div>

    <div class="container mx-auto max-w-xl md:max-w-4xl px-8 md:px-0">
        <ul class="list-none p-0">
            {{ $items := where (where .Site.Pages "Type" "case-studies") "Kind" "eq" "page" }}
            {{ range $index, $item := sort $items ".Params.customer_name" }}
                <li class="m-0 p-0">
                    <article class="pb-16 mb-16 border-b border-gray-300 md:flex items-start">
                        <div class="mb-8 md:mb-0 md:pt-2 px-8 md:w-1/3">
                            <a href="{{ .RelPermalink }}">
                                <img class="md:block w-40 md:w-48 mx-auto" src="{{ .Params.customer_logo }}" alt="{{ .Params.customer_name }} logo" />
                            </a>
                        </div>
                        <div class="md:w-2/3">
                            <h5 class="leading-none">
                                {{ if (isset .Params "redirect_to") }}
                                    <a class="link" href="{{ .Params.redirect_to }}">
                                        {{ .Params.customer_name }}
                                    </a>
                                {{ else }}
                                    <a class="link" href="{{ .RelPermalink }}">
                                        {{ .Params.customer_name }}
                                    </a>
                                {{ end }}
                            </h5>
                            <p class="mb-0">
                                {{ $item.Description }}
                            </p>
                        </div>
                    </article>
                </li>
            {{ end }}
        </ul>
    </div>

    {{ partial "learnmore-contactus.html" . }}
{{ end }}