templates/default/join_us.html.twig line 1

Open in your IDE?
  1. {% extends 'layout_fo.html.twig' %}
  2. {% block title %}Rejoignez nos filiales - Promup{% endblock %}
  3. {% block description %}Nos équipes sont composées d'experts en vente immobilière issus de divers horizons comme la communication, la publicité, le marketing, l'immobilier ou encore la finance.{% endblock %}
  4. {% block body_class %}page-join-us{% endblock %}
  5. {% block javascripts %}
  6. {{ parent() }}
  7. <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  8. {% endblock %}
  9. {% block content %}
  10. <main role="main">
  11. <div class="jumbotron text-white">
  12. <div class="container my-md-5 py-md-5">
  13. <div class="my-5">
  14. <h1><span class="text-primary">Rejoignez</span> nos<br />filiales PROMUP</h1>
  15. <div class="row align-items-center">
  16. <div class="col-auto text-uppercase">Le 1er réseau de publicité immobilière en France</div>
  17. <div class="col-auto pub-line"></div>
  18. </div>
  19. </div>
  20. <div class="my-5 text-uppercase">
  21. <a href="{{ path('contact') }}" role="button">
  22. <span class="btn btn-primary p-3">Nous rejoindre</span><span class="btn btn-light p-3"><span class="fas fa-play"></span></span>
  23. </a>
  24. </div>
  25. </div>
  26. </div>
  27. <div class="container pb-5 text-center">
  28. {% include 'partial/_flashes.html.twig' %}
  29. <h2 class="mt-3 pt-3 mt-md-5 pt-md-5">
  30. <strong class="text-primary f20-text-xxl">{{ platform.name }}</strong><br />
  31. Les avantages d'un groupe
  32. </h2>
  33. <div class="row justify-content-center mx-4 my-4">
  34. <div class="col-md-10">
  35. <div class="row">
  36. <div class="col-md-3">
  37. <img class="f20-icon-xl py-3" src="{{ asset('build/icon_localization.png') }}" alt="Icône" /><br />
  38. <strong>Une agence par région</strong>
  39. </div>
  40. <div class="col-md-3">
  41. <img class="f20-icon-xl py-3" src="{{ asset('build/icon_money_bag.png') }}" alt="Icône" /><br />
  42. <strong>Une rémunération valorisante</strong>
  43. </div>
  44. <div class="col-md-3">
  45. <img class="f20-icon-xl py-3" src="{{ asset('build/icon_training.png') }}" alt="Icône" /><br />
  46. <strong>Une formation complète</strong>
  47. </div>
  48. <div class="col-md-3">
  49. <img class="f20-icon-xl py-3" src="{{ asset('build/icon_contract.png') }}" alt="Icône" /><br />
  50. <strong>Le marché du particulier</strong>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. <div class="row align-items-center m-md-5">
  56. <div class="col-md-7 py-3 text-left">
  57. <h2>Le constat</h2>
  58. <p class="pt-3 text-justify">
  59. Dans les années 90, seul un propriétaire sur dix tentait de vendre directement son bien immobilier entre
  60. particuliers.<br />
  61. Aujourd'hui, en 2023, <strong>90% des vendeurs essayent de vendre par eux-mêmes leur logement</strong> et sont présents
  62. sur un site d'annonces immobilières de particuliers.<br />
  63. Malgré tout, sans accompagnements ni stratégies, seuls 3 propriétaires sur 10 réussissent à économiser les
  64. frais de transaction en se passant d'un professionnel.<br />
  65. Faute de temps, de moyens et d'expériences, les 70% restants vendent avec l'aide d'un professionnel de
  66. l'immobilier (agences, mandataires, notaires, etc).<br />
  67. <br />
  68. Les frais d'agence en France sont en moyenne de 5.4%, ce qui pour un appartement ou une maison de 500
  69. 000 € représente 27 000 € de commission, et la très grande majorité des Français les trouvent trop chers.<br />
  70. <br />
  71. Partant de ce constat, chez Promup, nous avons décidé d'<strong>aider les français à vendre leurs logements sans
  72. l'aide d'une agence immobilière et leurs frais prohibitifs</strong> en aidant les particuliers à l'aide de notre formule<br />
  73. clef en main.<br />
  74. <br />
  75. <strong>Notre méthode permet l'économie de frais considérables et accélère les délais de ventes entre particuliers.</strong>
  76. </p>
  77. </div>
  78. <div class="col-md py-3 text-center">
  79. <img class="w-100" src="{{ asset('build/join_us_1.png') }}" alt="Ambiance">
  80. </div>
  81. </div>
  82. <div class="row align-items-end m-md-5">
  83. <div class="col-md py-3 text-center">
  84. <img class="w-100" src="{{ asset('build/join_us_2.png') }}" alt="Volume des ventes sans Promup">
  85. <br />
  86. <strong>Volume des ventes du marché immobilier</strong><br/>
  87. <strong class="text-primary f20-text-xl">sans {{ platform.name }}</strong>
  88. </div>
  89. <div class="col-md py-3 text-center">
  90. <img class="w-100" src="{{ asset('build/join_us_3.png') }}" alt="Volume des ventes avec Promup">
  91. <br />
  92. <strong>Volume des ventes du marché immobilier</strong><br/>
  93. <strong class="text-primary f20-text-xl">de nos clients</strong>
  94. </div>
  95. </div>
  96. </div>
  97. <div class="bg-primary text-white my-5">
  98. <div class="container p-3 p-md-5">
  99. <div class="text-center my-5">
  100. <h2>La satisfaction du client : <span class="text-dark">une priorité</span></h2>
  101. </div>
  102. <div class="row align-items-center">
  103. <div class="col-md-4 py-3 text-center">
  104. <img class="w-75" src="{{ asset('build/trustpilot.png') }}" alt="Volume des ventes sans Promup">
  105. </div>
  106. <div class="col-md-8 py-3">
  107. <strong>La satisfaction de nos clients est au centre de nos priorités.</strong><br />
  108. <br />
  109. Grâce à des sites d'avis comme Trustpilot, organisme indépendante d'opinion et d'avis vérifiés,
  110. {{ platform.name }} collecte les avis de chacun de clients et les restituent en toute transparence sur son site internet
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. <div class="container">
  116. <div class="row align-items-center m-md-5">
  117. <div class="col-md-7 py-3">
  118. <h2>Une solution digitale <span class="text-primary">complète</span></h2>
  119. <p class="pt-3 text-justify">
  120. Rejoindre <strong class="text-primary">{{ platform.name }}</strong> c'est accéder à l'ensemble des outils indispensables pour réussir :
  121. </p>
  122. <ul>
  123. <li><strong>Documents juridiques</strong></li>
  124. <li><strong>Book de présentation</strong></li>
  125. <li><strong>Plan de formation</strong></li>
  126. <li><strong>Plateforme multi-accès</strong></li>
  127. <li><strong>Accès à la technologie de la « Big Data »</strong></li>
  128. </ul>
  129. </div>
  130. <div class="col-md py-3 text-center">
  131. <img class="w-100" src="{{ asset('build/join_us_4.png') }}" alt="Vue du site">
  132. </div>
  133. </div>
  134. <div class="row align-items-center m-md-5">
  135. <div class="col-md py-3 text-center">
  136. <img class="w-100" src="{{ asset('build/join_us_5.png') }}" alt="Vue du site">
  137. </div>
  138. <div class="col-md-5 py-3">
  139. <h2>Une présence <span class="text-primary">nationale</span></h2>
  140. <p class="pt-3 text-justify">
  141. Vivre l'aventure <strong class="text-primary">{{ platform.name }}</strong> c'est rejoindre une équipe présente sur l'ensemble du territoire national.
  142. </p>
  143. <strong>Notre siège social :</strong>
  144. <ul>
  145. <li>Brignoles</li>
  146. </ul>
  147. <strong>Nos filiales :</strong>
  148. <ul>
  149. <li>Lille</li>
  150. <li>Caen</li>
  151. <li>Paris</li>
  152. <li>Nancy</li>
  153. <li>Rennes</li>
  154. <li>Nantes</li>
  155. <li>Tours</li>
  156. <li>Dijon</li>
  157. <li>Bordeaux</li>
  158. <li>Lyon</li>
  159. <li>Montpellier</li>
  160. <li>Nice</li>
  161. </ul>
  162. </div>
  163. </div>
  164. </div>
  165. <div id="join_us_contact" class="text-white my-5">
  166. <div class="container p-3 p-md-5 text-center">
  167. <h2>Un renseignement ou <span class="text-primary">nous rejoindre ?</span></h2>
  168. <p>Prenez contact sans plus attendre</p>
  169. {{ form_start(form) }}
  170. <div class="text-left mt-5">
  171. <div class="row">
  172. <div class="col-md">
  173. {{ form_row(form.name, {'attr': {'class': 'bg-transparent text-white'}}) }}
  174. </div>
  175. <div class="col-md">
  176. {{ form_row(form.email, {'attr': {'class': 'bg-transparent text-white'}}) }}
  177. </div>
  178. </div>
  179. <div class="row">
  180. <div class="col-md">
  181. {{ form_row(form.phone, {'attr': {'class': 'bg-transparent text-white'}}) }}
  182. </div>
  183. <div class="col-md">
  184. {{ form_row(form.localization, {'attr': {'class': 'bg-transparent text-white'}}) }}
  185. </div>
  186. </div>
  187. <div class="row">
  188. <div class="col-md">
  189. {{ form_row(form.content, {'attr': {'class': 'bg-transparent text-white'}}) }}
  190. </div>
  191. </div>
  192. </div>
  193. <div class="row justify-content-center">
  194. <div class="col-auto">
  195. <div class="g-recaptcha py-3" data-sitekey="{{ antispam_info.data }}"></div>
  196. <br />
  197. <button class="btn btn-primary p-3 text-uppercase" type="submit">Envoyer <span class="fas fa-long-arrow-alt-right text-white"></span></button>
  198. </div>
  199. </div>
  200. <input type="hidden" name="antispam_hash" value="{{ antispam_info.hash }}" />
  201. {{ form_end(form) }}
  202. </div>
  203. </div>
  204. </main>
  205. <script>
  206. $(document).ready(function () {
  207. /* Contrôle Anti-Spam */
  208. $('.g-recaptcha').closest('form').on('submit', function (e) {
  209. if (grecaptcha.getResponse() === '') {
  210. e.preventDefault();
  211. alert('Vous devez cocher la case Anti-spam pour envoyer ce formulaire');
  212. return false;
  213. }
  214. });
  215. });
  216. </script>
  217. {% endblock %}