<div{{ attributes.addClass('front-page') }}>
  <div class="front-page-content">
    <div>
      {% if logo_path %}
        <div class="container-xxl">
          <a href="{{ path('<front>') }}" data-drupal-link-system-path="<front>">
            <img src="{{ file_url(logo_path) }}" alt="{{ site_name }}" class="front-page-logo">
          </a>
        </div>
      {% endif %}
      {% if intro %}
        <div{{ region_attributes.intro.addClass('pt-article') }}>
          {{ intro }}
        </div>
      {% endif %}
      {% if visuals %}
        <div{{ region_attributes.visuals }}>
          {{ visuals }}
        </div>
      {% endif %}
      {% if maincontent %}
        <div{{ region_attributes.maincontent }}>
          {{ maincontent }}
        </div>
      {% endif %}
    </div>
    <footer class="section container-xxl">
      <hr>
      <p>© DiSign — making Digital Signage smarter. By BRANDCODE.</p>
    </footer>
  </div>
  <div class="front-page-keyvisual">
    {{ brand_image }}
  </div>
</div>
