{{ $alt := .Get "alt" }}
{{ $content := .Inner | replaceRE "^\n" "" | replaceRE "\n$" "" | markdownify }}
{{ $header := .Get "header" | markdownify }}
{{ $height := .Get "height" }}
{{ $image := .Get "image" }}
{{ $imageclass := .Get "imageclass" }}
{{ $maxheight := .Get "maxheight" }}
{{ $maxwidth := .Get "maxwidth" }}
{{ $page := .Page }}
{{ $process := .Get "process" }}
{{ $title := .Get "title" }}
{{ $width := .Get "width" }}

<div class="paige-hero">
    {{ with $image }}
        <p class="text-center paige-hero-image">
            {{ partial "paige/img.html" (dict
                "alt" $alt
                "class" $imageclass
                "fetchpriority" "high"
                "height" $height
                "loading" "eager"
                "maxheight" $maxheight
                "maxwidth" $maxwidth
                "page" $page
                "process" $process
                "src" .
                "title" $title
                "width" $width
            ) }}
        </p>
    {{ end }}

    {{ with $header }}
        <p class="display-5 fw-bold h2 paige-hero-header text-center">{{ . }}</p>
    {{ end }}

    {{ with $content }}
        <div class="container-fluid paige-hero-content">
            <div class="justify-content-center row">
                <div class="col col-auto col-lg-7 px-0">
                    <p class="lead text-center">{{ . }}</p>
                </div>
            </div>
        </div>
    {{ end }}
</div>