templates/front/pages/investors-2.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 %}
  4. {% block body_class %}{{ parent() }} {% endblock %}
  5. {%  block meta_title %}{{ page.metaTitle }}{% endblock %}
  6. {%  block meta_description %}{{ page.metaDescription }}{% endblock %}
  7. {% block header_class %}landlords-head{% endblock %}
  8. {% block header_content %}
  9.     <div class="container landlords-header-container">
  10.         <div class="row">
  11.             <div class="col-12 col-lg-6 col-xl-8 intro-ctn">
  12.                 <h1><span>Gagnez plus</span> plus avec votre investissement locatif chez Citizens.</h1>
  13.                 <p class="intro">Découvrez comment booster vos rendements locatifs avec des solutions de coliving.</p>
  14.             </div>
  15.             <div class="col-12 col-lg-6 col-xl-4 form">
  16.                 <div class="form-container">
  17.                     <h2><span>Discutons</span>-en</h2>
  18.                     {{ form_start(form, {'attr': {'data-controller': 'form'}}) }}
  19.                         {% if success %}
  20.                             <div class="alert alert-success mt-4 mb-4">
  21.                                 {{ 'text.contact_success'|trans }}
  22.                             </div>
  23.                             <br>
  24.                         {% else %}
  25.                             {{ form_widget(form.firstname) }}
  26.                             {{ form_widget(form.lastname) }}
  27.                             {{ form_widget(form.email) }}
  28.                             {{ form_widget(form.phone) }}
  29.                             <small class="d-block mt-2">
  30.                                 {{ form_row(form.optin) }}
  31.                             </small>
  32.                             <div style="transform:scale(0.77); transform-origin:0 0; position: relative; top: 10px;">
  33.                                 {{ form_widget(form.recaptcha) }}
  34.                             </div>
  35.                             <input class="submit" type="submit" name="submit" id="submit" value="ENVOYER">
  36.                             {{ form_row(form._token) }}
  37.                         {% endif %}
  38.                     {{ form_end(form, {render_rest: false}) }}
  39.                 </div> <!-- form container -->
  40.             </div> <!-- col-4 -->
  41.         </div> <!-- row -->
  42.     </div> <!-- landlords header container -->
  43. {% endblock %}
  44. {% block page_content %}
  45.     <main id="page-content">
  46.         <div class="block-investors-4">
  47.             <div class="container">
  48.                 <div class="page-header">
  49.                     <h1>A quels besoins répond <span>le coliving ?</span></h1>
  50.                 </div>
  51.                 <div class="investor-blocks">
  52.                     <div class="investor-blocks-row">
  53.                         <div class="investor-block">
  54.                             <h2>Augmentation <br><strong>des loyers</strong></h2>
  55.                             <p>Le prix des logements, particulièrement pour les étudiants, est devenu prohibitif. Citizens offre une alternative viable et économique.</p>
  56.                         </div>
  57.                         <div class="investor-block">
  58.                             <h2>Pénurie <br><strong>des logements</strong></h2>
  59.                             <p>Citizens permet de répondre à une baisse drastique des offres de logements, en proposant des coliving stables et disponibles.</p>
  60.                         </div>
  61.                         <div class="investor-block">
  62.                             <h2>Déficits de logements <strong>étudiants</strong></h2>
  63.                             <p>Les étudiants ont de plus en plus de mal à se loger, surtout lorsqu’ils veulent habiter près de leurs campus universitaires. Citizens permet à ces étudiants de se loger mieux que dans des résidences universitaires, tout en étant mieux placés.</p>
  64.                         </div>
  65.                     </div>
  66.                     <div class="investor-blocks-row">
  67.                         <div class="investor-block">
  68.                             <h2>Nombre <strong>d'étudiants</strong> et <strong>jeunes actifs</strong></h2>
  69.                             <p>Les étudiants et jeunes actifs sont de plus en plus nombreux à vouloir se loger au plus près de leurs lieux de travail, sans sacrifier leur budget. Le coliving répond à ces attentes. </p>
  70.                         </div>
  71.                         <div class="investor-block">
  72.                             <h2>Recherche de <strong>lien social</strong> et de <strong>flexibilité</strong></h2>
  73.                             <p>Le coliving permet d’avoir un lieu de vie dynamique et rythmé par l’interaction sociale. Citizens se positionne comme un acteur majeur du domaine et offre ce compromis.</p>
  74.                         </div>
  75.                     </div>
  76.                 </div>
  77.             </div>
  78.         </div>
  79.         <div class="block-investors-5">
  80.             <div class="container">
  81.                 <div class="image-block">
  82.                     <h1>Quels avantages pour <br><strong>les colivers avec Citizens ?</strong></h1>
  83.                 </div>
  84.                 <div class="other-benefits">
  85.                     {% include 'front/pages/benefits/_shared/other-benefit-quality.html.twig' %}
  86.                     {% include 'front/pages/benefits/_shared/other-benefit-pleasure.html.twig' %}
  87.                     {% include 'front/pages/benefits/_shared/other-benefit-service.html.twig' %}
  88.                     {% include 'front/pages/benefits/_shared/other-benefit-citizens.html.twig' %}
  89.                 </div>
  90.             </div>
  91.         </div>
  92.         <div class="landlords-bg-first">
  93.             <div class="landlords-first alt container">
  94.                 <h2>Nous gérons tout pour vous</h2>
  95.                 <h3><span>de A à Z !</span></h3>
  96.                 <div class="row steps">
  97.                     <div class="col-12 col-lg-4 step one">
  98.                         <img src="{{ asset('build/images/home/step-1.svg') }}">
  99.                         <h4>
  100.                             Un rendement
  101.                             <br><span>pérenne et lucratif</span>
  102.                         </h4>
  103.                         <p>Nos rendements locatifs sont parmi les plus importants du marché. Notre taux d’occupation est de 94% ! Vous n'aurez plus jamais à vous soucier des logements vacants.</p>
  104.                     </div> <!-- col-4 step one -->
  105.                     <div class="col-12 col-lg-4 step two">
  106.                         <img src="{{ asset('build/images/home/step-2.svg') }}">
  107.                         <h4><span>Efficace</span> à 100%</h4>
  108.                         <p>Nous gérons votre logement avec un entretien régulier, des travaux de réparation et d'entretien ménager. Vous aurez une transparence totale sur votre logement via notre application avec des rapports mensuels incluant des photos.</p>
  109.                     </div> <!-- col-4 step two -->
  110.                     <div class="col-12 col-lg-4 step three">
  111.                         <img src="{{ asset('build/images/home/step-3.svg') }}">
  112.                         <h4>Explorez <br><span>nos logements</span></h4>
  113.                         <p>Tous nos espaces sont soigneusement meublés et décorés par nos designers d'intérieur, transformant n'importe quel logement en un espace agréable de vie.</p>
  114.                     </div> <!-- col-4 step three -->
  115.                 </div> <!-- row -->
  116.             </div> <!-- landlords first -->
  117.         </div> <!-- landlords-bg-first -->
  118.         <div class="block-investors-6">
  119.             <div class="container">
  120.                 <div class="block-investors-1">
  121.                     <div class="block-row-1">
  122.                         <div class="percent-card box-shadow small graph-container">
  123.                             <div class="label">Évolution nombre de chambres</div>
  124.                             <img class="illustration w-100" src="{{ asset('build/images/pages/graph_rooms.svg') }}" alt="">
  125.                         </div>
  126.                         <div class="block-stats-group">
  127.                             <div class="datas-container">
  128.                                 <div class="title">Rendement sur capitaux investis</div>
  129.                                 <div class="percent">30%<sup>*</sup></div>
  130.                                 <small class="year">constatés sur l’année 2019</small>
  131.                             </div>
  132.                             <div class="datas-container">
  133.                                 <div class="title">Rentabilité moyenne</div>
  134.                                 <div class="percent">de 3,5 à 5,4%*</div>
  135.                                 <small class="year">constatés sur l’année 2019</small>
  136.                             </div>
  137.                             <div class="percent-card box-shadow">
  138.                                 <div class="label">Taux d'occupation</div>
  139.                                 <div class="number">94%</div>
  140.                             </div>
  141.                             <div class="percent-card box-shadow">
  142.                                 <div class="label">Taux satisfaction locataire</div>
  143.                                 <div class="number">96%</div>
  144.                             </div>
  145.                         </div>
  146.                     </div>
  147.                     <div class="block-row-2">
  148.                         <div class="content-block box-shadow">
  149.                             <h2>Présence <strong>géographique marquée</strong></h2>
  150.                             <p>Pour une réelle expertise sur les valeurs locative et d’achat des biens.</p>
  151.                         </div>
  152.                         <div class="content-block box-shadow">
  153.                             <h2>Une société <br><strong>à fort impact</strong></h2>
  154.                             <p>Éco-responsable, circuit court, écologie, éducation et citoyenneté.</p>
  155.                         </div>
  156.                         <div class="content-block box-shadow">
  157.                             <h2>Une présence <br><strong>régulière</strong></h2>
  158.                             <p>Dans les biens pour empêcher toute dégradation</p>
  159.                         </div>
  160.                     </div>
  161.                 </div>
  162.             </div>
  163.         </div>
  164.         <div class="block-investors-7">
  165.             <div class="container">
  166.                 <div class="page-header">
  167.                     <h1><span>Nos exemples</span> d’investissements</h1>
  168.                     <p class="intro">Citizens possède et gère plusieurs colivings, qui assurent une rentabilité forte et une stabilité économique.</p>
  169.                 </div>
  170.                 <div id="carousel-investments-controls" class="arrow">
  171.                     <button class="prevBtn" aria-label="précédent"><img src="{{ asset('build/images/icons/arrow-left.png') }}" alt="left"></button>
  172.                     <button class="nextBtn" aria-label="suivant"><img src="{{ asset('build/images/icons/arrow-right.png') }}" alt="right"></button>
  173.                 </div>
  174.                 <div class="block-investments-carousel">
  175.                     <div class="owl-carousel investments" data-controller="carousel" data-type="investments" data-external-controls="carousel-investments-controls">
  176.                         {% for i in range(1, 10) %}
  177.                             <div class="investment box-shadow">
  178.                                 <img class="illustration illustration-1" src="{{ asset('build/images/pages/about_2.jpg') }}" alt="">
  179.                                 <div class="body">
  180.                                     <div class="name">Les Brotteaux</div>
  181.                                     <div>43 rue Garibaldi, 69006 Lyon</div>
  182.                                     <ul class="dot-list">
  183.                                         <li><span><span class="text-primary">XX</span> m2</span></li>
  184.                                         <li><span><span class="text-primary">XX</span> Chambres</span></li>
  185.                                         <li><span><span class="text-primary">XX</span> Rendement</span></li>
  186.                                         <li><span><span class="text-primary">XX</span> Revenu locatif</span></li>
  187.                                         <li><span><span class="text-primary">XX</span> Investissement total</span></li>
  188.                                         <li><span><span class="text-primary">XX</span> Apport</span></li>
  189.                                     </ul>
  190.                                 </div>
  191.                             </div>
  192.                         {% endfor %}
  193.                     </div>
  194.                 </div>
  195.             </div>
  196.         </div>
  197.         <div class="block-investors-8">
  198.             <div class="container">
  199.                 <div class="page-header">
  200.                     <h1>Des véhicules d'investissements <br><span>au service de vos enjeux patrimoniaux</span></h1>
  201.                     <p class="intro">Ces véhicules sont des solutions clé-en-main pour investir en immobilier sur la thématique du coliving jugée par Citizens comme porteuses et innovantes.</p>
  202.                 </div>
  203.                 <div class="content">
  204.                     <img class="illustration" src="{{ asset('build/images/pages/investors_3.jpg') }}" alt="">
  205.                     <div class="content-rows">
  206.                         <div class="content-row box-shadow">
  207.                             <h2>Investissement personnel en SCI / foncière</h2>
  208.                             <p>Nos experts et partenaires vous assistent dans toutes les démarches : recherche de financement, montage juridique, comptabilité</p>
  209.                         </div>
  210.                         <div class="content-row box-shadow">
  211.                             <h2>Club deaL</h2>
  212.                             <p>Fonds d'investissement en immobilier restreint à un nombre limité d'investisseurs et répondant à une stratégie de distribution ou  capitalisation.</p>
  213.                         </div>
  214.                         <div class="content-row box-shadow">
  215.                             <h2>Foncière institutionnelle</h2>
  216.                             <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
  217.                         </div>
  218.                         <div class="content-row box-shadow">
  219.                             <h2>150 obter</h2>
  220.                             <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
  221.                         </div>
  222.                     </div>
  223.                 </div>
  224.             </div>
  225.         </div>
  226.         {#{% include 'front/pages/sections/investors-timeline-2.html.twig' %}#}
  227.         <div class=" investors-footer-form box-shadow">
  228.             <div class="form">
  229.                 <div class="form-container">
  230.                     <h2 class="primary-title"><span>Discutons</span>-en</h2>
  231.                     {{ form_start(form2, {'attr': {'data-controller': 'form'}}) }}
  232.                     {% if success %}
  233.                         <div class="alert alert-success mt-4 mb-4">
  234.                             {{ 'text.contact_success'|trans }}
  235.                         </div>
  236.                         <br>
  237.                     {% else %}
  238.                         {{ form_widget(form2.firstname) }}
  239.                         {{ form_widget(form2.lastname) }}
  240.                         {{ form_widget(form2.email) }}
  241.                         {{ form_widget(form2.phone) }}
  242.                         <small class="d-block mt-2">
  243.                             {{ form_row(form2.optin) }}
  244.                         </small>
  245.                         <div class="text-center mt-3">
  246.                             <input class="submit btn btn-primary" type="submit" name="submit" id="submit" value="ENVOYER">
  247.                         </div>
  248.                         {{ form_row(form2._token) }}
  249.                     {% endif %}
  250.                     {{ form_end(form2, {render_rest: false}) }}
  251.                 </div>
  252.             </div>
  253.         </div>
  254.         <div class="container text-center pt-4">
  255.             <br>
  256.             <p>
  257.                 <small>
  258.                     * Les performances passées ne constituent aucune garantie de résultats pour le futur et les rendements réels peuvent considérablement différer des prévisions mentionnées.
  259.                 </small>
  260.             </p>
  261.         </div>
  262.     </main>
  263. {% endblock %}
  264. {% block stylesheets %}
  265.     {{ parent() }}
  266.     {{ encore_entry_link_tags('page-investors') }}
  267. {% endblock %}