<?php /* Template Name: Accueil */ // get_header(); ?>
<div id="content_aeb">
    <main>
        <!-- section 1 ------------------------------------------------------------------------------------ -->
        <section id="verseau-1">			
            <div class="container">
                <h1>prestations votre domicile, résidence secondaire…</h1>
                <p>
                Vous cherchez un partenaire flexible et compétent <br>
                pour le ménage et l’entretien de votre maison
                </p>
                <a class="button button-devis">Je demande un devis</a>
            </div>
        </section>

        <!-- section 2 ------------------------------------------------------------------------------------ -->
        <!-- nos prestations ------------------------------------------------------------------------------------ -->
        <section id="verseau-2">
            <div class="container">
                <div class="row">
                    <h2>Nos prestations</h2>
                    <div class="presta-group">
                        <div class="presta-item">
                            <div class="img">
                                <img src="<?= get_template_directory_uri().'/images/img_verseau_page_particulier/particulier-1'?>" alt="picto aspirateur">
                            </div>
                            <h3>Aspirateur <br> tapis, moquettes parquet</h3>
                        </div>
                        <div class="presta-item">
                            <div class="img">
                                <img src="<?= get_template_directory_uri().'/images/img_verseau_page_particulier/particulier-2'?>" alt="picto vitres">
                            </div>
                            <h3>nettoyage des vitres</h3>
                        </div>
                        <div class="presta-item">
                            <div class="img">
                                <img src="<?= get_template_directory_uri().'/images/img_verseau_page_particulier/particulier-3'?>" alt="picto poussière">
                            </div>
                            <h3>époussetage <br>mobilier, murs et plafonds</h3>
                        <div class="presta-item">
                            <div class="img">
                                <img src="<?= get_template_directory_uri().'/images/img_verseau_page_particulier/particulier-4'?>" alt="picto serpillère">
                            </div>
                            <h3> serpillère lessivage des sols</h3>
                        </div>
                        <div class="presta-item">
                            <div class="img">
                                <img src="<?= get_template_directory_uri().'/images/img_verseau_page_particulier/particulier-5'?>" alt="picto plus">
                            </div>
                            <h3>et bien plus…</h3>
                        </div>
                    </div>

                    <!-- section chantier -->
                    <div class="chantier-group">
                        <img src="<?= get_template_directory_uri().'/images/img_verseau_accueil/verseau-recyclage-1.jpg'?>" alt="photo document">
                        <div class="chantier-text">
                            <h2>Verseau Recyclage</h2>
                            <h3>Destruction d’archives <br>et de documents confidentiels</h3>
                            <div class="picture-group">
                                <img src="<?= get_template_directory_uri().'/images/img_verseau_accueil/verseau-recyclage-2.jpg'?>" alt="destruction document">
                                <img src="<?= get_template_directory_uri().'/images/img_verseau_accueil/verseau-recyclage-3.jpg'?>" alt="stockage document">
                            </div>
                            <p>
                                Lorem ipsum dolor sit amet, consetetur sadipscing elitr, 
                                sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, 
                                sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
                                Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
                                Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod 
                                tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
                                At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd 
                                gubergren, no sea takimata sanctus est
                            </p>
                            <a class="button" href="<?= bloginfo('url').'/decouvrez-nous/'; ?>" title="Découvrez-nous">Découvrez notre service</a>
                        </div>
                    </div>

                    <?php require_once ('templates/demarche.php')?>
                </div>
            </div>
        </section>

        <!-- section 3 ------------------------------------------------------------------------------------ -->
        <section id="verseau-3">
            <div class="container">
                <h2>comment ça marche ?</h2>
                <div class="row">
                    <!-- <img src="" alt="fresque étapes"> -->

                    <div class="bloc-5">
                        <h3 class="fresque">1</h3>
                        <p>Nous échangeons pour mieux appréhender vos besoins et vos attentes.</p>
                    </div>
                    <div class="bloc-5">
                        <h3 class="fresque">2</h3>
                        <p>Verseau nettoyage vous propose un devis sur-mesure.</p>
                    </div>
                    <div class="bloc-5">
                        <h3 class="fresque">3</h3>
                        <p>Nous vous proposons des intervenants qualifiés et expérimentés.</p>
                    </div>
                    <div class="bloc-5">
                        <h3 class="fresque">4</h3>
                        <p>Nous vous délivrons une prestation de qualité.</p>
                    </div>
                    <div class="bloc-5">
                        <h3>5</h3>
                        <p>Nous assurons le suivi des interventions et ajustons selon vos besoins.</p>
                    </div>
                    <a class="button">Je demande un devis</a>
                </div>
            </div>
        </section>

        <!-- section 4 ------------------------------------------------------------------------------------ -->
        <section id="verseau-4">
            <div class="container">
                <div class="row">
                    <!-- <div class="bloc-2">
                        <div class="demarche-pictures"> -->
                            <div class="bloc-4"><img src="<?= get_template_directory_uri().'/images/img_verseau_accueil/demarche-1.jpg'?>" alt="photo nettoyage">  </div>
                            <div class="bloc-4"><img src="<?= get_template_directory_uri().'/images/img_verseau_accueil/demarche-2.jpg'?>" alt="photo pièce propre"></div>
                          
                        <!-- </div>
                    </div> -->
                    <div class="bloc-2">
                        <div class="demarche-text">
                            <h2>Notre démarche</h2>
                            <p>
                                Lorem ipsum dolor sit amet, consetetur sadipscing elitr, 
                                sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, 
                                sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
                                Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
                                Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod 
                                tempor invidunt ut labore et 
                            </p>
                            <a class="button">Nos engagements</a>
                        </div>
                    </div>
        </section>

        <!-- section 5 ------------------------------------------------------------------------------------ -->
        <?php require_once '/wp-content/themes/julien_verseau/templates/confiance.php'?>

        <!-- section 6 ------------------------------------------------------------------------------------ -->


        <section id="verseau-6">
            <div class="container">
                <div class="row">
                    <h2>Contactez-nous</h2>
                    <p>
                        Fort de nos 12 années d’expérience dans le secteur du nettoyage pour les particuliers et les professionnels, plus de 30 entreprises de Vannes et du Morbihan nous font confiance.<br> 
                            Renseignez le formulaire et nous vous recontacterons pour convenir d’un rendez-vous.
                    </p>

<!-- --------------------------------------------------- import form --------------------------------------------------- -->

                    <?= do_shortcode( '[gravityform id="1" title="false" description="false"]' ); ?>
                    
                </div>
            </div>
        </section>

    </main>
</div>
<?php //get_footer(); ?>