{# templates/home.html.twig #}
{% extends 'base.html.twig' %}

{% block title %}Cleanolia : Nettoyage et Entretien des Locaux Partout en France{% endblock %}
{% block description %}Avec Cleanolia, vous disposez d’un interlocuteur unique pour toutes vos prestations d’entretien et de nettoyage industriel et particulier partout en France. Intervention 7j/7{% endblock %}

{% block stylesheets %}
{{ parent() }}
<link href="{{ asset('layerslider/css/layerslider.css') }}" rel="stylesheet">
{% endblock %}

{% block body %}
    <div id="full-slider-wrapper">
        <div id="layerslider" style="width:100%;height:500px;">
            <div class="ls-slide" data-ls="slidedelay: 5000; transition2d:5;">
                <img src="{{ asset('assets/webp/slide_1.webp') }}" class="ls-bg" alt="">
                <h3 class="ls-l" style="top: 45%; left: 35%; font-size: 50px; white-space:nowrap; color:#fff; text-transform:uppercase; font-weight:bold;text-shadow:0px 0px 10px #111;" data-ls="offsetxin:0;durationin:2000;delayin:1000;easingin:easeOutElastic;rotatexin:90;transformoriginin:50% bottom 0;offsetxout:0;rotatexout:90;transformoriginout:50% bottom 0;">Nettoyage et entretien</h3>
                <p class="ls-l" style="top:55%; left:35%; color:#fff; font-size:18px; white-space:nowrap;text-shadow:0px 0px 10px #111;" data-ls="durationin:2000;delayin:1000;easingin:easeOutElastic;">Cleanolia est spécialisé dans le nettoyage et l’entretien de vos locaux</p>
                <p class="ls-l" style="top:67%; left:35%;" data-ls="durationin:2000;delayin:1300;easingin:easeOutElastic;" ><a href="{{ path('societe_nettoyage') }}" class="button_intro">Voir plus</a></p>
            </div>
     
            <div class="ls-slide" data-ls="slidedelay: 5000; transition2d:5;">
                <img src="{{ asset('assets/webp/slide_2.webp') }}" class="ls-bg" alt="">
                <h3 class="ls-l" style="top:50%; left:40%; font-size: 50px; white-space:nowrap; color:#fff; text-transform:uppercase; font-weight:bold;text-shadow:0px 0px 10px #111;" data-ls="offsetxin:0;durationin:2000;delayin:1000;easingin:easeOutElastic;rotatexin:90;transformoriginin:50% bottom 0;offsetxout:0;rotatexout:90;transformoriginout:50% bottom 0;">Nettoyage et entretien de bureaux</h3>
                <p class="ls-l" style="top:58%; left:40%; color:#fff; font-size:18px; white-space:nowrap;text-shadow:0px 0px 10px #111;" data-ls="durationin:2000;delayin:1000;easingin:easeOutElastic;">Cleanolia assure le nettoyage des vos bureaux et espaces de travail</p>
                <p class="ls-l" style="top:69%; left:40%;" data-ls="durationin:2000;delayin:1300;easingin:easeOutElastic;"><a href="{{ path('entretien_bureaux') }}" class="button_intro">Voir plus</a></p>
            </div>
        
            <div class="ls-slide" data-ls="slidedelay:5000; transition2d:5;" >
                <img src="{{ asset('assets/webp/slide_3.webp') }}" class="ls-bg" alt="">
                <h3 class="ls-l" style="top: 40%; left: 35%; font-size: 50px; white-space:nowrap; color:#fff; text-transform:uppercase; font-weight:bold;text-shadow:  0px 0px 10px #111;" data-ls="offsetxin:0;durationin:2000;delayin:1000;easingin:easeOutElastic;rotatexin:90;transformoriginin:50% bottom 0;offsetxout:0;rotatexout:90;transformoriginout:50% bottom 0;">Nettoyage maison et appartement</h3>
                <p class="ls-l" style="top:48%; left:35%; color:#fff; font-size:18px; white-space:nowrap;text-shadow:0px 0px 10px #111;" data-ls="durationin:2000;delayin:1000;easingin:easeOutElastic;">Profitez d’un intérieur d’une propreté sans failles</p>
                <p class="ls-l" style="top:60%; left:35%;" data-ls="durationin:2000;delayin:1300;easingin:easeOutElastic;"><a href="{{ path('maison_appartement') }}" class="button_intro">Voir plus</a></p>
            </div>
          
            <div class="ls-slide" data-ls="slidedelay: 5000; transition2d:5;">
                <img src="{{ asset('assets/webp/slide_4.webp') }}" class="ls-bg" alt="">
                <h3 class="ls-l" style="top:50%; left:50%; font-size: 50px; white-space:nowrap; color:#fff; text-transform:uppercase; font-weight:bold;text-shadow:  0px 0px 10px #111;" data-ls="offsetxin:0;durationin:2000;delayin:1000;easingin:easeOutElastic;rotatexin:90;transformoriginin:50% bottom 0;offsetxout:0;rotatexout:90;transformoriginout:50% bottom 0;">Nettoyage des vitres</h3>
                <p class="ls-l" style="top:58%; left:50%; color:#fff; font-size:18px; white-space:nowrap; text-shadow:0px 0px 10px #111;" data-ls="durationin:2000;delayin:1000;easingin:easeOutElastic;">Confiez le nettoyage de vos vitres à Cleanolia !</p>
                <p class="ls-l" style="top:70%; left:50%;" data-ls="durationin:2000;delayin:1300;easingin:easeOutElastic;"><a href="{{ path('societe_nettoyage') }}" class="button_intro">Voir plus</a></p>
            </div>
        </div>
    </div>
    
    <div class="container margin_60">
        <div class="row">
            <div class="col-md-9">
                <p style="font-size:1.1em;">La société Cleanolia met en relation les particuliers et professionnels avec des sociétés de nettoyage toutes spécialités.<br>
                L’expertise de nos collaborateurs s’étend à un long panel de services : rénovations d’appartements, remplacement de gardien, distribution de courrier, nettoyage de tags et incivilités…<br>
                Avec Cleanolia, vous disposez d’un interlocuteur unique pour toutes vos prestations d’entretien et de nettoyage.<br>
                En parcourant notre site, vous découvrirez une gamme de prestations complètes adaptées aux besoins des particuliers mais également à ceux des professionnels.</p>
                
                <div class="container margin_60">
                    <div class="row">
                        <div class="col-md-9" style="text-align:center;">
                            <ul id="custom-titles" class="stepy-titles" style="margin:0 auto;text-align:center;">
                                <li class="current-step" style="margin:2px 6px;"><div>Bureaux<br>& boutiques</div></li>
                                <li class="current-step" style="margin:2px 6px;"><div>Immeubles,<br>gardiennage</div></li>
                                <li class="current-step" style="margin:2px 6px;"><div>Appartements<br> & maisons</div></li>
                                <li class="current-step" style="margin:2px 6px;"><div>Nettoyage<br>&nbsp;</div></li>
                                <li class="current-step" style="margin:2px 6px;"><div>Nettoyage de<br>fin de chantier</div></li>
                            </ul>
                        </div>
                    </div>
                </div>
                
                <h2>Pourquoi choisir Cleanolia ?</h2>
                <p style="font-size:1.1em;">En passant par Cleanolia, vous optez pour des prestations professionnelles de qualité. Nous avons sélectionné pour vous des sociétés efficaces et consciencieuses, dont les agents ont la maitrise des règles d’hygiène et de propreté, ainsi que de tous les procédés de nettoyage.<br>
                Le respect des consignes de sécurité, de l’environnement ainsi que la discrétion sont au cœur de des valeurs de nos partenaires, et le socle de la relation de confiance établie avec nos clients.</p>
                <div class="row">
                    <div class="col-md-6">
                        <img src="{{ asset('assets/webp/solutions_adaptees.webp') }}" alt="Des solutions adaptées" class="img-responsive border">
                        <h3>Des solutions adaptées</h3>
                        <p style="font-size:1.1em;">Nous vous proposons des solutions adaptées à vos besoins et votre budget.</p>
                    </div>
                    <div class="col-md-6">
                        <img src="{{ asset('assets/webp/professionnels_consciencieux.webp') }}" alt="Des professionnels consciencieux" class="img-responsive border">
                        <h3>Des professionnels consciencieux</h3>
                        <p style="font-size:1.1em;">Les agents de nos sociétés partenaires sont formés au respect de la confidentialité, aux consignes de sécurité ainsi qu’à tous les procédés de nettoyage.</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <img src="{{ asset('assets/webp/flexibilite_reactivite.webp') }}" alt="Flexibilité et réactivité" class="img-responsive border">
                        <h3>Flexibilité et réactivité</h3>
                        <p style="font-size:1.1em;">Nos prestataires interviendront rapidement et sous le respect de vos contraintes horaires.</p>
                    </div>
                    <div class="col-md-6">
                        <img src="{{ asset('assets/webp/nettoyage_ecologique.webp') }}" alt="Une démarche éco-responsable" class="img-responsive border">
                        <h3>Une démarche éco-responsable</h3>
                        <p style="font-size:1.1em;">Le respect de l’environnement est au cœur de nos valeurs, nous vous proposons un service de nettoyage écologique.</p>
                    </div>
                </div>
            </div>
            
            {{ render(controller('App\\Controller\\LayoutController::rightColumn', {'current': current})) }}

        </div>
    </div>
    
    {% if remote_addr == mon_ip %}{% endif %}
{% endblock %}

{% block javascripts %}
{{ parent() }}
<script src="{{ asset('layerslider/js/greensock.js') }}"></script>
<script src="{{ asset('layerslider/js/layerslider.transitions.js') }}"></script>
<script src="{{ asset('layerslider/js/layerslider.kreaturamedia.jquery.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('#layerslider').layerSlider({
            autoStart: true,
			responsive: true,
			responsiveUnder: 1280,
			layersContainer: 1170,
            skinsPath: 'layerslider/skins/'
        });
    });
</script>
{% endblock %}