{% extends 'layouts/front/coming.html.twig' %}

{% block title %}{{ context.get['app'] ? context.get['app'].name : company_name }} - Site en construction{% endblock %}

{% block body %}
    <div class="fxt-content-box fxt-content-box-layout10 fxt-absolute-box fxt-box-center-right">
        <div class="fxt-item-subtitle fxt-transformX--100 fxt-transition-delay-7">Bonjour...!</div>
        <div class="ah-animate"
             data-line-options='{"animationType": "scale", "animationDelay": 1500 }'>
            <div class="ah-headline fxt-transformY-100 fxt-transition-delay-8">
                <span class="fxt-item-title fxt-transformX--100 fxt-transition-delay-9 animate-text ah-words-wrapper">
                    <b class="is-visible">Nous arrivons</b>
                    <b>Bientôt</b>
                    <b>Très Bientôt</b>
                </span>
            </div>
        </div>
        <p class="fxt-transformX--100 fxt-transition-delay-9">Nous sommes en cours de construction.</p>
        <!-- Social Area Start Here -->
        <div class="fxt-social fxt-social-layout10">
            <ul class="fxt-social-items fxt-items-light">
                {% if context.get['app'].facebook %}
                    <li class="fxt-facebook fxt-transformX--100 fxt-transition-delay-18">
                        <a href="{{ context.get['app'].facebook }}" title="Facebook"><i class="fab fa-facebook-f"></i></a>
                    </li>
                {% endif %}

                {% if context.get['app'].twitter %}
                    <li class="fxt-twitter fxt-transformX--100 fxt-transition-delay-17">
                        <a href="{{ context.get['app'].twitter }}" title="twitter"><i class="fab fa-twitter"></i></a>
                    </li>
                {% endif %}

                {% if context.get['app'].linkedin %}
                    <li class="fxt-linkedin fxt-transformX--100 fxt-transition-delay-14">
                        <a href="{{ context.get['app'].linkedin }}" title="linkedin"><i class="fab fa-linkedin-in"></i></a>
                    </li>
                {% endif %}

                {% if context.get['app'].youtube %}
                    <li class="fxt-youtube fxt-transformX--100 fxt-transition-delay-13">
                        <a href="{{ context.get['app'].youtube }}" title="youtube"><i class="fab fa-youtube"></i></a>
                    </li>
                {% endif %}
            </ul>
        </div>
        <!-- Social Area End Here -->
    </div>
{% endblock %}