{% extends '@theme/base.html.twig' %}{% block metatitle %}{{page.metatitle}}{% endblock %}{% block metadescription %}{{page.metadescription|striptags|slice(0, 160)}}{% endblock %}{% block body %}<div class="banner-block pb-6 lazyBackgroundImage" data-mobile="{{ imageCache('/userfiles/images/page/' ~ page.image, 'zoomCrop', 900, 405) }}" data-desktop="{{ imageCache('/userfiles/images/page/' ~ page.image, 'zoomCrop', 3200, 1440) }}"> <div class="container h-full"> <div class="flex items-end h-full"> <h1>{{ replaceIfComponentDataExists(pageComponents, "title", page.title) }}</h1> </div> </div></div><section class="page-content pt-12"> <div class="container"> {{ renderComponents('Before Content', pageComponents)|raw }} {% if page.content %} <div class="row cms-area"> <div class="col-12 mb-12"> {{ allowInlineEditor(page, 'content')|raw }} </div> </div> {% endif %} {{ renderComponents('After Content', pageComponents)|raw }} </div></section>{{ renderHtmlBlock('CTA', pageHtmlBlocks)|raw }}{% if page.content2 %} <section class="page-content pb-12"> <div class="container"> <div class="row cms-area"> {% if page.image2 %} <div class="md:col-4 sm:col-6 col-12"> <img class="max-w-full h-auto" src="{{ imageCache('/userfiles/images/page/' ~ page.image2, 'zoomCrop', 800, 600) }}" alt="{{ page.title }}" loading="lazy"> </div> {% endif %} <div class="{% if page.image2 %}md:col-8 sm:col-6 col-12{% else %}col-12{% endif %}"> {{ allowInlineEditor(page, 'content2')|raw }} </div> </div> </div> </section>{% endif %}{% endblock %}{% block stylesheets %}{% endblock %}