{% extends '@theme/base.html.twig' %}{% block metatitle %}{{page.metatitle}}{% endblock %}{% block metadescription %}{{page.metadescription|striptags|slice(0, 160)}}{% endblock %}{% block body %} {% if page.image %} <div class="banner-image lazyBackgroundImage" data-mobile="{{ imageCache('/userfiles/images/page/' ~ page.image, 'zoomCrop', 1566, 822) }}" data-desktop="{{ imageCache('/userfiles/images/page/' ~ page.image, 'zoomCrop', 3200, 1680) }}"></div>{% endif %}<section class="page-content{% if page.image == null %} pt-[148px] md:pt-[163px]{% endif %}"> <div class="container"> {% if page.kicker %} <h1>{{ replaceIfComponentDataExists(pageComponents, "title", page.title) }}</h1> <h3>{{ page.subtitle|raw }}</h3> {{ allowInlineEditor(page, 'kicker')|raw }} {% endif %} {{ renderComponents('Before Content', pageComponents)|raw }} <div class="row cms-area"> <div class="col-12 text-center {% if page.content %}py-12{% else %} pt-12 pb-6{% endif %}"> {% if page.kicker == null %} <h1>{{ replaceIfComponentDataExists(pageComponents, "title", page.title) }}</h1> <h3 class="text-green">{{ page.subtitle|raw }}</h3> {% endif %} {% if page.content %} {{ allowInlineEditor(page, 'content')|raw }} {% endif %} {% if page.file %} <video src="{{ page.getFileUrl }}" controls></video> {% endif %} </div> </div> {{ renderComponents('After Content', pageComponents)|raw }} {% if page.content2 %} <div class="row cms-area pb-12"> {% if page.image3 %} <div class="sm:col-6 col-12"> <img class="max-w-full h-auto" src="{{ imageCache('/userfiles/images/page/' ~ page.image3, 'zoomCrop', 1140, 1200) }}" width="670" height="706" alt="{{ page.title }}" loading="lazy" /> </div> {% endif %} <div class="{% if page.image3 %}sm:col-6 col-12{% else %}col-12{% endif %}"> {{ allowInlineEditor(page, 'content2')|raw }} </div> </div> {% endif %} </div> {{ renderHtmlBlock('Content Block', pageHtmlBlocks, page)|raw }}</section>{% endblock %}{% block stylesheets %}{% endblock %}