{{ $level := (default .headingLevel 2) }}

{{ $headingClass := "" }}
{{ if eq .small_title "true" }}
    {{ $headingClass = "small-title" }}
{{ end }}

<header class="page-hero">
    <div class="dot-background-container">
        <div class="dot-background"></div>
    </div>
    <div class="dot-overlay"></div>
    <div class="page-hero-title">
        <h{{ $level }} class="{{ $headingClass }}">
            <span><span class="rainbow-text" data-text="{{ .title }}">{{ .title }}</span></span>
        </h{{ $level }}>
        {{ if .subtitle }}
            <p class="text-2xl">{{ .subtitle }}</p>
        {{ end }}
    </div>
</header>