templates/front/pages/owners-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 %}
  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 %}
  14. {% endblock %}
  16. {% block page_content %}
  18.     <main id="page-content" class="">
  20.         <div class="masterhead" style="background-image: url({{ asset('build/images/pages/owner_2_1.jpg') }});">
  21.             <div class="title-container mt-3">
  22.                 <h2 class="font-weight-bold text-center">
  23.                     Transformer votre bien
  24.                     <br>en <span class="font-italic text-primary">coliving</span>
  25.                 </h2>
  26.                 <p>Un revenu locatif optimal pour vos investissements</p>
  27.             </div>
  28.         </div>
  30.         <div class="triptych">
  31.             <div class="triptych-1">
  32.                 <h2>Étude de <br><span>projet</span></h2>
  33.                 <p>
  34.                     <strong>Nos experts réalisent un audit gratuit de vos biens</strong>
  35.                     <br>Emplacements, possibilités locatives, besoin ou non de travaux, ameublement, coût et financement.
  36.                 </p>
  37.                 <div class="cta-container">
  38.                     <a href="#form" class="btn btn-primary">
  39.                         Prendre rendez-vous<br>avec un conseiller
  40.                     </a>
  41.                 </div>
  42.             </div>
  43.             <div class="triptych-1">
  44.                 <h2>Gestion et <br><span>rénovation</span></h2>
  45.                 <p>
  46.                     <strong>Nos équipes vous livrent un coliving clé en main</strong>
  47.                     <br>Réalisation des travaux, décoration soignée, ameublement et sur équipement
  48.                 </p>
  49.                 <div class="cta-container">
  50.                     <a href="{{ path('front_search_index') }}" class="btn btn-primary">
  51.                         Voir nos<br>réalisations
  52.                     </a>
  53.                 </div>
  54.             </div>
  55.             <div class="triptych-3">
  56.                 50% + de revenu locatif
  57.             </div>
  58.         </div>
  60.         <div class="before-after">
  61.             <div class="ba ba-1">
  62.                 <img src="{{ asset('build/images/pages/owner_2_2.jpg') }}">
  63.                 <div class="text">Avant</div>
  64.             </div>
  65.             <div class="ba ba-2">
  66.                 <div>
  67.                     Votre bien prend de la <span>valeur immédiatement</span> et rapporte plus de rendement
  68.                 </div>
  69.             </div>
  70.             <div class="ba ba-3">
  71.                 <img class="circle-cut" src="{{ asset('build/images/pages/circle_cut.svg') }}">
  72.             </div>
  73.             <div class="ba ba-4">
  74.                 <img src="{{ asset('build/images/pages/owner_2_3.jpg') }}">
  75.                 <div class="text">Après</div>
  76.             </div>
  77.         </div>
  79.         <div class="title-container mt-3">
  80.             <h2 class="font-weight-bold text-center">
  81.                 Vous intégrez le réseau Citizens
  82.                 <br>pour louer vos chambres
  83.                 <br><span class="font-italic text-primary">facilement et durablement</span>.
  84.             </h2>
  85.         </div>
  87.         <div class="icons-texts">
  88.             <div class="icon-text">
  89.                 <img src="{{ asset('build/images/pages/owner_2_4.png') }}" class="icon">
  90.                 <div>Régie efficace totalement digitalisé</div>
  91.             </div>
  92.             <div class="icon-text">
  93.                 <img src="{{ asset('build/images/pages/owner_2_5.png') }}" class="icon">
  94.                 <div>Loisirs : coach, yoga, peinture, self-defense
  95.                 </div>
  96.             </div>
  97.             <div class="icon-text">
  98.                 <img src="{{ asset('build/images/pages/owner_2_6.png') }}" class="icon">
  99.                 <div>Multi-services : ménage, conciergerie, blanchisserie </div>
  100.             </div>
  101.             <div class="icon-text">
  102.                 <img src="{{ asset('build/images/pages/owner_2_7.png') }}" class="icon">
  103.                 <div>Maintenance express</div>
  104.             </div>
  105.         </div>
  107.         <div class="list-with-image">
  108.             <ul>
  109.                <li><div><span>94%</span> taux d’occupation</div></li>
  110.                <li><div><span>92%</span> taux de satisfaction</div></li>
  111.                 <li><div>Assurance loyers impayés</div></li>
  112.                 <li>
  113.                     <div>
  114.                         Maintenance résolue en <span>48h</span> *
  115.                     </div>
  116.                     <small>*dans 84% des cas</small>
  117.                 </li>
  118.             </ul>
  119.             <img src="{{ asset('build/images/pages/owner_2_8.jpg') }}" alt="left">
  120.         </div>
  122.         <section class="faq small mt-3 mb-3" style="padding-top: 0;">
  123.             <div class="faq-ctn box-shadow">
  124.                 <div class="container d-flex justify-content-between">
  125.                     <h2>Soyez fièrs de vos investissements</h2>
  126.                 </div>
  127.             </div>
  128.         </section>
  130.         <div class="container home-reassurance-image right">
  131.             <div class="image-container">
  132.                 <img src="{{ asset('build/images/pages/owner_2_8.jpg') }}" alt="left">
  133.             </div>
  134.             <div class="row reassurances">
  135.                 <div class="col-6 col-md-12 reassurance">
  136.                     <img class="icon" src="{{ asset('build/images/icons/icon_handshake_primary.png') }}" alt="">
  137.                     <p>
  138.                         Nous fournissons des produits d’entretien bio, des purificateurs d’air ainsi que plusieurs équipements écoresponsables
  139.                     </p>
  140.                 </div>
  141.                 <div class="col-6 col-md-12 reassurance">
  142.                     <img class="icon" src="{{ asset('build/images/icons/icon_users_primary.png') }}" alt="">
  143.                     <p>
  144.                         Nous offrons également des brevets de secourisme et cours de self defense, tri des déchets, économies d'énergie à nos locataires.
  145.                     </p>
  146.                 </div>
  147.             </div>
  148.         </div>
  150.         <div class="title-container mt-3">
  151.             <h2 class="font-weight-bold text-center">Nos <span class="font-italic text-primary">réalisations</span></h2>
  152.             <p>Des revenus locatifs augmentés de 50% en moyenne</p>
  153.         </div>
  155.         <section class="container accommodations-list">
  156.             <div>
  157.                 <div class="left">
  158.                     <div class="owl-carousel carousel-hp-v6" data-controller="carousel" data-type="hp-v6" data-external-controls="carousel-hp-v6-controls">
  159.                         {% for accommodation in accommodations %}
  160.                             <div class="item">
  161.                                 {% include 'front/search/accommodation-card.html.twig' with {accommodation: accommodation, hideSlider: true, altText: true, class: 'simple', thumbFilterName: 'accommodation_square_thumb'} %}
  162.                             </div>
  163.                         {% endfor %}
  164.                     </div> <!-- carousel -->
  165.                 </div>
  166.                 <div id="carousel-hp-v6-controls" class="arrow">
  167.                     <button class="prevBtn btn-prev" aria-label="précédent"><img src="{{ asset('build/images/icons/icon_arrow_left.svg') }}" alt="left"></button>
  168.                     <button class="nextBtn btn-next" aria-label="suivant"><img src="{{ asset('build/images/icons/icon_arrow_right.svg') }}" alt="right"></button>
  169.                 </div>
  170.             </div>
  171.         </section>
  173.         <div class="cta-container text-center mt-4">
  174.             <a href="{{ path('front_search_index') }}" class="btn btn-primary" style="min-width: 250px;">Voir nos<br>réalisations</a>
  175.             &nbsp; &nbsp;
  176.             <a href="#form" class="btn btn-primary" style="min-width: 250px;">Prendre rendez-vous<br>avec un conseiller</a>
  177.         </div>
  179.         <div class="card borderless form-card" id="form">
  180.             <div class="row">
  181.                 <div class="col col-md-7">
  182.                     <div class="form-container">
  183.                         <h2 class="title"><span>Discutons</span>-en</h2>
  184.                         {{ form_start(form, {'attr': {'data-controller': 'form'}}) }}
  185.                         {% if success %}
  186.                             <div class="alert alert-success mt-4 mb-4">
  187.                                 {{ 'text.contact_success'|trans }}
  188.                             </div>
  189.                             <br>
  190.                         {% else %}
  191.                             {{ form_widget(form.firstname) }}
  192.                             {{ form_widget(form.lastname) }}
  193.                             {{ form_widget(form.email) }}
  194.                             {{ form_widget(form.phone) }}
  195.                             <small class="d-block mt-2">
  196.                                 {{ form_row(form.optin) }}
  197.                             </small>
  199.                             <div>
  200.                                 {{ form_widget(form.recaptcha) }}
  201.                             </div>
  203.                             <div class="cta-container">
  204.                                 <input class="submit btn btn-primary" type="submit" name="submit" id="submit" value="ENVOYER">
  205.                             </div>
  207.                             {{ form_row(form._token) }}
  208.                         {% endif %}
  209.                         {{ form_end(form, {render_rest: false}) }}
  210.                     </div>
  211.                 </div>
  212.                 <div class="col col-md-5 img-container">
  213.                     <img src="{{ asset('build/images/pages/owner_2_9.jpg') }}" class="w-100">
  214.                 </div>
  215.             </div>
  216.         </div>
  218.     </main>
  220. {% endblock %}
  223. {% block stylesheets %}
  224.     {{ parent() }}
  225.     {{ encore_entry_link_tags('page-owners-2') }}
  226. {% endblock %}