{% 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' %}
<form action="{{ action_url }}" method="post" class="grid sm:grid-cols-2 gap-8">
{% for message in app.flashes('error') %}
<div style="color:red;text-align:center;">
{{ message }}
</div>
{% endfor %}
{% if app.flashes('sucess')|length == 0 %}
{{ include('pages/blocks/sub-blocks/project-form.html.twig', {
path : path('mail_send'),
snippets : content.snippets,
method : 'POST',
}) }}
{% else %}
<div class='text-center' style="margin-top: 60px;">
{% if content.snippets %}
{{content.snippets[0].submition_message|raw}}
{% endif %}
</div>
{% endif %}
</form>
</div>
</div>
</div>
</section>