templates/front/homepage.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Plus de 50 000 cartes par an distribuées dans les PO | CréaCard{% endblock %}
  5. {% block meta %}
  6. <meta name="description" content="CréaCard diffuse jusqu’à 50 000 cartes par an dans les Pyrénées-Orientales">
  7. <meta property="og:type" content="website">
  8. <meta property="og:site_name" content="CréaCard">
  9. <meta property="og:title" content="Nous diffusons vos cartes de visites">
  10. <meta property="og:description" content="CréaCard diffuse jusqu’à 50 000 cartes par an dans les Pyrénées-Orientales">
  11. <meta property="og:image" content="">
  12. <meta property="og:image:width" content="64">
  13. <meta property="og:image:height" content="64">
  14. <meta property="og:url" content="https://dev.crea-card.com">
  15. {% endblock %}
  17. {% block body %}
  18. <section id="accueil" class="py-3">
  19.     <div class="container">
  20.         <div class="row align-items-center">
  21.             <div class="col-12 col-md-7">
  22.                 <div class="page-heading">
  23.                     <h1>Nous diffusons <br><strong>jusqu’à 50 000 cartes par an</strong> <br>dans les Pyrénées Orientales</h1>
  24.                 </div>
  25.             </div>
  26.             <div class="col-12 col-md-5">
  27.                 <img src="/img/illustration-accueil-1280x1707.jpg" class="img-fluid" alt="illustration : présentoir CréaCard">
  28.             </div>
  29.         </div>
  30.     </div>
  31. </section>
  32. <section id="categories">
  33.     <div class="container">
  34.         <div class="section-heading text-center pb-5">
  35.             <h2>un ciblage par catégories d'activités</h2>
  36.             <p>Sur <strong>5 secteurs d’activités clés</strong> du département des Pyrénées Orientales</p>
  37.         </div>
  38.         <div class="d-flex flex-column flex-sm-row mb-3">
  39.             <div class="activity d-flex flex-column">
  40.                 <img src="/img/creacard-loisir-240-432.webp" class="img-fluid" alt="CréaCard Loisir">
  41.                 <div class="activity-title bg-loisirs text-center">
  42.                     <a href="{{ path('customer_index_activity', {activity: 'loisirs'}) }}"><h3>Loisirs</h3></a>
  43.                 </div>
  44.             </div>
  45.             <div class="activity d-flex flex-column">
  46.                 <img src="/img/creacard-bien-etre-240-432.webp" class="img-fluid" alt="CréaCard Bien-être">
  47.                 <div class="activity-title bg-bien-etre text-center">
  48.                     <a href="{{ path('customer_index_activity', {activity: 'bien-etre'}) }}"><h3>Bien-être</h3></a>
  49.                 </div>
  50.             </div>
  51.             <div class="activity d-flex flex-column">
  52.                 <img src="/img/creacard-services-240-432.webp" class="img-fluid" alt="CreaCard Services">
  53.                 <div class="activity-title bg-services text-center">
  54.                     <a href="{{ path('customer_index_activity', {activity: 'services'}) }}"><h3>Services</h3></a>
  55.                 </div>
  56.             </div>
  57.             <div class="activity d-flex flex-column">
  58.                 <img src="/img/creacard-terroir-240-432.webp" class="img-fluid" alt="CréaCard Terroir">
  59.                 <div class="activity-title bg-terroir text-center">
  60.                     <a href="{{ path('customer_index_activity', {activity: 'terroir'}) }}"><h3>Terroir</h3></a>
  61.                 </div>
  62.             </div>
  63.             <div class="activity d-flex flex-column">
  64.                 <img src="/img/creacard-artisan-240-432.webp" class="img-fluid" alt="CréaCard Artisan">
  65.                 <div class="activity-title bg-artisan text-center">
  66.                     <a href="{{ path('customer_index_activity', {activity: 'artisan'}) }}"><h3>Artisanat</h3></a>
  67.                 </div>
  68.             </div>
  69.         </div>
  70.     </div>
  71. </section>
  72. <section id="secteurs" class="bg-light">
  73.     <div class="container">
  74.         <div class="section-heading text-center pb-5">
  75.             <h2>un ciblage géographique</h2>
  76.             <p>Nous diffusons vos cartes sur les <strong>5 zones géographiques principales</strong> du département des Pyrénées Orientales</p>
  77.         </div>
  78.         <div class="section-content text-center">
  79.             <img src="/img/illustration-secteurs-creacard-684-370.png" class="img-fluid" alt="illustration : secteurs CréaCard">
  80.         </div>
  81.     </div>
  82. </section>
  83. <section id="offre" class="bg-services text-white">
  84.     <div class="container">
  85.         <div class="row align-items-center">
  86.             <div class="col-12 col-md-6 section-heading text-center text-md-start">
  87.                 <h2><strong>une offre 360°</strong> <br>on s'occupe de tout !</h2>
  88.             </div>
  89.             <div class="col-12 col-md-6 section-content text-center text-md-start">
  90.                 <ul class="fa-ul">
  91.                     <li><span class="fa-li"><i class="fa-solid fa-check"></i></span> La conception graphique</li>
  92.                     <li><span class="fa-li"><i class="fa-solid fa-check"></i></span> L’impression de qualité</li>
  93.                     <li><span class="fa-li"><i class="fa-solid fa-check"></i></span> La diffusion sécurisée</li>
  94.                     <li><span class="fa-li"><i class="fa-solid fa-check"></i></span> Le réapprovisionnement</li>
  95.                     <li><span class="fa-li"><i class="fa-solid fa-check"></i></span> Le sourire au commerçant</li>
  96.                 </ul>
  97.             </div>
  98.             <div class="offer col-12 text-center pt-3">
  99.                 <strong>notre offre :</strong> 1 Emplacement sur 1 réseau de 10 présentoirs 720€/an (60€/mois)
  100.             </div>
  101.         </div>
  102.     </div>
  103. </section>
  104. {% endblock %}