{% extends 'front/page.html.twig' %}
{% trans_default_domain 'front' %}
{% import "front/_shared/macros.html.twig" as macro %}
{% block body_class %}{{ parent() }} {% endblock %}
{% block meta_title %}{{ page.metaTitle }}{% endblock %}
{% block meta_description %}{{ page.metaDescription }}{% endblock %}
{% block header_class %}dark-header{% endblock %}
{% block header_content %}{% endblock %}
{% block page_content %}
<div id="page-content" class="container">
<div class="page-header">
<h1>A propos de <span>Citizens</span></h1>
<p class="intro" style="max-width: 800px;">
Citizens propose des coliving meublés, prêts à vivre, avec visites virtuelles et réservables en ligne. Citizens permet aux propriétaires <span class="text-primary font-weight-bold">d’augmenter de 50% leurs revenus locatifs</span>, tout en offrant aux locataires un loyer <span class="text-primary font-weight-bold">inférieur de 30% par rapport à un studio</span>.
</p>
</div>
<!--div class="position-relative">
<img src="{{ asset('build/images/benefits/bg-circle.png') }}" class="bg-circle bg-circle-1" alt="">
</div-->
<!--div class="block-intro box-shadow bg-shape">
<h2>
Citizens
<br>s’appui sur <span class="text-primary font-italic font-weight-bold">3 piliers de gestion</span>
</h2>
<div class="pillars">
<div class="pillar">
<img class="line" src="{{ asset('build/images/pages/pillar_line_1.png') }}" alt="">
<div class="box-shadow">
Structuré comme <span class="text-primary font-italic font-weight-bold">un grand groupe</span>
</div>
</div>
<div class="pillar">
<img class="line" src="{{ asset('build/images/pages/pillar_line_2.png') }}" alt="">
<div class="box-shadow">
Processé et organisé comme <span class="text-primary font-italic font-weight-bold">un groupe de grande distribution</span>
</div>
</div>
<div class="pillar">
<img class="line" src="{{ asset('build/images/pages/pillar_line_3.png') }}" alt="">
<div class="box-shadow">
Digitalisé à 100% <span class="text-primary font-italic font-weight-bold">comme Amazon</span>
</div>
</div>
</div>
</div-->
<div class="block-intro-images">
<div class="row-1">
<img class="illustration illustration-1" src="{{ asset('build/images/pages/about_1_2.jpg') }}" alt="">
<img class="illustration illustration-2" src="{{ asset('build/images/pages/about_2.jpg') }}" alt="">
</div>
<div class="row-2 d-none d-md-block">
<div class="bg-shape">
<img class="illustration illustration-3" src="{{ asset('build/images/pages/about_3.jpg') }}" alt="">
</div>
</div>
</div>
<br>
<br>
<div class="page-header">
<h1>Quelques <span>chiffres clés</span></h1>
<p class="intro" style="max-width: 800px;">
Tous les chiffres pour appréhender la structure
</p>
</div>
<div class="block-stats">
<div class="box-shadow graph-container">
<div class="label">Évolution nombre de chambres</div>
<img class="illustration" src="{{ asset('build/images/pages/about_4.jpg') }}" alt="">
</div>
<div class="stats-container">
<div class="datas-container">
<div class="title">Rentabilité moyenne</div>
<div class="percent">5,4%</div>
<div class="year">Chiffres constatés sur l’année 2019 *</div>
</div>
<div class="percent-container box-shadow">
<div class="font-weight-bold">Taux remplissage annuel</div>
{% include 'front/pages/_shared/percent-chart.html.twig' with {percent: 94} %}
<div class="font-weight-bold">Taux satisfaction locataire</div>
{% include 'front/pages/_shared/percent-chart.html.twig' with {percent: 97} %}
<div class="year">Chiffres constatés sur l’année 2019 *</div>
</div>
</div>
</div>
<div class="block-image-text type-about-1">
<img src="{{ asset('build/images/pages/lines_2.png') }}" class="bg-lines" alt="">
<div class="illustrations">
<img class="illustration illustration-1" src="{{ asset('build/images/pages/about_5_2.jpg') }}" alt="">
</div>
<div class="content bg-shape">
<h2 class="title">De la compétence <span>à tous les postes</span></h2>
<p>
Nous accordons une attention optimale à la qualité de nos collaborateurs qui sont la force de la société.
<strong class="text-primary">Notre équipe de 35 personnes</strong> intervient sur l’ensemble de nos métiers pour une réactivité et une efficacité totale.
</p>
<a href="{{ path('front_company_jobs_list') }}" class="btn btn-primary">NOUS REJOINDRE</a>
</div>
</div>
<div class="page-header pt-4">
<h1>Des valeurs <span>citoyennes</span></h1>
<p class="intro">
L’une de nos priorités est d’intégrer le coliving dans une démarche positive pour la planète et pour nos colocataires.
</p>
</div>
<div class="block-image-text type-about-2">
<img src="{{ asset('build/images/benefits/bg-circle.png') }}" class="bg-circle bg-circle-2" alt="">
<div class="illustrations bg-shape">
<img class="illustration illustration-1" src="{{ asset('build/images/pages/about_7.jpg') }}" alt="">
<img class="illustration illustration-2" src="{{ asset('build/images/pages/about_6.jpg') }}" alt="">
<img class="illustration illustration-3" src="{{ asset('build/images/pages/about_8.jpg') }}" alt="">
</div>
<div class="content bg-shape">
<h2 class="title">Des investissements responsables</h2>
<ul class="dot-list">
<li><span>Logement eco responsable</span></li>
<li><span>Nourriture bio fournie</span></li>
<li><span>Produits hygiène et entretien bio</span></li>
<li><span>Énergies renouvelables</span></li>
<li><span>Purificateurs d'air et d'eau</span></li>
<li><span>Plantes anti pollution...</span></li>
</ul>
</div>
</div>
<div class="block-image-text type-about-3">
<div class="illustrations bg-shape">
<img class="illustration illustration-1" src="{{ asset('build/images/pages/about_9.jpg') }}" alt="">
</div>
<div class="content">
<h2 class="title">Nos <span>locaux</span></h2>
<p>
Citizens centralise ses activités dans le grand Lyon dans son nouveau siège de 1000m².
</p>
<p>
3000m² de stockage
<br>Plus de 5000 meubles et équipements en stock
</p>
</div>
</div>
<div class="text-center">
<a href="{{ path('front_search_index') }}" class="btn btn-primary">Nos appartements disponibles</a>
</div>
<br>
<div class="block-banks bg-shape">
<div class="box-shadow inner">
<h2>
Citizens est associé à 7 banques <span class="text-primary font-italic font-weight-bold">pour une croissance raisonnée et maîtrisée</span>
</h2>
<div class="infos">
<div class="info box-shadow">
<div>
Pour un chiffre d'affaire en 2022 de <span class="text-primary font-italic font-weight-bold">30 millions d'euros</span> et une prévision de chiffre d'affaire en 2023 de <span class="text-primary font-italic font-weight-bold">80 millions d'euros</span>
</div>
</div>
<div class="info box-shadow">
<div>
Nos investisseurs, nous ont confié <span class="text-primary font-italic font-weight-bold">35 millions d'euros</span> ces derniers mois et les banques <span class="text-primary font-italic font-weight-bold">20 millions d'euros</span>
</div>
</div>
</div>
<img class="illustration illustration-logos" src="{{ asset('build/images/pages/about_logos.jpg') }}" alt="">
</div>
</div>
<br>
<div class="page-header pt-4">
<h1>Un stock immobilier <span>important</span></h1>
<p class="intro">
50 biens immobiliers disponibles à la vente en permanence pour répondre aux critères d'investissement de nos clients (budget, rentabilité, emplacement, taille…).
</p>
</div>
<div class="text-center">
<a href="" class="btn btn-primary">Accédez à nos offres</a>
</div>
<div class="photos-gallery">
<div class="gal-col gal-col-1">
{% for i in range(1, 4) %}
<img class="illustration" src="{{ asset('build/images/pages/about_gallery_' ~ i ~ '.jpg') }}" alt="">
{% endfor %}
</div>
<div class="gal-col gal-col-2">
{% for i in range(5, 9) %}
<img class="illustration" src="{{ asset('build/images/pages/about_gallery_' ~ i ~ '.jpg') }}" alt="">
{% endfor %}
</div>
<div class="gal-col gal-col-3">
{% for i in range(10, 14) %}
<img class="illustration" src="{{ asset('build/images/pages/about_gallery_' ~ i ~ '.jpg') }}" alt="">
{% endfor %}
</div>
</div>
<div class="container text-center">
<p>
<small>
* 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.
</small>
</p>
</div>
{% include "front/_shared/faq.html.twig" %}
</div>
{% endblock %}
{% block stylesheets %}
{{ parent() }}
{{ encore_entry_link_tags('page-about') }}
{% endblock %}