templates/default/homepage.html.twig line 1

Open in your IDE?
  1. {% extends 'layout_fo.html.twig' %}
  2. {% block title %}Vente de biens immobiliers entre particuliers - Promup{% endblock %}
  3. {% block description %}Promup est le premier réseau immobilier réservé aux particuliers. Promup vous accompagne pour vendre rapidement un bien immobilier sans commission, ni frais d'agence{% endblock %}
  4. {% block javascripts %}
  5. {{ parent() }}
  6. <script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
  7. {% endblock %}
  8. {% block body_class %}page-homepage{% endblock %}
  9. {% block content %}
  10. <main role="main">
  11. <div class="jumbotron text-white">
  12. <div class="container">
  13. <div class="my-5">
  14. <h1><span class="text-primary">1<sup>er</sup> réseau</span> de publicité<br />immobilière</h1>
  15. <div class="row align-items-center">
  16. <div class="col-auto text-uppercase">Nous sommes à votre service</div>
  17. <div class="col-auto pub-line"></div>
  18. </div>
  19. </div>
  20. <div class="my-5 text-uppercase">
  21. <a href="{{ path('contracts') }}" role="button">
  22. <span class="btn btn-primary p-3">Les annonces</span><span class="btn btn-light p-3"><span class="fas fa-play"></span></span>
  23. </a>
  24. </div>
  25. <p class="my-2">
  26. <img class="f20-icon-xsm mr-2" src="{{ asset('build/icon_location_white.png') }}" alt="Siège social">
  27. <a href="https://www.google.com/maps/place/{{ platform.head_office }}" target="_blank">{{ platform.head_office }}</a>
  28. </p>
  29. <p class="my-2">
  30. <img class="f20-icon-xsm mr-2" src="{{ asset('build/icon_email_white.png') }}" alt="Email">
  31. <a href="mailto:{{ platform.email }}">{{ platform.email }}</a>
  32. </p>
  33. <p class="my-2">
  34. <img class="f20-icon-xsm mr-2" src="{{ asset('build/icon_phone_white.png') }}" alt="Téléphone">
  35. <a href="tel:{{ platform.phone }}">{{ platform.phone|phoneFormat }}</a>
  36. </p>
  37. </div>
  38. </div>
  39. <div class="container pb-5 text-center">
  40. <h2 class="mt-3 pt-3 mt-md-5 pt-md-5">Vous allez adorer {{ platform.name }} !</h2>
  41. <div class="row justify-content-center mx-4 my-4">
  42. <div class="col-md-10">
  43. <div class="row">
  44. <div class="col-md-4">
  45. <img class="f20-icon-xl py-3" src="{{ asset('build/icon_pencil.png') }}" alt="Icône" /><br />
  46. <strong>Inscription rapide</strong>
  47. <p class="py-1 px-3">Nous vous rencontrons gratuitement et sans engagement</p>
  48. </div>
  49. <div class="col-md-4">
  50. <img class="f20-icon-xl py-3" src="{{ asset('build/icon_photo.png') }}" alt="Icône" /><br />
  51. <strong>Photographie professionnelle</strong>
  52. <p class="py-1 px-3">1 280 photographes à votre service pour des photos de qualité</p>
  53. </div>
  54. <div class="col-md-4">
  55. <img class="f20-icon-xl py-3" src="{{ asset('build/icon_lamp.png') }}" alt="Icône" /><br />
  56. <strong>Direct entre particuliers</strong>
  57. <p class="py-1 px-3">Acheter ou vendre entre particuliers sans commission</p>
  58. </div>
  59. <div class="col-md-4">
  60. <img class="f20-icon-xl py-3" src="{{ asset('build/icon_contract.png') }}" alt="Icône" /><br />
  61. <strong>Délai de vente réduit</strong>
  62. <p class="py-1 px-3">72% de nos biens immobiliers sont vendus en moins de 80 jours</p>
  63. </div>
  64. <div class="col-md-4">
  65. <img class="f20-icon-xl py-3" src="{{ asset('build/icon_display.png') }}" alt="Icône" /><br />
  66. <strong>Une diffusion complète</strong>
  67. <p class="py-1 px-3">Diffusion nationale et internationale de votre annonce</p>
  68. </div>
  69. <div class="col-md-4">
  70. <img class="f20-icon-xl py-3" src="{{ asset('build/icon_money.png') }}" alt="Icône" /><br />
  71. <strong>Rien à payer de suite</strong>
  72. <p class="py-1 px-3">Profitez de nos services maintenant, payez quand c’est vendu !</p>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. <h2 class="mt-3 pt-3 mt-md-5 pt-md-5">Nos biens à la une</h2>
  78. {% include 'default/_form_contract.html.twig' with {'form': form_contract} %}
  79. <div id="homepage_contracts" class="row justify-content-center mx-2 mx-md-4 my-5">
  80. <div class="col-md-10">
  81. <div class="row mt-3 mt-md-5">
  82. {% for contract in contracts %}
  83. <div class="col-md-3 contract-preview-container">
  84. <a href="{{ path('contract', {'sRefNetty': contract.refNetty}) }}">
  85. <img class="contract-preview-picture" src="{{ contract.pictures|length > 0 ? path('contract_picture', {'iContractId': contract.id, 'iPictureId': (contract.getOrderedPictures|first).id}) : asset('build/fake_picture_1.png') }}" alt="Vignette" />
  86. <div class="contract-preview-overlay">
  87. <div class="btn btn-primary">
  88. <span class="fas fa-external-link-alt text-white"></span>
  89. </div>
  90. <div class="contract-preview-overlay-info">
  91. <h5>{{ contract.title }}</h5>
  92. {% if contract.address %}
  93. <p>{{ contract.address.city }} ({{ contract.address.postalCode }})</p>
  94. {% endif %}
  95. </div>
  96. </div>
  97. </a>
  98. </div>
  99. {% endfor %}
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. <div id="homepage_pack" class="my-5 py-5 bg-primary">
  105. <div class="container text-white">
  106. <div class="row justify-content-center text-center">
  107. <div class="col col-md-8 col-lg-6">
  108. <h2 class="m-0">Le Pack <span class="text-dark">Multi-diffusion</span></h2>
  109. </div>
  110. </div>
  111. <div class="row justify-content-center mt-5">
  112. <div class="col-md-10">
  113. <div class="row">
  114. <div class="col-md my-3 text-center">
  115. <img class="w-100" src="{{ asset('build/banner_pack.jpg') }}" alt="Service client"/>
  116. </div>
  117. <div class="col-md my-3 text-justify">
  118. <p>
  119. <strong>Boostez l'efficacité de votre annonce immobilière<br />
  120. avec le Pack Multi-diffusion {{ platform.name }}.</strong>
  121. </p>
  122. <p>
  123. 1 mois de multi-diffusion de votre annonce rédigée par nos soins sur <strong>150 sites majeurs du secteur immobilier</strong> dont
  124. plusieurs sites réservés uniquement aux professionnels de l'immobilier.
  125. </p>
  126. <p class="f20-text-md text-uppercase my-4">
  127. <strong>
  128. Optez pour la meilleure visibilité<br />
  129. sans abonnement, ni commission.
  130. </strong>
  131. </p>
  132. <div class="text-center text-md-left pt-4">
  133. <a href="{{ path('pack') }}" class="btn btn-light text-primary text-uppercase p-3">
  134. En savoir plus
  135. </a>
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. <div class="container pb-5 text-center">
  144. {% if opinions|length > 0 %}
  145. <h2 class="mt-3 pt-3 mt-md-5 pt-md-5">Ils en parlent</h2>
  146. <div id="homepage_opinions" class="row justify-content-center mx-2 mx-md-4 my-4">
  147. <div class="col-md-8">
  148. <div id="homepage_opinions_carousel" class="carousel h-100" data-ride="carousel">
  149. <ol class="carousel-indicators">
  150. {% for opinion in opinions %}
  151. <li data-target="#homepage_opinions_carousel" data-slide-to="{{ loop.index-1 }}" class="{{ loop.index == 1 ? 'active' }}"></li>
  152. {% endfor %}
  153. </ol>
  154. <div class="carousel-inner">
  155. {% for opinion in opinions %}
  156. <div class="carousel-item card shadow p-4 {{ loop.index == 1 ? 'active' }}">
  157. <div class="row align-items-center">
  158. <div class="col text-right">
  159. <a href="#homepage_opinions_carousel" role="button" data-slide="prev">
  160. <span class="fas fa-2x fa-chevron-left" ></span>
  161. </a>
  162. </div>
  163. <div class="col-auto text-center">
  164. <img class="f20-icon-xl m-auto" src="{{ opinion.filename is empty ? asset(constant('CIV_CONF', opinion)[opinion.civility]['asset']) : asset(opinion.getWebPath) }}" alt="Avis client"/>
  165. </div>
  166. <div class="col text-left">
  167. <a href="#homepage_opinions_carousel" role="button" data-slide="next">
  168. <span class="fas fa-2x fa-chevron-right"></span>
  169. </a>
  170. </div>
  171. </div>
  172. <p class="m-4 f20-text-lg">{{ opinion.message|nl2br }}</p>
  173. <div class="row pb-4">
  174. <div class="col-2"></div>
  175. <div class="col text-center">
  176. <strong>{{ opinion.author|nl2br }}</strong><br />
  177. <em>{{ opinion.subtitle }}</em>
  178. </div>
  179. <div class="col-2 text-right">
  180. <span class="fas fa-3x fa-quote-left"></span>
  181. </div>
  182. </div>
  183. </div>
  184. {% endfor %}
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. {% endif %}
  190. </div>
  191. <div id="homepage_banner" class="my-5 py-5 bg-primary">
  192. <div class="container text-white">
  193. <div class="row justify-content-center text-center">
  194. <div class="col col-md-8 col-lg-6">
  195. <h2 class="m-0">Ne dépensez plus 1 euro tant que votre bien immobilier n'est pas vendu</h2>
  196. </div>
  197. </div>
  198. <div class="row mt-5">
  199. <div class="col col-xl-4 offset-xl-2 text-justify px-4">
  200. <p class="mb-4 f20-text-md">
  201. En souscrivant chez {{ platform.name }}, nous avançons à votre place <strong>tous les frais*</strong> liés à la gestion publicitaire de votre vente.<br />
  202. Votre <strong>engagement</strong> est simple : nous <strong>rembourser</strong> la formule Promup le jour de la vente chez le notaire.
  203. </p>
  204. <p>
  205. *frais de services : photographes, rédacteurs, chargée de clientèle dédiée, courtiers et frais de publicités :<br />
  206. diffusion sur les sites d’annonces de particuliers, professionnels, européens et mondiaux, spot vidéo, flyers, brochures de présentation.
  207. </p>
  208. </div>
  209. </div>
  210. <div class="text-center d-inline-block d-lg-none">
  211. <img class="w-75" src="{{ asset('build/banner_homepage_mobile.png') }}" alt="Service client"/>
  212. </div>
  213. </div>
  214. </div>
  215. <div class="container text-center">
  216. <h2 class="mt-3 pt-3 mt-md-5 pt-md-5">Ils nous font confiance</h2>
  217. <div id="homepage_partners" class="py-3 py-md-5">
  218. <div class="trustpilot-widget" data-locale="fr-FR" data-template-id="5419b6a8b0d04a076446a9ad" data-businessunit-id="5f71b340ef150e000175467b" data-style-height="24px" data-style-width="100%" data-theme="light">
  219. <a href="https://fr.trustpilot.com/review/promup.com"target="_blank" rel="noopener">Trustpilot</a>
  220. </div>
  221. <div class="row justify-content-center mb-5 border-top border-bottom">
  222. <div class="col-md-10 p-3">
  223. <img class="m-3" src="{{ asset('build/logo_caisse_epargne.png') }}" alt="Partenaire Caisse d'Epargne" />
  224. <img class="m-3" src="{{ asset('build/logo_meero.png') }}" alt="Partenaire Meero" />
  225. <img class="m-3" src="{{ asset('build/logo_leboncoin.png') }}" alt="Partenaire Leboncoin" />
  226. <img class="m-3" src="{{ asset('build/logo_paruvendu.jpg') }}" alt="Partenaire ParuVendu" />
  227. </div>
  228. </div>
  229. </div>
  230. </div>
  231. </main>
  232. {% endblock %}