{% block body %}
{% if isHome is defined %}
<div class="container">
<div class="row">
<div class="col-xl-6">
<h1 class="title animate__animated" data-controller="sentences" data-animation="animate__fadeIn" data-delay="1000" invisible>L'agence digitale pour vos projets <br /><strong>{% if sentences is not empty %}{% for sentence in sentences %}<span data-sentences-target="sentence" data-color="{% if sentence.color is null %}#ffffff{% else %}{{ sentence.color }}{% endif %}" hidden>{{ sentence.name }}</span>{% endfor %}{% endif %}<span id="sentencesBloc" data-sentences-target="sentenceScope"></span></strong></h1>
{{ mod_shortcuts|raw }}
</div>
<div class="col-xl-6 content_bubbles">
{% if page.image is not null %}
<img src="{{ page.image }}" alt="{{ page.name }}" class="img-fluid img-home" width="859" height="556" />
{% endif %}
{% include '/public/images/animations/orangebubble.svg' %}
{% include '/public/images/animations/redbubble.svg' %}
</div>
</div>
</div>
{% if mod_social is defined %}
<div class="mod_socials_abs">
{{ mod_social|raw }}
</div>
{% if pag_contact is defined %}
<a href="{{ path('pages_detail', {'rewrite':pag_contact.rewrite}) }}" class="link_item_contact">
J'ai un projet <img class="img-fluid" src="/images/bulle_captusite.svg" alt="Bulle Captusite" width="48" height="48" />
</a>
{% endif %}
{% endif %}
<p class="text-abs">Expert en création d'outils numériques sur-mesure</p>
{% endif %}
{% endblock %}