{{ define "hero" }}
    <header class="header-hero header-hero-glow">
        <div class="header-hero-items container mx-auto w-full md:w-7/12">
            <div class="header-hero-item">
                <h1>{{ .Params.hero.title }}</h1>
                <div class="text-base md:my-5">{{ .Params.hero.body | markdownify }}</div>
                <div class="header-hero-actions w-full md:w-1/3">
                    <a class="btn btn-lg" href="{{ .Params.hero.cta.url }}">
                        {{ .Params.hero.cta.label }}
                    </a>
                </div>
            </div>
        </div>
    </header>
{{ end }}

{{ define "main" }}

    <div class="container mx-auto px-5">
        <!-- Carousel -->
        {{ partial "carousel" . }}
    </div>

    {{ partial "get-started.html" . }}

    {{ partial "hand-raise-section" . }}
{{ end }}