{{> head}}
{{> navbar}}
<main class="page">
   {{#if @customHTML.beforePage}}
      <div class="banner banner--before-content">
         {{{@customHTML.beforePage}}}
      </div>
   {{/if}}
   {{#page}}
      <div class="content">
         <div class="hero">
            <h1>
               {{title}}
            </h1>  
            {{#featuredImage}}
               {{#if url}}
                  <figure class="content__image {{@config.page.postFeaturedImage}}">
                     <img
                        src="{{url}}"
                        {{#if @config.site.responsiveImages}}
                           {{responsiveImageAttributes 'featuredImage' srcset.post sizes.post}}
                        {{/if}}
                        {{ lazyload "lazy" }}
                        height="{{height}}"
                        width="{{width}}"
                        alt="{{alt}}">
                        {{#checkIfAny caption credits}}
                           <figcaption>
                              {{caption}}
                              {{credits}}
                           </figcaption>                      
                        {{/checkIfAny}} 
                  </figure>
               {{/if}}
            {{/featuredImage}} 
         </div>

         <div class="content__entry">
            {{{text}}}
         </div>
      </div>
      
      {{#if @config.page.displayChildPages}}
         {{#if subpages}}
            <div class="subpages">
               <h2 class="h6 subpages__title">{{ translate 'page.childPages' }}</h2>
               <ul class="subpages__list">
                  {{> subpages-list}}
               </ul>
            </div>
         {{/if}}
      {{/if}}

      {{#if @customHTML.afterPage}}
         <div class="banner banner--after-content">
            {{{@customHTML.afterPage}}}
         </div>
      {{/if}}
   {{/page}}
</main>
{{> footer}}