{% 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 pb-12"> <div class="container"> <div class="row cms-area mb-12 border-b border-solid border-primary"> <div class="md:col-6 p-0 items-stretch min-h-[250px]"> {% include '@theme/common/map.html.twig' %} </div> <div class="md:col-6 p-0 hidden md:flex"> <img class="max-w-full h-auto" src="{{ imageCache('/userfiles/images/page/' ~ page.image2, 'zoomCrop', 800, 600) }}" alt="Stable Scaffolding office" loading="lazy"> </div> </div> <div class="row"> <div class="col-12"> {{ page.content|raw }} {{ renderComponents('Enquiry Form', pageComponents)|raw }} </div> </div> <div class="row md:hidden"> <div class="col-12"> <img class="max-w-full h-auto mt-12" src="{{ imageCache('/userfiles/images/page/' ~ page.image2, 'zoomCrop', 800, 600) }}" alt="Stable Scaffolding office" loading="lazy"> </div> </div> </div></section>{% endblock %}{% block stylesheets %}{% endblock %}