{% 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 %}