{% import "./macros_typography.html.twig" as macrosTypography %}
{% import "./macros_button.html.twig" as macrosButton %}
{% set sectionClass = 'pt-8 lg:pt-[120px] pb-10 lg:pb-32' %}
<section section-shade="light" class="get-in-touch-section pt-8 lg:pt-[120px] pb-10 lg:pb-32 bg-white text-blue">
<div class="big-container flex flex-col xl:flex-row justify-between">
<div class="sm:w-1/2 xl:w-3/12 xl:max-w-[305px]">
<h2 class="h2" split-direction="top" split-trigger="scroll">{{content.getInTouchSectionTitle|raw}}</h2>
<div class="text-sm sm:text-lg xl:text-sm mt-4 xl:mt-8" fade fade-trigger="scroll">{{content.getInTouchSectionDescription|raw}}</div>
</div>
<div fade="" fade-trigger="scroll" class="mt-8 xl:w-8/12 xl:max-w-[864px]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">
<div id="form-wrapp">
{% set action_url = '/mail/send' %}
<div id="alert" class="hidden">
<span class="closebtn" onclick="this.parentElement.style.display='none';">×</span>
This is an alert box.
</div>
<form id="message-response" action="{{ action_url }}" method="post" class="grid sm:grid-cols-2 gap-8">
{% if app.flashes('sucess')|length == 0 %}
{{ include('pages/blocks/sub-blocks/project-form.html.twig', {
path : path('mail_send'),
snippets : content.snippets,
method : 'POST',
}) }}
{% endif %}
</form>
</div>
</div>
</div>
</section>