templates/index.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block styles %}
  4. {{ parent() }}
  5. <link href="{{ asset('assets/css/slick.css') }}" rel="stylesheet" type="text/css" />
  6. <link rel="stylesheet" href="{{ asset('assets/css/autoComplete.zv.css') }}">
  7. {% endblock %}
  9. {% block body %}
  10. <section id="home-header" class="d-flex justify-content-center align-items-center">
  11. <div class="container">
  12. <h1>
  13. Plateforme de rendez-vous avec vos praticiens en bien-être
  14. </h1>
  15. <form method="get" action="{{ path('default_search') }}" style="padding-right: 40px;">
  16. <div class="blur-bg mt-10 d-flex gap-4 flex-wrap" style="position:relative; z-index: 1000;">
  17. <div class="input-white mobile-w-100">
  18. {% include("utils/search-form-input.html.twig") %}
  19. </div>
  20. <div class="input-white cursor-pointer mobile-w-100">
  21. {% include("utils/localisation-form-input.html.twig") %}
  22. </div>
  23. <div class="mobile-w-100 mobile-text-center">
  24. <button type="submit" style="height: 54px;">Rechercher</button>
  25. </div>
  26. </div>
  27. </form>
  28. <div class="blur-bg mt-4 d-flex gap-4" id="home-conseils">
  29. <a href="{{ path('default_conseils') }}">
  30. <div class="header-button">
  31. <div>
  32. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 28.23 28.23">
  33. <path id="Icon_ionic-md-happy" data-name="Icon ionic-md-happy" d="M17.49,3.375A14.115,14.115,0,1,0,31.6,17.49,14.111,14.111,0,0,0,17.49,3.375Zm0,25.407A11.292,11.292,0,1,1,28.782,17.49,11.326,11.326,0,0,1,17.49,28.782Zm4.94-12.7a2.117,2.117,0,1,0-2.117-2.117A2.079,2.079,0,0,0,22.43,16.078Zm-9.88,0a2.117,2.117,0,1,0-2.117-2.117A2.079,2.079,0,0,0,12.55,16.078Zm4.94,9.175a7.691,7.691,0,0,0,7.2-4.94h-14.4A7.691,7.691,0,0,0,17.49,25.253Z" transform="translate(-3.375 -3.375)" fill="#186d7c"/>
  34. </svg>
  35. </div>
  36. <div class="right">
  37. <div class="sous-title">Je souhaite être contacté</div>
  38. <div class="titre">Accompagnement personnalisé</div>
  39. </div>
  40. </div>
  41. </a>
  42. <a href="{{ path('default_besoins') }}">
  43. <div class="header-button">
  44. <div>
  45. <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 43.972 29.23">
  46. <path id="Tracé_185" data-name="Tracé 185" d="M282.816,168.509A10.427,10.427,0,0,0,272.4,158.093a10.3,10.3,0,0,0-5.723,1.774,10.3,10.3,0,0,0-5.723-1.774,10.427,10.427,0,0,0-10.417,10.416,7.89,7.89,0,0,0,.984,3.342h-4.578a1.717,1.717,0,1,0,0,3.434h6.731c3.434,4.728,8.894,9.627,11.252,10.68h0a3.3,3.3,0,0,0,1.785.343h.309a3.566,3.566,0,0,0,1.476-.366c2.358-1.053,7.783-5.953,11.252-10.68h6.731a1.717,1.717,0,1,0,0-3.434H281.9a7.9,7.9,0,0,0,.916-3.32Zm-8.8,8.265h0a30.537,30.537,0,0,1-6.983,6.067,1.683,1.683,0,0,0-.778,0,30.529,30.529,0,0,1-6.983-6.067c-.47-.515-.9-1.008-1.317-1.488h1.465a1.716,1.716,0,0,0,1.6-1.144l1.5-3.915,2.542,5.941a1.717,1.717,0,0,0,1.511,1.042h.069a1.732,1.732,0,0,0,1.523-.916l2.506-4.728.939,2.553a1.706,1.706,0,0,0,1.6,1.145h2.117c-.412.5-.847,1-1.317,1.511Zm.4-4.922-1.854-5.037h0a1.717,1.717,0,0,0-3.125-.206l-2.621,4.956-2.793-6.525A1.659,1.659,0,0,0,262.407,164a1.727,1.727,0,0,0-1.568,1.145l-2.6,6.766h-2.863a7.77,7.77,0,0,1-1.476-3.342,7,7,0,0,1,6.983-6.983,6.868,6.868,0,0,1,4.578,1.785,1.716,1.716,0,0,0,2.29,0,6.869,6.869,0,0,1,4.578-1.785,7,7,0,0,1,6.983,6.983,7.77,7.77,0,0,1-1.476,3.342Z" transform="translate(-244.724 -157.593)" fill="#186d7c" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  47. </svg>
  48. </div>
  49. <div class="right">
  50. <div class="sous-title">Je recherche par</div>
  51. <div class="titre">Besoins</div>
  52. </div>
  53. </div>
  54. </a>
  55. <a href="{{ path('praticiens_list') }}">
  56. <div class="header-button">
  57. <div>
  58. <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 39.428 26.204">
  59. <path id="Tracé_201" data-name="Tracé 201" d="M160.469,156.708a.548.548,0,0,0-.342.222l-6.041,8.215a.548.548,0,0,0,.086.736l6.144,5.2a2.726,2.726,0,0,0,.787,5.34,2.692,2.692,0,0,0,1.13-.257,2.135,2.135,0,0,0,2.721,1.814c0,.029-.017.057-.017.086a2.2,2.2,0,0,0,2.191,2.191,2.147,2.147,0,0,0,1.13-.326,2.18,2.18,0,0,0,2.157,1.968,2.156,2.156,0,0,0,1.455-.582,3.009,3.009,0,0,0,1.832.582,2.732,2.732,0,0,0,1.883-.856,2.762,2.762,0,0,0,.839-1.609,2.374,2.374,0,0,0,1.113.274,2.472,2.472,0,0,0,2.362-1.832,2.349,2.349,0,0,0,.924.188,2.484,2.484,0,0,0,2.431-2.122c.037.028.1.077.137.1a2.594,2.594,0,0,0,1.421.376,2.467,2.467,0,0,0,2.584-2.636,2.89,2.89,0,0,0-1.3-2.173V171.6l-.034-.017-.462-.377,6.521-5.323a.548.548,0,0,0,.1-.736l-6.041-8.215a.548.548,0,0,0-.531-.222.533.533,0,0,0-.086.017c-3.327,1.139-5.29,1.078-9.122,1.078a5.844,5.844,0,0,0-3.286.976,5.806,5.806,0,0,0-3.286-.976c-3.833,0-5.8.06-9.122-1.078a.546.546,0,0,0-.274-.017Zm.325,1.164c3.231,1.043,5.408,1.027,9.071,1.027a4.49,4.49,0,0,1,2.448.651l-4.5,5a.547.547,0,0,0-.1.548,2.852,2.852,0,0,0,1.609,1.8,3.552,3.552,0,0,0,1.694.205,3.466,3.466,0,0,0,1.369-.53c.489-.276,1.02-.634,1.506-.976.778-.547,1.194-.885,1.438-1.078l10.08,7.959.034.017a2.149,2.149,0,0,1,.856,1.3c0,.006,0,.013,0,.017a1.5,1.5,0,0,1-.428,1.147,1.523,1.523,0,0,1-1.061.376,2.191,2.191,0,0,1-.822-.205c.053.034-.142-.1-.359-.274s-.527-.411-.873-.685c-.693-.547-1.579-1.247-2.464-1.951l-3.509-2.79a.548.548,0,1,0-.685.856l3.509,2.79c.886.7,1.787,1.42,2.482,1.968.09.071.141.107.222.171a.548.548,0,0,0-.12.342,1.391,1.391,0,0,1-1.369,1.42,1.322,1.322,0,0,1-.77-.257c.036.025-.092-.069-.24-.188s-.363-.287-.6-.479c-.472-.384-1.074-.892-1.677-1.386-1.208-.989-2.4-1.951-2.4-1.951a.541.541,0,1,0-.685.839s1.171.978,2.379,1.968c.6.5,1.221,1,1.694,1.386.152.123.26.2.377.291a1.391,1.391,0,0,1-1.369,1.421,1.322,1.322,0,0,1-.77-.257c-.076-.054-2.435-1.776-3.817-2.91a.541.541,0,1,0-.685.839c1.048.86,2.284,1.789,3.081,2.379v.5a1.688,1.688,0,0,1-.53,1.113,1.737,1.737,0,0,1-1.112.531,1.619,1.619,0,0,1-1.232-.376,2.154,2.154,0,0,0-2.054-2.91,2.149,2.149,0,0,0-1.13.325,2.129,2.129,0,0,0-2.721-1.883c0-.029.017-.057.017-.086a2.138,2.138,0,0,0-2.738-2.105c0-.029,0-.056,0-.086a2.739,2.739,0,0,0-1.78-2.55.531.531,0,0,0-.052-.068l-6.726-5.7Zm24.714,0,5.511,7.513-6.3,5.135-9.037-7.137a.547.547,0,0,0-.685.017s-.808.642-1.746,1.3c-.469.33-.966.66-1.4.907a3.982,3.982,0,0,1-.941.411,2.638,2.638,0,0,1-1.181-.154,1.646,1.646,0,0,1-.839-.856l4.587-5.117c.007,0,.01-.012.017-.017a4.6,4.6,0,0,1,2.944-.976c3.663,0,5.84.016,9.071-1.027ZM161.1,172.043a1.643,1.643,0,1,1-1.643,1.643A1.635,1.635,0,0,1,161.1,172.043Zm3.286,2.738a1.1,1.1,0,1,1-1.1,1.1A1.087,1.087,0,0,1,164.388,174.782Zm2.738,2.191a1.1,1.1,0,1,1-1.1,1.1A1.087,1.087,0,0,1,167.126,176.972Zm3.286,1.643a1.1,1.1,0,1,1-1.1,1.1A1.087,1.087,0,0,1,170.413,178.615Z" transform="translate(-153.434 -156.198)" fill="#186d7c" stroke="#186d7c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  60. </svg>
  61. </div>
  62. <div class="right">
  63. <div class="sous-title">Je recherche par</div>
  64. <div class="titre">Pratiques</div>
  65. </div>
  66. </div>
  67. </a>
  68. </div>
  69. </div>
  70. </section>
  71. <section>
  72. <div class="container py-30 text-center mobile-text-left">
  73. <img src="{{ asset('assets/media/logo_couleur_horizontal.png') }}" alt="logo" width="420" class="mobile-image-80" />
  74. <div class="mt-7 mobile-max-w-100" style="max-width: 75%; margin: auto;">
  75. <h2>La plateforme qui vous permet de prendre rendez-vous avec un coach bien-être Zendez-Vous pour créer votre programme de bien-être.</h2>
  76. </div>
  77. <div class="mt-5 mobile-max-w-100" style="max-width: 62%; margin: auto;">
  78. <p class="text-primary fw-semibold">
  79. Si vous savez de quel praticien vous avez besoin pour aller mieux, prenez directement rendez-vous chez ZenDez-Vous. Si vous ne savez pas vous pouvez faire appel à un coach ZenDez-Vous formé pour vous écouter et, à l’issue d’une heure de coaching, vous orientera vers des pratiques de bien-être correspondant à vos besoins.
  80. </p>
  81. </div>
  82. <div class="mt-20 mobile-display-none" style="margin: auto;">
  83. <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="250" viewBox="0 0 1099 266">
  84. <g id="Groupe_338" data-name="Groupe 338" transform="translate(-134 -1280)">
  85. <g id="Groupe_337" data-name="Groupe 337" transform="translate(-40 709.64)">
  86. <path id="Tracé_209" data-name="Tracé 209" d="M-418.008,48.9a69.246,69.246,0,0,0,12.857,13.7c1.208,1.1,2.56,2.156,3.924,3.2s2.673,2.116,4.088,3.142l4.374,3.022,2.191,1.512c.744.5,1.554.963,2.327,1.446a249.6,249.6,0,0,0,41.982,20.454l11.821,4.183,2.963,1.041,3.082.926,6.175,1.843c8.11,2.6,16.808,4.527,25.289,6.713,4.3,1.013,8.739,1.84,13.1,2.768,4.4.873,8.713,1.9,13.236,2.563l13.438,2.217c2.251.349,4.463.785,6.744,1.061l6.833.862,13.686,1.683,3.423.417,3.459.3,6.921.6,13.841,1.2c1.155.094,2.306.211,3.464.288l3.485.183,6.97.364c9.295.439,18.577,1.072,27.91,1.1l13.98.238c4.661.066,9.321.219,13.98.094,37.237-.7,36.911-3.79-.008-3.309-4.617.11-9.225-.06-13.835-.14l-13.826-.283c-9.237-.047-18.385-.741-27.569-1.157l-6.884-.343-3.442-.172c-1.145-.073-2.278-.185-3.419-.276l-13.656-1.15-6.831-.574-3.415-.287-3.374-.4-13.487-1.626-6.756-.792c-2.257-.254-4.438-.665-6.661-.989l-13.283-2.072c-4.476-.614-8.732-1.592-13.082-2.414-4.314-.877-8.707-1.653-12.961-2.614a447.582,447.582,0,0,1-48.966-13.975A256.857,256.857,0,0,1-386.206,73.9c-.795-.461-1.626-.9-2.391-1.381l-2.257-1.448-4.516-2.9c-1.464-.985-2.824-2.015-4.242-3.022s-2.824-2.02-4.09-3.088a79.536,79.536,0,0,1-13.735-13.275Z" transform="translate(685.508 679.438)" fill="#125c6a" stroke="#186d7c" stroke-width="3"/>
  87. <path id="Tracé_210" data-name="Tracé 210" d="M-418.008,120.382a69.247,69.247,0,0,1,12.857-13.7c1.208-1.1,2.56-2.156,3.924-3.2s2.673-2.116,4.088-3.142l4.374-3.022,2.191-1.512c.744-.5,1.554-.963,2.327-1.446A249.6,249.6,0,0,1-346.266,73.9l11.821-4.183,2.963-1.041,3.082-.926,6.175-1.843c8.11-2.6,16.808-4.527,25.289-6.713,4.3-1.013,8.739-1.84,13.1-2.768,4.4-.873,8.713-1.9,13.236-2.563l13.438-2.217c2.251-.349,4.463-.785,6.744-1.061l6.833-.862,13.686-1.683,3.423-.417,3.459-.3,6.921-.6,13.841-1.2c1.155-.094,2.306-.211,3.464-.288l3.485-.183,6.97-.364c9.295-.439,18.577-1.072,27.91-1.1l13.98-.238c4.661-.066,9.321-.219,13.98-.094,37.237.7-.008,3.309-.008,3.309-4.617-.11-9.225.06-13.835.14l-13.826.283c-9.237.047-18.385.741-27.569,1.157l-6.884.343-3.442.172c-1.145.073-2.278.185-3.419.276l-13.656,1.15-6.831.574-3.415.287-3.374.4-13.487,1.626-6.756.792c-2.257.254-4.438.665-6.661.989l-13.283,2.072c-4.476.614-8.732,1.592-13.082,2.414-4.314.877-8.707,1.653-12.961,2.614a447.582,447.582,0,0,0-48.966,13.975,256.857,256.857,0,0,0-42.282,19.543c-.795.461-1.626.9-2.391,1.381l-2.257,1.448-4.516,2.9c-1.464.985-2.824,2.015-4.242,3.022s-2.824,2.02-4.09,3.088a79.536,79.536,0,0,0-13.735,13.275Z" transform="translate(685.508 556.997)" fill="#125c6a" stroke="#186d7c" stroke-width="3"/>
  88. <path id="Tracé_215" data-name="Tracé 215" d="M-104.526,125.615c9.3-.288,18.569-.775,27.853-1.153,4.634-.232,9.293-.337,13.905-.675l13.843-.982,13.839-.982c4.608-.351,9.246-.587,13.809-1.086,73.484-6.521,145.394-17.44,215.6-30.787,70.195-13.428,138.744-29.3,206.173-46.433l-.251-.3c-67.748,16.727-136.56,32.171-206.891,45.154C123.082,101.375,51.2,111.935-22,118.093c-4.551.471-9.167.678-13.754,1l-13.775.9-13.775.9c-4.589.309-9.214.386-13.82.59-9.22.323-18.434.755-27.659.988Z" transform="translate(695.508 679.438)" fill="#ff6700" stroke="#ff6700" stroke-width="2"/>
  89. <path id="Tracé_216" data-name="Tracé 216" d="M-76.673,44.823c4.634.232,9.293.337,13.905.675l13.843.982,13.839.982c4.608.351,9.246.587,13.809,1.086,73.484,6.521,145.394,17.44,215.6,30.787,70.195,13.428,138.744,29.3,206.173,46.433l-.251.3C332.492,109.346,263.681,93.9,193.349,80.918,123.082,67.91,51.2,57.35-22,51.192c-4.551-.471-9.167-.678-13.754-1l-13.775-.9-13.775-.9c-4.589-.309-9.214-.386-13.82-.59C-86.341,47.482-85.958,44.444-76.673,44.823Z" transform="translate(695.508 556.997)" fill="#34dcf2" stroke="#34dcf2" stroke-width="2"/>
  90. </g>
  91. <g id="Groupe_305" data-name="Groupe 305" transform="translate(-186 602)">
  92. <rect id="Rectangle_72" data-name="Rectangle 72" width="187" height="93" rx="16" transform="translate(320 764)" fill="#186d7c"/>
  93. <text id="Quel_est_mon_besoin_" data-name="Quel est mon besoin ?" transform="translate(343 788)" fill="#fff" font-size="18" font-family="Montserrat-SemiBold, Montserrat" font-weight="600"><tspan x="5" y="17">Quel est mon </tspan><tspan x="30" y="41">besoin ?</tspan></text>
  94. </g>
  95. <g id="Groupe_310" data-name="Groupe 310" transform="translate(726 609)">
  96. <rect id="Rectangle_72-2" data-name="Rectangle 72" width="187" height="93" rx="16" transform="translate(320 757)" fill="#ff6700"/>
  97. <text id="Je_prends_rendez-vous" data-name="Je prends
  98. rendez-vous" transform="translate(343 780.5)" fill="#fff" font-size="18" font-family="Montserrat-SemiBold, Montserrat" font-weight="600"><tspan x="27" y="17">Je prends</tspan><tspan x="13" y="41">rendez-vous</tspan></text>
  99. </g>
  100. <g id="Groupe_322" data-name="Groupe 322" transform="translate(120 1056)">
  101. <g id="Rectangle_73" data-name="Rectangle 73" transform="translate(306 224)" fill="#fff" stroke="#186d7c" stroke-width="1">
  102. <rect width="232" height="93" rx="16" stroke="none"/>
  103. <rect x="0.5" y="0.5" width="231" height="92" rx="15.5" fill="none"/>
  104. </g>
  105. <text id="Je_sais_quelles_pratiques_correspondent_à_mon_besoin" data-name="Je sais quelles
  106. pratiques correspondent
  107. à mon besoin" transform="translate(422 252)" fill="#242121" font-size="16" font-family="Montserrat-SemiBoldItalic, Montserrat" font-style="italic" font-weight="600"><tspan x="-60.296" y="0">Je sais</tspan><tspan y="0" xml:space="preserve" font-family="Montserrat-Italic, Montserrat" font-weight="400"> quelles </tspan><tspan font-family="Montserrat-Italic, Montserrat" font-weight="400"><tspan x="-102.328" y="24">pratiques correspondent </tspan><tspan x="-55.304" y="48">à mon besoin</tspan></tspan></text>
  108. </g>
  109. <g id="Groupe_317" data-name="Groupe 317" transform="translate(-41 1082)">
  110. <g id="Rectangle_72-3" data-name="Rectangle 72" transform="translate(715 198)" fill="#eafcfe" stroke="#34dcf2" stroke-width="1">
  111. <rect width="267" height="93" rx="16" stroke="none"/>
  112. <rect x="0.5" y="0.5" width="266" height="92" rx="15.5" fill="none"/>
  113. </g>
  114. <text id="Je_choisis_mon_ou_mes_Praticiens" data-name="Je choisis mon
  115. ou mes Praticiens" transform="translate(793 238.5)" fill="#242121" font-size="18" font-family="Montserrat-SemiBold, Montserrat" font-weight="600"><tspan x="0" y="0">Je choisis mon </tspan><tspan x="0" y="24">ou mes </tspan><tspan y="24" font-family="Montserrat-Bold, Montserrat" font-weight="700">Praticiens</tspan></text>
  116. <path id="Tracé_201" data-name="Tracé 201" d="M161.717,156.71a.654.654,0,0,0-.408.265l-7.2,9.8a.653.653,0,0,0,.1.878l7.327,6.2a3.251,3.251,0,0,0,.939,6.367,3.211,3.211,0,0,0,1.347-.306,2.546,2.546,0,0,0,3.245,2.163c0,.035-.02.067-.02.1a2.622,2.622,0,0,0,2.612,2.613A2.56,2.56,0,0,0,171,184.4a2.6,2.6,0,0,0,2.572,2.347,2.571,2.571,0,0,0,1.735-.694,3.588,3.588,0,0,0,2.184.694,3.258,3.258,0,0,0,2.245-1.02,3.293,3.293,0,0,0,1-1.918,2.83,2.83,0,0,0,1.327.327,2.947,2.947,0,0,0,2.816-2.184,2.8,2.8,0,0,0,1.1.225,2.962,2.962,0,0,0,2.9-2.531c.045.034.116.092.163.123a3.093,3.093,0,0,0,1.694.449,2.942,2.942,0,0,0,3.082-3.143,3.446,3.446,0,0,0-1.551-2.592v-.021l-.041-.02-.551-.449,7.775-6.347a.654.654,0,0,0,.123-.878l-7.2-9.8a.654.654,0,0,0-.633-.265.635.635,0,0,0-.1.02c-3.967,1.358-6.308,1.286-10.878,1.286a6.968,6.968,0,0,0-3.919,1.163,6.923,6.923,0,0,0-3.919-1.163c-4.57,0-6.91.072-10.878-1.286a.651.651,0,0,0-.327-.02Zm.388,1.388c3.853,1.243,6.448,1.224,10.817,1.224a5.354,5.354,0,0,1,2.919.776l-5.368,5.959a.653.653,0,0,0-.122.653,3.4,3.4,0,0,0,1.918,2.143,4.235,4.235,0,0,0,2.02.245,4.134,4.134,0,0,0,1.633-.632c.583-.329,1.216-.756,1.8-1.163.927-.652,1.424-1.055,1.715-1.285l12.02,9.49.041.02a2.563,2.563,0,0,1,1.02,1.551c0,.007,0,.016,0,.021a1.784,1.784,0,0,1-.51,1.368,1.815,1.815,0,0,1-1.265.449,2.613,2.613,0,0,1-.98-.245c.063.04-.169-.125-.428-.327s-.628-.491-1.041-.816c-.826-.652-1.883-1.486-2.939-2.326l-4.184-3.327a.653.653,0,1,0-.816,1.02l4.184,3.327c1.057.841,2.131,1.693,2.959,2.347.107.084.168.128.265.2a.654.654,0,0,0-.143.408,1.658,1.658,0,0,1-1.633,1.694,1.576,1.576,0,0,1-.918-.306c.042.03-.109-.082-.286-.225s-.433-.342-.714-.571c-.563-.458-1.28-1.063-2-1.653-1.44-1.18-2.857-2.326-2.857-2.326a.646.646,0,1,0-.816,1s1.4,1.167,2.837,2.347c.72.59,1.456,1.194,2.02,1.653.181.147.31.238.449.347a1.659,1.659,0,0,1-1.633,1.694,1.577,1.577,0,0,1-.918-.306c-.091-.065-2.9-2.118-4.551-3.469a.646.646,0,1,0-.816,1c1.25,1.025,2.723,2.133,3.674,2.837v.592a2.013,2.013,0,0,1-.632,1.327,2.072,2.072,0,0,1-1.327.633,1.93,1.93,0,0,1-1.47-.449,2.568,2.568,0,0,0-2.449-3.469,2.562,2.562,0,0,0-1.347.388,2.539,2.539,0,0,0-3.245-2.245c0-.035.021-.067.021-.1a2.549,2.549,0,0,0-3.265-2.51c0-.035,0-.067,0-.1a3.266,3.266,0,0,0-2.122-3.041.632.632,0,0,0-.062-.082l-8.02-6.8Zm29.47,0,6.571,8.959-7.51,6.123-10.776-8.51a.653.653,0,0,0-.816.02s-.964.765-2.081,1.551c-.559.393-1.152.787-1.674,1.082a4.747,4.747,0,0,1-1.122.49,3.146,3.146,0,0,1-1.408-.184,1.963,1.963,0,0,1-1-1.02l5.469-6.1c.009-.006.012-.015.021-.021a5.489,5.489,0,0,1,3.51-1.163c4.368,0,6.964.019,10.817-1.225Zm-29.1,16.9a1.959,1.959,0,1,1-1.959,1.959A1.949,1.949,0,0,1,162.472,175Zm3.918,3.265a1.306,1.306,0,1,1-1.306,1.306A1.3,1.3,0,0,1,166.39,178.261Zm3.265,2.612a1.306,1.306,0,1,1-1.306,1.306A1.3,1.3,0,0,1,169.656,180.873Zm3.919,1.959a1.306,1.306,0,1,1-1.306,1.306A1.3,1.3,0,0,1,173.574,182.833Z" transform="translate(576.996 72.877)" fill="#34dcf2" stroke="#34dcf2" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  117. </g>
  118. <g id="Groupe_324" data-name="Groupe 324" transform="translate(33 1003)">
  119. <g id="Rectangle_78" data-name="Rectangle 78" transform="translate(318 450)" fill="#fff" stroke="#186d7c" stroke-width="1">
  120. <rect width="232" height="93" rx="16" stroke="none"/>
  121. <rect x="0.5" y="0.5" width="231" height="92" rx="15.5" fill="none"/>
  122. </g>
  123. <text id="Je_ne_sais_pas_quelles_pratiques_correspondent_à_mon_besoin" data-name="Je ne sais pas quelles
  124. pratiques correspondent
  125. à mon besoin" transform="translate(434 478)" fill="#242121" font-size="16" font-family="Montserrat-SemiBoldItalic, Montserrat" font-style="italic" font-weight="600"><tspan x="-90.28" y="0">Je ne sais pas</tspan><tspan y="0" xml:space="preserve" font-family="Montserrat-Italic, Montserrat" font-weight="400"> quelles </tspan><tspan font-family="Montserrat-Italic, Montserrat" font-weight="400"><tspan x="-102.328" y="24">pratiques correspondent </tspan><tspan x="-55.304" y="48">à mon besoin</tspan></tspan></text>
  126. </g>
  127. <g id="Groupe_326" data-name="Groupe 326" transform="translate(79 960)">
  128. <g id="Rectangle_74" data-name="Rectangle 74" transform="translate(739 493)" fill="#ffefe5" stroke="#ff6700" stroke-width="1">
  129. <rect width="198" height="93" rx="16" stroke="none"/>
  130. <rect x="0.5" y="0.5" width="197" height="92" rx="15.5" fill="none"/>
  131. </g>
  132. <text id="Je_choisis_les_praticiens_adaptés_à_mon_besoin" data-name="Je choisis les
  133. praticiens adaptés
  134. à mon besoin" transform="translate(838 521)" fill="#242121" font-size="16" font-family="Montserrat-SemiBoldItalic, Montserrat" font-weight="600" font-style="italic"><tspan x="-55.328" y="0">Je choisis les </tspan><tspan x="-80.168" y="24">praticiens adaptés </tspan><tspan x="-56.52" y="48">à mon besoin</tspan></text>
  135. </g>
  136. <g id="Groupe_318" data-name="Groupe 318" transform="translate(-91 903)">
  137. <g id="Rectangle_76" data-name="Rectangle 76" transform="translate(690 550)" fill="#ffefe5" stroke="#ff6700" stroke-width="1">
  138. <rect width="203" height="93" rx="16" stroke="none"/>
  139. <rect x="0.5" y="0.5" width="202" height="92" rx="15.5" fill="none"/>
  140. </g>
  141. <text id="Je_fais_appel_à_un_Coach" data-name="Je fais appel
  142. à un Coach" transform="translate(756 590.5)" fill="#242121" font-size="18" font-family="Montserrat-SemiBold, Montserrat" font-weight="600"><tspan x="0" y="0">Je fais appel </tspan><tspan x="0" y="24">à un </tspan><tspan y="24" font-family="Montserrat-Bold, Montserrat" font-weight="700">Coach</tspan></text>
  143. <path id="Icon_ionic-md-happy" data-name="Icon ionic-md-happy" d="M20.26,3.375A16.885,16.885,0,1,0,37.145,20.26,16.881,16.881,0,0,0,20.26,3.375Zm0,30.393A13.508,13.508,0,1,1,33.769,20.26,13.548,13.548,0,0,1,20.26,33.768Zm5.91-15.2a2.533,2.533,0,1,0-2.533-2.533A2.487,2.487,0,0,0,26.17,18.572Zm-11.82,0a2.533,2.533,0,1,0-2.533-2.533A2.487,2.487,0,0,0,14.35,18.572Zm5.91,10.975a9.2,9.2,0,0,0,8.611-5.91H11.649A9.2,9.2,0,0,0,20.26,29.547Z" transform="translate(702.74 576.125)" fill="#ff6700"/>
  144. </g>
  145. </g>
  146. </svg>
  147. </div>
  148. <div class="mt-20 mobile-display-block text-center" style="margin: auto;">
  149. <svg xmlns="http://www.w3.org/2000/svg" width="304" height="673" viewBox="0 0 304 673">
  150. <g id="Groupe_389" data-name="Groupe 389" transform="translate(-35 -1296)">
  151. <g id="Groupe_337" data-name="Groupe 337" transform="translate(290.3 1342.5) rotate(90)">
  152. <path id="Tracé_209" data-name="Tracé 209" d="M0,77.169a65.721,65.721,0,0,1,9-13.7c.846-1.1,1.792-2.156,2.747-3.2s1.871-2.116,2.862-3.142L17.671,54.1,19.2,52.59c.521-.5,1.088-.963,1.629-1.446A160.978,160.978,0,0,1,50.224,30.69L58.5,26.508l2.074-1.041,2.158-.926L67.053,22.7c5.677-2.6,11.767-4.527,17.7-6.713,3.013-1.013,6.118-1.84,9.172-2.768,3.081-.873,6.1-1.9,9.266-2.563L112.6,8.437c1.576-.349,3.124-.785,4.721-1.061l4.784-.862,9.581-1.683,2.4-.417,2.422-.3,4.845-.6,9.69-1.2c.809-.094,1.614-.211,2.425-.288l2.44-.183,4.879-.364c6.507-.439,13.005-1.072,19.539-1.1L190.11.142c3.263-.066,6.525-.219,9.787-.094,26.068.7,25.84,3.79-.006,3.309-3.232-.11-6.458.06-9.685.14l-9.679.283c-6.467.047-12.871.741-19.3,1.157l-4.82.343L154,5.452c-.8.073-1.6.185-2.393.276l-9.56,1.15-4.782.574-2.39.287-2.362.4-9.442,1.626-4.73.792c-1.58.254-3.107.665-4.663.989l-9.3,2.072c-3.133.614-6.113,1.592-9.158,2.414-3.02.877-6.1,1.653-9.073,2.614A245.826,245.826,0,0,0,51.864,32.627a162.252,162.252,0,0,0-29.6,19.543c-.557.461-1.139.9-1.674,1.381L19.009,55l-3.162,2.9c-1.025.985-1.977,2.015-2.969,3.022s-1.977,2.02-2.863,3.088A71.832,71.832,0,0,0,.4,77.282Z" transform="translate(0 0)" fill="#125c6a" stroke="#186d7c" stroke-width="3"/>
  153. <path id="Tracé_210" data-name="Tracé 210" d="M0,.1A60.546,60.546,0,0,0,8.292,12.726c.779,1.018,1.651,1.986,2.531,2.95s1.724,1.949,2.636,2.894l2.821,2.784,1.413,1.393c.48.458,1,.888,1.5,1.332A148.3,148.3,0,0,0,46.269,42.922l7.624,3.853,1.911.959,1.988.853,3.982,1.7c5.23,2.4,10.84,4.171,16.31,6.185,2.775.933,5.636,1.695,8.45,2.55,2.839.8,5.619,1.751,8.536,2.361l8.667,2.042c1.452.322,2.878.724,4.349.978l4.407.794,8.826,1.55,2.208.385,2.231.277,4.463.552,8.927,1.1c.745.087,1.487.194,2.234.265l2.247.168,4.495.336c5.995.4,11.981.988,18,1.015l9.016.219c3.006.061,6.011.2,9.016.087,24.016-.642-.005-3.048-.005-3.048-2.977.1-5.949-.055-8.923-.129l-8.917-.261c-5.957-.043-11.857-.682-17.78-1.066l-4.44-.316-2.22-.159c-.738-.067-1.469-.171-2.2-.254l-8.807-1.059-4.406-.529-2.2-.264-2.176-.373-8.7-1.5-4.357-.73c-1.456-.234-2.862-.613-4.3-.911l-8.567-1.909c-2.887-.566-5.632-1.467-8.437-2.224-2.782-.808-5.615-1.523-8.359-2.409A226.469,226.469,0,0,1,47.78,41.138a149.476,149.476,0,0,1-27.269-18c-.513-.425-1.049-.833-1.542-1.272l-1.456-1.334L14.6,17.859c-.944-.907-1.821-1.857-2.736-2.784s-1.821-1.861-2.638-2.845A66.176,66.176,0,0,1,.368,0Z" transform="translate(0 131.061)" fill="#125c6a" stroke="#186d7c" stroke-width="3"/>
  154. <path id="Tracé_215" data-name="Tracé 215" d="M.178,0c6.509.288,13,.775,19.5,1.153,3.244.232,6.506.337,9.734.675L39.1,2.81l9.688.982c3.226.351,6.473.587,9.667,1.086C109.9,11.4,160.242,22.319,209.387,35.665c49.141,13.428,97.129,29.3,144.333,46.433l-.176.3c-47.428-16.727-95.6-32.171-144.836-45.154C159.517,24.241,109.193,13.68,57.953,7.522c-3.186-.471-6.418-.678-9.629-1l-9.643-.9-9.643-.9c-3.212-.309-6.45-.386-9.675-.59C12.908,3.813,6.458,3.381,0,3.147Z" transform="translate(226.279 0.457)" fill="#ff6700" stroke="#ff6700" stroke-width="2"/>
  155. <path id="Tracé_216" data-name="Tracé 216" d="M5.659,91.64c3.659-.262,7.337-.38,10.979-.761l10.931-1.108L38.5,88.663c3.638-.4,7.3-.662,10.9-1.225,58.022-7.355,114.8-19.67,170.232-34.724C275.056,37.569,329.181,19.67,382.422.343l-.2-.343C328.73,18.866,274.4,36.285,218.865,50.928,163.383,65.6,106.623,77.511,48.83,84.456c-3.593.531-7.238.765-10.86,1.129L27.094,86.6,16.217,87.611c-3.623.348-7.275.435-10.912.665C-1.975,88.64-1.672,92.067,5.659,91.64Z" transform="translate(197.578 117.243)" fill="#34dcf2" stroke="#34dcf2" stroke-width="2"/>
  156. </g>
  157. <g id="Groupe_305" data-name="Groupe 305" transform="translate(-226 532)">
  158. <rect id="Rectangle_72" data-name="Rectangle 72" width="187" height="93" rx="16" transform="translate(320 764)" fill="#186d7c"/>
  159. <text id="Quel_est_mon_besoin_" data-name="Quel est mon besoin ?" transform="translate(343 788)" fill="#fff" font-size="18" font-family="Montserrat-SemiBold, Montserrat" font-weight="600"><tspan x="6" y="17">Quel est mon </tspan><tspan x="32" y="41">besoin ?</tspan></text>
  160. </g>
  161. <g id="Groupe_388" data-name="Groupe 388" transform="translate(35 1421)">
  162. <g id="Rectangle_73" data-name="Rectangle 73" fill="#fff" stroke="#186d7c" stroke-width="1">
  163. <rect width="144" height="123" rx="16" stroke="none"/>
  164. <rect x="0.5" y="0.5" width="143" height="122" rx="15.5" fill="none"/>
  165. </g>
  166. <text id="Je_sais_quelles_pratiques_correspondent_à_mon_besoin" data-name="Je sais quelles
  167. pratiques correspondent
  168. à mon besoin" transform="translate(8 16)" fill="#242121" font-size="16" font-family="Montserrat-SemiBoldItalic, Montserrat" font-style="italic" font-weight="600"><tspan x="4" y="15">Je sais</tspan><tspan y="15" xml:space="preserve" font-family="Montserrat-Italic, Montserrat" font-weight="400"> quelles </tspan><tspan font-family="Montserrat-Italic, Montserrat" font-weight="400"><tspan x="27" y="39">pratiques </tspan><tspan x="5" y="63">correspondent </tspan><tspan x="8" y="87">à mon besoin</tspan></tspan></text>
  169. </g>
  170. <g id="Groupe_384" data-name="Groupe 384" transform="translate(195 1421)">
  171. <g id="Rectangle_78" data-name="Rectangle 78" fill="#fff" stroke="#186d7c" stroke-width="1">
  172. <rect width="144" height="147" rx="16" stroke="none"/>
  173. <rect x="0.5" y="0.5" width="143" height="146" rx="15.5" fill="none"/>
  174. </g>
  175. <text id="Je_ne_sais_pas_quelles_pratiques_correspondent_à_mon_besoin" data-name="Je ne sais pas
  176. quelles pratiques
  177. correspondent
  178. à mon besoin" transform="translate(12 16)" fill="#242121" font-size="16" font-family="Montserrat-SemiBoldItalic, Montserrat" font-style="italic" font-weight="600"><tspan x="3" y="15">Je ne sais pas</tspan><tspan y="15" font-family="Montserrat-Italic, Montserrat" font-weight="400"> </tspan><tspan font-family="Montserrat-Italic, Montserrat" font-weight="400"><tspan x="31" y="39">quelles </tspan><tspan x="20" y="63">pratiques </tspan><tspan x="1" y="87">correspondent </tspan><tspan x="6" y="111">à mon besoin</tspan></tspan></text>
  179. </g>
  180. <g id="Groupe_385" data-name="Groupe 385" transform="translate(35 1560)">
  181. <g id="Rectangle_72-2" data-name="Rectangle 72" fill="#eafcfe" stroke="#34dcf2" stroke-width="1">
  182. <rect width="144" height="141" rx="16" stroke="none"/>
  183. <rect x="0.5" y="0.5" width="143" height="140" rx="15.5" fill="none"/>
  184. </g>
  185. <text id="Je_choisis_mon_ou_mes_Praticiens" data-name="Je choisis mon ou mes Praticiens" transform="translate(10 55)" fill="#242121" font-size="18" font-family="Montserrat-SemiBold, Montserrat" font-weight="600"><tspan x="17" y="17">Je choisis </tspan><tspan x="3" y="41">mon ou mes </tspan><tspan x="15" y="65" font-family="Montserrat-Bold, Montserrat" font-weight="700">Praticiens</tspan></text>
  186. <path id="Tracé_201" data-name="Tracé 201" d="M161.717,156.71a.654.654,0,0,0-.408.265l-7.2,9.8a.653.653,0,0,0,.1.878l7.327,6.2a3.251,3.251,0,0,0,.939,6.367,3.211,3.211,0,0,0,1.347-.306,2.546,2.546,0,0,0,3.245,2.163c0,.035-.02.067-.02.1a2.622,2.622,0,0,0,2.612,2.613A2.56,2.56,0,0,0,171,184.4a2.6,2.6,0,0,0,2.572,2.347,2.571,2.571,0,0,0,1.735-.694,3.588,3.588,0,0,0,2.184.694,3.258,3.258,0,0,0,2.245-1.02,3.293,3.293,0,0,0,1-1.918,2.83,2.83,0,0,0,1.327.327,2.947,2.947,0,0,0,2.816-2.184,2.8,2.8,0,0,0,1.1.225,2.962,2.962,0,0,0,2.9-2.531c.045.034.116.092.163.123a3.093,3.093,0,0,0,1.694.449,2.942,2.942,0,0,0,3.082-3.143,3.446,3.446,0,0,0-1.551-2.592v-.021l-.041-.02-.551-.449,7.775-6.347a.654.654,0,0,0,.123-.878l-7.2-9.8a.654.654,0,0,0-.633-.265.635.635,0,0,0-.1.02c-3.967,1.358-6.308,1.286-10.878,1.286a6.968,6.968,0,0,0-3.919,1.163,6.923,6.923,0,0,0-3.919-1.163c-4.57,0-6.91.072-10.878-1.286a.651.651,0,0,0-.327-.02Zm.388,1.388c3.853,1.243,6.448,1.224,10.817,1.224a5.354,5.354,0,0,1,2.919.776l-5.368,5.959a.653.653,0,0,0-.122.653,3.4,3.4,0,0,0,1.918,2.143,4.235,4.235,0,0,0,2.02.245,4.134,4.134,0,0,0,1.633-.632c.583-.329,1.216-.756,1.8-1.163.927-.652,1.424-1.055,1.715-1.285l12.02,9.49.041.02a2.563,2.563,0,0,1,1.02,1.551c0,.007,0,.016,0,.021a1.784,1.784,0,0,1-.51,1.368,1.815,1.815,0,0,1-1.265.449,2.613,2.613,0,0,1-.98-.245c.063.04-.169-.125-.428-.327s-.628-.491-1.041-.816c-.826-.652-1.883-1.486-2.939-2.326l-4.184-3.327a.653.653,0,1,0-.816,1.02l4.184,3.327c1.057.841,2.131,1.693,2.959,2.347.107.084.168.128.265.2a.654.654,0,0,0-.143.408,1.658,1.658,0,0,1-1.633,1.694,1.576,1.576,0,0,1-.918-.306c.042.03-.109-.082-.286-.225s-.433-.342-.714-.571c-.563-.458-1.28-1.063-2-1.653-1.44-1.18-2.857-2.326-2.857-2.326a.646.646,0,1,0-.816,1s1.4,1.167,2.837,2.347c.72.59,1.456,1.194,2.02,1.653.181.147.31.238.449.347a1.659,1.659,0,0,1-1.633,1.694,1.577,1.577,0,0,1-.918-.306c-.091-.065-2.9-2.118-4.551-3.469a.646.646,0,1,0-.816,1c1.25,1.025,2.723,2.133,3.674,2.837v.592a2.013,2.013,0,0,1-.632,1.327,2.072,2.072,0,0,1-1.327.633,1.93,1.93,0,0,1-1.47-.449,2.568,2.568,0,0,0-2.449-3.469,2.562,2.562,0,0,0-1.347.388,2.539,2.539,0,0,0-3.245-2.245c0-.035.021-.067.021-.1a2.549,2.549,0,0,0-3.265-2.51c0-.035,0-.067,0-.1a3.266,3.266,0,0,0-2.122-3.041.632.632,0,0,0-.062-.082l-8.02-6.8Zm29.47,0,6.571,8.959-7.51,6.123-10.776-8.51a.653.653,0,0,0-.816.02s-.964.765-2.081,1.551c-.559.393-1.152.787-1.674,1.082a4.747,4.747,0,0,1-1.122.49,3.146,3.146,0,0,1-1.408-.184,1.963,1.963,0,0,1-1-1.02l5.469-6.1c.009-.006.012-.015.021-.021a5.489,5.489,0,0,1,3.51-1.163c4.368,0,6.964.019,10.817-1.225Zm-29.1,16.9a1.959,1.959,0,1,1-1.959,1.959A1.949,1.949,0,0,1,162.472,175Zm3.918,3.265a1.306,1.306,0,1,1-1.306,1.306A1.3,1.3,0,0,1,166.39,178.261Zm3.265,2.612a1.306,1.306,0,1,1-1.306,1.306A1.3,1.3,0,0,1,169.656,180.873Zm3.919,1.959a1.306,1.306,0,1,1-1.306,1.306A1.3,1.3,0,0,1,173.574,182.833Z" transform="translate(-104.488 -140.251)" fill="#34dcf2" stroke="#34dcf2" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  187. </g>
  188. <g id="Groupe_310" data-name="Groupe 310" transform="translate(-226 1119)">
  189. <rect id="Rectangle_72-3" data-name="Rectangle 72" width="187" height="93" rx="16" transform="translate(320 757)" fill="#ff6700"/>
  190. <text id="Je_prends_rendez-vous" data-name="Je prends
  191. rendez-vous" transform="translate(343 780.5)" fill="#fff" font-size="18" font-family="Montserrat-SemiBold, Montserrat" font-weight="600"><tspan x="25" y="17">Je prends</tspan><tspan x="12" y="41">rendez-vous</tspan></text>
  192. </g>
  193. <g id="Groupe_386" data-name="Groupe 386" transform="translate(195 1584)">
  194. <g id="Rectangle_76" data-name="Rectangle 76" fill="#ffefe5" stroke="#ff6700" stroke-width="1">
  195. <rect width="144" height="121" rx="16" stroke="none"/>
  196. <rect x="0.5" y="0.5" width="143" height="120" rx="15.5" fill="none"/>
  197. </g>
  198. <text id="Je_fais_appel_à_un_Coach" data-name="Je fais appel
  199. à un Coach" transform="translate(71 74.5)" fill="#242121" font-size="18" font-family="Montserrat-SemiBold, Montserrat" font-weight="600"><tspan x="-56.733" y="0">Je fais appel </tspan><tspan x="-52.074" y="23">à un </tspan><tspan y="23" font-family="Montserrat-Bold, Montserrat" font-weight="700">Coach</tspan></text>
  200. <path id="Icon_ionic-md-happy" data-name="Icon ionic-md-happy" d="M20.26,3.375A16.885,16.885,0,1,0,37.145,20.26,16.881,16.881,0,0,0,20.26,3.375Zm0,30.393A13.508,13.508,0,1,1,33.769,20.26,13.548,13.548,0,0,1,20.26,33.768Zm5.91-15.2a2.533,2.533,0,1,0-2.533-2.533A2.487,2.487,0,0,0,26.17,18.572Zm-11.82,0a2.533,2.533,0,1,0-2.533-2.533A2.487,2.487,0,0,0,14.35,18.572Zm5.91,10.975a9.2,9.2,0,0,0,8.611-5.91H11.649A9.2,9.2,0,0,0,20.26,29.547Z" transform="translate(51.627 13.125)" fill="#ff6700"/>
  201. </g>
  202. <g id="Groupe_387" data-name="Groupe 387" transform="translate(195 1721)">
  203. <g id="Rectangle_74" data-name="Rectangle 74" fill="#ffefe5" stroke="#ff6700" stroke-width="1">
  204. <rect width="144" height="123" rx="16" stroke="none"/>
  205. <rect x="0.5" y="0.5" width="143" height="122" rx="15.5" fill="none"/>
  206. </g>
  207. <text id="Je_choisis_les_praticiens_adaptés_à_mon_besoin" data-name="Je choisis les
  208. praticiens adaptés à mon besoin" transform="translate(13 16)" fill="#242121" font-size="16" font-family="Montserrat-SemiBoldItalic, Montserrat" font-weight="600" font-style="italic"><tspan x="5" y="15">Je choisis les </tspan><tspan x="17" y="39">praticiens </tspan><tspan x="15" y="63">adaptés à </tspan><tspan x="9" y="87">mon besoin</tspan></text>
  209. </g>
  210. </g>
  211. </svg>
  212. </div>
  213. </div>
  214. </section>
  215. <section class="bg-primary text-white py-30">
  216. <div class="container d-flex align-items-center gap-10 mobile-flex-wrap">
  217. <div style="flex: 0 0 25%;" class="mobile-flex-100">
  218. <div class="fw-bold fs-44px" style="line-height: 44px;">Les pratiques et nos professionnels</div>
  219. <p class="mt-3">Découvrez les pratiques de bien-être référencées chez ZenDez-Vous et les professionnels associées</p>
  220. <div class="mt-10 d-flex align-items-center">
  221. <div class="border-white p-3 cursor-pointer" id="zv_speciality_prev" style="border-radius: 4px 0 0 4px;">
  222. <svg xmlns="http://www.w3.org/2000/svg" width="18.315" height="18.73" viewBox="0 0 18.315 18.73">
  223. <g id="Icon_feather-arrow-left" data-name="Icon feather-arrow-left" transform="translate(0.5 0.707)">
  224. <path id="Tracé_32" data-name="Tracé 32" d="M24.815,18H7.5" transform="translate(-7.5 -9.342)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  225. <path id="Tracé_33" data-name="Tracé 33" d="M16.158,24.815,7.5,16.158,16.158,7.5" transform="translate(-7.5 -7.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  226. </g>
  227. </svg>
  228. </div>
  229. <div class="border-white p-3 cursor-pointer" id="zv_speciality_next" style="border-radius: 0 4px 4px 0; border-left: none;">
  230. <svg xmlns="http://www.w3.org/2000/svg" width="18.315" height="18.73" viewBox="0 0 18.315 18.73">
  231. <g id="Icon_feather-arrow-left" data-name="Icon feather-arrow-left" transform="translate(0.5 0.707)">
  232. <path id="Tracé_32" data-name="Tracé 32" d="M7.5,18H24.815" transform="translate(-7.5 -9.342)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  233. <path id="Tracé_33" data-name="Tracé 33" d="M7.5,24.815l8.658-8.658L7.5,7.5" transform="translate(1.158 -7.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  234. </g>
  235. </svg>
  236. </div>
  237. </div>
  238. <div class="mt-20 mobile-display-none">
  239. <a href="{{ path('praticiens_list') }}">
  240. <button class="type-bordered">Accéder à toutes les pratiques</button>
  241. </a>
  242. </div>
  243. </div>
  244. <div class="slide-home-container">
  245. <div id="slider-home-specialities">
  246. {% for speciality in specialities %}
  247. <div class="slider-home-item-container">
  248. <a href="{{ path('praticiens_fiche', {slugJob: speciality.slugJob}) }}">
  249. <div class="slider-home-item">
  250. <div class="slider-home-item-img" style="background-image: url('/uploads/speciality/{{ speciality.picture }}')"></div>
  251. <div class="slider-home-item-text">{{ speciality.label}}</div>
  252. </div>
  253. </a>
  254. </div>
  255. {% endfor %}
  256. </div>
  257. </div>
  258. </div>
  259. <div class="container mt-15 mobile-display-block">
  260. <a href="{{ path('praticiens_list') }}">
  261. <button class="type-bordered">Accéder à toutes les pratiques</button>
  262. </a>
  263. </div>
  264. </section>
  265. <section class="bg-third text-white py-30">
  266. <div class="container d-flex align-items-center gap-10 mobile-flex-wrap">
  267. <div style="flex: 0 0 25%;" class="mobile-flex-100">
  268. <div class="fw-bold fs-44px">Les besoins</div>
  269. <p class="mt-3">Quel est votre besoin? ZenDez-Vous en a identifié 12 pour vous. Si vous ne savez pas quel est votre besoin, faites appel à un Coach ZenDez-Vous</p>
  270. <div class="mt-10 d-flex align-items-center">
  271. <div class="border-white p-3 cursor-pointer" id="zv_need_prev" style="border-radius: 4px 0 0 4px;">
  272. <svg xmlns="http://www.w3.org/2000/svg" width="18.315" height="18.73" viewBox="0 0 18.315 18.73">
  273. <g id="Icon_feather-arrow-left" data-name="Icon feather-arrow-left" transform="translate(0.5 0.707)">
  274. <path id="Tracé_32" data-name="Tracé 32" d="M24.815,18H7.5" transform="translate(-7.5 -9.342)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  275. <path id="Tracé_33" data-name="Tracé 33" d="M16.158,24.815,7.5,16.158,16.158,7.5" transform="translate(-7.5 -7.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  276. </g>
  277. </svg>
  278. </div>
  279. <div class="border-white p-3 cursor-pointer" id="zv_need_next" style="border-radius: 0 4px 4px 0; border-left: none;">
  280. <svg xmlns="http://www.w3.org/2000/svg" width="18.315" height="18.73" viewBox="0 0 18.315 18.73">
  281. <g id="Icon_feather-arrow-left" data-name="Icon feather-arrow-left" transform="translate(0.5 0.707)">
  282. <path id="Tracé_32" data-name="Tracé 32" d="M7.5,18H24.815" transform="translate(-7.5 -9.342)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  283. <path id="Tracé_33" data-name="Tracé 33" d="M7.5,24.815l8.658-8.658L7.5,7.5" transform="translate(1.158 -7.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  284. </g>
  285. </svg>
  286. </div>
  287. </div>
  288. <div class="mt-20 mobile-display-none">
  289. <a href="{{ path('default_besoins') }}">
  290. <button class="type-bordered">Accéder à tous les besoins</button>
  291. </a>
  292. </div>
  293. </div>
  294. <div class="slide-home-container">
  295. <div id="slider-home-needs">
  296. {% for need in needs %}
  297. <div class="slider-home-item-container">
  298. <a href="{{ path('default_besoins_fiche', {'slug': need.slug}) }}">
  299. <div class="slider-home-item">
  300. <div class="slider-home-item-img" style="background-image: url('/uploads/need/{{ need.picture }}')"></div>
  301. <div class="slider-home-item-text">{{ need.label}}</div>
  302. </div>
  303. </a>
  304. </div>
  305. {% endfor %}
  306. </div>
  307. </div>
  308. </div>
  309. <div class="container mt-15 mobile-display-block">
  310. <a href="{{ path('default_besoins') }}">
  311. <button class="type-bordered">Accéder à tous les besoins</button>
  312. </a>
  313. </div>
  314. </section>
  315. <section class="py-15">
  316. <div class="w-100 text-center"><h2 class="text-primary">Nos partenaires</h2></div>
  317. <div class="d-flex align-items-center justify-content-center gap-20 mt-10 flex-wrap" id="home-partners">
  318. <a href="https://jgacoaching.fr/" target="_blank" rel="noreferrer"><img src="{{ asset('assets/media/logo-jga-coaching.png') }}" alt="Logo JGA Coaching" /></a>
  319. <a href="https://www.mutaero.net/" target="_blank" rel="noreferrer"><img src="{{ asset('assets/media/logo-partenaire-mutaero.png') }}" alt="Logo Mutaero" /></a>
  320. <a href="https://www.assurances-longueville.com/" target="_blank" rel="noreferrer"><img src="{{ asset('assets/media/logo-partenaire-longueville.jpg') }}" alt="Logo Longueville" /></a>
  321. <a href="https://www.life-systeme.com/" target="_blank" rel="noreferrer"><img src="{{ asset('assets/media/logo-partenaire-quantaform.png') }}" alt="Logo Quantaform" /></a>
  322. <a href="https://www.viaenergetica.fr/" target="_blank" rel="noreferrer"><img src="{{ asset('assets/media/logo-partenaire-via_energetica.png') }}" alt="Logo Via Energetica" /></a>
  323. </div>
  324. </section>
  325. <a href="https://forms.gle/KNJEvsm25hPxDA7d7" target="_blank" rel="noreferrer" id="newsletter-btn">
  326. <div>
  327. <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 512 512">
  328. <path d="M215.4 96H144 107.8 96v8.8V144v40.4 89L.2 202.5c1.6-18.1 10.9-34.9 25.7-45.8L48 140.3V96c0-26.5 21.5-48 48-48h76.6l49.9-36.9C232.2 3.9 243.9 0 256 0s23.8 3.9 33.5 11L339.4 48H416c26.5 0 48 21.5 48 48v44.3l22.1 16.4c14.8 10.9 24.1 27.7 25.7 45.8L416 273.4v-89V144 104.8 96H404.2 368 296.6 215.4zM0 448V242.1L217.6 403.3c11.1 8.2 24.6 12.7 38.4 12.7s27.3-4.4 38.4-12.7L512 242.1V448v0c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64v0zM176 160H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16s7.2-16 16-16z" fill="#FFF"/>
  329. </svg>
  330. </div>
  331. <div>Newsletter</div>
  332. </a>
  333. {% include("utils/help-coach.html.twig") %}
  334. {% endblock %}
  336. {% block javascripts %}
  337. {{ parent() }}
  338. <script src="{{ asset('assets/js/vendors/plugins/jquery-3.6.3.min.js') }}"></script>
  339. <script src="{{ asset('assets/js/vendors/plugins/slick.min.js') }}"></script>
  341. <script type="text/javascript">
  342. $(document).ready(function(){
  343. $('#slider-home-specialities').slick({
  344. slidesToShow: 3,
  345. slidesToScroll: 1,
  346. dots: false,
  347. prevArrow: $('#zv_speciality_prev'),
  348. nextArrow: $('#zv_speciality_next'),
  349. responsive: [
  350. {
  351. breakpoint: 800,
  352. settings: {
  353. slidesToShow: 1,
  354. }
  355. },
  356. ]
  357. });
  359. $('#slider-home-needs').slick({
  360. slidesToShow: 3,
  361. slidesToScroll: 1,
  362. dots: false,
  363. prevArrow: $('#zv_need_prev'),
  364. nextArrow: $('#zv_need_next'),
  365. responsive: [
  366. {
  367. breakpoint: 800,
  368. settings: {
  369. slidesToShow: 1,
  370. }
  371. },
  372. ]
  373. });
  374. });
  375. </script>
  376. {% endblock %}