{{include "header.html"}}
{{include "nav.html"}}

{{if .Single}}
{{$banner := index .Single.Ext "banner_img"}}
{{$subTitle := index .Single.Ext "sub_title"}}
{{$ctaText := index .Single.Ext "cta_text"}}
{{$ctaUrl := index .Single.Ext "cta_url"}}

<section class="section">
  <div class="container">
    <div class="page-banner glass">
      <div class="page-banner-grid">
        <div>
          <span class="kicker">single page</span>
          <h1>{{.Single.Name}}</h1>
          {{if $subTitle}}<p>{{$subTitle}}</p>{{else if .Single.Description}}<p>{{.Single.Description}}</p>{{end}}
          {{if and $ctaText $ctaUrl}}<div class="hero-actions"><a class="primary-btn" href="{{$ctaUrl}}">{{$ctaText}}</a></div>{{end}}
        </div>
        {{if $banner}}<img src="{{$banner}}" alt="{{.Single.Name}}">{{end}}
      </div>
    </div>

    <div class="page-body glass">
      <div class="prose">{{.Single.Content | Str2Html}}</div>
    </div>
  </div>
</section>
{{end}}

{{include "js.html"}}
{{include "footer.html"}}