{% extends "::layout.html.twig" %}
{% block container %}
    <div class="row">
        <div class="col-md-12">    
            <div id="parrainage">

                <h1>Parrainage : développons le commerce de proximité</h1>

                <br />
                <div class="center">
                    {% block header %}
                        <a href="/coupon/" class="print"></a>
                    {% endblock %}
                    <br />
                    <h2>Notre plateforme vous offre la possibilité d'arrondir vos fins de mois<br />
                        tout en contribuant au développement du commerce de proximité.</h2>
                    <br />
                    <img src="/images/parrainage-proxishop1.png" alt="s'inscrire sur le site"/><br />

                    <img src="/images/parrainage-proxishop2.png" alt="j'imprime mon coupon parrainage"/><br />

                    <img src="/images/parrainage-proxishop3.png" alt="remettre le coupon parrainage"/><br />

                    <img src="/images/parrainage-proxishop4.png" alt="gagner de l'argent"/><br />
                    <br />
                    <p>Votre mobilisation a permis aux clients de commander en ligne les produits des commerçants de la commune,<br />
                        grâce à  vous les commerçants de proximité relancent leur activité, cela simplifie le quotidien de tous.</p>

                    <img src="/images/clients-proxishop.jpg" alt="clients proxishop - clients consommez-Limousin"/>
                    <br />
                    <br />

                    <p>Notre programme de parrainage vous permet de gagner<br />
                        en toute simplicité de <b>30 &euro;</b> par commerce ajouté sur le site.
                        <br /><br />
                        Le règlement se fait automatiquement par chèque bancaire ou par un coupon promotionnel dès validation de la boutique invitée.</p>

                    <p>Vous avez des questions ? <a href="{{ path('you_pagecontent_afficher',{slug:'contact'}) }}" title="Contacter l'équipe Consommez En France.com">Contactez-nous</a></p>

                    <p>
                        Un professionnel s'inscrit, vous gagnez <span class="red">30 &euro;</span>
                    </p>

                    <br />

                    <img src="/images/offres-parrainage.png" alt="images offres proxishop"/>
                    <br />
                    <br />
                    <h3>Quels types de professionnels puis-je inviter ?</h3>
                    <p>Vous pouvez inviter tous types de professionnes, vos <strong>commerçants de proximité</strong><br />
                        (boucher, boulanger, traiteur, vendeur de vêtements, coiffeur, esthéticien, garagiste, opticien, bar, restaurant, fast food...)<br />
                        tous les services aux particuliers, alimentation, mode, magasins spécialisés, restauration, services aux entreprises, artisans et <strong>producteurs locaux</strong> 
                        (maraichers, viticulteurs, apiculteurs, etc...)
                        <br />
                        vous recevrez automatiquement un chèque bancaire ou un coupon promotionnel par voie postale.</p>
                    <br />
                    <h3>Comment serai-je informé de l'inscription d'un commerçant ?</h3>
                    <p>Pour chaque inscription d'un nouveau commerçant grâce à  vous,<br />
                        vous recevrez automatiquement un chèque bancaire par voie postale.</p>
                    <br />
                    <h3>Puis-je parrainer plusieurs commerçants ?</h3>
                    <p>Il n'y a aucune limite, vous pouvez parrainer autant de commerçants que vous le souhaitez.<br />
                        Vous toucherez votre gain pour chaque commerçant recruté.</p>
                    <br />
                    <h3>Sous combien de jours vais-je recevoir mon chèque bancaire ?</h3>
                    <p>Il faut compter un délai de 14 jours pour obtenir votre chèque bancaire.</p>
                    <br />
                    {% block footer %}
                        <a href="/coupon/" class="print"></a>
                    {% endblock %}
                    <br />
                    <p>Vous avez des questions ? <a href="{{ path('you_pagecontent_afficher',{slug:'contact'}) }}" title="Contacter l'équipe">Contactez-nous</a></p>
                </div>

            </div>
        </div>
    </div>
    <style>
        #parrainage{
            width:auto;
            margin:auto;
        }
        .center{
            text-align:center;
        }
        #parrainage h1{
            font-size:22px;
        }
        #parrainage .center h2{
            font-size:16px;
        }
        #parrainage .center p{
            font-size:14px;
        }
        #parrainage .red{
            color:#aa000c;
            font-weight:bold;
            font-size:18px;
        }
        #parrainage h3{
            color:#aa000c;
            font-size:16px;
        }
        #parrainage a{
            color:#0090ff;
            font-weight:bold;
            font-size:14px;
        }
        #parrainage a:hover{
            color:#000;
        }
        #parrainage .print{
            display:inline-block;
            background-image:url('/images/img-coupon-parrainage_off.png');
            width:276px;
            height:52px;
        }
        #parrainage .print:hover{
            display:inline-block;
            background-image:url('/images/img-coupon-parrainage_on.png');
            width:276px;
            height:52px;
        }
    </style>
{% endblock %}