templates/front/pages/services-1.html.twig line 1

Open in your IDE?
  1. {% extends 'front/page.html.twig' %}
  2. {% trans_default_domain 'front' %}
  3. {% import "front/_shared/macros.html.twig" as macro %}
  5. {% block body_class %}{{ parent() }} {% endblock %}
  7. {%  block meta_title %}{{ page.metaTitle }}{% endblock %}
  8. {%  block meta_description %}{{ page.metaDescription }}{% endblock %}
  10. {% block header_class %}dark-header{% endblock %}
  12. {% block header_content %}{% endblock %}
  14. {% block page_content %}
  16.     <div id="page-content" class="container">
  17.         <div class="page-header">
  18.             <h1>Les services <span>Citizens</span></h1>
  19.             <p class="intro">
  20.                 Vous pouvez être serein, nous nous occupons de tout !
  21.                 <br>Vous n'avez qu'à piloter vos services via votre compte sur ce site internet !
  22.             </p>
  23.         </div>
  25.         <div class="block-image-text type-3">
  26.             <img src="{{ asset('build/images/benefits/bg-circle.png') }}" class="bg-circle" alt="">
  27.             <div class="illustration bg-shape shape-3">
  28.                 <img src="{{ asset('build/images/benefits/benefit_service_1.jpg') }}" alt="">
  29.             </div>
  30.             <div class="content">
  31.                 <h2 class="title">Profitez de <span>bonnes surprises</span> !</h2>
  32.                 <p style="max-width: 500px;">Tout est inclus dans votre loyer et votre contrat de services, vous n’avez pas de coût additionnel !</p>
  33.             </div>
  34.         </div>
  36.         <!--div class="block-image-text type-4">
  37.             <div class="illustration bg-shape shape-4">
  38.                 <img src="{{ asset('build/images/benefits/benefit_service_2.jpg') }}" alt="">
  39.             </div>
  40.             <div class="content-container">
  41.                 <div class="content">
  42.                     <h2 class="title">Services <span>sur mesure</span></h2>
  43.                     <ul class="check-list">
  44.                         <li>Conciergerie pour répondre à tout besoin « vie quotidienne », administratif, santé, loisirs…</li>
  45.                         <li>Service d’aide à l’emménagement (picking à l'aéroport ou à la gare)</li>
  46.                         <li>Prêt de matériel (imprimante, vélo électrique, appareil à raclette, TV, meubles, luminaires …)</li>
  47.                     </ul>
  48.                 </div>
  50.                 <div class="content content-2">
  51.                     <h3 class="title">Vous voulez <span>changer de Coliving ?</span></h3>
  52.                     <p>Possibilité de changer de Coliving à tout moment <strong class="primary">pour 99 euros sans repayer de caution</strong> via notre site internet</p>
  53.                 </div>
  54.             </div>
  55.         </div-->
  57.         <div class="membership">
  59.             {% set prices = [
  60.                 {label: 'Produits d’entretien bio', price1: '30€', price2: '15€', price3: 'Inclus'},
  61.                 {label: 'Maintenance en 48h', price1: 'N/A', price2: 'N/A', price3: 'Inclus'},
  62.                 {label: 'Ménage', price1: '60€', price2: '30€', price3: 'Inclus'},
  63.                 {label: 'Activités', price1: '50€', price2: '30€', price3: 'Inclus'},
  64.                 {label: 'Loisirs', price1: 'N/A', price2: 'N/A', price3: 'Inclus'},
  66.                 {label: 'Internet', price1: '40€', price2: '20€', price3: 'Inclus'},
  67.                 {label: 'Assurance', price1: '25€', price2: '25€', price3: 'Inclus'},
  68.                 {label: 'Chaudière', price1: '100€', price2: '50€', price3: 'Inclus'},
  69.                 {label: 'Gaz', price1: '20€', price2: '20€', price3: 'Inclus'},
  70.                 {label: 'Eau', price1: '15€', price2: '15€', price3: 'Inclus'},
  71.                 {label: 'Electricité', price1: '50€', price2: '30€', price3: 'Inclus'},
  72.             ] %}
  74.             <section class="better-way mb-4">
  75.                 <h2>Une meilleure <span class="text-primary font-weight-bold font-italic">qualité de vie</span></h2>
  76.                 <p>Nos formules tout compris vous permettent de gérer vos dépenses avec plus de tranquilité.</p>
  77.                 <div class="row plans">
  78.                     <div class="col-3 first">
  79.                         <div class="title-case"></div>
  80.                         {% for price in prices %}
  81.                             <div class="case">
  82.                                 {{ price.label }}
  83.                             </div>
  84.                         {% endfor %}
  85.                     </div> <!-- first column -->
  86.                     <div class="col-3 second">
  87.                         <div class="title-case">
  88.                             <h3>Vivre seul</h3>
  89.                         </div>
  90.                         {% for price in prices %}
  91.                             <div class="case">
  92.                                 {{ price.price1 }}
  93.                             </div>
  94.                         {% endfor %}
  95.                     </div>
  96.                     <div class="col-3 third">
  97.                         <div class="title-case">
  98.                             <h3>Autres colocations</h3>
  99.                         </div>
  100.                         {% for price in prices %}
  101.                             <div class="case">
  102.                                 {{ price.price2 }}
  103.                             </div>
  104.                         {% endfor %}
  105.                     </div>
  106.                     <div class="col-3 featured">
  107.                         <div class="title-case" style="color: #FFF; padding: 0 5px">
  108.                             <img style="max-width: 100%;" src="{{ asset('build/images/logo_white.svg') }}" alt="Citizens">
  109.                         </div>
  110.                         {% for price in prices %}
  111.                             <div class="case">
  112.                                 {{ price.price3 }}
  113.                             </div>
  114.                         {% endfor %}
  115.                     </div>
  116.                 </div>
  117.             </section>
  119.             <div style="margin-top: -1em;">
  120.                 <small>* montant à titre indicatif</small>
  121.             </div>
  122.         </div>
  124.         <br>
  125.         <br>
  127.         <div class="block-image-text type-services-1">
  128.             <img src="{{ asset('build/images/benefits/bg-circle.png') }}" class="bg-circle-2" alt="">
  129.             <div class="illustration bg-shape shape-6">
  130.                 <img src="{{ asset('build/images/benefits/benefit_service_5.jpg') }}" alt="">
  131.             </div>
  132.             <div class="content">
  133.                 <h2 class="title">Le grand <span>frère</span></h2>
  134.                 <p>Tout locataire signe une charte du bien vivre ensemble pour permettre à tout le monde d’être bien chez soi.</p>
  135.                 <p>Le grand frère est là pour vous aider au quotidien en cas de manquement au respect de cette charte.</p>
  136.             </div>
  137.         </div>
  139.         <div class="block-image-text type-services-2">
  140.             <div class="illustration">
  141.                 <img src="{{ asset('build/images/benefits/benefit_service_6.png') }}" alt="">
  142.             </div>
  143.             <div class="content">
  144.                 <h2 class="title">Un site <span>pour tout piloter</span></h2>
  145.                 <p>Vous pilotez tout via notre site : maintenance, signature de bail, dédite, inscription à des loisirs, état des lieux, conciergerie, changement de coliving...</p>
  146.             </div>
  147.         </div>
  149.         <div class="block-image-text type-services-3">
  150.             <div class="content">
  151.                 <h2 class="title">Changer <span>de coliving</span></h2>
  152.                 <p>Vous avez envie de changement, un coliving vous plaît plus ?</p>
  153.                 <p>Aucun problème, vous changez de coliving pour 99 euros sans frais supplémentaire (hors montant de caution différent).</p>
  154.             </div>
  155.         </div>
  157.         <div class="block-image-text type-5">
  158.             <div class="illustration bg-shape shape-5">
  159.                 <img src="{{ asset('build/images/benefits/benefit_service_3.jpg') }}" alt="">
  160.             </div>
  161.             <div class="content">
  162.                 <img class="lines" src="{{ asset('build/images/benefits/bg-lines-2.png') }}" alt="">
  163.                 <h2 class="title"><span>Ménage</span></h2>
  164.                 <p>
  165.                     Les zones de vie commune sont nettoyées avec soin vous permettant de profiter d’espaces propres et entretenus.
  166.                     <br>Vous pouvez également bénéficier en option du ménage dans votre chambre.
  167.                 </p>
  168.             </div>
  169.         </div>
  171.         <div class="block-image-text type-6">
  172.             <div class="illustration bg-shape shape-6">
  173.                 <img src="{{ asset('build/images/benefits/benefit_service_4.jpg') }}" alt="">
  174.             </div>
  175.             <div class="content">
  176.                 <h2 class="title"><span>Maintenance </span></h2>
  177.                 <p>
  178.                     Un problème de support technique ou de maintenance ?
  179.                     <br>Connectez-vous sur votre compte sur notre site internet. Nos équipes se tiennent à disposition pour vous assister et intervenir sous 24h.
  180.                 </p>
  181.             </div>
  182.         </div>
  184.         <div class="other-benefits">
  185.             {% include 'front/pages/benefits/_shared/other-benefit-title.html.twig' %}
  186.             {% include 'front/pages/benefits/_shared/other-benefit-quality.html.twig' %}
  187.             {% include 'front/pages/benefits/_shared/other-benefit-pleasure.html.twig' %}
  188.             {% include 'front/pages/benefits/_shared/other-benefit-citizens.html.twig' %}
  189.         </div>
  191.         {% include 'front/pages/benefits/_shared/more-details-push.html.twig' %}
  193.         {% include "front/_shared/faq.html.twig" %}
  194.     </div>
  196. {% endblock %}
  198. {% block stylesheets %}
  199.     {{ parent() }}
  200.     {{ encore_entry_link_tags('page-services') }}
  201. {% endblock %}