var/cache/dev/twig/8c/8c8c749e0a519967a8952cda54ec8420.php line 50

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Sandbox\SecurityNotAllowedTestError;
  14. use Twig\Source;
  15. use Twig\Template;
  16. use Twig\TemplateWrapper;
  18. /* application/whileresume/website/candidates/homepage.html.twig */
  19. class __TwigTemplate_414916e6795e23529c8811970090b92e extends Template
  20. {
  21. private Source $source;
  22. /**
  23. * @var array<string, Template>
  24. */
  25. private array $macros = [];
  27. public function __construct(Environment $env)
  28. {
  29. parent::__construct($env);
  31. $this->source = $this->getSourceContext();
  33. $this->blocks = [
  34. 'title' => [$this, 'block_title'],
  35. 'description' => [$this, 'block_description'],
  36. 'robots' => [$this, 'block_robots'],
  37. 'canonical' => [$this, 'block_canonical'],
  38. 'css' => [$this, 'block_css'],
  39. 'body' => [$this, 'block_body'],
  40. 'footer_js' => [$this, 'block_footer_js'],
  41. ];
  42. }
  44. protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
  45. {
  46. // line 1
  47. return "application/whileresume/website/layout-social.html.twig";
  48. }
  50. protected function doDisplay(array $context, array $blocks = []): iterable
  51. {
  52. $macros = $this->macros;
  53. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  54. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "application/whileresume/website/candidates/homepage.html.twig"));
  56. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  57. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "application/whileresume/website/candidates/homepage.html.twig"));
  59. // line 3
  60. $context["isFR"] = (CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 3, $this->source); })()), "request", [], "any", false, false, false, 3), "locale", [], "any", false, false, false, 3) == "fr");
  61. // line 5
  62. $context["_keys"] = ["hero_eyebrow", "hero_title_pre", "hero_title_accent", "hero_title_post", "hero_title_accent2", "hero_title_2", "hero_lede_pre", "hero_lede_brand", "hero_lede_mid", "hero_lede_word", "hero_lede_post", "hero_cta_signup", "hero_cta_login", "hero_search_placeholder", "hero_popular_label", "hero_btn_ios", "hero_btn_android", "hero_default_title", "hero_search_button", "hero_byline_jobs", "hero_byline_apps", "hero_byline_free", "hero_kbd_enter", "search_loading", "search_no_results", "search_no_results_hint", "search_results_count", "search_view_all", "search_view_offer", "search_clear", "how_eyebrow", "how_title", "how_lede", "how1_title", "how1_desc", "how2_title", "how2_desc", "how3_title", "how3_desc", "feat1_label", "feat1_title", "feat1_p1", "feat1_p2", "feat1_quote", "feat1_author", "feat1_role", "feat2_label", "feat2_title", "feat2_p1", "feat2_p2", "feat2_quote", "feat2_author", "feat2_role", "feat3_label", "feat3_title", "feat3_p1", "feat3_p2", "feat3_quote", "feat3_author", "feat3_role", "feat4_label", "feat4_title", "feat4_p1", "feat4_p2", "feat4_quote", "feat4_author", "feat4_role", "signup_eyebrow", "signup_title", "signup_lede", "signup_email_ph", "signup_pass_ph", "signup_pass2_ph", "signup_terms_pre", "signup_terms_link", "signup_btn", "signup_login_pre", "signup_login_link", "signup_perk1", "signup_perk2", "signup_perk3", "apps_eyebrow", "apps_title", "apps_lede", "apps_ios", "apps_android", "apps_web", "apps_ios_desc", "apps_android_desc", "apps_web_desc", "articles_title", "articles_view_all", "read_article", "final_eyebrow", "final_title", "final_recruiter_label", "final_recruiter_title", "final_recruiter_desc", "final_candidate_label", "final_candidate_title", "final_candidate_desc", "final_candidate", "final_recruiter"];
  63. // line 29
  64. $context["t"] = [];
  65. // line 30
  66. $context['_parent'] = $context;
  67. $context['_seq'] = CoreExtension::ensureTraversable((isset($context["_keys"]) || array_key_exists("_keys", $context) ? $context["_keys"] : (function () { throw new RuntimeError('Variable "_keys" does not exist.', 30, $this->source); })()));
  68. foreach ($context['_seq'] as $context["_key"] => $context["k"]) {
  69. // line 31
  70. yield " ";
  71. $context["t"] = Twig\Extension\CoreExtension::merge((isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 31, $this->source); })()), [ (string)$context["k"] => $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(("homepage." . $context["k"]), [], "whr-public")]);
  72. }
  73. $_parent = $context['_parent'];
  74. unset($context['_seq'], $context['_key'], $context['k'], $context['_parent']);
  75. $context = array_intersect_key($context, $_parent);
  76. $context += $_parent;
  77. // line 1
  78. $this->parent = $this->load("application/whileresume/website/layout-social.html.twig", 1);
  79. yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  81. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  84. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  86. }
  88. // line 35
  89. /**
  90. * @return iterable<null|scalar|\Stringable>
  91. */
  92. public function block_title(array $context, array $blocks = []): iterable
  93. {
  94. $macros = $this->macros;
  95. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  96. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  98. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  99. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  101. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 35, $this->source); })()), "shortTitle", [], "any", false, false, false, 35), "html", null, true);
  103. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  106. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  108. yield from [];
  109. }
  111. // line 36
  112. /**
  113. * @return iterable<null|scalar|\Stringable>
  114. */
  115. public function block_description(array $context, array $blocks = []): iterable
  116. {
  117. $macros = $this->macros;
  118. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  119. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "description"));
  121. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  122. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "description"));
  124. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 36, $this->source); })()), "shortDescription", [], "any", false, false, false, 36), "html", null, true);
  126. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  129. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  131. yield from [];
  132. }
  134. // line 37
  135. /**
  136. * @return iterable<null|scalar|\Stringable>
  137. */
  138. public function block_robots(array $context, array $blocks = []): iterable
  139. {
  140. $macros = $this->macros;
  141. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  142. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "robots"));
  144. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  145. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "robots"));
  147. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 37, $this->source); })()), "robots", [], "any", false, false, false, 37), "html", null, true);
  149. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  152. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  154. yield from [];
  155. }
  157. // line 38
  158. /**
  159. * @return iterable<null|scalar|\Stringable>
  160. */
  161. public function block_canonical(array $context, array $blocks = []): iterable
  162. {
  163. $macros = $this->macros;
  164. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  165. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "canonical"));
  167. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  168. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "canonical"));
  170. yield from $this->load("/vitrine/lexend/components/languages/canonical_classic.html.twig", 38)->unwrap()->yield($context);
  172. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  175. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  177. yield from [];
  178. }
  180. // line 40
  181. /**
  182. * @return iterable<null|scalar|\Stringable>
  183. */
  184. public function block_css(array $context, array $blocks = []): iterable
  185. {
  186. $macros = $this->macros;
  187. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  188. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));
  190. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  191. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));
  193. // line 41
  194. yield " ";
  195. yield from $this->yieldParentBlock("css", $context, $blocks);
  196. yield "
  197. <style>
  198. :root{
  199. --wr-bg:#FBFCFE;
  200. --wr-bg-2:#F4F6FB;
  201. --wr-card:#FFFFFF;
  202. --wr-violet:#8A63C1;
  203. --wr-violet-2:#A98AD3;
  204. --wr-violet-soft:#F2EDFA;
  205. --wr-violet-softer:#F8F4FD;
  206. --wr-violet-dark:#6B47A6;
  207. --wr-ink:#1E1B2E;
  208. --wr-ink-2:#374151;
  209. --wr-muted:#6B7280;
  210. --wr-muted-2:#9CA3AF;
  211. --wr-line:#EEF1F7;
  212. --wr-line-2:#E5E9F0;
  213. --wr-shadow:0 1px 2px rgba(30,27,46,.04),0 4px 16px rgba(30,27,46,.04);
  214. --wr-shadow-hover:0 4px 8px rgba(138,99,192,.08),0 12px 32px rgba(138,99,192,.1);
  215. /* Accents colorés pour les logos d\x27offres (lettres) */
  216. --wr-acc-yellow:#FEF3C7; --wr-acc-yellow-fg:#B45309;
  217. --wr-acc-green:#D1FAE5; --wr-acc-green-fg:#047857;
  218. --wr-acc-pink:#FCE7F3; --wr-acc-pink-fg:#BE185D;
  219. --wr-acc-blue:#DBEAFE; --wr-acc-blue-fg:#1E40AF;
  220. --wr-acc-orange:#FED7AA; --wr-acc-orange-fg:#C2410C;
  221. --wr-acc-violet:#EDE9FE; --wr-acc-violet-fg:#6D28D9;
  222. --wr-acc-cyan:#CFFAFE; --wr-acc-cyan-fg:#0E7490;
  223. }
  225. /* ═══════════════════════════════════════════════════════════════════
  226. PLEINE LARGEUR — On retire la réservation d\x27espace de la sidebar droite
  227. ═══════════════════════════════════════════════════════════════════ */
  228. body .main-content.right-chat-active{padding-right:0!important}
  229. body .main-content{padding-right:0!important}
  230. body .right-chat{display:none!important}
  231. body .middle-sidebar-bottom .middle-sidebar-left{padding-right:0!important;max-width:none!important;width:100%!important}
  232. body .middle-sidebar-bottom{max-width:none!important}
  234. .wr{margin:-15px -15px 0;background:var(--wr-bg);color:var(--wr-ink);font-family:inherit;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
  235. @media(max-width:991px){.wr{margin:0 -15px}}
  236. .wr *{box-sizing:border-box}
  237. .wr a{color:inherit;text-decoration:none}
  239. /* ═══════════════════════════════════════════════════════════════════
  240. SECTIONS GENERIC — Fond UNIFIÉ partout (pas d\x27alternance)
  241. ═══════════════════════════════════════════════════════════════════ */
  242. .wr-section{padding:80px 32px;background:var(--wr-bg);position:relative}
  243. .wr-section--tight{padding:48px 32px}
  244. @media(max-width:768px){.wr-section{padding:56px 20px}.wr-section--tight{padding:36px 20px}}
  246. /* Filet décoratif au lieu d\x27un changement de couleur */
  247. .wr-section + .wr-section::before{
  248. content:\"\";
  249. position:absolute;top:0;left:50%;transform:translateX(-50%);
  250. width:80px;height:1px;
  251. background:linear-gradient(90deg,transparent,var(--wr-line-2),transparent);
  252. }
  254. .wr-container{max-width:1200px;margin:0 auto;position:relative}
  256. /* ═══ Eyebrow ═══ */
  257. .wr-eyebrow{
  258. display:inline-flex;align-items:center;gap:8px;
  259. padding:6px 14px;border-radius:100px;
  260. background:var(--wr-violet-soft);
  261. color:var(--wr-violet-dark);
  262. font-size:11.5px;font-weight:600;
  263. text-transform:uppercase;letter-spacing:.12em;
  264. margin-bottom:22px;
  265. }
  266. .wr-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--wr-violet);animation:wrPulse 2.4s ease-in-out infinite}
  267. @keyframes wrPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}
  269. /* ═══ Titres ═══ */
  270. .wr-title{
  271. font-family:inherit;
  272. font-weight:700;
  273. font-size:28px;line-height:1.15;letter-spacing:-0.025em;
  274. color:var(--wr-ink);
  275. margin:0 auto 16px;
  276. max-width:1200px;
  277. }
  278. @media(min-width:768px){.wr-title{font-size:34px}}
  279. @media(min-width:1024px){.wr-title{font-size:40px}}
  280. .wr-title--sm{font-size:24px}
  281. @media(min-width:768px){.wr-title--sm{font-size:30px}}
  282. .wr-title em{font-style:normal;font-weight:700;color:var(--wr-violet)}
  284. .wr-lede{
  285. font-size:17px;line-height:1.55;font-weight:400;
  286. color:var(--wr-ink-2);
  287. margin:0 auto;max-width:680px;
  288. }
  290. .wr-section-head{text-align:center;margin-bottom:56px}
  292. /* ═══════════════════════════════════════════════════════════════════
  293. HERO — Style soft, recherche dashboard, boutons pleins
  294. ═══════════════════════════════════════════════════════════════════ */
  295. @keyframes wrFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
  296. @keyframes wrPulse2{0%{box-shadow:0 0 0 0 rgba(16,185,129,.4)}70%{box-shadow:0 0 0 8px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}
  298. /* ═══ Reveal au scroll (Intersection Observer ajoute .is-revealed) ═══ */
  299. .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
  300. .reveal.is-revealed{opacity:1;transform:translateY(0)}
  301. .reveal--left{transform:translateX(-32px) translateY(0)}
  302. .reveal--left.is-revealed{transform:translateX(0)}
  303. .reveal--right{transform:translateX(32px) translateY(0)}
  304. .reveal--right.is-revealed{transform:translateX(0)}
  305. .reveal--scale{transform:scale(.96);opacity:0}
  306. .reveal--scale.is-revealed{transform:scale(1);opacity:1}
  307. .reveal[data-reveal-delay=\"1\"]{transition-delay:.08s}
  308. .reveal[data-reveal-delay=\"2\"]{transition-delay:.16s}
  309. .reveal[data-reveal-delay=\"3\"]{transition-delay:.24s}
  310. .reveal[data-reveal-delay=\"4\"]{transition-delay:.32s}
  311. @media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}}
  313. .hero{
  314. position:relative;
  315. background:var(--wr-bg);
  316. padding:24px 32px 0;
  317. overflow:hidden;
  318. }
  319. @media(max-width:768px){.hero{padding:18px 18px 0}}
  321. /* Décor : 2 blobs très flous violet pâle */
  322. .hero::before{
  323. content:\"\";position:absolute;
  324. top:-260px;right:-180px;width:560px;height:560px;
  325. background:radial-gradient(circle,rgba(138,99,192,.14) 0%,transparent 65%);
  326. pointer-events:none;filter:blur(50px);
  327. }
  328. .hero::after{
  329. content:\"\";position:absolute;
  330. top:120px;left:-180px;width:480px;height:480px;
  331. background:radial-gradient(circle,rgba(138,99,192,.09) 0%,transparent 65%);
  332. pointer-events:none;filter:blur(50px);
  333. }
  335. .hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;text-align:center}
  337. /* ═══ Eyebrow ═══ */
  338. .hero-badge{
  339. display:inline-flex;align-items:center;gap:8px;
  340. padding:7px 16px;border-radius:100px;
  341. background:var(--wr-violet-soft);
  342. color:var(--wr-violet-dark);
  343. font-size:12px;font-weight:600;
  344. text-transform:uppercase;letter-spacing:.1em;
  345. margin-bottom:10px;
  346. opacity:0;transform:translateY(8px);
  347. animation:wrFadeUp .8s ease forwards;
  348. }
  349. .hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--wr-violet);animation:wrPulse2 2s ease infinite}
  351. /* ═══ Titre — 57px desktop, plein largeur conteneur ═══ */
  352. .hero-title{
  353. font-weight:700;
  354. font-size:24px;line-height:1.05;letter-spacing:-0.04em;
  355. color:var(--wr-ink);
  356. margin:0 auto 12px;
  357. width:100%;max-width:1200px;
  358. opacity:0;transform:translateY(12px);
  359. animation:wrFadeUp .9s cubic-bezier(.2,.7,.2,1) .15s forwards;
  360. }
  361. @media(min-width:768px){.hero-title{font-size:40px;letter-spacing:-0.045em}}
  362. @media(min-width:1100px){.hero-title{font-size:57px;letter-spacing:-0.045em}}
  364. .hero-title-accent{
  365. color:var(--wr-violet);
  366. }
  368. .hero-lede{
  369. font-size:15px;line-height:1.5;color:var(--wr-ink-2);font-weight:400;
  370. margin:0 auto 16px;max-width:680px;
  371. opacity:0;animation:wrFadeUp .9s ease .4s forwards;
  372. }
  373. @media(min-width:768px){.hero-lede{font-size:17px}}
  374. .hero-lede-accent{color:var(--wr-violet);font-weight:600}
  376. /* ═══ Recherche — pleine largeur (alignée sur la liste 1200px) ═══ */
  377. .hero-search-wrap{
  378. max-width:1200px;margin:0 auto 12px;
  379. opacity:0;animation:wrFadeUp .9s ease .55s forwards;
  380. position:relative;z-index:5;
  381. }
  382. .hero-search{
  383. background:var(--wr-card);
  384. border-radius:14px;
  385. box-shadow:0 0 20px 0 rgba(0,0,0,0.05),0 16px 40px rgba(138,99,192,.06);
  386. padding:10px;
  387. position:relative;
  388. }
  389. .hero-search-inner{
  390. display:flex;align-items:center;gap:10px;
  391. padding:10px 14px;border-radius:10px;
  392. background:#F9FAFB;border:1px solid #E5E7EB;
  393. transition:border-color .2s,background .2s;
  394. }
  395. .hero-search-inner:focus-within{
  396. border-color:rgba(138,99,192,.4);
  397. background:#fff;
  398. }
  399. .hero-search-icon{color:var(--wr-muted-2);display:flex;flex-shrink:0}
  400. .hero-search-icon svg{width:16px;height:16px}
  401. .hero-search-input{
  402. flex:1;border:0;outline:0;background:transparent;
  403. font-size:14.5px;font-family:inherit;color:var(--wr-ink);
  404. padding:6px 0;min-width:0;
  405. }
  406. .hero-search-input::placeholder{color:var(--wr-muted-2)}
  407. .hero-search-clear{
  408. background:none;border:0;color:var(--wr-muted-2);cursor:pointer;
  409. padding:4px;display:none;font-family:inherit;
  410. border-radius:6px;transition:background .15s,color .15s;
  411. }
  412. .hero-search-clear:hover{background:var(--wr-violet-soft);color:var(--wr-violet)}
  413. .hero-search-clear.is-visible{display:flex;align-items:center}
  414. .hero-search-clear svg{width:14px;height:14px}
  415. .hero-search-kbd{
  416. display:none;align-items:center;
  417. padding:3px 8px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;
  418. font-size:10.5px;font-weight:600;color:var(--wr-muted);
  419. font-family:inherit;letter-spacing:.02em;white-space:nowrap;flex-shrink:0;
  420. }
  421. .hero-search-inner:focus-within .hero-search-kbd{display:inline-flex}
  423. /* ═══ États de la liste de jobs (header, empty, loading) ═══ */
  424. .hero-jobs-header{
  425. display:flex;align-items:center;justify-content:space-between;gap:10px;
  426. padding:14px 22px 10px;
  427. border-bottom:1px solid var(--wr-line);
  428. margin-bottom:4px;
  429. }
  430. @media(max-width:540px){.hero-jobs-header{padding:12px 16px 8px}}
  431. .hero-jobs-count{
  432. font-size:11.5px;color:var(--wr-muted);
  433. text-transform:uppercase;letter-spacing:.08em;font-weight:600;
  434. }
  435. .hero-jobs-count strong{color:var(--wr-violet);font-weight:800;font-size:13px;margin-right:4px}
  436. .hero-jobs-link{
  437. font-size:11px;font-weight:700;
  438. color:var(--wr-violet);
  439. text-transform:uppercase;letter-spacing:.08em;
  440. text-decoration:none;
  441. display:inline-flex;align-items:center;gap:5px;
  442. transition:color .15s,transform .15s;
  443. }
  444. .hero-jobs-link:hover{color:var(--wr-violet-dark);text-decoration:none;transform:translateX(2px)}
  445. .hero-jobs-link svg{width:11px;height:11px}
  447. .hero-jobs-empty{text-align:center;padding:48px 20px;color:var(--wr-muted)}
  448. .hero-jobs-empty-icon{width:48px;height:48px;border-radius:14px;background:var(--wr-violet-soft);color:var(--wr-violet);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}
  449. .hero-jobs-empty-icon svg{width:22px;height:22px}
  450. .hero-jobs-empty-title{font-weight:600;font-size:14px;color:var(--wr-ink);margin:0 0 4px}
  451. .hero-jobs-empty-hint{font-size:13px;margin:0;color:var(--wr-muted)}
  453. .hero-jobs-loading{text-align:center;padding:36px 20px;color:var(--wr-muted);font-size:13px;display:flex;align-items:center;justify-content:center;gap:10px}
  454. .hero-jobs-spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--wr-violet-soft);border-top-color:var(--wr-violet);animation:wrSpin .7s linear infinite}
  455. @keyframes wrSpin{to{transform:rotate(360deg)}}
  457. /* ═══ Pills \"Populaire\" sous la recherche ═══ */
  458. .hero-popular{
  459. display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;
  460. margin-bottom:18px;
  461. opacity:0;animation:wrFadeUp .9s ease .7s forwards;
  462. }
  463. .hero-popular-label{
  464. font-size:11px;font-weight:600;color:var(--wr-muted);
  465. text-transform:uppercase;letter-spacing:.06em;
  466. margin-right:4px;
  467. }
  468. .hero-popular-pill{
  469. display:inline-flex;align-items:center;gap:5px;
  470. padding:6px 12px;border-radius:100px;
  471. background:var(--wr-violet-soft);
  472. color:var(--wr-violet);
  473. font-size:12.5px;font-weight:500;font-family:inherit;
  474. text-decoration:none;cursor:pointer;
  475. border:1px solid transparent;
  476. transition:background .15s,border-color .15s,transform .15s,color .15s;
  477. }
  478. .hero-popular-pill:hover{
  479. background:#EDE9FE;
  480. border-color:rgba(138,99,192,.2);
  481. transform:translateY(-1px);
  482. color:var(--wr-violet);
  483. text-decoration:none;
  484. }
  485. .hero-popular-pill.is-active{
  486. background:var(--wr-violet);color:#fff;border-color:var(--wr-violet);
  487. }
  488. .hero-popular-pill.is-active:hover{background:var(--wr-violet-dark);color:#fff}
  489. .hero-popular-pill-icon{font-size:13px;line-height:1}
  491. /* ═══ CTA hero (boutons inscription + connexion pour anonymes) ═══ */
  492. .hero-cta{
  493. display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  494. margin:24px 0 8px;
  495. opacity:0;animation:wrFadeUp .9s ease 1.1s forwards;
  496. }
  497. .hero-cta-btn,
  498. .hero-cta-btn:link,
  499. .hero-cta-btn:visited,
  500. .hero-cta-btn:hover,
  501. .hero-cta-btn:focus,
  502. .hero-cta-btn:active{
  503. color:#fff !important;
  504. text-decoration:none !important;
  505. }
  506. .hero-cta-btn{
  507. display:inline-flex;align-items:center;gap:8px;
  508. padding:11px 20px;border-radius:11px;
  509. font-size:13.5px;font-weight:700;font-family:inherit;
  510. line-height:1;
  511. background:var(--wr-violet);border:1px solid var(--wr-violet);
  512. box-shadow:0 4px 14px rgba(138,99,193,.32);
  513. transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;
  514. }
  515. .hero-cta-btn:hover{
  516. background:var(--wr-violet-dark);border-color:var(--wr-violet-dark);
  517. transform:translateY(-2px);
  518. box-shadow:0 6px 20px rgba(138,99,193,.4);
  519. }
  520. .hero-cta-btn svg{width:15px;height:15px;flex-shrink:0;stroke:#fff !important;color:#fff !important}
  521. .hero-cta-btn span{color:#fff !important}
  522. @media(max-width:540px){.hero-cta{flex-direction:column;align-items:stretch}.hero-cta-btn{justify-content:center}}
  524. /* ═══ Boutons stores — VIOLET PLEIN BLANC ═══ */
  525. .hero-stores{
  526. display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  527. margin-bottom:48px;
  528. opacity:0;animation:wrFadeUp .9s ease .85s forwards;
  529. }
  530. .hero-store-btn{
  531. display:inline-flex;align-items:center;gap:10px;
  532. padding:13px 24px;border-radius:12px;
  533. background:var(--wr-violet);
  534. border:0;
  535. color:#fff;
  536. font-size:14px;font-weight:600;
  537. text-decoration:none;
  538. transition:background .15s,transform .15s,box-shadow .15s;
  539. box-shadow:0 4px 12px rgba(138,99,192,.3);
  540. }
  541. .hero-store-btn:hover{
  542. background:var(--wr-violet-dark);
  543. color:#fff;
  544. transform:translateY(-2px);
  545. box-shadow:0 8px 22px rgba(138,99,192,.4);
  546. text-decoration:none;
  547. }
  548. .hero-store-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}
  549. .hero-store-btn-icon svg{width:18px;height:18px}
  550. @media(max-width:540px){.hero-stores{flex-direction:column;align-items:stretch;gap:10px}.hero-store-btn{justify-content:center}}
  552. /* ═══════════════════════════════════════════════════════════════════
  553. LISTE PAR DÉFAUT SOUS LE HERO (offres récentes)
  554. ═══════════════════════════════════════════════════════════════════ */
  555. .hero-default-jobs{
  556. position:relative;z-index:2;
  557. max-width:1200px;margin:0 auto;
  558. background:var(--wr-card);
  559. border:1px solid var(--wr-line);
  560. border-radius:18px;
  561. padding:8px 0;
  562. box-shadow:var(--wr-shadow);
  563. opacity:0;animation:wrFadeUp .9s ease 1s forwards;
  564. text-align:left;
  565. }
  566. .hero-default-job{
  567. display:flex;align-items:center;gap:16px;
  568. padding:14px 22px;
  569. text-decoration:none;color:inherit;
  570. border-bottom:1px solid var(--wr-line);
  571. transition:background .15s;
  572. }
  573. .hero-default-job:last-child{border-bottom:0}
  574. .hero-default-job:hover{background:var(--wr-violet-softer);text-decoration:none;color:inherit}
  575. .hero-default-job-logo{
  576. width:42px;height:42px;border-radius:11px;flex-shrink:0;
  577. display:flex;align-items:center;justify-content:center;
  578. font-weight:700;font-size:16px;overflow:hidden;
  579. }
  580. .hero-default-job-logo img{width:100%;height:100%;object-fit:cover}
  581. /* 7 variantes de couleurs cyclées par index */
  582. .hero-default-job:nth-child(7n+1) .hero-default-job-logo{background:var(--wr-acc-yellow);color:var(--wr-acc-yellow-fg)}
  583. .hero-default-job:nth-child(7n+2) .hero-default-job-logo{background:var(--wr-acc-green);color:var(--wr-acc-green-fg)}
  584. .hero-default-job:nth-child(7n+3) .hero-default-job-logo{background:var(--wr-acc-pink);color:var(--wr-acc-pink-fg)}
  585. .hero-default-job:nth-child(7n+4) .hero-default-job-logo{background:var(--wr-acc-blue);color:var(--wr-acc-blue-fg)}
  586. .hero-default-job:nth-child(7n+5) .hero-default-job-logo{background:var(--wr-acc-orange);color:var(--wr-acc-orange-fg)}
  587. .hero-default-job:nth-child(7n+6) .hero-default-job-logo{background:var(--wr-acc-violet);color:var(--wr-acc-violet-fg)}
  588. .hero-default-job:nth-child(7n+7) .hero-default-job-logo{background:var(--wr-acc-cyan);color:var(--wr-acc-cyan-fg)}
  589. .hero-default-job-info{flex:1;min-width:0}
  590. .hero-default-job-title{
  591. font-weight:600;font-size:14.5px;color:var(--wr-ink);
  592. margin:0 0 2px;line-height:1.3;
  593. white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  594. }
  595. .hero-default-job-meta{
  596. font-size:12.5px;color:var(--wr-muted);margin:0;
  597. white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  598. display:flex;align-items:center;gap:8px;
  599. }
  600. .hero-default-job-meta-sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--wr-muted-2);flex-shrink:0}
  601. .hero-default-job-arrow{flex-shrink:0;color:var(--wr-muted-2);transition:color .15s,transform .15s}
  602. .hero-default-job-arrow svg{width:15px;height:15px}
  603. .hero-default-job:hover .hero-default-job-arrow{color:var(--wr-violet);transform:translateX(3px)}
  605. @media(max-width:768px){
  606. .hero-default-jobs{margin:0 -18px;border-radius:14px}
  607. .hero-default-job{padding:12px 16px;gap:12px}
  608. .hero-default-job-logo{width:36px;height:36px;font-size:13px}
  609. .hero-default-job-title{font-size:13.5px}
  610. .hero-default-job-meta{font-size:11.5px;gap:6px;flex-wrap:wrap;white-space:normal}
  611. }
  613. /* ═══════════════════════════════════════════════════════════════════
  614. SECTION : 3 PARCOURS
  615. ═══════════════════════════════════════════════════════════════════ */
  616. .paths-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  617. @media(max-width:991px){.paths-grid{grid-template-columns:1fr;gap:14px}}
  619. .path-card{
  620. position:relative;
  621. background:var(--wr-card);
  622. border:1px solid var(--wr-line);
  623. border-radius:20px;padding:28px;
  624. display:flex;flex-direction:column;
  625. transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  626. box-shadow:var(--wr-shadow);
  627. }
  628. .path-card:hover{transform:translateY(-4px);box-shadow:var(--wr-shadow-hover);border-color:var(--wr-violet-2)}
  629. .path-card-illu{
  630. width:64px;height:64px;border-radius:16px;
  631. background:var(--wr-violet-soft);color:var(--wr-violet);
  632. display:flex;align-items:center;justify-content:center;
  633. margin-bottom:22px;
  634. }
  635. .path-card-illu svg{width:30px;height:30px}
  636. .path-card-label{
  637. display:inline-block;
  638. font-size:11px;font-weight:600;
  639. color:var(--wr-violet-dark);text-transform:uppercase;letter-spacing:.1em;
  640. margin-bottom:10px;align-self:flex-start;
  641. }
  642. .path-card-title{
  643. font-weight:500;font-size:22px;line-height:1.25;letter-spacing:-0.015em;
  644. color:var(--wr-ink);margin:0 0 10px;
  645. }
  646. .path-card-desc{
  647. font-size:14px;line-height:1.6;color:var(--wr-muted);
  648. margin:0 0 22px;flex:1;
  649. }
  650. .path-card-cta{
  651. display:inline-flex;align-items:center;justify-content:center;gap:6px;
  652. background:var(--wr-violet);color:#fff;
  653. padding:12px 18px;border-radius:11px;
  654. font-size:13px;font-weight:600;
  655. align-self:stretch;
  656. transition:background .15s,transform .15s,box-shadow .15s;
  657. box-shadow:0 2px 8px rgba(138,99,192,.2);
  658. }
  659. .path-card-cta:hover{background:var(--wr-violet-dark);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px rgba(138,99,192,.3)}
  660. .path-card-cta svg{width:13px;height:13px;transition:transform .15s}
  661. .path-card-cta:hover svg{transform:translateX(3px)}
  663. /* ═══════════════════════════════════════════════════════════════════
  664. COMMENT ÇA MARCHE — Card crème englobante avec 3 sous-cards
  665. ═══════════════════════════════════════════════════════════════════ */
  666. .how-card{
  667. background:#F4ECE1;
  668. border-radius:24px;
  669. padding:32px 24px;
  670. display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
  671. position:relative;
  672. }
  673. @media(max-width:991px){.how-card{grid-template-columns:1fr;gap:8px;padding:24px 16px}}
  674. @media(min-width:992px){
  675. /* Séparateurs verticaux entre les 3 cellules */
  676. .how-card .how-step + .how-step{border-left:1px solid rgba(28,25,22,.08)}
  677. }
  679. .how-step{
  680. display:flex;flex-direction:column;align-items:center;text-align:center;
  681. padding:16px 20px;
  682. gap:16px;
  683. }
  684. .how-step-illu{
  685. width:100%;max-width:280px;aspect-ratio:1/1;
  686. border-radius:16px;
  687. background:rgba(255,255,255,.5);
  688. display:flex;align-items:center;justify-content:center;
  689. margin-bottom:4px;
  690. overflow:hidden;
  691. }
  692. .how-step-illu img{width:100%;height:100%;object-fit:contain;display:block}
  693. .how-step-illu svg{width:55%;height:55%;opacity:.85}
  694. .how-step-title{
  695. font-weight:700;font-size:18px;line-height:1.3;letter-spacing:-0.01em;
  696. color:var(--wr-ink);margin:0;
  697. }
  698. @media(min-width:992px){.how-step-title{font-size:20px}}
  699. .how-step-desc{
  700. font-size:14px;line-height:1.55;color:var(--wr-ink-2);
  701. margin:0;max-width:320px;
  702. }
  704. /* ═══════════════════════════════════════════════════════════════════
  705. FEATURES 01-04 — Splits alternés image/texte avec témoignages
  706. ═══════════════════════════════════════════════════════════════════ */
  707. .feat-block{
  708. display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;
  709. margin-bottom:64px;
  710. }
  711. .feat-block:last-child{margin-bottom:0}
  712. @media(max-width:991px){
  713. .feat-block{grid-template-columns:1fr;gap:24px;margin-bottom:48px}
  714. }
  716. /* Alterner : 01 illu droite, 02 illu gauche, 03 illu droite, 04 illu gauche */
  717. .feat-block:nth-child(odd) .feat-illu{order:2}
  718. .feat-block:nth-child(odd) .feat-content{order:1}
  719. .feat-block:nth-child(even) .feat-illu{order:1}
  720. .feat-block:nth-child(even) .feat-content{order:2}
  721. @media(max-width:991px){
  722. .feat-block .feat-illu{order:1}
  723. .feat-block .feat-content{order:2}
  724. }
  726. .feat-illu{
  727. background:#F5EDE3;
  728. border-radius:20px;
  729. aspect-ratio:1/1;
  730. display:flex;align-items:center;justify-content:center;
  731. color:var(--wr-violet);
  732. overflow:hidden;
  733. position:relative;
  734. }
  735. .feat-illu img{width:100%;height:100%;object-fit:contain;display:block}
  736. .feat-illu svg{width:50%;height:50%;opacity:.85}
  738. .feat-content{display:flex;flex-direction:column;gap:18px}
  739. .feat-label{
  740. font-size:30px;font-weight:800;
  741. color:var(--wr-ink);
  742. letter-spacing:-0.02em;
  743. margin:0;line-height:1;
  744. }
  745. .feat-title{
  746. font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-0.02em;
  747. color:var(--wr-ink);margin:0;
  748. }
  749. @media(min-width:768px){.feat-title{font-size:28px}}
  750. @media(min-width:1100px){.feat-title{font-size:30px}}
  751. .feat-desc{
  752. display:flex;flex-direction:column;gap:14px;
  753. }
  754. .feat-desc p{
  755. font-size:15px;line-height:1.6;color:var(--wr-ink-2);
  756. margin:0;opacity:.85;
  757. }
  758. @media(min-width:1100px){.feat-desc p{font-size:16px}}
  759. .feat-desc strong{color:var(--wr-ink);font-weight:700;opacity:1}
  761. .feat-quote{
  762. background:var(--wr-card);
  763. border:1px solid var(--wr-line);
  764. border-radius:14px;
  765. padding:18px 20px;
  766. display:flex;flex-direction:column;gap:10px;
  767. margin-top:8px;
  768. }
  769. .feat-quote-text{
  770. font-size:14px;line-height:1.55;color:var(--wr-ink-2);
  771. margin:0;font-style:italic;
  772. }
  773. .feat-quote-author{
  774. display:flex;flex-direction:column;
  775. }
  776. .feat-quote-name{font-size:13px;font-weight:700;color:var(--wr-ink);margin:0}
  777. .feat-quote-role{font-size:12px;color:var(--wr-muted);margin:0}
  779. /* ═══════════════════════════════════════════════════════════════════
  780. MATCH
  781. ═══════════════════════════════════════════════════════════════════ */
  782. .match-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
  783. @media(max-width:991px){.match-grid{grid-template-columns:1fr;gap:40px}}
  784. .match-text .wr-title{margin-left:0;text-align:left}
  785. .match-text .wr-lede{margin-left:0;text-align:left}
  786. .match-text .wr-eyebrow{margin-bottom:20px}
  788. .match-features{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}
  789. @media(max-width:540px){.match-features{grid-template-columns:1fr}}
  790. .match-feature{
  791. background:var(--wr-card);border:1px solid var(--wr-line);
  792. border-radius:14px;padding:18px;
  793. transition:transform .15s,border-color .15s,box-shadow .15s;
  794. }
  795. .match-feature:hover{transform:translateY(-2px);border-color:var(--wr-violet-soft);box-shadow:var(--wr-shadow)}
  796. .match-feature-icon{
  797. width:34px;height:34px;border-radius:10px;
  798. background:var(--wr-violet-soft);color:var(--wr-violet);
  799. display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;
  800. }
  801. .match-feature-icon svg{width:16px;height:16px}
  802. .match-feature-title{font-weight:600;font-size:14px;line-height:1.3;color:var(--wr-ink);margin:0 0 5px}
  803. .match-feature-desc{font-size:12.5px;line-height:1.5;color:var(--wr-muted);margin:0}
  805. .match-visual{position:relative;display:flex;justify-content:center;align-items:center;padding:40px 0}
  806. .match-stack{position:relative;width:100%;max-width:340px;height:340px}
  807. .match-stack-card{
  808. position:absolute;
  809. background:var(--wr-card);border:1px solid var(--wr-line);
  810. border-radius:16px;padding:14px;
  811. display:flex;align-items:center;gap:12px;
  812. box-shadow:var(--wr-shadow);width:100%;
  813. transition:transform .3s ease,box-shadow .3s ease;
  814. cursor:pointer;
  815. }
  816. .match-stack-card:hover{
  817. transform:translateY(-4px) rotate(0deg)!important;
  818. box-shadow:0 20px 50px rgba(138,99,192,.22)!important;
  819. z-index:10!important;
  820. }
  821. .match-stack-card:nth-child(1){top:0;transform:rotate(-6deg) translateX(-10px);z-index:1;animation:wrFloat1 6s ease-in-out infinite}
  822. .match-stack-card:nth-child(2){top:78px;left:14px;transform:rotate(2deg);z-index:3;box-shadow:0 16px 40px rgba(138,99,192,.18);animation:wrFloat2 6s ease-in-out -2s infinite}
  823. .match-stack-card:nth-child(3){top:156px;transform:rotate(-3deg) translateX(8px);z-index:2;animation:wrFloat3 6s ease-in-out -4s infinite}
  824. .match-stack-card:nth-child(4){top:234px;left:20px;transform:rotate(4deg);z-index:1;animation:wrFloat4 6s ease-in-out -1s infinite}
  825. @keyframes wrFloat1{0%,100%{transform:rotate(-6deg) translate(-10px,0)}50%{transform:rotate(-6deg) translate(-10px,-8px)}}
  826. @keyframes wrFloat2{0%,100%{transform:rotate(2deg) translate(0,0)}50%{transform:rotate(2deg) translate(0,-6px)}}
  827. @keyframes wrFloat3{0%,100%{transform:rotate(-3deg) translate(8px,0)}50%{transform:rotate(-3deg) translate(8px,-7px)}}
  828. @keyframes wrFloat4{0%,100%{transform:rotate(4deg) translate(0,0)}50%{transform:rotate(4deg) translate(0,-5px)}}
  829. .match-stack-logo{
  830. width:38px;height:38px;border-radius:10px;
  831. background:var(--wr-violet-soft);color:var(--wr-violet);
  832. display:flex;align-items:center;justify-content:center;
  833. font-weight:700;font-size:14px;flex-shrink:0;
  834. }
  835. .match-stack-info{flex:1;min-width:0}
  836. .match-stack-title{font-weight:600;font-size:13px;color:var(--wr-ink);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
  837. .match-stack-meta{font-size:11px;color:var(--wr-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  838. .match-stack-heart{
  839. width:28px;height:28px;border-radius:50%;
  840. background:#FEE2E2;color:#EF4444;
  841. display:flex;align-items:center;justify-content:center;flex-shrink:0;
  842. animation:wrHeartbeat 1.6s ease-in-out infinite;
  843. }
  844. .match-stack-card:nth-child(1) .match-stack-heart{animation-delay:0s}
  845. .match-stack-card:nth-child(2) .match-stack-heart{animation-delay:.4s}
  846. .match-stack-card:nth-child(3) .match-stack-heart{animation-delay:.8s}
  847. .match-stack-card:nth-child(4) .match-stack-heart{animation-delay:1.2s}
  848. .match-stack-heart svg{width:13px;height:13px;fill:currentColor}
  849. @keyframes wrHeartbeat{
  850. 0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.4)}
  851. 10%{transform:scale(1.18);box-shadow:0 0 0 0 rgba(239,68,68,.4)}
  852. 20%{transform:scale(1)}
  853. 30%{transform:scale(1.12)}
  854. 40%{transform:scale(1);box-shadow:0 0 0 10px rgba(239,68,68,0)}
  855. 100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}
  856. }
  858. /* ═══════════════════════════════════════════════════════════════════
  859. SIGNUP FORM (entre feat 02 et 03)
  860. ═══════════════════════════════════════════════════════════════════ */
  861. .signup-card{
  862. position:relative;
  863. max-width:980px;margin:64px auto;
  864. background:linear-gradient(135deg, #FFFFFF 0%, #FAF7FF 100%);
  865. border:1px solid var(--wr-line);
  866. border-radius:32px;
  867. padding:48px 40px;
  868. box-shadow:0 4px 12px rgba(30,27,46,.04), 0 24px 64px rgba(138,99,192,.1);
  869. overflow:hidden;
  870. }
  871. @media(max-width:768px){.signup-card{padding:32px 22px;border-radius:24px;margin:48px auto}}
  873. /* Décor : 2 blobs violet pâle dans les coins */
  874. .signup-card::before{
  875. content:\"\";position:absolute;
  876. top:-120px;right:-120px;width:340px;height:340px;
  877. background:radial-gradient(circle,rgba(138,99,192,.12) 0%,transparent 65%);
  878. pointer-events:none;filter:blur(40px);
  879. }
  880. .signup-card::after{
  881. content:\"\";position:absolute;
  882. bottom:-100px;left:-80px;width:280px;height:280px;
  883. background:radial-gradient(circle,rgba(138,99,192,.08) 0%,transparent 65%);
  884. pointer-events:none;filter:blur(40px);
  885. }
  887. .signup-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}
  888. @media(max-width:880px){.signup-inner{grid-template-columns:1fr;gap:28px}}
  890. .signup-text{display:flex;flex-direction:column;gap:14px}
  891. .signup-eyebrow{
  892. display:inline-flex;align-items:center;gap:8px;
  893. padding:7px 14px;border-radius:100px;
  894. background:var(--wr-violet-soft);color:var(--wr-violet-dark);
  895. font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  896. align-self:flex-start;
  897. }
  898. .signup-title{
  899. font-weight:700;font-size:28px;line-height:1.15;letter-spacing:-0.02em;
  900. color:var(--wr-ink);margin:0;
  901. }
  902. @media(min-width:768px){.signup-title{font-size:34px}}
  903. .signup-lede{font-size:15px;line-height:1.55;color:var(--wr-ink-2);margin:0;opacity:.85}
  905. .signup-perks{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
  906. .signup-perk{
  907. display:inline-flex;align-items:center;gap:6px;
  908. padding:6px 12px;border-radius:100px;
  909. background:var(--wr-card);border:1px solid var(--wr-line-2);
  910. font-size:12px;font-weight:600;color:var(--wr-ink-2);
  911. }
  912. .signup-perk svg{width:13px;height:13px;color:#10B981;stroke-width:3;flex-shrink:0}
  914. .signup-form{
  915. background:var(--wr-card);
  916. border:1px solid var(--wr-line);
  917. border-radius:20px;
  918. padding:24px;
  919. display:flex;flex-direction:column;gap:12px;
  920. box-shadow:0 1px 2px rgba(30,27,46,.03);
  921. }
  922. .signup-form-error{
  923. background:#FEF2F2;border:1px solid #FECACA;
  924. color:#991B1B;
  925. border-radius:12px;
  926. padding:10px 14px;
  927. font-size:13px;line-height:1.45;
  928. margin:0;
  929. }
  930. .signup-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  931. @media(max-width:540px){.signup-row{grid-template-columns:1fr}}
  932. .signup-field{display:flex;flex-direction:column;gap:0}
  933. .signup-card .signup-form input[type=\"email\"],
  934. .signup-card .signup-form input[type=\"password\"],
  935. .signup-card .signup-form input[type=\"text\"]{
  936. width:100%;
  937. padding:13px 14px;
  938. border:1px solid var(--wr-line-2);border-radius:11px;
  939. background:#FAFBFD;
  940. font-size:14px;font-family:inherit;color:var(--wr-ink);
  941. outline:none;
  942. transition:border-color .15s,background .15s,box-shadow .15s;
  943. box-sizing:border-box;
  944. }
  945. .signup-card .signup-form input[type=\"email\"]:focus,
  946. .signup-card .signup-form input[type=\"password\"]:focus,
  947. .signup-card .signup-form input[type=\"text\"]:focus{
  948. border-color:var(--wr-violet);background:#fff;
  949. box-shadow:0 0 0 3px rgba(138,99,192,.12);
  950. }
  951. .signup-card .signup-form input::placeholder{color:var(--wr-muted-2)}
  953. .signup-terms{
  954. display:flex;align-items:flex-start;gap:10px;
  955. font-size:12.5px;line-height:1.45;color:var(--wr-muted);
  956. margin:4px 0 0;
  957. }
  958. .signup-card .signup-form input[type=\"checkbox\"]{
  959. width:16px;height:16px;flex-shrink:0;margin-top:2px;accent-color:var(--wr-violet);cursor:pointer;
  960. }
  961. .signup-terms a{color:var(--wr-violet);font-weight:600;text-decoration:underline}
  962. .signup-terms a:hover{color:var(--wr-violet-dark)}
  964. .signup-recaptcha{margin:4px 0 0}
  965. .signup-recaptcha > div{max-width:100%}
  967. .signup-submit{
  968. width:100%;
  969. padding:14px 22px;border-radius:12px;
  970. background:var(--wr-violet);color:#fff;border:0;
  971. font-size:14.5px;font-weight:700;font-family:inherit;
  972. cursor:pointer;
  973. display:inline-flex;align-items:center;justify-content:center;gap:8px;
  974. box-shadow:0 4px 14px rgba(138,99,192,.32);
  975. transition:background .15s,transform .15s,box-shadow .15s;
  976. margin-top:6px;
  977. }
  978. .signup-submit:hover{background:var(--wr-violet-dark);transform:translateY(-1px);box-shadow:0 6px 20px rgba(138,99,192,.4)}
  979. .signup-submit svg{width:14px;height:14px;transition:transform .15s}
  980. .signup-submit:hover svg{transform:translateX(3px)}
  982. .signup-login{
  983. text-align:center;font-size:13px;color:var(--wr-muted);margin:6px 0 0;
  984. }
  985. .signup-login a{color:var(--wr-violet);font-weight:600;text-decoration:none}
  986. .signup-login a:hover{color:var(--wr-violet-dark);text-decoration:underline}
  988. /* ═══════════════════════════════════════════════════════════════════
  989. APPS
  990. ═══════════════════════════════════════════════════════════════════ */
  991. .apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  992. @media(max-width:768px){.apps-grid{grid-template-columns:1fr}}
  993. .app-card{
  994. background:var(--wr-card);border:1px solid var(--wr-line);
  995. border-radius:18px;padding:24px;
  996. display:flex;flex-direction:column;align-items:flex-start;
  997. transition:transform .2s,border-color .2s,box-shadow .2s;
  998. }
  999. .app-card:hover{transform:translateY(-3px);border-color:var(--wr-violet-2);box-shadow:var(--wr-shadow-hover);color:inherit;text-decoration:none}
  1000. .app-card-icon{
  1001. width:48px;height:48px;border-radius:14px;
  1002. background:var(--wr-violet-soft);color:var(--wr-violet);
  1003. display:inline-flex;align-items:center;justify-content:center;
  1004. margin-bottom:18px;
  1005. }
  1006. .app-card-icon svg{width:22px;height:22px}
  1007. .app-card-name{font-weight:500;font-size:18px;letter-spacing:-0.01em;color:var(--wr-ink);margin:0 0 6px}
  1008. .app-card-desc{font-size:13px;line-height:1.5;color:var(--wr-muted);margin:0 0 16px;flex:1}
  1009. .app-card-cta{font-size:12px;font-weight:600;color:var(--wr-violet);text-transform:uppercase;letter-spacing:.1em;display:inline-flex;align-items:center;gap:6px}
  1010. .app-card-cta svg{width:11px;height:11px;transition:transform .15s}
  1011. .app-card:hover .app-card-cta svg{transform:translateX(3px)}
  1013. /* ═══════════════════════════════════════════════════════════════════
  1014. KEYWORDS
  1015. ═══════════════════════════════════════════════════════════════════ */
  1016. .keywords-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:1200px;margin:0 auto}
  1017. .keyword-pill{
  1018. display:inline-flex;align-items:center;gap:8px;
  1019. padding:9px 16px;border-radius:100px;
  1020. background:var(--wr-card);border:1px solid var(--wr-line-2);
  1021. color:var(--wr-ink-2);
  1022. font-size:13.5px;font-weight:500;
  1023. transition:transform .15s,border-color .15s,background .15s,color .15s,box-shadow .15s;
  1024. }
  1025. .keyword-pill:hover{transform:translateY(-2px);border-color:var(--wr-violet);background:var(--wr-violet-soft);color:var(--wr-violet-dark);text-decoration:none;box-shadow:0 4px 10px rgba(138,99,192,.12)}
  1026. .keyword-pill-icon{font-size:14px;line-height:1}
  1028. /* ═══════════════════════════════════════════════════════════════════
  1029. OFFRES POPULAIRES
  1030. ═══════════════════════════════════════════════════════════════════ */
  1031. .listings-block{margin-bottom:32px}
  1032. .listings-block:last-child{margin-bottom:0}
  1033. .listings-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}
  1034. .listings-block-title{
  1035. display:inline-flex;align-items:center;gap:10px;
  1036. font-weight:500;font-size:18px;letter-spacing:-0.005em;
  1037. color:var(--wr-ink);margin:0;
  1038. }
  1039. .listings-block-icon{font-size:20px;line-height:1}
  1040. .listings-block-link{
  1041. display:inline-flex;align-items:center;gap:4px;
  1042. padding:6px 12px;border-radius:100px;
  1043. font-size:12px;font-weight:600;
  1044. color:var(--wr-violet);
  1045. text-transform:uppercase;letter-spacing:.06em;
  1046. border:1px solid var(--wr-violet-soft);
  1047. background:var(--wr-card);
  1048. transition:background .15s,border-color .15s,transform .15s;
  1049. }
  1050. .listings-block-link:hover{background:var(--wr-violet-soft);border-color:var(--wr-violet);text-decoration:none;color:var(--wr-violet-dark);transform:translateX(2px)}
  1051. .listings-block-link svg{width:11px;height:11px}
  1053. .listings-jobs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  1054. @media(max-width:768px){.listings-jobs{grid-template-columns:1fr}}
  1055. .listing-job{
  1056. display:flex;align-items:center;gap:14px;
  1057. background:var(--wr-card);border:1px solid var(--wr-line);
  1058. border-radius:14px;padding:12px;
  1059. transition:transform .15s,border-color .15s,box-shadow .15s;
  1060. }
  1061. .listing-job:hover{transform:translateY(-2px);border-color:var(--wr-violet-soft);box-shadow:var(--wr-shadow);color:inherit;text-decoration:none}
  1062. .listing-job-logo{
  1063. width:42px;height:42px;border-radius:11px;flex-shrink:0;
  1064. background:var(--wr-violet-soft);color:var(--wr-violet);
  1065. display:flex;align-items:center;justify-content:center;
  1066. font-weight:700;font-size:14px;overflow:hidden;
  1067. }
  1068. .listing-job-logo img{width:100%;height:100%;object-fit:cover}
  1069. .listing-job-info{flex:1;min-width:0}
  1070. .listing-job-title{font-weight:600;font-size:13.5px;color:var(--wr-ink);margin:0 0 2px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  1071. .listing-job-meta{font-size:11.5px;color:var(--wr-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  1072. .listing-job-arrow{flex-shrink:0;color:var(--wr-muted-2);transition:color .15s,transform .15s}
  1073. .listing-job-arrow svg{width:14px;height:14px}
  1074. .listing-job:hover .listing-job-arrow{color:var(--wr-violet);transform:translateX(2px)}
  1076. /* ═══════════════════════════════════════════════════════════════════
  1077. ARTICLES — Liste sans miniatures (style identique aux jobs-card)
  1078. ═══════════════════════════════════════════════════════════════════ */
  1079. .articles-list{display:flex;flex-direction:column;gap:10px;max-width:1200px;margin:0 auto}
  1080. .wr-article{
  1081. background:var(--wr-card);border-radius:14px;padding:14px;
  1082. box-shadow:0 0 16px 0 rgba(0,0,0,0.04);
  1083. display:flex;align-items:center;gap:14px;
  1084. text-decoration:none;color:inherit;
  1085. transition:transform .15s,box-shadow .2s;
  1086. }
  1087. .wr-article:hover{
  1088. transform:translateY(-1px);
  1089. box-shadow:0 4px 20px rgba(138,99,192,.1);
  1090. color:inherit;text-decoration:none;
  1091. }
  1092. .wr-article-logo{
  1093. width:50px;height:50px;border-radius:12px;flex-shrink:0;
  1094. background:linear-gradient(135deg,#EDE9FE,#DDD6FE);
  1095. display:flex;align-items:center;justify-content:center;
  1096. color:var(--wr-violet);overflow:hidden;
  1097. }
  1098. .wr-article-logo svg{width:24px;height:24px;opacity:.9}
  1099. .wr-article-info{flex:1;min-width:0}
  1100. .wr-article-title{
  1101. font-size:14px;font-weight:700;color:var(--wr-ink);
  1102. line-height:1.3;margin:0 0 4px;
  1103. white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  1104. }
  1105. .wr-article-meta{
  1106. font-size:12px;color:var(--wr-muted);
  1107. white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  1108. display:flex;align-items:center;gap:8px;margin:0;
  1109. }
  1110. .wr-article-meta-sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:#D1D5DB;flex-shrink:0}
  1111. .wr-article-badge{
  1112. font-size:11px;font-weight:600;
  1113. color:var(--wr-violet);background:var(--wr-violet-soft);
  1114. padding:3px 9px;border-radius:100px;
  1115. white-space:nowrap;flex-shrink:0;
  1116. text-transform:uppercase;letter-spacing:.04em;
  1117. }
  1118. .wr-article-arrow{flex-shrink:0;color:var(--wr-muted-2);transition:color .15s,transform .15s}
  1119. .wr-article:hover .wr-article-arrow{color:var(--wr-violet);transform:translateX(2px)}
  1120. .wr-article-arrow svg{width:18px;height:18px}
  1121. @media(max-width:540px){
  1122. .wr-article{padding:12px;gap:10px}
  1123. .wr-article-logo{width:42px;height:42px}
  1124. .wr-article-logo svg{width:20px;height:20px}
  1125. .wr-article-title{font-size:13px}
  1126. .wr-article-meta{font-size:11px;gap:6px;flex-wrap:wrap;white-space:normal}
  1127. .wr-article-badge{display:none}
  1128. }
  1130. .articles-cta{text-align:center;margin-top:36px}
  1131. .articles-cta a{
  1132. display:inline-flex;align-items:center;gap:8px;
  1133. padding:12px 22px;border-radius:11px;
  1134. background:var(--wr-violet);color:#fff;
  1135. font-size:13px;font-weight:600;
  1136. text-decoration:none;
  1137. box-shadow:0 4px 12px rgba(138,99,192,.3);
  1138. transition:background .15s,transform .15s,box-shadow .15s;
  1139. }
  1140. .articles-cta a:hover{background:var(--wr-violet-dark);transform:translateY(-2px);box-shadow:0 6px 18px rgba(138,99,192,.4);text-decoration:none;color:#fff}
  1141. .articles-cta svg{width:12px;height:12px;transition:transform .15s}
  1142. .articles-cta a:hover svg{transform:translateX(3px)}
  1144. /* ═══════════════════════════════════════════════════════════════════
  1145. CTA FINAL — Card violet plein avec eyebrow + 2 sous-cards
  1146. ═══════════════════════════════════════════════════════════════════ */
  1147. .final-card{
  1148. position:relative;
  1149. background:linear-gradient(135deg,#8A63C0 0%,#9D7BCC 100%);
  1150. border-radius:28px;
  1151. padding:48px 40px;
  1152. color:#fff;overflow:hidden;
  1153. box-shadow:0 20px 60px -12px rgba(138,99,192,.4);
  1154. }
  1155. @media(max-width:768px){.final-card{padding:32px 22px;border-radius:22px}}
  1157. .final-eyebrow{
  1158. display:inline-flex;align-items:center;gap:8px;
  1159. padding:8px 18px;border-radius:100px;
  1160. background:rgba(255,255,255,.2);
  1161. color:#fff;
  1162. font-size:12px;font-weight:700;
  1163. text-transform:uppercase;letter-spacing:.12em;
  1164. margin-bottom:20px;
  1165. backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  1166. }
  1167. .final-eyebrow svg{width:13px;height:13px;fill:currentColor}
  1169. .final-title{
  1170. font-weight:800;font-size:28px;line-height:1.15;letter-spacing:-0.02em;
  1171. color:#fff;margin:0 0 36px;
  1172. max-width:780px;
  1173. }
  1174. @media(min-width:768px){.final-title{font-size:38px}}
  1176. /* Grille 2 sous-cards */
  1177. .final-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  1178. @media(max-width:768px){.final-grid{grid-template-columns:1fr;gap:14px}}
  1180. .final-sub{
  1181. background:#fff;
  1182. border-radius:18px;
  1183. padding:28px;
  1184. display:flex;flex-direction:column;
  1185. }
  1186. @media(max-width:768px){.final-sub{padding:22px}}
  1188. .final-sub-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
  1189. .final-sub-icon{
  1190. width:44px;height:44px;border-radius:11px;
  1191. background:var(--wr-violet-soft);color:var(--wr-violet);
  1192. display:flex;align-items:center;justify-content:center;flex-shrink:0;
  1193. }
  1194. .final-sub-icon svg{width:22px;height:22px}
  1195. .final-sub-label{
  1196. font-size:12.5px;font-weight:700;
  1197. color:var(--wr-violet);
  1198. text-transform:uppercase;letter-spacing:.1em;
  1199. }
  1200. .final-sub-title{
  1201. font-weight:800;font-size:18px;line-height:1.3;letter-spacing:-0.01em;
  1202. color:var(--wr-ink);margin:0 0 10px;
  1203. }
  1204. .final-sub-desc{
  1205. font-size:14px;line-height:1.55;color:var(--wr-muted);
  1206. margin:0 0 24px;flex:1;
  1207. }
  1208. .final-sub-btn{
  1209. display:flex;align-items:center;justify-content:center;gap:8px;
  1210. background:var(--wr-violet);color:#fff;
  1211. padding:14px 18px;border-radius:11px;
  1212. font-size:14px;font-weight:700;
  1213. text-decoration:none;
  1214. transition:background .15s,transform .15s,box-shadow .15s;
  1215. box-shadow:0 4px 12px rgba(138,99,192,.3);
  1216. }
  1217. .final-sub-btn:hover{
  1218. background:var(--wr-violet-dark);color:#fff;
  1219. transform:translateY(-2px);
  1220. box-shadow:0 6px 18px rgba(138,99,192,.4);
  1221. text-decoration:none;
  1222. }
  1223. .final-sub-btn svg{width:14px;height:14px;transition:transform .15s}
  1224. .final-sub-btn:hover svg{transform:translateX(3px)}
  1225. </style>
  1226. ";
  1228. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1231. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1233. yield from [];
  1234. }
  1236. // line 1073
  1237. /**
  1238. * @return iterable<null|scalar|\Stringable>
  1239. */
  1240. public function block_body(array $context, array $blocks = []): iterable
  1241. {
  1242. $macros = $this->macros;
  1243. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1244. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  1246. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1247. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  1249. // line 1074
  1250. yield " <div class=\"wr\">
  1252. ";
  1253. // line 1077
  1254. yield " <section class=\"hero\">
  1255. <div class=\"hero-inner\">
  1256. <span class=\"hero-badge\">
  1257. <span class=\"hero-badge-dot\"></span>
  1258. ";
  1259. // line 1081
  1260. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1081, $this->source); })()), "hero_eyebrow", [], "any", false, false, false, 1081), "html", null, true);
  1261. yield "
  1262. </span>
  1264. <h1 class=\"hero-title\">
  1265. <span class=\"hero-title-accent\">";
  1266. // line 1085
  1267. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1085, $this->source); })()), "hero_title_accent", [], "any", false, false, false, 1085), "html", null, true);
  1268. yield "</span> ";
  1269. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1085, $this->source); })()), "hero_title_post", [], "any", false, false, false, 1085), "html", null, true);
  1270. yield "<br>
  1271. <span class=\"hero-title-accent\">";
  1272. // line 1086
  1273. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1086, $this->source); })()), "hero_title_accent2", [], "any", false, false, false, 1086), "html", null, true);
  1274. yield "</span> ";
  1275. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1086, $this->source); })()), "hero_title_2", [], "any", false, false, false, 1086), "html", null, true);
  1276. yield "
  1277. </h1>
  1279. <p class=\"hero-lede\">
  1280. ";
  1281. // line 1090
  1282. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1090, $this->source); })()), "hero_lede_pre", [], "any", false, false, false, 1090), "html", null, true);
  1283. yield "
  1284. <span class=\"hero-lede-accent\">";
  1285. // line 1091
  1286. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1091, $this->source); })()), "hero_lede_brand", [], "any", false, false, false, 1091), "html", null, true);
  1287. yield "</span>
  1288. ";
  1289. // line 1092
  1290. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1092, $this->source); })()), "hero_lede_mid", [], "any", false, false, false, 1092), "html", null, true);
  1291. yield "
  1292. <span class=\"hero-lede-accent\">";
  1293. // line 1093
  1294. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1093, $this->source); })()), "hero_lede_word", [], "any", false, false, false, 1093), "html", null, true);
  1295. yield "</span>
  1296. ";
  1297. // line 1094
  1298. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1094, $this->source); })()), "hero_lede_post", [], "any", false, false, false, 1094), "html", null, true);
  1299. yield "
  1300. </p>
  1302. ";
  1303. // line 1098
  1304. yield " ";
  1305. if ((array_key_exists("popularKeywords", $context) && (Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["popularKeywords"]) || array_key_exists("popularKeywords", $context) ? $context["popularKeywords"] : (function () { throw new RuntimeError('Variable "popularKeywords" does not exist.', 1098, $this->source); })())) > 0))) {
  1306. // line 1099
  1307. yield " <div class=\"hero-popular\">
  1308. <span class=\"hero-popular-label\">";
  1309. // line 1100
  1310. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1100, $this->source); })()), "hero_popular_label", [], "any", false, false, false, 1100), "html", null, true);
  1311. yield "</span>
  1312. ";
  1313. // line 1101
  1314. $context['_parent'] = $context;
  1315. $context['_seq'] = CoreExtension::ensureTraversable(Twig\Extension\CoreExtension::slice($this->env->getCharset(), (isset($context["popularKeywords"]) || array_key_exists("popularKeywords", $context) ? $context["popularKeywords"] : (function () { throw new RuntimeError('Variable "popularKeywords" does not exist.', 1101, $this->source); })()), 0, 5));
  1316. foreach ($context['_seq'] as $context["_key"] => $context["kw"]) {
  1317. // line 1102
  1318. yield " <button type=\"button\"
  1319. class=\"hero-popular-pill\"
  1320. data-keyword=\"";
  1321. // line 1104
  1322. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "keyword", [], "any", false, false, false, 1104), "html", null, true);
  1323. yield "\"
  1324. data-label=\"";
  1325. // line 1105
  1326. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "label", [], "any", false, false, false, 1105), "html", null, true);
  1327. yield "\">
  1328. ";
  1329. // line 1106
  1330. if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "icon", [], "any", false, false, false, 1106)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1331. yield "<span class=\"hero-popular-pill-icon\">";
  1332. yield (string) CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "icon", [], "any", false, false, false, 1106);
  1333. yield "</span>";
  1334. }
  1335. // line 1107
  1336. yield " <span>";
  1337. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "label", [], "any", false, false, false, 1107), "html", null, true);
  1338. yield "</span>
  1339. </button>
  1340. ";
  1341. }
  1342. $_parent = $context['_parent'];
  1343. unset($context['_seq'], $context['_key'], $context['kw'], $context['_parent']);
  1344. $context = array_intersect_key($context, $_parent);
  1345. $context += $_parent;
  1346. // line 1110
  1347. yield " </div>
  1348. ";
  1349. }
  1350. // line 1112
  1351. yield "
  1352. ";
  1353. // line 1114
  1354. yield " <div class=\"hero-search-wrap\">
  1355. <div class=\"hero-search\" id=\"wrHeroSearch\"
  1356. data-search-url=\"";
  1357. // line 1116
  1358. if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1116, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1359. yield (string) $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_api_jobs_search", ["_locale" => "fr"]);
  1360. } else {
  1361. yield (string) $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("api_jobs_search");
  1362. }
  1363. yield "\"
  1364. data-jobs-list-url=\"";
  1365. // line 1117
  1366. if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1117, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1367. yield (string) $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_whileresume_jobs_list", ["_locale" => "fr"]);
  1368. } else {
  1369. yield (string) $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("whileresume_jobs_list");
  1370. }
  1371. yield "\">
  1372. <div class=\"hero-search-inner\">
  1373. <span class=\"hero-search-icon\">
  1374. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  1375. <circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"M21 21l-4.35-4.35\"/>
  1376. </svg>
  1377. </span>
  1378. <input type=\"text\" name=\"q\" id=\"wrHeroSearchInput\" class=\"hero-search-input\"
  1379. placeholder=\"";
  1380. // line 1125
  1381. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1125, $this->source); })()), "hero_search_placeholder", [], "any", false, false, false, 1125), "html", null, true);
  1382. yield "\"
  1383. autocomplete=\"off\" />
  1384. <span class=\"hero-search-kbd\">↵ ";
  1385. // line 1127
  1386. yield (string) (((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1127, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Entrée") : ("Enter"));
  1387. yield "</span>
  1388. <button type=\"button\" class=\"hero-search-clear\" id=\"wrHeroSearchClear\" aria-label=\"";
  1389. // line 1128
  1390. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1128, $this->source); })()), "search_clear", [], "any", false, false, false, 1128), "html", null, true);
  1391. yield "\">
  1392. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  1393. <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/>
  1394. </svg>
  1395. </button>
  1396. </div>
  1397. </div>
  1398. </div>
  1400. ";
  1401. // line 1138
  1402. yield " ";
  1403. // line 1139
  1404. yield " ";
  1405. $context["_heroCount"] = 0;
  1406. // line 1140
  1407. yield "
  1408. <div class=\"hero-default-jobs\" id=\"wrHeroJobsList\">
  1409. <div class=\"hero-jobs-header\" id=\"wrHeroJobsHeader\">
  1410. <span class=\"hero-jobs-count\" id=\"wrHeroJobsCount\">
  1411. <strong>";
  1412. // line 1144
  1413. yield (string) (((array_key_exists("totalJobs", $context) && !(null === $context["totalJobs"]))) ? ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["totalJobs"], "html", null, true)) : (0));
  1414. yield "</strong>";
  1415. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1144, $this->source); })()), "search_results_count", [], "any", false, false, false, 1144), "html", null, true);
  1416. yield "
  1417. </span>
  1418. <a href=\"";
  1419. // line 1146
  1420. if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1146, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1421. yield (string) $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_whileresume_jobs_list", ["_locale" => "fr"]);
  1422. } else {
  1423. yield (string) $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("whileresume_jobs_list");
  1424. }
  1425. yield "\" class=\"hero-jobs-link\" id=\"wrHeroJobsLink\">
  1426. ";
  1427. // line 1147
  1428. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1147, $this->source); })()), "search_view_all", [], "any", false, false, false, 1147), "html", null, true);
  1429. yield "
  1430. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  1431. <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/>
  1432. </svg>
  1433. </a>
  1434. </div>
  1436. <div id=\"wrHeroJobsBody\">
  1437. ";
  1438. // line 1155
  1439. if ((array_key_exists("randomJobs", $context) && (Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["randomJobs"]) || array_key_exists("randomJobs", $context) ? $context["randomJobs"] : (function () { throw new RuntimeError('Variable "randomJobs" does not exist.', 1155, $this->source); })())) > 0))) {
  1440. // line 1156
  1441. yield " ";
  1442. $context['_parent'] = $context;
  1443. $context['_seq'] = CoreExtension::ensureTraversable((isset($context["randomJobs"]) || array_key_exists("randomJobs", $context) ? $context["randomJobs"] : (function () { throw new RuntimeError('Variable "randomJobs" does not exist.', 1156, $this->source); })()));
  1444. foreach ($context['_seq'] as $context["_key"] => $context["j"]) {
  1445. // line 1157
  1446. yield " ";
  1447. if (((isset($context["_heroCount"]) || array_key_exists("_heroCount", $context) ? $context["_heroCount"] : (function () { throw new RuntimeError('Variable "_heroCount" does not exist.', 1157, $this->source); })()) < 6)) {
  1448. // line 1158
  1449. yield " <a href=\"";
  1450. if ((CoreExtension::getAttribute($this->env, $this->source, $context["j"], "locale", [], "any", false, false, false, 1158) == "fr")) {
  1451. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_cvs_application_job_show", ["_locale" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1158, $this->source); })()), "request", [], "any", false, false, false, 1158), "locale", [], "any", false, false, false, 1158), "slug" => CoreExtension::getAttribute($this->env, $this->source, $context["j"], "slug", [], "any", false, false, false, 1158)]), "html", null, true);
  1452. } else {
  1453. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cvs_application_job_show", ["slug" => CoreExtension::getAttribute($this->env, $this->source, $context["j"], "slug", [], "any", false, false, false, 1158)]), "html", null, true);
  1454. }
  1455. yield "\" class=\"hero-default-job\">
  1456. <div class=\"hero-default-job-logo\">
  1457. ";
  1458. // line 1160
  1459. if (((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["j"], "image", [], "any", false, false, false, 1160)) && $tmp instanceof Markup ? (string) $tmp : $tmp) && (($tmp = CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["j"], "image", [], "any", false, false, false, 1160), "name", [], "any", false, false, false, 1160)) && $tmp instanceof Markup ? (string) $tmp : $tmp))) {
  1460. // line 1161
  1461. yield " <img src=\"";
  1462. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Vich\UploaderBundle\Twig\Extension\UploaderExtension']->asset($context["j"], "imageFile"), "html", null, true);
  1463. yield "\" alt=\"\">
  1464. ";
  1465. } else {
  1466. // line 1163
  1467. yield " ";
  1468. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::upper($this->env->getCharset(), Twig\Extension\CoreExtension::slice($this->env->getCharset(), ((CoreExtension::getAttribute($this->env, $this->source, $context["j"], "companyName", [], "any", true, true, false, 1163)) ? (Twig\Extension\CoreExtension::default(CoreExtension::getAttribute($this->env, $this->source, $context["j"], "companyName", [], "any", false, false, false, 1163), "?")) : ("?")), 0, 1)), "html", null, true);
  1469. yield "
  1470. ";
  1471. }
  1472. // line 1165
  1473. yield " </div>
  1474. <div class=\"hero-default-job-info\">
  1475. <h3 class=\"hero-default-job-title\">";
  1476. // line 1167
  1477. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["j"], "jobTitle", [], "any", false, false, false, 1167), "html", null, true);
  1478. yield "</h3>
  1479. <p class=\"hero-default-job-meta\">
  1480. ";
  1481. // line 1169
  1482. if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["j"], "companyName", [], "any", false, false, false, 1169)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1483. yield "<span>";
  1484. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["j"], "companyName", [], "any", false, false, false, 1169), "html", null, true);
  1485. yield "</span>";
  1486. }
  1487. // line 1170
  1488. yield " ";
  1489. if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["j"], "city", [], "any", false, false, false, 1170)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1490. // line 1171
  1491. yield " <span class=\"hero-default-job-meta-sep\"></span>
  1492. <span>";
  1493. // line 1172
  1494. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["j"], "city", [], "any", false, false, false, 1172), "html", null, true);
  1495. if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["j"], "country", [], "any", false, false, false, 1172)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1496. yield ", ";
  1497. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["j"], "country", [], "any", false, false, false, 1172), "html", null, true);
  1498. }
  1499. yield "</span>
  1500. ";
  1501. }
  1502. // line 1174
  1503. yield " ";
  1504. if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["j"], "employmentType", [], "any", false, false, false, 1174)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1505. // line 1175
  1506. yield " <span class=\"hero-default-job-meta-sep\"></span>
  1507. <span>";
  1508. // line 1176
  1509. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["j"], "employmentType", [], "any", false, false, false, 1176), "html", null, true);
  1510. yield "</span>
  1511. ";
  1512. }
  1513. // line 1178
  1514. yield " </p>
  1515. </div>
  1516. <span class=\"hero-default-job-arrow\">
  1517. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"/></svg>
  1518. </span>
  1519. </a>
  1520. ";
  1521. // line 1184
  1522. $context["_heroCount"] = ((isset($context["_heroCount"]) || array_key_exists("_heroCount", $context) ? $context["_heroCount"] : (function () { throw new RuntimeError('Variable "_heroCount" does not exist.', 1184, $this->source); })()) + 1);
  1523. // line 1185
  1524. yield " ";
  1525. }
  1526. // line 1186
  1527. yield " ";
  1528. }
  1529. $_parent = $context['_parent'];
  1530. unset($context['_seq'], $context['_key'], $context['j'], $context['_parent']);
  1531. $context = array_intersect_key($context, $_parent);
  1532. $context += $_parent;
  1533. // line 1187
  1534. yield " ";
  1535. }
  1536. // line 1188
  1537. yield " </div>
  1538. </div>
  1540. ";
  1541. // line 1192
  1542. yield " ";
  1543. if ((null === CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1192, $this->source); })()), "user", [], "any", false, false, false, 1192))) {
  1544. // line 1193
  1545. yield " <div class=\"hero-cta\">
  1546. <a href=\"#register\" class=\"hero-cta-btn\">
  1547. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  1548. <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"/><circle cx=\"8.5\" cy=\"7\" r=\"4\"/><line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"/><line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"/>
  1549. </svg>
  1550. ";
  1551. // line 1198
  1552. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1198, $this->source); })()), "hero_cta_signup", [], "any", false, false, false, 1198), "html", null, true);
  1553. yield "
  1554. </a>
  1555. <a href=\"";
  1556. // line 1200
  1557. if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1200, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1558. yield (string) $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_app_login", ["_locale" => "fr"]);
  1559. } else {
  1560. yield (string) $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_login");
  1561. }
  1562. yield "\" class=\"hero-cta-btn\">
  1563. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  1564. <path d=\"M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4\"/><polyline points=\"10 17 15 12 10 7\"/><line x1=\"15\" y1=\"12\" x2=\"3\" y2=\"12\"/>
  1565. </svg>
  1566. ";
  1567. // line 1204
  1568. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1204, $this->source); })()), "hero_cta_login", [], "any", false, false, false, 1204), "html", null, true);
  1569. yield "
  1570. </a>
  1571. </div>
  1572. ";
  1573. }
  1574. // line 1208
  1575. yield " </div>
  1576. </section>
  1578. ";
  1579. // line 1212
  1580. yield " <section class=\"wr-section\">
  1581. <div class=\"wr-container\">
  1582. <div class=\"wr-section-head\">
  1583. <h2 class=\"wr-title\">";
  1584. // line 1215
  1585. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1215, $this->source); })()), "how_title", [], "any", false, false, false, 1215), "html", null, true);
  1586. yield "</h2>
  1587. </div>
  1589. <div class=\"how-card\">
  1590. <div class=\"how-step reveal\" data-reveal-delay=\"1\">
  1591. <div class=\"how-step-illu\">
  1592. <img src=\"/uploads/rh/mascotte_register.png\" alt=\"";
  1593. // line 1221
  1594. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1221, $this->source); })()), "how1_title", [], "any", false, false, false, 1221), "html", null, true);
  1595. yield "\" loading=\"lazy\">
  1596. </div>
  1597. <h3 class=\"how-step-title\">";
  1598. // line 1223
  1599. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1223, $this->source); })()), "how1_title", [], "any", false, false, false, 1223), "html", null, true);
  1600. yield "</h3>
  1601. <p class=\"how-step-desc\">";
  1602. // line 1224
  1603. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1224, $this->source); })()), "how1_desc", [], "any", false, false, false, 1224), "html", null, true);
  1604. yield "</p>
  1605. </div>
  1607. <div class=\"how-step reveal\" data-reveal-delay=\"2\">
  1608. <div class=\"how-step-illu\">
  1609. <img src=\"/uploads/rh/mascotte_upload2.png\" alt=\"";
  1610. // line 1229
  1611. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1229, $this->source); })()), "how2_title", [], "any", false, false, false, 1229), "html", null, true);
  1612. yield "\" loading=\"lazy\">
  1613. </div>
  1614. <h3 class=\"how-step-title\">";
  1615. // line 1231
  1616. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1231, $this->source); })()), "how2_title", [], "any", false, false, false, 1231), "html", null, true);
  1617. yield "</h3>
  1618. <p class=\"how-step-desc\">";
  1619. // line 1232
  1620. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1232, $this->source); })()), "how2_desc", [], "any", false, false, false, 1232), "html", null, true);
  1621. yield "</p>
  1622. </div>
  1624. <div class=\"how-step reveal\" data-reveal-delay=\"3\">
  1625. <div class=\"how-step-illu\">
  1626. <img src=\"/uploads/rh/mascotte_reunion.png\" alt=\"";
  1627. // line 1237
  1628. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1237, $this->source); })()), "how3_title", [], "any", false, false, false, 1237), "html", null, true);
  1629. yield "\" loading=\"lazy\">
  1630. </div>
  1631. <h3 class=\"how-step-title\">";
  1632. // line 1239
  1633. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1239, $this->source); })()), "how3_title", [], "any", false, false, false, 1239), "html", null, true);
  1634. yield "</h3>
  1635. <p class=\"how-step-desc\">";
  1636. // line 1240
  1637. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1240, $this->source); })()), "how3_desc", [], "any", false, false, false, 1240), "html", null, true);
  1638. yield "</p>
  1639. </div>
  1640. </div>
  1641. </div>
  1642. </section>
  1644. ";
  1645. // line 1247
  1646. yield " <section class=\"wr-section\">
  1647. <div class=\"wr-container\">
  1649. ";
  1650. // line 1251
  1651. yield " <div class=\"feat-block reveal\">
  1652. <div class=\"feat-illu\">
  1653. <img src=\"/uploads/rh/mascotte_filtrage3.png\" alt=\"";
  1654. // line 1253
  1655. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1253, $this->source); })()), "feat1_title", [], "any", false, false, false, 1253), "html", null, true);
  1656. yield "\" loading=\"lazy\">
  1657. </div>
  1658. <div class=\"feat-content\">
  1659. <span class=\"feat-label\">";
  1660. // line 1256
  1661. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1256, $this->source); })()), "feat1_label", [], "any", false, false, false, 1256), "html", null, true);
  1662. yield "</span>
  1663. <h3 class=\"feat-title\">";
  1664. // line 1257
  1665. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1257, $this->source); })()), "feat1_title", [], "any", false, false, false, 1257), "html", null, true);
  1666. yield "</h3>
  1667. <div class=\"feat-desc\">
  1668. <p>";
  1669. // line 1259
  1670. yield (string) CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1259, $this->source); })()), "feat1_p1", [], "any", false, false, false, 1259);
  1671. yield "</p>
  1672. <p>";
  1673. // line 1260
  1674. yield (string) CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1260, $this->source); })()), "feat1_p2", [], "any", false, false, false, 1260);
  1675. yield "</p>
  1676. </div>
  1677. <div class=\"feat-quote\">
  1678. <p class=\"feat-quote-text\">";
  1679. // line 1263
  1680. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1263, $this->source); })()), "feat1_quote", [], "any", false, false, false, 1263), "html", null, true);
  1681. yield "</p>
  1682. <div class=\"feat-quote-author\">
  1683. <p class=\"feat-quote-name\">";
  1684. // line 1265
  1685. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1265, $this->source); })()), "feat1_author", [], "any", false, false, false, 1265), "html", null, true);
  1686. yield "</p>
  1687. <p class=\"feat-quote-role\">";
  1688. // line 1266
  1689. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1266, $this->source); })()), "feat1_role", [], "any", false, false, false, 1266), "html", null, true);
  1690. yield "</p>
  1691. </div>
  1692. </div>
  1693. </div>
  1694. </div>
  1696. ";
  1697. // line 1273
  1698. yield " <div class=\"feat-block reveal\">
  1699. <div class=\"feat-illu\">
  1700. <img src=\"/uploads/rh/mascotte_upload.png\" alt=\"";
  1701. // line 1275
  1702. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1275, $this->source); })()), "feat2_title", [], "any", false, false, false, 1275), "html", null, true);
  1703. yield "\" loading=\"lazy\">
  1704. </div>
  1705. <div class=\"feat-content\">
  1706. <span class=\"feat-label\">";
  1707. // line 1278
  1708. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1278, $this->source); })()), "feat2_label", [], "any", false, false, false, 1278), "html", null, true);
  1709. yield "</span>
  1710. <h3 class=\"feat-title\">";
  1711. // line 1279
  1712. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1279, $this->source); })()), "feat2_title", [], "any", false, false, false, 1279), "html", null, true);
  1713. yield "</h3>
  1714. <div class=\"feat-desc\">
  1715. <p>";
  1716. // line 1281
  1717. yield (string) CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1281, $this->source); })()), "feat2_p1", [], "any", false, false, false, 1281);
  1718. yield "</p>
  1719. <p>";
  1720. // line 1282
  1721. yield (string) CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1282, $this->source); })()), "feat2_p2", [], "any", false, false, false, 1282);
  1722. yield "</p>
  1723. </div>
  1724. <div class=\"feat-quote\">
  1725. <p class=\"feat-quote-text\">";
  1726. // line 1285
  1727. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1285, $this->source); })()), "feat2_quote", [], "any", false, false, false, 1285), "html", null, true);
  1728. yield "</p>
  1729. <div class=\"feat-quote-author\">
  1730. <p class=\"feat-quote-name\">";
  1731. // line 1287
  1732. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1287, $this->source); })()), "feat2_author", [], "any", false, false, false, 1287), "html", null, true);
  1733. yield "</p>
  1734. <p class=\"feat-quote-role\">";
  1735. // line 1288
  1736. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1288, $this->source); })()), "feat2_role", [], "any", false, false, false, 1288), "html", null, true);
  1737. yield "</p>
  1738. </div>
  1739. </div>
  1740. </div>
  1741. </div>
  1743. ";
  1744. // line 1294
  1745. if ((null === CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1294, $this->source); })()), "user", [], "any", false, false, false, 1294))) {
  1746. // line 1295
  1747. yield " ";
  1748. // line 1296
  1749. yield " <div class=\"signup-card reveal reveal--scale\" id=\"register\">
  1750. <div class=\"signup-inner\">
  1751. <div class=\"signup-text\">
  1752. <span class=\"signup-eyebrow\">
  1753. <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"/><circle cx=\"8.5\" cy=\"7\" r=\"4\"/><line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"/><line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"/></svg>
  1754. ";
  1755. // line 1301
  1756. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1301, $this->source); })()), "signup_eyebrow", [], "any", false, false, false, 1301), "html", null, true);
  1757. yield "
  1758. </span>
  1759. <h3 class=\"signup-title\">";
  1760. // line 1303
  1761. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1303, $this->source); })()), "signup_title", [], "any", false, false, false, 1303), "html", null, true);
  1762. yield "</h3>
  1763. <p class=\"signup-lede\">";
  1764. // line 1304
  1765. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1304, $this->source); })()), "signup_lede", [], "any", false, false, false, 1304), "html", null, true);
  1766. yield "</p>
  1767. <div class=\"signup-perks\">
  1768. <span class=\"signup-perk\">
  1769. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg>
  1770. ";
  1771. // line 1308
  1772. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1308, $this->source); })()), "signup_perk1", [], "any", false, false, false, 1308), "html", null, true);
  1773. yield "
  1774. </span>
  1775. <span class=\"signup-perk\">
  1776. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg>
  1777. ";
  1778. // line 1312
  1779. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1312, $this->source); })()), "signup_perk2", [], "any", false, false, false, 1312), "html", null, true);
  1780. yield "
  1781. </span>
  1782. <span class=\"signup-perk\">
  1783. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg>
  1784. ";
  1785. // line 1316
  1786. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1316, $this->source); })()), "signup_perk3", [], "any", false, false, false, 1316), "html", null, true);
  1787. yield "
  1788. </span>
  1789. </div>
  1790. </div>
  1792. ";
  1793. // line 1321
  1794. if (array_key_exists("form", $context)) {
  1795. // line 1322
  1796. yield " ";
  1797. // line 1323
  1798. yield " ";
  1799. yield (string) $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->renderBlock((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 1323, $this->source); })()), 'form_start', ["attr" => ["class" => "signup-form", "novalidate" => "novalidate"]]);
  1800. yield "
  1801. ";
  1802. // line 1324
  1803. yield (string) $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 1324, $this->source); })()), 'errors');
  1804. yield "
  1805. ";
  1806. // line 1325
  1807. $context['_parent'] = $context;
  1808. $context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1325, $this->source); })()), "flashes", ["danger"], "method", false, false, false, 1325));
  1809. foreach ($context['_seq'] as $context["_key"] => $context["message"]) {
  1810. // line 1326
  1811. yield " <p class=\"signup-form-error\">";
  1812. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["message"], "html", null, true);
  1813. yield "</p>
  1814. ";
  1815. }
  1816. $_parent = $context['_parent'];
  1817. unset($context['_seq'], $context['_key'], $context['message'], $context['_parent']);
  1818. $context = array_intersect_key($context, $_parent);
  1819. $context += $_parent;
  1820. // line 1328
  1821. yield "
  1822. <div class=\"signup-field\">
  1823. ";
  1824. // line 1330
  1825. yield (string) $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 1330, $this->source); })()), "email", [], "any", false, false, false, 1330), 'widget', ["attr" => ["placeholder" => CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1330, $this->source); })()), "signup_email_ph", [], "any", false, false, false, 1330)]]);
  1826. yield "
  1827. </div>
  1829. <div class=\"signup-row\">
  1830. <div class=\"signup-field\">
  1831. ";
  1832. // line 1335
  1833. yield (string) $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 1335, $this->source); })()), "password", [], "any", false, false, false, 1335), "first", [], "any", false, false, false, 1335), 'widget', ["attr" => ["placeholder" => CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1335, $this->source); })()), "signup_pass_ph", [], "any", false, false, false, 1335)]]);
  1834. yield "
  1835. </div>
  1836. <div class=\"signup-field\">
  1837. ";
  1838. // line 1338
  1839. yield (string) $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 1338, $this->source); })()), "password", [], "any", false, false, false, 1338), "second", [], "any", false, false, false, 1338), 'widget', ["attr" => ["placeholder" => CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1338, $this->source); })()), "signup_pass2_ph", [], "any", false, false, false, 1338)]]);
  1840. yield "
  1841. </div>
  1842. </div>
  1844. <label class=\"signup-terms\">
  1845. ";
  1846. // line 1343
  1847. yield (string) $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 1343, $this->source); })()), "acceptTerm", [], "any", false, false, false, 1343), 'widget');
  1848. yield "
  1849. <span>
  1850. ";
  1851. // line 1345
  1852. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1345, $this->source); })()), "signup_terms_pre", [], "any", false, false, false, 1345), "html", null, true);
  1853. yield "
  1854. <a href=\"";
  1855. // line 1346
  1856. if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1346, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1857. yield "/fr/protections-donnees-candidats";
  1858. } else {
  1859. yield "/data-protection-candidates";
  1860. }
  1861. yield "\" target=\"_blank\" rel=\"noopener\">";
  1862. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1346, $this->source); })()), "signup_terms_link", [], "any", false, false, false, 1346), "html", null, true);
  1863. yield "</a>.
  1864. </span>
  1865. </label>
  1867. ";
  1868. // line 1350
  1869. if (CoreExtension::getAttribute($this->env, $this->source, ($context["form"] ?? null), "recaptcha", [], "any", true, true, false, 1350)) {
  1870. // line 1351
  1871. yield " <div class=\"signup-recaptcha\">";
  1872. yield (string) $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 1351, $this->source); })()), "recaptcha", [], "any", false, false, false, 1351), 'widget');
  1873. yield "</div>
  1874. ";
  1875. }
  1876. // line 1353
  1877. yield "
  1878. <button type=\"submit\" class=\"signup-submit\">
  1879. ";
  1880. // line 1355
  1881. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1355, $this->source); })()), "signup_btn", [], "any", false, false, false, 1355), "html", null, true);
  1882. yield "
  1883. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  1884. </button>
  1886. ";
  1887. // line 1359
  1888. yield (string) $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 1359, $this->source); })()), 'rest');
  1889. yield "
  1890. ";
  1891. // line 1360
  1892. yield (string) $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->renderBlock((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 1360, $this->source); })()), 'form_end');
  1893. yield "
  1894. ";
  1895. }
  1896. // line 1362
  1897. yield " </div>
  1898. </div>
  1899. ";
  1900. }
  1901. // line 1365
  1902. yield "
  1903. ";
  1904. // line 1367
  1905. yield " <div class=\"feat-block reveal\">
  1906. <div class=\"feat-illu\">
  1907. <img src=\"/uploads/rh/mascotte_register.png\" alt=\"";
  1908. // line 1369
  1909. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1369, $this->source); })()), "feat3_title", [], "any", false, false, false, 1369), "html", null, true);
  1910. yield "\" loading=\"lazy\">
  1911. </div>
  1912. <div class=\"feat-content\">
  1913. <span class=\"feat-label\">";
  1914. // line 1372
  1915. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1372, $this->source); })()), "feat3_label", [], "any", false, false, false, 1372), "html", null, true);
  1916. yield "</span>
  1917. <h3 class=\"feat-title\">";
  1918. // line 1373
  1919. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1373, $this->source); })()), "feat3_title", [], "any", false, false, false, 1373), "html", null, true);
  1920. yield "</h3>
  1921. <div class=\"feat-desc\">
  1922. <p>";
  1923. // line 1375
  1924. yield (string) CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1375, $this->source); })()), "feat3_p1", [], "any", false, false, false, 1375);
  1925. yield "</p>
  1926. <p>";
  1927. // line 1376
  1928. yield (string) CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1376, $this->source); })()), "feat3_p2", [], "any", false, false, false, 1376);
  1929. yield "</p>
  1930. </div>
  1931. <div class=\"feat-quote\">
  1932. <p class=\"feat-quote-text\">";
  1933. // line 1379
  1934. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1379, $this->source); })()), "feat3_quote", [], "any", false, false, false, 1379), "html", null, true);
  1935. yield "</p>
  1936. <div class=\"feat-quote-author\">
  1937. <p class=\"feat-quote-name\">";
  1938. // line 1381
  1939. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1381, $this->source); })()), "feat3_author", [], "any", false, false, false, 1381), "html", null, true);
  1940. yield "</p>
  1941. <p class=\"feat-quote-role\">";
  1942. // line 1382
  1943. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1382, $this->source); })()), "feat3_role", [], "any", false, false, false, 1382), "html", null, true);
  1944. yield "</p>
  1945. </div>
  1946. </div>
  1947. </div>
  1948. </div>
  1950. ";
  1951. // line 1389
  1952. yield " <div class=\"feat-block reveal\">
  1953. <div class=\"feat-illu\">
  1954. <img src=\"/uploads/rh/mascotte_reunion.png\" alt=\"";
  1955. // line 1391
  1956. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1391, $this->source); })()), "feat4_title", [], "any", false, false, false, 1391), "html", null, true);
  1957. yield "\" loading=\"lazy\">
  1958. </div>
  1959. <div class=\"feat-content\">
  1960. <span class=\"feat-label\">";
  1961. // line 1394
  1962. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1394, $this->source); })()), "feat4_label", [], "any", false, false, false, 1394), "html", null, true);
  1963. yield "</span>
  1964. <h3 class=\"feat-title\">";
  1965. // line 1395
  1966. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1395, $this->source); })()), "feat4_title", [], "any", false, false, false, 1395), "html", null, true);
  1967. yield "</h3>
  1968. <div class=\"feat-desc\">
  1969. <p>";
  1970. // line 1397
  1971. yield (string) CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1397, $this->source); })()), "feat4_p1", [], "any", false, false, false, 1397);
  1972. yield "</p>
  1973. <p>";
  1974. // line 1398
  1975. yield (string) CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1398, $this->source); })()), "feat4_p2", [], "any", false, false, false, 1398);
  1976. yield "</p>
  1977. </div>
  1978. <div class=\"feat-quote\">
  1979. <p class=\"feat-quote-text\">";
  1980. // line 1401
  1981. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1401, $this->source); })()), "feat4_quote", [], "any", false, false, false, 1401), "html", null, true);
  1982. yield "</p>
  1983. <div class=\"feat-quote-author\">
  1984. <p class=\"feat-quote-name\">";
  1985. // line 1403
  1986. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1403, $this->source); })()), "feat4_author", [], "any", false, false, false, 1403), "html", null, true);
  1987. yield "</p>
  1988. <p class=\"feat-quote-role\">";
  1989. // line 1404
  1990. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1404, $this->source); })()), "feat4_role", [], "any", false, false, false, 1404), "html", null, true);
  1991. yield "</p>
  1992. </div>
  1993. </div>
  1994. </div>
  1995. </div>
  1997. </div>
  1998. </section>
  2001. ";
  2002. // line 1415
  2003. yield " <section class=\"wr-section\">
  2004. <div class=\"wr-container\">
  2005. <div class=\"apps-grid\">
  2006. <a href=\"";
  2007. // line 1418
  2008. yield (string) (((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1418, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(((array_key_exists("ios_fr", $context)) ? (Twig\Extension\CoreExtension::default((isset($context["ios_fr"]) || array_key_exists("ios_fr", $context) ? $context["ios_fr"] : (function () { throw new RuntimeError('Variable "ios_fr" does not exist.', 1418, $this->source); })()), "#")) : ("#")), "html", null, true)) : ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(((array_key_exists("ios_us", $context)) ? (Twig\Extension\CoreExtension::default((isset($context["ios_us"]) || array_key_exists("ios_us", $context) ? $context["ios_us"] : (function () { throw new RuntimeError('Variable "ios_us" does not exist.', 1418, $this->source); })()), "#")) : ("#")), "html", null, true)));
  2009. yield "\" class=\"app-card\">
  2010. <span class=\"app-card-icon\">
  2011. <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\"/></svg>
  2012. </span>
  2013. <h3 class=\"app-card-name\">";
  2014. // line 1422
  2015. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1422, $this->source); })()), "apps_ios", [], "any", false, false, false, 1422), "html", null, true);
  2016. yield "</h3>
  2017. <p class=\"app-card-desc\">";
  2018. // line 1423
  2019. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1423, $this->source); })()), "apps_ios_desc", [], "any", false, false, false, 1423), "html", null, true);
  2020. yield "</p>
  2021. <span class=\"app-card-cta\">App Store
  2022. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  2023. </span>
  2024. </a>
  2025. <a href=\"";
  2026. // line 1428
  2027. yield (string) (((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1428, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(((array_key_exists("android_fr", $context)) ? (Twig\Extension\CoreExtension::default((isset($context["android_fr"]) || array_key_exists("android_fr", $context) ? $context["android_fr"] : (function () { throw new RuntimeError('Variable "android_fr" does not exist.', 1428, $this->source); })()), "#")) : ("#")), "html", null, true)) : ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(((array_key_exists("android_us", $context)) ? (Twig\Extension\CoreExtension::default((isset($context["android_us"]) || array_key_exists("android_us", $context) ? $context["android_us"] : (function () { throw new RuntimeError('Variable "android_us" does not exist.', 1428, $this->source); })()), "#")) : ("#")), "html", null, true)));
  2028. yield "\" class=\"app-card\">
  2029. <span class=\"app-card-icon\">
  2030. <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.523 15.34c-.583 0-1.06-.477-1.06-1.06 0-.582.477-1.06 1.06-1.06.583 0 1.06.478 1.06 1.06 0 .583-.477 1.06-1.06 1.06m-11.046 0c-.583 0-1.06-.477-1.06-1.06 0-.582.477-1.06 1.06-1.06.583 0 1.06.478 1.06 1.06 0 .583-.477 1.06-1.06 1.06m11.427-6.176l2.114-3.66a.439.439 0 0 0-.16-.6.439.439 0 0 0-.6.16l-2.142 3.71a13.07 13.07 0 0 0-5.116-1.034c-1.823 0-3.55.376-5.116 1.034l-2.14-3.71a.439.439 0 1 0-.76.44l2.113 3.66C2.486 10.78.659 13.658.5 17h23c-.16-3.342-1.987-6.22-5.595-7.836\"/></svg>
  2031. </span>
  2032. <h3 class=\"app-card-name\">";
  2033. // line 1432
  2034. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1432, $this->source); })()), "apps_android", [], "any", false, false, false, 1432), "html", null, true);
  2035. yield "</h3>
  2036. <p class=\"app-card-desc\">";
  2037. // line 1433
  2038. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1433, $this->source); })()), "apps_android_desc", [], "any", false, false, false, 1433), "html", null, true);
  2039. yield "</p>
  2040. <span class=\"app-card-cta\">Google Play
  2041. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  2042. </span>
  2043. </a>
  2044. <a href=\"";
  2045. // line 1438
  2046. if ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1438, $this->source); })()), "request", [], "any", false, false, false, 1438), "locale", [], "any", false, false, false, 1438) == "en")) {
  2047. yield (string) $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("whileresume_homepage");
  2048. } else {
  2049. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_whileresume_homepage", ["_locale" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1438, $this->source); })()), "request", [], "any", false, false, false, 1438), "locale", [], "any", false, false, false, 1438)]), "html", null, true);
  2050. }
  2051. yield "#register\" class=\"app-card\">
  2052. <span class=\"app-card-icon\">
  2053. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"/></svg>
  2054. </span>
  2055. <h3 class=\"app-card-name\">";
  2056. // line 1442
  2057. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1442, $this->source); })()), "apps_web", [], "any", false, false, false, 1442), "html", null, true);
  2058. yield "</h3>
  2059. <p class=\"app-card-desc\">";
  2060. // line 1443
  2061. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1443, $this->source); })()), "apps_web_desc", [], "any", false, false, false, 1443), "html", null, true);
  2062. yield "</p>
  2063. <span class=\"app-card-cta\">whileresume.com
  2064. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  2065. </span>
  2066. </a>
  2067. </div>
  2068. </div>
  2069. </section>
  2072. ";
  2073. // line 1454
  2074. yield " ";
  2075. if ((array_key_exists("articles", $context) && (Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["articles"]) || array_key_exists("articles", $context) ? $context["articles"] : (function () { throw new RuntimeError('Variable "articles" does not exist.', 1454, $this->source); })())) > 0))) {
  2076. // line 1455
  2077. yield " <section class=\"wr-section\">
  2078. <div class=\"wr-container\">
  2079. <div class=\"wr-section-head\">
  2080. <h2 class=\"wr-title wr-title--sm\">";
  2081. // line 1458
  2082. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1458, $this->source); })()), "articles_title", [], "any", false, false, false, 1458), "html", null, true);
  2083. yield "</h2>
  2084. </div>
  2086. <div class=\"articles-list\">
  2087. ";
  2088. // line 1462
  2089. $context['_parent'] = $context;
  2090. $context['_seq'] = CoreExtension::ensureTraversable(Twig\Extension\CoreExtension::slice($this->env->getCharset(), (isset($context["articles"]) || array_key_exists("articles", $context) ? $context["articles"] : (function () { throw new RuntimeError('Variable "articles" does not exist.', 1462, $this->source); })()), 0, 6));
  2091. foreach ($context['_seq'] as $context["_key"] => $context["a"]) {
  2092. // line 1463
  2093. yield " ";
  2094. $context["prefix"] = "";
  2095. // line 1464
  2096. yield " ";
  2097. $context["urlA"] = $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cvs_website_article", ["slug" => CoreExtension::getAttribute($this->env, $this->source, $context["a"], "slug", [], "any", false, false, false, 1464)]);
  2098. // line 1465
  2099. yield " ";
  2100. if ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1465, $this->source); })()), "request", [], "any", false, false, false, 1465), "locale", [], "any", false, false, false, 1465) != (isset($context["default_locale"]) || array_key_exists("default_locale", $context) ? $context["default_locale"] : (function () { throw new RuntimeError('Variable "default_locale" does not exist.', 1465, $this->source); })()))) {
  2101. // line 1466
  2102. yield " ";
  2103. $context["urlA"] = $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_cvs_website_article", ["_locale" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1466, $this->source); })()), "request", [], "any", false, false, false, 1466), "locale", [], "any", false, false, false, 1466), "slug" => CoreExtension::getAttribute($this->env, $this->source, $context["a"], "slug", [], "any", false, false, false, 1466)]);
  2104. // line 1467
  2105. yield " ";
  2106. $context["prefix"] = ("/" . CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1467, $this->source); })()), "request", [], "any", false, false, false, 1467), "locale", [], "any", false, false, false, 1467));
  2107. // line 1468
  2108. yield " ";
  2109. }
  2110. // line 1469
  2111. yield " ";
  2112. if ( !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug3", [], "any", false, false, false, 1469))) {
  2113. // line 1470
  2114. yield " ";
  2115. $context["urlA"] = (((((((isset($context["prefix"]) || array_key_exists("prefix", $context) ? $context["prefix"] : (function () { throw new RuntimeError('Variable "prefix" does not exist.', 1470, $this->source); })()) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug", [], "any", false, false, false, 1470)) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug2", [], "any", false, false, false, 1470)) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug3", [], "any", false, false, false, 1470));
  2116. // line 1471
  2117. yield " ";
  2118. } elseif ( !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug2", [], "any", false, false, false, 1471))) {
  2119. // line 1472
  2120. yield " ";
  2121. $context["urlA"] = (((((isset($context["prefix"]) || array_key_exists("prefix", $context) ? $context["prefix"] : (function () { throw new RuntimeError('Variable "prefix" does not exist.', 1472, $this->source); })()) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug", [], "any", false, false, false, 1472)) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug2", [], "any", false, false, false, 1472));
  2122. // line 1473
  2123. yield " ";
  2124. } elseif ( !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug", [], "any", false, false, false, 1473))) {
  2125. // line 1474
  2126. yield " ";
  2127. $context["urlA"] = (((isset($context["prefix"]) || array_key_exists("prefix", $context) ? $context["prefix"] : (function () { throw new RuntimeError('Variable "prefix" does not exist.', 1474, $this->source); })()) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["a"], "pageslug", [], "any", false, false, false, 1474));
  2128. // line 1475
  2129. yield " ";
  2130. }
  2131. // line 1476
  2132. yield "
  2133. <a href=\"";
  2134. // line 1477
  2135. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["urlA"]) || array_key_exists("urlA", $context) ? $context["urlA"] : (function () { throw new RuntimeError('Variable "urlA" does not exist.', 1477, $this->source); })()), "html", null, true);
  2136. yield "\" class=\"wr-article\">
  2137. <div class=\"wr-article-logo\">
  2138. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  2139. <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"/>
  2140. <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"/>
  2141. </svg>
  2142. </div>
  2143. <div class=\"wr-article-info\">
  2144. <h3 class=\"wr-article-title\">";
  2145. // line 1485
  2146. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "title", [], "any", false, false, false, 1485), "html", null, true);
  2147. yield "</h3>
  2148. <div class=\"wr-article-meta\">
  2149. ";
  2150. // line 1487
  2151. if ( !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "subtitle", [], "any", false, false, false, 1487))) {
  2152. // line 1488
  2153. yield " <span>";
  2154. yield (string) (((Twig\Extension\CoreExtension::length($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, $context["a"], "subtitle", [], "any", false, false, false, 1488)) > 60)) ? ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((Twig\Extension\CoreExtension::slice($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, $context["a"], "subtitle", [], "any", false, false, false, 1488), 0, 60) . "…"), "html", null, true)) : ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "subtitle", [], "any", false, false, false, 1488), "html", null, true)));
  2155. yield "</span>
  2156. ";
  2157. }
  2158. // line 1490
  2159. yield " </div>
  2160. </div>
  2161. <span class=\"wr-article-badge\">";
  2162. // line 1492
  2163. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1492, $this->source); })()), "read_article", [], "any", false, false, false, 1492), "html", null, true);
  2164. yield "</span>
  2165. <span class=\"wr-article-arrow\">
  2166. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  2167. <polyline points=\"9 18 15 12 9 6\"/>
  2168. </svg>
  2169. </span>
  2170. </a>
  2171. ";
  2172. }
  2173. $_parent = $context['_parent'];
  2174. unset($context['_seq'], $context['_key'], $context['a'], $context['_parent']);
  2175. $context = array_intersect_key($context, $_parent);
  2176. $context += $_parent;
  2177. // line 1500
  2178. yield " </div>
  2180. <div class=\"articles-cta\">
  2181. <a href=\"";
  2182. // line 1503
  2183. if ((($tmp = (isset($context["isFR"]) || array_key_exists("isFR", $context) ? $context["isFR"] : (function () { throw new RuntimeError('Variable "isFR" does not exist.', 1503, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  2184. yield (string) $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_cvs_website_articles", ["_locale" => "fr"]);
  2185. } else {
  2186. yield (string) $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cvs_website_articles");
  2187. }
  2188. yield "\">
  2189. ";
  2190. // line 1504
  2191. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1504, $this->source); })()), "articles_view_all", [], "any", false, false, false, 1504), "html", null, true);
  2192. yield "
  2193. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  2194. </a>
  2195. </div>
  2196. </div>
  2197. </section>
  2198. ";
  2199. }
  2200. // line 1511
  2201. yield "
  2202. ";
  2203. // line 1513
  2204. yield " ";
  2205. if ((null === CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1513, $this->source); })()), "user", [], "any", false, false, false, 1513))) {
  2206. // line 1514
  2207. yield " <section class=\"wr-section\">
  2208. <div class=\"wr-container\">
  2209. <div class=\"final-card\">
  2211. <h2 class=\"final-title\">";
  2212. // line 1518
  2213. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1518, $this->source); })()), "final_title", [], "any", false, false, false, 1518), "html", null, true);
  2214. yield "</h2>
  2216. <div class=\"final-grid\">
  2217. ";
  2218. // line 1522
  2219. yield " <div class=\"final-sub\">
  2220. <div class=\"final-sub-head\">
  2221. <span class=\"final-sub-icon\">
  2222. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  2223. <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"/>
  2224. <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"/>
  2225. </svg>
  2226. </span>
  2227. <span class=\"final-sub-label\">";
  2228. // line 1530
  2229. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1530, $this->source); })()), "final_recruiter_label", [], "any", false, false, false, 1530), "html", null, true);
  2230. yield "</span>
  2231. </div>
  2232. <h3 class=\"final-sub-title\">";
  2233. // line 1532
  2234. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1532, $this->source); })()), "final_recruiter_title", [], "any", false, false, false, 1532), "html", null, true);
  2235. yield "</h3>
  2236. <p class=\"final-sub-desc\">";
  2237. // line 1533
  2238. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1533, $this->source); })()), "final_recruiter_desc", [], "any", false, false, false, 1533), "html", null, true);
  2239. yield "</p>
  2240. <a href=\"";
  2241. // line 1534
  2242. yield (string) $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath(("whileresume_business_" . CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1534, $this->source); })()), "request", [], "any", false, false, false, 1534), "locale", [], "any", false, false, false, 1534)));
  2243. yield "\" class=\"final-sub-btn\">
  2244. ";
  2245. // line 1535
  2246. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1535, $this->source); })()), "final_recruiter", [], "any", false, false, false, 1535), "html", null, true);
  2247. yield "
  2248. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  2249. </a>
  2250. </div>
  2252. ";
  2253. // line 1541
  2254. yield " <div class=\"final-sub\">
  2255. <div class=\"final-sub-head\">
  2256. <span class=\"final-sub-icon\">
  2257. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  2258. <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/>
  2259. <circle cx=\"12\" cy=\"7\" r=\"4\"/>
  2260. </svg>
  2261. </span>
  2262. <span class=\"final-sub-label\">";
  2263. // line 1549
  2264. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1549, $this->source); })()), "final_candidate_label", [], "any", false, false, false, 1549), "html", null, true);
  2265. yield "</span>
  2266. </div>
  2267. <h3 class=\"final-sub-title\">";
  2268. // line 1551
  2269. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1551, $this->source); })()), "final_candidate_title", [], "any", false, false, false, 1551), "html", null, true);
  2270. yield "</h3>
  2271. <p class=\"final-sub-desc\">";
  2272. // line 1552
  2273. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1552, $this->source); })()), "final_candidate_desc", [], "any", false, false, false, 1552), "html", null, true);
  2274. yield "</p>
  2275. <a href=\"";
  2276. // line 1553
  2277. if ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1553, $this->source); })()), "request", [], "any", false, false, false, 1553), "locale", [], "any", false, false, false, 1553) == "en")) {
  2278. yield (string) $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("whileresume_homepage");
  2279. } else {
  2280. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_whileresume_homepage", ["_locale" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1553, $this->source); })()), "request", [], "any", false, false, false, 1553), "locale", [], "any", false, false, false, 1553)]), "html", null, true);
  2281. }
  2282. yield "#register\" class=\"final-sub-btn\">
  2283. ";
  2284. // line 1554
  2285. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1554, $this->source); })()), "final_candidate", [], "any", false, false, false, 1554), "html", null, true);
  2286. yield "
  2287. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  2288. </a>
  2289. </div>
  2290. </div>
  2291. </div>
  2292. </div>
  2293. </section>
  2294. ";
  2295. }
  2296. // line 1563
  2297. yield " </div>
  2298. ";
  2300. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  2303. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  2305. yield from [];
  2306. }
  2308. // line 1566
  2309. /**
  2310. * @return iterable<null|scalar|\Stringable>
  2311. */
  2312. public function block_footer_js(array $context, array $blocks = []): iterable
  2313. {
  2314. $macros = $this->macros;
  2315. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  2316. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footer_js"));
  2318. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  2319. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footer_js"));
  2321. // line 1567
  2322. yield " ";
  2323. yield from $this->yieldParentBlock("footer_js", $context, $blocks);
  2324. yield "
  2325. <script>
  2326. (function(){
  2327. var search = document.getElementById(\x27wrHeroSearch\x27);
  2328. var input = document.getElementById(\x27wrHeroSearchInput\x27);
  2329. var clearBtn = document.getElementById(\x27wrHeroSearchClear\x27);
  2330. var jobsBody = document.getElementById(\x27wrHeroJobsBody\x27);
  2331. var countEl = document.getElementById(\x27wrHeroJobsCount\x27);
  2332. var linkEl = document.getElementById(\x27wrHeroJobsLink\x27);
  2333. if (!search || !input || !jobsBody) return;
  2335. var searchUrl = search.dataset.searchUrl;
  2336. var jobsListUrl = search.dataset.jobsListUrl;
  2338. // On garde l\x27état initial pour pouvoir le restaurer
  2339. var defaultBodyHtml = jobsBody.innerHTML;
  2340. var defaultCountHtml = countEl ? countEl.innerHTML : \x27\x27;
  2341. var defaultLinkHref = linkEl ? linkEl.getAttribute(\x27href\x27) : jobsListUrl;
  2343. var debounceTimer = null;
  2344. var currentRequest = null;
  2345. var lastQuery = \x27\x27;
  2347. var T = {
  2348. loading: \x27";
  2349. // line 1591
  2350. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1591, $this->source); })()), "search_loading", [], "any", false, false, false, 1591), "js"), "html", null, true);
  2351. yield "\x27,
  2352. empty: \x27";
  2353. // line 1592
  2354. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1592, $this->source); })()), "search_no_results", [], "any", false, false, false, 1592), "js"), "html", null, true);
  2355. yield "\x27,
  2356. emptyHint: \x27";
  2357. // line 1593
  2358. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1593, $this->source); })()), "search_no_results_hint", [], "any", false, false, false, 1593), "js"), "html", null, true);
  2359. yield "\x27,
  2360. count: \x27";
  2361. // line 1594
  2362. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1594, $this->source); })()), "search_results_count", [], "any", false, false, false, 1594), "js"), "html", null, true);
  2363. yield "\x27,
  2364. viewAll: \x27";
  2365. // line 1595
  2366. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1595, $this->source); })()), "search_view_all", [], "any", false, false, false, 1595), "js"), "html", null, true);
  2367. yield "\x27,
  2368. view: \x27";
  2369. // line 1596
  2370. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 1596, $this->source); })()), "search_view_offer", [], "any", false, false, false, 1596), "js"), "html", null, true);
  2371. yield "\x27
  2372. };
  2374. function escHtml(s){
  2375. if (s == null) return \x27\x27;
  2376. return String(s).replace(/[&<>\"\x27]/g, function(c){
  2377. return {\x27&\x27:\x27&amp;\x27,\x27<\x27:\x27&lt;\x27,\x27>\x27:\x27&gt;\x27,\x27\"\x27:\x27&quot;\x27,\"\x27\":\x27&#39;\x27}[c];
  2378. });
  2379. }
  2381. function setHeaderCount(total){
  2382. if (!countEl) return;
  2383. countEl.innerHTML = \x27<strong>\x27 + total + \x27</strong>\x27 + escHtml(T.count);
  2384. }
  2386. function setHeaderLink(href){
  2387. if (!linkEl) return;
  2388. linkEl.setAttribute(\x27href\x27, href);
  2389. }
  2391. function setLoading(){
  2392. jobsBody.innerHTML =
  2393. \x27<div class=\"hero-jobs-loading\">\x27 +
  2394. \x27<span class=\"hero-jobs-spinner\"></span>\x27 +
  2395. \x27<span>\x27 + escHtml(T.loading) + \x27</span>\x27 +
  2396. \x27</div>\x27;
  2397. }
  2399. function setEmpty(){
  2400. jobsBody.innerHTML =
  2401. \x27<div class=\"hero-jobs-empty\">\x27 +
  2402. \x27<div class=\"hero-jobs-empty-icon\">\x27 +
  2403. \x27<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\x27 +
  2404. \x27<circle cx=\"11\" cy=\"11\" r=\"8\"/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/>\x27 +
  2405. \x27</svg>\x27 +
  2406. \x27</div>\x27 +
  2407. \x27<p class=\"hero-jobs-empty-title\">\x27 + escHtml(T.empty) + \x27</p>\x27 +
  2408. \x27<p class=\"hero-jobs-empty-hint\">\x27 + escHtml(T.emptyHint) + \x27</p>\x27 +
  2409. \x27</div>\x27;
  2410. }
  2412. function restoreDefault(){
  2413. jobsBody.innerHTML = defaultBodyHtml;
  2414. if (countEl) countEl.innerHTML = defaultCountHtml;
  2415. if (linkEl) linkEl.setAttribute(\x27href\x27, defaultLinkHref);
  2416. }
  2418. function renderResults(payload, query){
  2419. var jobs = (payload && payload.jobs) || [];
  2420. var total = (payload && typeof payload.total === \x27number\x27) ? payload.total : jobs.length;
  2422. setHeaderCount(total);
  2423. setHeaderLink(jobsListUrl + \x27?q=\x27 + encodeURIComponent(query));
  2425. if (!jobs.length){
  2426. setEmpty();
  2427. return;
  2428. }
  2430. var html = \x27\x27;
  2431. jobs.slice(0, 6).forEach(function(j){
  2432. var title = j.jobTitle || j.title || \x27\x27;
  2433. var company = j.companyName || j.company || \x27\x27;
  2434. var city = j.city || \x27\x27;
  2435. var country = j.country || \x27\x27;
  2436. var et = j.employmentType || \x27\x27;
  2437. var img = j.image || j.imageUrl || \x27\x27;
  2438. var url = j.url || (jobsListUrl + \x27?q=\x27 + encodeURIComponent(query));
  2439. var initial = (company || title || \x27?\x27).charAt(0).toUpperCase();
  2441. var location = city + (country ? \x27, \x27 + country : \x27\x27);
  2442. var metaParts = [];
  2443. if (company) metaParts.push(\x27<span>\x27 + escHtml(company) + \x27</span>\x27);
  2444. if (location) metaParts.push(\x27<span class=\"hero-default-job-meta-sep\"></span><span>\x27 + escHtml(location) + \x27</span>\x27);
  2445. if (et) metaParts.push(\x27<span class=\"hero-default-job-meta-sep\"></span><span>\x27 + escHtml(et) + \x27</span>\x27);
  2447. html +=
  2448. \x27<a href=\"\x27 + escHtml(url) + \x27\" class=\"hero-default-job\">\x27 +
  2449. \x27<div class=\"hero-default-job-logo\">\x27 +
  2450. (img
  2451. ? \x27<img src=\"\x27 + escHtml(img) + \x27\" alt=\"\">\x27
  2452. : escHtml(initial)) +
  2453. \x27</div>\x27 +
  2454. \x27<div class=\"hero-default-job-info\">\x27 +
  2455. \x27<h3 class=\"hero-default-job-title\">\x27 + escHtml(title) + \x27</h3>\x27 +
  2456. \x27<p class=\"hero-default-job-meta\">\x27 + metaParts.join(\x27\x27) + \x27</p>\x27 +
  2457. \x27</div>\x27 +
  2458. \x27<span class=\"hero-default-job-arrow\">\x27 +
  2459. \x27<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"/></svg>\x27 +
  2460. \x27</span>\x27 +
  2461. \x27</a>\x27;
  2462. });
  2464. jobsBody.innerHTML = html;
  2465. }
  2467. function doSearch(query){
  2468. if (currentRequest && currentRequest.abort) {
  2469. try { currentRequest.abort(); } catch(e){}
  2470. }
  2471. setLoading();
  2472. var url = searchUrl + (searchUrl.indexOf(\x27?\x27) > -1 ? \x27&\x27 : \x27?\x27) + \x27q=\x27 + encodeURIComponent(query);
  2474. var ctrl = (typeof AbortController !== \x27undefined\x27) ? new AbortController() : null;
  2475. currentRequest = ctrl;
  2477. fetch(url, { headers: { \x27Accept\x27: \x27application/json\x27 }, signal: ctrl ? ctrl.signal : undefined })
  2478. .then(function(r){ return r.ok ? r.json() : Promise.reject(r.status); })
  2479. .then(function(data){ renderResults(data, query); })
  2480. .catch(function(err){
  2481. if (err && err.name === \x27AbortError\x27) return;
  2482. setEmpty();
  2483. });
  2484. }
  2486. // Input live (debounce 280ms)
  2487. input.addEventListener(\x27input\x27, function(){
  2488. var q = input.value.trim();
  2489. clearBtn.classList.toggle(\x27is-visible\x27, q.length > 0);
  2491. if (debounceTimer) clearTimeout(debounceTimer);
  2493. if (q.length < 2){
  2494. restoreDefault();
  2495. lastQuery = \x27\x27;
  2496. return;
  2497. }
  2498. if (q === lastQuery) return;
  2500. debounceTimer = setTimeout(function(){
  2501. lastQuery = q;
  2502. doSearch(q);
  2503. }, 280);
  2504. });
  2506. // Enter → page de résultats complète
  2507. input.addEventListener(\x27keydown\x27, function(e){
  2508. if (e.key === \x27Enter\x27){
  2509. e.preventDefault();
  2510. var q = input.value.trim();
  2511. if (!q) return;
  2512. window.location.href = jobsListUrl + \x27?q=\x27 + encodeURIComponent(q);
  2513. }
  2514. if (e.key === \x27Escape\x27){
  2515. input.value = \x27\x27;
  2516. clearBtn.classList.remove(\x27is-visible\x27);
  2517. restoreDefault();
  2518. lastQuery = \x27\x27;
  2519. input.blur();
  2520. }
  2521. });
  2523. // Clear
  2524. clearBtn.addEventListener(\x27click\x27, function(){
  2525. input.value = \x27\x27;
  2526. clearBtn.classList.remove(\x27is-visible\x27);
  2527. restoreDefault();
  2528. lastQuery = \x27\x27;
  2529. input.focus();
  2530. });
  2532. // Pills \"Populaire\" — au clic, on remplit l\x27input et on lance la recherche
  2533. document.querySelectorAll(\x27.hero-popular-pill\x27).forEach(function(pill){
  2534. pill.addEventListener(\x27click\x27, function(){
  2535. var keyword = pill.dataset.keyword || pill.dataset.label || \x27\x27;
  2536. if (!keyword) return;
  2538. // Visuel actif
  2539. document.querySelectorAll(\x27.hero-popular-pill\x27).forEach(function(p){ p.classList.remove(\x27is-active\x27); });
  2540. pill.classList.add(\x27is-active\x27);
  2542. input.value = keyword;
  2543. clearBtn.classList.add(\x27is-visible\x27);
  2544. lastQuery = keyword;
  2545. doSearch(keyword);
  2546. input.focus();
  2547. });
  2548. });
  2549. })();
  2551. /* ═══ Reveal au scroll (Intersection Observer) ═══ */
  2552. (function(){
  2553. var els = document.querySelectorAll(\x27.reveal\x27);
  2554. if (!els.length) return;
  2556. if (!(\x27IntersectionObserver\x27 in window)){
  2557. // Fallback : tout révéler
  2558. els.forEach(function(el){ el.classList.add(\x27is-revealed\x27); });
  2559. return;
  2560. }
  2562. var io = new IntersectionObserver(function(entries){
  2563. entries.forEach(function(entry){
  2564. if (entry.isIntersecting){
  2565. entry.target.classList.add(\x27is-revealed\x27);
  2566. io.unobserve(entry.target);
  2567. }
  2568. });
  2569. }, { threshold: 0.12, rootMargin: \x270px 0px -60px 0px\x27 });
  2571. els.forEach(function(el){ io.observe(el); });
  2572. })();
  2573. </script>
  2574. ";
  2576. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  2579. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  2581. yield from [];
  2582. }
  2584. /**
  2585. * @codeCoverageIgnore
  2586. */
  2587. public function getTemplateName(): string
  2588. {
  2589. return "application/whileresume/website/candidates/homepage.html.twig";
  2590. }
  2592. /**
  2593. * @codeCoverageIgnore
  2594. */
  2595. public function isTraitable(): bool
  2596. {
  2597. return false;
  2598. }
  2600. /**
  2601. * @codeCoverageIgnore
  2602. */
  2603. public function getDebugInfo(): array
  2604. {
  2605. return array ( 2370 => 1596, 2366 => 1595, 2362 => 1594, 2358 => 1593, 2354 => 1592, 2350 => 1591, 2322 => 1567, 2309 => 1566, 2297 => 1563, 2285 => 1554, 2277 => 1553, 2273 => 1552, 2269 => 1551, 2264 => 1549, 2254 => 1541, 2246 => 1535, 2242 => 1534, 2238 => 1533, 2234 => 1532, 2229 => 1530, 2219 => 1522, 2213 => 1518, 2207 => 1514, 2204 => 1513, 2201 => 1511, 2191 => 1504, 2183 => 1503, 2178 => 1500, 2163 => 1492, 2159 => 1490, 2153 => 1488, 2151 => 1487, 2146 => 1485, 2135 => 1477, 2132 => 1476, 2129 => 1475, 2126 => 1474, 2123 => 1473, 2120 => 1472, 2117 => 1471, 2114 => 1470, 2111 => 1469, 2108 => 1468, 2105 => 1467, 2102 => 1466, 2099 => 1465, 2096 => 1464, 2093 => 1463, 2089 => 1462, 2082 => 1458, 2077 => 1455, 2074 => 1454, 2061 => 1443, 2057 => 1442, 2046 => 1438, 2038 => 1433, 2034 => 1432, 2027 => 1428, 2019 => 1423, 2015 => 1422, 2008 => 1418, 2003 => 1415, 1990 => 1404, 1986 => 1403, 1981 => 1401, 1975 => 1398, 1971 => 1397, 1966 => 1395, 1962 => 1394, 1956 => 1391, 1952 => 1389, 1943 => 1382, 1939 => 1381, 1934 => 1379, 1928 => 1376, 1924 => 1375, 1919 => 1373, 1915 => 1372, 1909 => 1369, 1905 => 1367, 1902 => 1365, 1897 => 1362, 1892 => 1360, 1888 => 1359, 1881 => 1355, 1877 => 1353, 1871 => 1351, 1869 => 1350, 1856 => 1346, 1852 => 1345, 1847 => 1343, 1839 => 1338, 1833 => 1335, 1825 => 1330, 1821 => 1328, 1811 => 1326, 1807 => 1325, 1803 => 1324, 1798 => 1323, 1796 => 1322, 1794 => 1321, 1786 => 1316, 1779 => 1312, 1772 => 1308, 1765 => 1304, 1761 => 1303, 1756 => 1301, 1749 => 1296, 1747 => 1295, 1745 => 1294, 1736 => 1288, 1732 => 1287, 1727 => 1285, 1721 => 1282, 1717 => 1281, 1712 => 1279, 1708 => 1278, 1702 => 1275, 1698 => 1273, 1689 => 1266, 1685 => 1265, 1680 => 1263, 1674 => 1260, 1670 => 1259, 1665 => 1257, 1661 => 1256, 1655 => 1253, 1651 => 1251, 1646 => 1247, 1637 => 1240, 1633 => 1239, 1628 => 1237, 1620 => 1232, 1616 => 1231, 1611 => 1229, 1603 => 1224, 1599 => 1223, 1594 => 1221, 1585 => 1215, 1580 => 1212, 1575 => 1208, 1568 => 1204, 1557 => 1200, 1552 => 1198, 1545 => 1193, 1542 => 1192, 1537 => 1188, 1534 => 1187, 1527 => 1186, 1524 => 1185, 1522 => 1184, 1514 => 1178, 1509 => 1176, 1506 => 1175, 1503 => 1174, 1494 => 1172, 1491 => 1171, 1488 => 1170, 1482 => 1169, 1477 => 1167, 1473 => 1165, 1467 => 1163, 1461 => 1161, 1459 => 1160, 1449 => 1158, 1446 => 1157, 1441 => 1156, 1439 => 1155, 1428 => 1147, 1420 => 1146, 1413 => 1144, 1407 => 1140, 1404 => 1139, 1402 => 1138, 1390 => 1128, 1386 => 1127, 1381 => 1125, 1366 => 1117, 1358 => 1116, 1354 => 1114, 1351 => 1112, 1347 => 1110, 1336 => 1107, 1330 => 1106, 1326 => 1105, 1322 => 1104, 1318 => 1102, 1314 => 1101, 1310 => 1100, 1307 => 1099, 1304 => 1098, 1298 => 1094, 1294 => 1093, 1290 => 1092, 1286 => 1091, 1282 => 1090, 1273 => 1086, 1267 => 1085, 1260 => 1081, 1254 => 1077, 1250 => 1074, 1237 => 1073, 194 => 41, 181 => 40, 158 => 38, 135 => 37, 112 => 36, 89 => 35, 78 => 1, 70 => 31, 66 => 30, 64 => 29, 62 => 5, 60 => 3, 47 => 1,);
  2606. }
  2608. public function getSourceContext(): Source
  2609. {
  2610. return new Source("{% extends \x27application/whileresume/website/layout-social.html.twig\x27 %}
  2612. {% set isFR = app.request.locale == \x27fr\x27 %}
  2614. {% set _keys = [
  2615. \x27hero_eyebrow\x27,\x27hero_title_pre\x27,\x27hero_title_accent\x27,\x27hero_title_post\x27,\x27hero_title_accent2\x27,\x27hero_title_2\x27,
  2616. \x27hero_lede_pre\x27,\x27hero_lede_brand\x27,\x27hero_lede_mid\x27,\x27hero_lede_word\x27,\x27hero_lede_post\x27,
  2617. \x27hero_cta_signup\x27,\x27hero_cta_login\x27,
  2618. \x27hero_search_placeholder\x27,\x27hero_popular_label\x27,\x27hero_btn_ios\x27,\x27hero_btn_android\x27,
  2619. \x27hero_default_title\x27,\x27hero_search_button\x27,\x27hero_byline_jobs\x27,\x27hero_byline_apps\x27,\x27hero_byline_free\x27,\x27hero_kbd_enter\x27,
  2620. \x27search_loading\x27,\x27search_no_results\x27,\x27search_no_results_hint\x27,\x27search_results_count\x27,\x27search_view_all\x27,\x27search_view_offer\x27,\x27search_clear\x27,
  2621. \x27how_eyebrow\x27,\x27how_title\x27,\x27how_lede\x27,
  2622. \x27how1_title\x27,\x27how1_desc\x27,\x27how2_title\x27,\x27how2_desc\x27,\x27how3_title\x27,\x27how3_desc\x27,
  2623. \x27feat1_label\x27,\x27feat1_title\x27,\x27feat1_p1\x27,\x27feat1_p2\x27,\x27feat1_quote\x27,\x27feat1_author\x27,\x27feat1_role\x27,
  2624. \x27feat2_label\x27,\x27feat2_title\x27,\x27feat2_p1\x27,\x27feat2_p2\x27,\x27feat2_quote\x27,\x27feat2_author\x27,\x27feat2_role\x27,
  2625. \x27feat3_label\x27,\x27feat3_title\x27,\x27feat3_p1\x27,\x27feat3_p2\x27,\x27feat3_quote\x27,\x27feat3_author\x27,\x27feat3_role\x27,
  2626. \x27feat4_label\x27,\x27feat4_title\x27,\x27feat4_p1\x27,\x27feat4_p2\x27,\x27feat4_quote\x27,\x27feat4_author\x27,\x27feat4_role\x27,
  2627. \x27signup_eyebrow\x27,\x27signup_title\x27,\x27signup_lede\x27,\x27signup_email_ph\x27,\x27signup_pass_ph\x27,\x27signup_pass2_ph\x27,
  2628. \x27signup_terms_pre\x27,\x27signup_terms_link\x27,\x27signup_btn\x27,\x27signup_login_pre\x27,\x27signup_login_link\x27,
  2629. \x27signup_perk1\x27,\x27signup_perk2\x27,\x27signup_perk3\x27,
  2630. \x27apps_eyebrow\x27,\x27apps_title\x27,\x27apps_lede\x27,\x27apps_ios\x27,\x27apps_android\x27,\x27apps_web\x27,\x27apps_ios_desc\x27,\x27apps_android_desc\x27,\x27apps_web_desc\x27,
  2631. \x27articles_title\x27,\x27articles_view_all\x27,\x27read_article\x27,
  2632. \x27final_eyebrow\x27,\x27final_title\x27,
  2633. \x27final_recruiter_label\x27,\x27final_recruiter_title\x27,\x27final_recruiter_desc\x27,
  2634. \x27final_candidate_label\x27,\x27final_candidate_title\x27,\x27final_candidate_desc\x27,
  2635. \x27final_candidate\x27,\x27final_recruiter\x27
  2636. ] %}
  2638. {% set t = {} %}
  2639. {% for k in _keys %}
  2640. {% set t = t|merge({(k): (\x27homepage.\x27 ~ k)|trans({}, \x27whr-public\x27)}) %}
  2641. {% endfor %}
  2644. {% block title %}{{ page.shortTitle }}{% endblock %}
  2645. {% block description %}{{ page.shortDescription }}{% endblock %}
  2646. {% block robots %}{{ page.robots }}{% endblock %}
  2647. {% block canonical %}{% include \"/vitrine/lexend/components/languages/canonical_classic.html.twig\" %}{% endblock %}
  2649. {% block css %}
  2650. {{ parent() }}
  2651. <style>
  2652. :root{
  2653. --wr-bg:#FBFCFE;
  2654. --wr-bg-2:#F4F6FB;
  2655. --wr-card:#FFFFFF;
  2656. --wr-violet:#8A63C1;
  2657. --wr-violet-2:#A98AD3;
  2658. --wr-violet-soft:#F2EDFA;
  2659. --wr-violet-softer:#F8F4FD;
  2660. --wr-violet-dark:#6B47A6;
  2661. --wr-ink:#1E1B2E;
  2662. --wr-ink-2:#374151;
  2663. --wr-muted:#6B7280;
  2664. --wr-muted-2:#9CA3AF;
  2665. --wr-line:#EEF1F7;
  2666. --wr-line-2:#E5E9F0;
  2667. --wr-shadow:0 1px 2px rgba(30,27,46,.04),0 4px 16px rgba(30,27,46,.04);
  2668. --wr-shadow-hover:0 4px 8px rgba(138,99,192,.08),0 12px 32px rgba(138,99,192,.1);
  2669. /* Accents colorés pour les logos d\x27offres (lettres) */
  2670. --wr-acc-yellow:#FEF3C7; --wr-acc-yellow-fg:#B45309;
  2671. --wr-acc-green:#D1FAE5; --wr-acc-green-fg:#047857;
  2672. --wr-acc-pink:#FCE7F3; --wr-acc-pink-fg:#BE185D;
  2673. --wr-acc-blue:#DBEAFE; --wr-acc-blue-fg:#1E40AF;
  2674. --wr-acc-orange:#FED7AA; --wr-acc-orange-fg:#C2410C;
  2675. --wr-acc-violet:#EDE9FE; --wr-acc-violet-fg:#6D28D9;
  2676. --wr-acc-cyan:#CFFAFE; --wr-acc-cyan-fg:#0E7490;
  2677. }
  2679. /* ═══════════════════════════════════════════════════════════════════
  2680. PLEINE LARGEUR — On retire la réservation d\x27espace de la sidebar droite
  2681. ═══════════════════════════════════════════════════════════════════ */
  2682. body .main-content.right-chat-active{padding-right:0!important}
  2683. body .main-content{padding-right:0!important}
  2684. body .right-chat{display:none!important}
  2685. body .middle-sidebar-bottom .middle-sidebar-left{padding-right:0!important;max-width:none!important;width:100%!important}
  2686. body .middle-sidebar-bottom{max-width:none!important}
  2688. .wr{margin:-15px -15px 0;background:var(--wr-bg);color:var(--wr-ink);font-family:inherit;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
  2689. @media(max-width:991px){.wr{margin:0 -15px}}
  2690. .wr *{box-sizing:border-box}
  2691. .wr a{color:inherit;text-decoration:none}
  2693. /* ═══════════════════════════════════════════════════════════════════
  2694. SECTIONS GENERIC — Fond UNIFIÉ partout (pas d\x27alternance)
  2695. ═══════════════════════════════════════════════════════════════════ */
  2696. .wr-section{padding:80px 32px;background:var(--wr-bg);position:relative}
  2697. .wr-section--tight{padding:48px 32px}
  2698. @media(max-width:768px){.wr-section{padding:56px 20px}.wr-section--tight{padding:36px 20px}}
  2700. /* Filet décoratif au lieu d\x27un changement de couleur */
  2701. .wr-section + .wr-section::before{
  2702. content:\"\";
  2703. position:absolute;top:0;left:50%;transform:translateX(-50%);
  2704. width:80px;height:1px;
  2705. background:linear-gradient(90deg,transparent,var(--wr-line-2),transparent);
  2706. }
  2708. .wr-container{max-width:1200px;margin:0 auto;position:relative}
  2710. /* ═══ Eyebrow ═══ */
  2711. .wr-eyebrow{
  2712. display:inline-flex;align-items:center;gap:8px;
  2713. padding:6px 14px;border-radius:100px;
  2714. background:var(--wr-violet-soft);
  2715. color:var(--wr-violet-dark);
  2716. font-size:11.5px;font-weight:600;
  2717. text-transform:uppercase;letter-spacing:.12em;
  2718. margin-bottom:22px;
  2719. }
  2720. .wr-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--wr-violet);animation:wrPulse 2.4s ease-in-out infinite}
  2721. @keyframes wrPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}
  2723. /* ═══ Titres ═══ */
  2724. .wr-title{
  2725. font-family:inherit;
  2726. font-weight:700;
  2727. font-size:28px;line-height:1.15;letter-spacing:-0.025em;
  2728. color:var(--wr-ink);
  2729. margin:0 auto 16px;
  2730. max-width:1200px;
  2731. }
  2732. @media(min-width:768px){.wr-title{font-size:34px}}
  2733. @media(min-width:1024px){.wr-title{font-size:40px}}
  2734. .wr-title--sm{font-size:24px}
  2735. @media(min-width:768px){.wr-title--sm{font-size:30px}}
  2736. .wr-title em{font-style:normal;font-weight:700;color:var(--wr-violet)}
  2738. .wr-lede{
  2739. font-size:17px;line-height:1.55;font-weight:400;
  2740. color:var(--wr-ink-2);
  2741. margin:0 auto;max-width:680px;
  2742. }
  2744. .wr-section-head{text-align:center;margin-bottom:56px}
  2746. /* ═══════════════════════════════════════════════════════════════════
  2747. HERO — Style soft, recherche dashboard, boutons pleins
  2748. ═══════════════════════════════════════════════════════════════════ */
  2749. @keyframes wrFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
  2750. @keyframes wrPulse2{0%{box-shadow:0 0 0 0 rgba(16,185,129,.4)}70%{box-shadow:0 0 0 8px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}
  2752. /* ═══ Reveal au scroll (Intersection Observer ajoute .is-revealed) ═══ */
  2753. .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
  2754. .reveal.is-revealed{opacity:1;transform:translateY(0)}
  2755. .reveal--left{transform:translateX(-32px) translateY(0)}
  2756. .reveal--left.is-revealed{transform:translateX(0)}
  2757. .reveal--right{transform:translateX(32px) translateY(0)}
  2758. .reveal--right.is-revealed{transform:translateX(0)}
  2759. .reveal--scale{transform:scale(.96);opacity:0}
  2760. .reveal--scale.is-revealed{transform:scale(1);opacity:1}
  2761. .reveal[data-reveal-delay=\"1\"]{transition-delay:.08s}
  2762. .reveal[data-reveal-delay=\"2\"]{transition-delay:.16s}
  2763. .reveal[data-reveal-delay=\"3\"]{transition-delay:.24s}
  2764. .reveal[data-reveal-delay=\"4\"]{transition-delay:.32s}
  2765. @media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}}
  2767. .hero{
  2768. position:relative;
  2769. background:var(--wr-bg);
  2770. padding:24px 32px 0;
  2771. overflow:hidden;
  2772. }
  2773. @media(max-width:768px){.hero{padding:18px 18px 0}}
  2775. /* Décor : 2 blobs très flous violet pâle */
  2776. .hero::before{
  2777. content:\"\";position:absolute;
  2778. top:-260px;right:-180px;width:560px;height:560px;
  2779. background:radial-gradient(circle,rgba(138,99,192,.14) 0%,transparent 65%);
  2780. pointer-events:none;filter:blur(50px);
  2781. }
  2782. .hero::after{
  2783. content:\"\";position:absolute;
  2784. top:120px;left:-180px;width:480px;height:480px;
  2785. background:radial-gradient(circle,rgba(138,99,192,.09) 0%,transparent 65%);
  2786. pointer-events:none;filter:blur(50px);
  2787. }
  2789. .hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;text-align:center}
  2791. /* ═══ Eyebrow ═══ */
  2792. .hero-badge{
  2793. display:inline-flex;align-items:center;gap:8px;
  2794. padding:7px 16px;border-radius:100px;
  2795. background:var(--wr-violet-soft);
  2796. color:var(--wr-violet-dark);
  2797. font-size:12px;font-weight:600;
  2798. text-transform:uppercase;letter-spacing:.1em;
  2799. margin-bottom:10px;
  2800. opacity:0;transform:translateY(8px);
  2801. animation:wrFadeUp .8s ease forwards;
  2802. }
  2803. .hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--wr-violet);animation:wrPulse2 2s ease infinite}
  2805. /* ═══ Titre — 57px desktop, plein largeur conteneur ═══ */
  2806. .hero-title{
  2807. font-weight:700;
  2808. font-size:24px;line-height:1.05;letter-spacing:-0.04em;
  2809. color:var(--wr-ink);
  2810. margin:0 auto 12px;
  2811. width:100%;max-width:1200px;
  2812. opacity:0;transform:translateY(12px);
  2813. animation:wrFadeUp .9s cubic-bezier(.2,.7,.2,1) .15s forwards;
  2814. }
  2815. @media(min-width:768px){.hero-title{font-size:40px;letter-spacing:-0.045em}}
  2816. @media(min-width:1100px){.hero-title{font-size:57px;letter-spacing:-0.045em}}
  2818. .hero-title-accent{
  2819. color:var(--wr-violet);
  2820. }
  2822. .hero-lede{
  2823. font-size:15px;line-height:1.5;color:var(--wr-ink-2);font-weight:400;
  2824. margin:0 auto 16px;max-width:680px;
  2825. opacity:0;animation:wrFadeUp .9s ease .4s forwards;
  2826. }
  2827. @media(min-width:768px){.hero-lede{font-size:17px}}
  2828. .hero-lede-accent{color:var(--wr-violet);font-weight:600}
  2830. /* ═══ Recherche — pleine largeur (alignée sur la liste 1200px) ═══ */
  2831. .hero-search-wrap{
  2832. max-width:1200px;margin:0 auto 12px;
  2833. opacity:0;animation:wrFadeUp .9s ease .55s forwards;
  2834. position:relative;z-index:5;
  2835. }
  2836. .hero-search{
  2837. background:var(--wr-card);
  2838. border-radius:14px;
  2839. box-shadow:0 0 20px 0 rgba(0,0,0,0.05),0 16px 40px rgba(138,99,192,.06);
  2840. padding:10px;
  2841. position:relative;
  2842. }
  2843. .hero-search-inner{
  2844. display:flex;align-items:center;gap:10px;
  2845. padding:10px 14px;border-radius:10px;
  2846. background:#F9FAFB;border:1px solid #E5E7EB;
  2847. transition:border-color .2s,background .2s;
  2848. }
  2849. .hero-search-inner:focus-within{
  2850. border-color:rgba(138,99,192,.4);
  2851. background:#fff;
  2852. }
  2853. .hero-search-icon{color:var(--wr-muted-2);display:flex;flex-shrink:0}
  2854. .hero-search-icon svg{width:16px;height:16px}
  2855. .hero-search-input{
  2856. flex:1;border:0;outline:0;background:transparent;
  2857. font-size:14.5px;font-family:inherit;color:var(--wr-ink);
  2858. padding:6px 0;min-width:0;
  2859. }
  2860. .hero-search-input::placeholder{color:var(--wr-muted-2)}
  2861. .hero-search-clear{
  2862. background:none;border:0;color:var(--wr-muted-2);cursor:pointer;
  2863. padding:4px;display:none;font-family:inherit;
  2864. border-radius:6px;transition:background .15s,color .15s;
  2865. }
  2866. .hero-search-clear:hover{background:var(--wr-violet-soft);color:var(--wr-violet)}
  2867. .hero-search-clear.is-visible{display:flex;align-items:center}
  2868. .hero-search-clear svg{width:14px;height:14px}
  2869. .hero-search-kbd{
  2870. display:none;align-items:center;
  2871. padding:3px 8px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;
  2872. font-size:10.5px;font-weight:600;color:var(--wr-muted);
  2873. font-family:inherit;letter-spacing:.02em;white-space:nowrap;flex-shrink:0;
  2874. }
  2875. .hero-search-inner:focus-within .hero-search-kbd{display:inline-flex}
  2877. /* ═══ États de la liste de jobs (header, empty, loading) ═══ */
  2878. .hero-jobs-header{
  2879. display:flex;align-items:center;justify-content:space-between;gap:10px;
  2880. padding:14px 22px 10px;
  2881. border-bottom:1px solid var(--wr-line);
  2882. margin-bottom:4px;
  2883. }
  2884. @media(max-width:540px){.hero-jobs-header{padding:12px 16px 8px}}
  2885. .hero-jobs-count{
  2886. font-size:11.5px;color:var(--wr-muted);
  2887. text-transform:uppercase;letter-spacing:.08em;font-weight:600;
  2888. }
  2889. .hero-jobs-count strong{color:var(--wr-violet);font-weight:800;font-size:13px;margin-right:4px}
  2890. .hero-jobs-link{
  2891. font-size:11px;font-weight:700;
  2892. color:var(--wr-violet);
  2893. text-transform:uppercase;letter-spacing:.08em;
  2894. text-decoration:none;
  2895. display:inline-flex;align-items:center;gap:5px;
  2896. transition:color .15s,transform .15s;
  2897. }
  2898. .hero-jobs-link:hover{color:var(--wr-violet-dark);text-decoration:none;transform:translateX(2px)}
  2899. .hero-jobs-link svg{width:11px;height:11px}
  2901. .hero-jobs-empty{text-align:center;padding:48px 20px;color:var(--wr-muted)}
  2902. .hero-jobs-empty-icon{width:48px;height:48px;border-radius:14px;background:var(--wr-violet-soft);color:var(--wr-violet);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}
  2903. .hero-jobs-empty-icon svg{width:22px;height:22px}
  2904. .hero-jobs-empty-title{font-weight:600;font-size:14px;color:var(--wr-ink);margin:0 0 4px}
  2905. .hero-jobs-empty-hint{font-size:13px;margin:0;color:var(--wr-muted)}
  2907. .hero-jobs-loading{text-align:center;padding:36px 20px;color:var(--wr-muted);font-size:13px;display:flex;align-items:center;justify-content:center;gap:10px}
  2908. .hero-jobs-spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--wr-violet-soft);border-top-color:var(--wr-violet);animation:wrSpin .7s linear infinite}
  2909. @keyframes wrSpin{to{transform:rotate(360deg)}}
  2911. /* ═══ Pills \"Populaire\" sous la recherche ═══ */
  2912. .hero-popular{
  2913. display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;
  2914. margin-bottom:18px;
  2915. opacity:0;animation:wrFadeUp .9s ease .7s forwards;
  2916. }
  2917. .hero-popular-label{
  2918. font-size:11px;font-weight:600;color:var(--wr-muted);
  2919. text-transform:uppercase;letter-spacing:.06em;
  2920. margin-right:4px;
  2921. }
  2922. .hero-popular-pill{
  2923. display:inline-flex;align-items:center;gap:5px;
  2924. padding:6px 12px;border-radius:100px;
  2925. background:var(--wr-violet-soft);
  2926. color:var(--wr-violet);
  2927. font-size:12.5px;font-weight:500;font-family:inherit;
  2928. text-decoration:none;cursor:pointer;
  2929. border:1px solid transparent;
  2930. transition:background .15s,border-color .15s,transform .15s,color .15s;
  2931. }
  2932. .hero-popular-pill:hover{
  2933. background:#EDE9FE;
  2934. border-color:rgba(138,99,192,.2);
  2935. transform:translateY(-1px);
  2936. color:var(--wr-violet);
  2937. text-decoration:none;
  2938. }
  2939. .hero-popular-pill.is-active{
  2940. background:var(--wr-violet);color:#fff;border-color:var(--wr-violet);
  2941. }
  2942. .hero-popular-pill.is-active:hover{background:var(--wr-violet-dark);color:#fff}
  2943. .hero-popular-pill-icon{font-size:13px;line-height:1}
  2945. /* ═══ CTA hero (boutons inscription + connexion pour anonymes) ═══ */
  2946. .hero-cta{
  2947. display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  2948. margin:24px 0 8px;
  2949. opacity:0;animation:wrFadeUp .9s ease 1.1s forwards;
  2950. }
  2951. .hero-cta-btn,
  2952. .hero-cta-btn:link,
  2953. .hero-cta-btn:visited,
  2954. .hero-cta-btn:hover,
  2955. .hero-cta-btn:focus,
  2956. .hero-cta-btn:active{
  2957. color:#fff !important;
  2958. text-decoration:none !important;
  2959. }
  2960. .hero-cta-btn{
  2961. display:inline-flex;align-items:center;gap:8px;
  2962. padding:11px 20px;border-radius:11px;
  2963. font-size:13.5px;font-weight:700;font-family:inherit;
  2964. line-height:1;
  2965. background:var(--wr-violet);border:1px solid var(--wr-violet);
  2966. box-shadow:0 4px 14px rgba(138,99,193,.32);
  2967. transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;
  2968. }
  2969. .hero-cta-btn:hover{
  2970. background:var(--wr-violet-dark);border-color:var(--wr-violet-dark);
  2971. transform:translateY(-2px);
  2972. box-shadow:0 6px 20px rgba(138,99,193,.4);
  2973. }
  2974. .hero-cta-btn svg{width:15px;height:15px;flex-shrink:0;stroke:#fff !important;color:#fff !important}
  2975. .hero-cta-btn span{color:#fff !important}
  2976. @media(max-width:540px){.hero-cta{flex-direction:column;align-items:stretch}.hero-cta-btn{justify-content:center}}
  2978. /* ═══ Boutons stores — VIOLET PLEIN BLANC ═══ */
  2979. .hero-stores{
  2980. display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  2981. margin-bottom:48px;
  2982. opacity:0;animation:wrFadeUp .9s ease .85s forwards;
  2983. }
  2984. .hero-store-btn{
  2985. display:inline-flex;align-items:center;gap:10px;
  2986. padding:13px 24px;border-radius:12px;
  2987. background:var(--wr-violet);
  2988. border:0;
  2989. color:#fff;
  2990. font-size:14px;font-weight:600;
  2991. text-decoration:none;
  2992. transition:background .15s,transform .15s,box-shadow .15s;
  2993. box-shadow:0 4px 12px rgba(138,99,192,.3);
  2994. }
  2995. .hero-store-btn:hover{
  2996. background:var(--wr-violet-dark);
  2997. color:#fff;
  2998. transform:translateY(-2px);
  2999. box-shadow:0 8px 22px rgba(138,99,192,.4);
  3000. text-decoration:none;
  3001. }
  3002. .hero-store-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}
  3003. .hero-store-btn-icon svg{width:18px;height:18px}
  3004. @media(max-width:540px){.hero-stores{flex-direction:column;align-items:stretch;gap:10px}.hero-store-btn{justify-content:center}}
  3006. /* ═══════════════════════════════════════════════════════════════════
  3007. LISTE PAR DÉFAUT SOUS LE HERO (offres récentes)
  3008. ═══════════════════════════════════════════════════════════════════ */
  3009. .hero-default-jobs{
  3010. position:relative;z-index:2;
  3011. max-width:1200px;margin:0 auto;
  3012. background:var(--wr-card);
  3013. border:1px solid var(--wr-line);
  3014. border-radius:18px;
  3015. padding:8px 0;
  3016. box-shadow:var(--wr-shadow);
  3017. opacity:0;animation:wrFadeUp .9s ease 1s forwards;
  3018. text-align:left;
  3019. }
  3020. .hero-default-job{
  3021. display:flex;align-items:center;gap:16px;
  3022. padding:14px 22px;
  3023. text-decoration:none;color:inherit;
  3024. border-bottom:1px solid var(--wr-line);
  3025. transition:background .15s;
  3026. }
  3027. .hero-default-job:last-child{border-bottom:0}
  3028. .hero-default-job:hover{background:var(--wr-violet-softer);text-decoration:none;color:inherit}
  3029. .hero-default-job-logo{
  3030. width:42px;height:42px;border-radius:11px;flex-shrink:0;
  3031. display:flex;align-items:center;justify-content:center;
  3032. font-weight:700;font-size:16px;overflow:hidden;
  3033. }
  3034. .hero-default-job-logo img{width:100%;height:100%;object-fit:cover}
  3035. /* 7 variantes de couleurs cyclées par index */
  3036. .hero-default-job:nth-child(7n+1) .hero-default-job-logo{background:var(--wr-acc-yellow);color:var(--wr-acc-yellow-fg)}
  3037. .hero-default-job:nth-child(7n+2) .hero-default-job-logo{background:var(--wr-acc-green);color:var(--wr-acc-green-fg)}
  3038. .hero-default-job:nth-child(7n+3) .hero-default-job-logo{background:var(--wr-acc-pink);color:var(--wr-acc-pink-fg)}
  3039. .hero-default-job:nth-child(7n+4) .hero-default-job-logo{background:var(--wr-acc-blue);color:var(--wr-acc-blue-fg)}
  3040. .hero-default-job:nth-child(7n+5) .hero-default-job-logo{background:var(--wr-acc-orange);color:var(--wr-acc-orange-fg)}
  3041. .hero-default-job:nth-child(7n+6) .hero-default-job-logo{background:var(--wr-acc-violet);color:var(--wr-acc-violet-fg)}
  3042. .hero-default-job:nth-child(7n+7) .hero-default-job-logo{background:var(--wr-acc-cyan);color:var(--wr-acc-cyan-fg)}
  3043. .hero-default-job-info{flex:1;min-width:0}
  3044. .hero-default-job-title{
  3045. font-weight:600;font-size:14.5px;color:var(--wr-ink);
  3046. margin:0 0 2px;line-height:1.3;
  3047. white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  3048. }
  3049. .hero-default-job-meta{
  3050. font-size:12.5px;color:var(--wr-muted);margin:0;
  3051. white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  3052. display:flex;align-items:center;gap:8px;
  3053. }
  3054. .hero-default-job-meta-sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--wr-muted-2);flex-shrink:0}
  3055. .hero-default-job-arrow{flex-shrink:0;color:var(--wr-muted-2);transition:color .15s,transform .15s}
  3056. .hero-default-job-arrow svg{width:15px;height:15px}
  3057. .hero-default-job:hover .hero-default-job-arrow{color:var(--wr-violet);transform:translateX(3px)}
  3059. @media(max-width:768px){
  3060. .hero-default-jobs{margin:0 -18px;border-radius:14px}
  3061. .hero-default-job{padding:12px 16px;gap:12px}
  3062. .hero-default-job-logo{width:36px;height:36px;font-size:13px}
  3063. .hero-default-job-title{font-size:13.5px}
  3064. .hero-default-job-meta{font-size:11.5px;gap:6px;flex-wrap:wrap;white-space:normal}
  3065. }
  3067. /* ═══════════════════════════════════════════════════════════════════
  3068. SECTION : 3 PARCOURS
  3069. ═══════════════════════════════════════════════════════════════════ */
  3070. .paths-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  3071. @media(max-width:991px){.paths-grid{grid-template-columns:1fr;gap:14px}}
  3073. .path-card{
  3074. position:relative;
  3075. background:var(--wr-card);
  3076. border:1px solid var(--wr-line);
  3077. border-radius:20px;padding:28px;
  3078. display:flex;flex-direction:column;
  3079. transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  3080. box-shadow:var(--wr-shadow);
  3081. }
  3082. .path-card:hover{transform:translateY(-4px);box-shadow:var(--wr-shadow-hover);border-color:var(--wr-violet-2)}
  3083. .path-card-illu{
  3084. width:64px;height:64px;border-radius:16px;
  3085. background:var(--wr-violet-soft);color:var(--wr-violet);
  3086. display:flex;align-items:center;justify-content:center;
  3087. margin-bottom:22px;
  3088. }
  3089. .path-card-illu svg{width:30px;height:30px}
  3090. .path-card-label{
  3091. display:inline-block;
  3092. font-size:11px;font-weight:600;
  3093. color:var(--wr-violet-dark);text-transform:uppercase;letter-spacing:.1em;
  3094. margin-bottom:10px;align-self:flex-start;
  3095. }
  3096. .path-card-title{
  3097. font-weight:500;font-size:22px;line-height:1.25;letter-spacing:-0.015em;
  3098. color:var(--wr-ink);margin:0 0 10px;
  3099. }
  3100. .path-card-desc{
  3101. font-size:14px;line-height:1.6;color:var(--wr-muted);
  3102. margin:0 0 22px;flex:1;
  3103. }
  3104. .path-card-cta{
  3105. display:inline-flex;align-items:center;justify-content:center;gap:6px;
  3106. background:var(--wr-violet);color:#fff;
  3107. padding:12px 18px;border-radius:11px;
  3108. font-size:13px;font-weight:600;
  3109. align-self:stretch;
  3110. transition:background .15s,transform .15s,box-shadow .15s;
  3111. box-shadow:0 2px 8px rgba(138,99,192,.2);
  3112. }
  3113. .path-card-cta:hover{background:var(--wr-violet-dark);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px rgba(138,99,192,.3)}
  3114. .path-card-cta svg{width:13px;height:13px;transition:transform .15s}
  3115. .path-card-cta:hover svg{transform:translateX(3px)}
  3117. /* ═══════════════════════════════════════════════════════════════════
  3118. COMMENT ÇA MARCHE — Card crème englobante avec 3 sous-cards
  3119. ═══════════════════════════════════════════════════════════════════ */
  3120. .how-card{
  3121. background:#F4ECE1;
  3122. border-radius:24px;
  3123. padding:32px 24px;
  3124. display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
  3125. position:relative;
  3126. }
  3127. @media(max-width:991px){.how-card{grid-template-columns:1fr;gap:8px;padding:24px 16px}}
  3128. @media(min-width:992px){
  3129. /* Séparateurs verticaux entre les 3 cellules */
  3130. .how-card .how-step + .how-step{border-left:1px solid rgba(28,25,22,.08)}
  3131. }
  3133. .how-step{
  3134. display:flex;flex-direction:column;align-items:center;text-align:center;
  3135. padding:16px 20px;
  3136. gap:16px;
  3137. }
  3138. .how-step-illu{
  3139. width:100%;max-width:280px;aspect-ratio:1/1;
  3140. border-radius:16px;
  3141. background:rgba(255,255,255,.5);
  3142. display:flex;align-items:center;justify-content:center;
  3143. margin-bottom:4px;
  3144. overflow:hidden;
  3145. }
  3146. .how-step-illu img{width:100%;height:100%;object-fit:contain;display:block}
  3147. .how-step-illu svg{width:55%;height:55%;opacity:.85}
  3148. .how-step-title{
  3149. font-weight:700;font-size:18px;line-height:1.3;letter-spacing:-0.01em;
  3150. color:var(--wr-ink);margin:0;
  3151. }
  3152. @media(min-width:992px){.how-step-title{font-size:20px}}
  3153. .how-step-desc{
  3154. font-size:14px;line-height:1.55;color:var(--wr-ink-2);
  3155. margin:0;max-width:320px;
  3156. }
  3158. /* ═══════════════════════════════════════════════════════════════════
  3159. FEATURES 01-04 — Splits alternés image/texte avec témoignages
  3160. ═══════════════════════════════════════════════════════════════════ */
  3161. .feat-block{
  3162. display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;
  3163. margin-bottom:64px;
  3164. }
  3165. .feat-block:last-child{margin-bottom:0}
  3166. @media(max-width:991px){
  3167. .feat-block{grid-template-columns:1fr;gap:24px;margin-bottom:48px}
  3168. }
  3170. /* Alterner : 01 illu droite, 02 illu gauche, 03 illu droite, 04 illu gauche */
  3171. .feat-block:nth-child(odd) .feat-illu{order:2}
  3172. .feat-block:nth-child(odd) .feat-content{order:1}
  3173. .feat-block:nth-child(even) .feat-illu{order:1}
  3174. .feat-block:nth-child(even) .feat-content{order:2}
  3175. @media(max-width:991px){
  3176. .feat-block .feat-illu{order:1}
  3177. .feat-block .feat-content{order:2}
  3178. }
  3180. .feat-illu{
  3181. background:#F5EDE3;
  3182. border-radius:20px;
  3183. aspect-ratio:1/1;
  3184. display:flex;align-items:center;justify-content:center;
  3185. color:var(--wr-violet);
  3186. overflow:hidden;
  3187. position:relative;
  3188. }
  3189. .feat-illu img{width:100%;height:100%;object-fit:contain;display:block}
  3190. .feat-illu svg{width:50%;height:50%;opacity:.85}
  3192. .feat-content{display:flex;flex-direction:column;gap:18px}
  3193. .feat-label{
  3194. font-size:30px;font-weight:800;
  3195. color:var(--wr-ink);
  3196. letter-spacing:-0.02em;
  3197. margin:0;line-height:1;
  3198. }
  3199. .feat-title{
  3200. font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-0.02em;
  3201. color:var(--wr-ink);margin:0;
  3202. }
  3203. @media(min-width:768px){.feat-title{font-size:28px}}
  3204. @media(min-width:1100px){.feat-title{font-size:30px}}
  3205. .feat-desc{
  3206. display:flex;flex-direction:column;gap:14px;
  3207. }
  3208. .feat-desc p{
  3209. font-size:15px;line-height:1.6;color:var(--wr-ink-2);
  3210. margin:0;opacity:.85;
  3211. }
  3212. @media(min-width:1100px){.feat-desc p{font-size:16px}}
  3213. .feat-desc strong{color:var(--wr-ink);font-weight:700;opacity:1}
  3215. .feat-quote{
  3216. background:var(--wr-card);
  3217. border:1px solid var(--wr-line);
  3218. border-radius:14px;
  3219. padding:18px 20px;
  3220. display:flex;flex-direction:column;gap:10px;
  3221. margin-top:8px;
  3222. }
  3223. .feat-quote-text{
  3224. font-size:14px;line-height:1.55;color:var(--wr-ink-2);
  3225. margin:0;font-style:italic;
  3226. }
  3227. .feat-quote-author{
  3228. display:flex;flex-direction:column;
  3229. }
  3230. .feat-quote-name{font-size:13px;font-weight:700;color:var(--wr-ink);margin:0}
  3231. .feat-quote-role{font-size:12px;color:var(--wr-muted);margin:0}
  3233. /* ═══════════════════════════════════════════════════════════════════
  3234. MATCH
  3235. ═══════════════════════════════════════════════════════════════════ */
  3236. .match-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
  3237. @media(max-width:991px){.match-grid{grid-template-columns:1fr;gap:40px}}
  3238. .match-text .wr-title{margin-left:0;text-align:left}
  3239. .match-text .wr-lede{margin-left:0;text-align:left}
  3240. .match-text .wr-eyebrow{margin-bottom:20px}
  3242. .match-features{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}
  3243. @media(max-width:540px){.match-features{grid-template-columns:1fr}}
  3244. .match-feature{
  3245. background:var(--wr-card);border:1px solid var(--wr-line);
  3246. border-radius:14px;padding:18px;
  3247. transition:transform .15s,border-color .15s,box-shadow .15s;
  3248. }
  3249. .match-feature:hover{transform:translateY(-2px);border-color:var(--wr-violet-soft);box-shadow:var(--wr-shadow)}
  3250. .match-feature-icon{
  3251. width:34px;height:34px;border-radius:10px;
  3252. background:var(--wr-violet-soft);color:var(--wr-violet);
  3253. display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;
  3254. }
  3255. .match-feature-icon svg{width:16px;height:16px}
  3256. .match-feature-title{font-weight:600;font-size:14px;line-height:1.3;color:var(--wr-ink);margin:0 0 5px}
  3257. .match-feature-desc{font-size:12.5px;line-height:1.5;color:var(--wr-muted);margin:0}
  3259. .match-visual{position:relative;display:flex;justify-content:center;align-items:center;padding:40px 0}
  3260. .match-stack{position:relative;width:100%;max-width:340px;height:340px}
  3261. .match-stack-card{
  3262. position:absolute;
  3263. background:var(--wr-card);border:1px solid var(--wr-line);
  3264. border-radius:16px;padding:14px;
  3265. display:flex;align-items:center;gap:12px;
  3266. box-shadow:var(--wr-shadow);width:100%;
  3267. transition:transform .3s ease,box-shadow .3s ease;
  3268. cursor:pointer;
  3269. }
  3270. .match-stack-card:hover{
  3271. transform:translateY(-4px) rotate(0deg)!important;
  3272. box-shadow:0 20px 50px rgba(138,99,192,.22)!important;
  3273. z-index:10!important;
  3274. }
  3275. .match-stack-card:nth-child(1){top:0;transform:rotate(-6deg) translateX(-10px);z-index:1;animation:wrFloat1 6s ease-in-out infinite}
  3276. .match-stack-card:nth-child(2){top:78px;left:14px;transform:rotate(2deg);z-index:3;box-shadow:0 16px 40px rgba(138,99,192,.18);animation:wrFloat2 6s ease-in-out -2s infinite}
  3277. .match-stack-card:nth-child(3){top:156px;transform:rotate(-3deg) translateX(8px);z-index:2;animation:wrFloat3 6s ease-in-out -4s infinite}
  3278. .match-stack-card:nth-child(4){top:234px;left:20px;transform:rotate(4deg);z-index:1;animation:wrFloat4 6s ease-in-out -1s infinite}
  3279. @keyframes wrFloat1{0%,100%{transform:rotate(-6deg) translate(-10px,0)}50%{transform:rotate(-6deg) translate(-10px,-8px)}}
  3280. @keyframes wrFloat2{0%,100%{transform:rotate(2deg) translate(0,0)}50%{transform:rotate(2deg) translate(0,-6px)}}
  3281. @keyframes wrFloat3{0%,100%{transform:rotate(-3deg) translate(8px,0)}50%{transform:rotate(-3deg) translate(8px,-7px)}}
  3282. @keyframes wrFloat4{0%,100%{transform:rotate(4deg) translate(0,0)}50%{transform:rotate(4deg) translate(0,-5px)}}
  3283. .match-stack-logo{
  3284. width:38px;height:38px;border-radius:10px;
  3285. background:var(--wr-violet-soft);color:var(--wr-violet);
  3286. display:flex;align-items:center;justify-content:center;
  3287. font-weight:700;font-size:14px;flex-shrink:0;
  3288. }
  3289. .match-stack-info{flex:1;min-width:0}
  3290. .match-stack-title{font-weight:600;font-size:13px;color:var(--wr-ink);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
  3291. .match-stack-meta{font-size:11px;color:var(--wr-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  3292. .match-stack-heart{
  3293. width:28px;height:28px;border-radius:50%;
  3294. background:#FEE2E2;color:#EF4444;
  3295. display:flex;align-items:center;justify-content:center;flex-shrink:0;
  3296. animation:wrHeartbeat 1.6s ease-in-out infinite;
  3297. }
  3298. .match-stack-card:nth-child(1) .match-stack-heart{animation-delay:0s}
  3299. .match-stack-card:nth-child(2) .match-stack-heart{animation-delay:.4s}
  3300. .match-stack-card:nth-child(3) .match-stack-heart{animation-delay:.8s}
  3301. .match-stack-card:nth-child(4) .match-stack-heart{animation-delay:1.2s}
  3302. .match-stack-heart svg{width:13px;height:13px;fill:currentColor}
  3303. @keyframes wrHeartbeat{
  3304. 0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.4)}
  3305. 10%{transform:scale(1.18);box-shadow:0 0 0 0 rgba(239,68,68,.4)}
  3306. 20%{transform:scale(1)}
  3307. 30%{transform:scale(1.12)}
  3308. 40%{transform:scale(1);box-shadow:0 0 0 10px rgba(239,68,68,0)}
  3309. 100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}
  3310. }
  3312. /* ═══════════════════════════════════════════════════════════════════
  3313. SIGNUP FORM (entre feat 02 et 03)
  3314. ═══════════════════════════════════════════════════════════════════ */
  3315. .signup-card{
  3316. position:relative;
  3317. max-width:980px;margin:64px auto;
  3318. background:linear-gradient(135deg, #FFFFFF 0%, #FAF7FF 100%);
  3319. border:1px solid var(--wr-line);
  3320. border-radius:32px;
  3321. padding:48px 40px;
  3322. box-shadow:0 4px 12px rgba(30,27,46,.04), 0 24px 64px rgba(138,99,192,.1);
  3323. overflow:hidden;
  3324. }
  3325. @media(max-width:768px){.signup-card{padding:32px 22px;border-radius:24px;margin:48px auto}}
  3327. /* Décor : 2 blobs violet pâle dans les coins */
  3328. .signup-card::before{
  3329. content:\"\";position:absolute;
  3330. top:-120px;right:-120px;width:340px;height:340px;
  3331. background:radial-gradient(circle,rgba(138,99,192,.12) 0%,transparent 65%);
  3332. pointer-events:none;filter:blur(40px);
  3333. }
  3334. .signup-card::after{
  3335. content:\"\";position:absolute;
  3336. bottom:-100px;left:-80px;width:280px;height:280px;
  3337. background:radial-gradient(circle,rgba(138,99,192,.08) 0%,transparent 65%);
  3338. pointer-events:none;filter:blur(40px);
  3339. }
  3341. .signup-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}
  3342. @media(max-width:880px){.signup-inner{grid-template-columns:1fr;gap:28px}}
  3344. .signup-text{display:flex;flex-direction:column;gap:14px}
  3345. .signup-eyebrow{
  3346. display:inline-flex;align-items:center;gap:8px;
  3347. padding:7px 14px;border-radius:100px;
  3348. background:var(--wr-violet-soft);color:var(--wr-violet-dark);
  3349. font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  3350. align-self:flex-start;
  3351. }
  3352. .signup-title{
  3353. font-weight:700;font-size:28px;line-height:1.15;letter-spacing:-0.02em;
  3354. color:var(--wr-ink);margin:0;
  3355. }
  3356. @media(min-width:768px){.signup-title{font-size:34px}}
  3357. .signup-lede{font-size:15px;line-height:1.55;color:var(--wr-ink-2);margin:0;opacity:.85}
  3359. .signup-perks{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
  3360. .signup-perk{
  3361. display:inline-flex;align-items:center;gap:6px;
  3362. padding:6px 12px;border-radius:100px;
  3363. background:var(--wr-card);border:1px solid var(--wr-line-2);
  3364. font-size:12px;font-weight:600;color:var(--wr-ink-2);
  3365. }
  3366. .signup-perk svg{width:13px;height:13px;color:#10B981;stroke-width:3;flex-shrink:0}
  3368. .signup-form{
  3369. background:var(--wr-card);
  3370. border:1px solid var(--wr-line);
  3371. border-radius:20px;
  3372. padding:24px;
  3373. display:flex;flex-direction:column;gap:12px;
  3374. box-shadow:0 1px 2px rgba(30,27,46,.03);
  3375. }
  3376. .signup-form-error{
  3377. background:#FEF2F2;border:1px solid #FECACA;
  3378. color:#991B1B;
  3379. border-radius:12px;
  3380. padding:10px 14px;
  3381. font-size:13px;line-height:1.45;
  3382. margin:0;
  3383. }
  3384. .signup-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  3385. @media(max-width:540px){.signup-row{grid-template-columns:1fr}}
  3386. .signup-field{display:flex;flex-direction:column;gap:0}
  3387. .signup-card .signup-form input[type=\"email\"],
  3388. .signup-card .signup-form input[type=\"password\"],
  3389. .signup-card .signup-form input[type=\"text\"]{
  3390. width:100%;
  3391. padding:13px 14px;
  3392. border:1px solid var(--wr-line-2);border-radius:11px;
  3393. background:#FAFBFD;
  3394. font-size:14px;font-family:inherit;color:var(--wr-ink);
  3395. outline:none;
  3396. transition:border-color .15s,background .15s,box-shadow .15s;
  3397. box-sizing:border-box;
  3398. }
  3399. .signup-card .signup-form input[type=\"email\"]:focus,
  3400. .signup-card .signup-form input[type=\"password\"]:focus,
  3401. .signup-card .signup-form input[type=\"text\"]:focus{
  3402. border-color:var(--wr-violet);background:#fff;
  3403. box-shadow:0 0 0 3px rgba(138,99,192,.12);
  3404. }
  3405. .signup-card .signup-form input::placeholder{color:var(--wr-muted-2)}
  3407. .signup-terms{
  3408. display:flex;align-items:flex-start;gap:10px;
  3409. font-size:12.5px;line-height:1.45;color:var(--wr-muted);
  3410. margin:4px 0 0;
  3411. }
  3412. .signup-card .signup-form input[type=\"checkbox\"]{
  3413. width:16px;height:16px;flex-shrink:0;margin-top:2px;accent-color:var(--wr-violet);cursor:pointer;
  3414. }
  3415. .signup-terms a{color:var(--wr-violet);font-weight:600;text-decoration:underline}
  3416. .signup-terms a:hover{color:var(--wr-violet-dark)}
  3418. .signup-recaptcha{margin:4px 0 0}
  3419. .signup-recaptcha > div{max-width:100%}
  3421. .signup-submit{
  3422. width:100%;
  3423. padding:14px 22px;border-radius:12px;
  3424. background:var(--wr-violet);color:#fff;border:0;
  3425. font-size:14.5px;font-weight:700;font-family:inherit;
  3426. cursor:pointer;
  3427. display:inline-flex;align-items:center;justify-content:center;gap:8px;
  3428. box-shadow:0 4px 14px rgba(138,99,192,.32);
  3429. transition:background .15s,transform .15s,box-shadow .15s;
  3430. margin-top:6px;
  3431. }
  3432. .signup-submit:hover{background:var(--wr-violet-dark);transform:translateY(-1px);box-shadow:0 6px 20px rgba(138,99,192,.4)}
  3433. .signup-submit svg{width:14px;height:14px;transition:transform .15s}
  3434. .signup-submit:hover svg{transform:translateX(3px)}
  3436. .signup-login{
  3437. text-align:center;font-size:13px;color:var(--wr-muted);margin:6px 0 0;
  3438. }
  3439. .signup-login a{color:var(--wr-violet);font-weight:600;text-decoration:none}
  3440. .signup-login a:hover{color:var(--wr-violet-dark);text-decoration:underline}
  3442. /* ═══════════════════════════════════════════════════════════════════
  3443. APPS
  3444. ═══════════════════════════════════════════════════════════════════ */
  3445. .apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  3446. @media(max-width:768px){.apps-grid{grid-template-columns:1fr}}
  3447. .app-card{
  3448. background:var(--wr-card);border:1px solid var(--wr-line);
  3449. border-radius:18px;padding:24px;
  3450. display:flex;flex-direction:column;align-items:flex-start;
  3451. transition:transform .2s,border-color .2s,box-shadow .2s;
  3452. }
  3453. .app-card:hover{transform:translateY(-3px);border-color:var(--wr-violet-2);box-shadow:var(--wr-shadow-hover);color:inherit;text-decoration:none}
  3454. .app-card-icon{
  3455. width:48px;height:48px;border-radius:14px;
  3456. background:var(--wr-violet-soft);color:var(--wr-violet);
  3457. display:inline-flex;align-items:center;justify-content:center;
  3458. margin-bottom:18px;
  3459. }
  3460. .app-card-icon svg{width:22px;height:22px}
  3461. .app-card-name{font-weight:500;font-size:18px;letter-spacing:-0.01em;color:var(--wr-ink);margin:0 0 6px}
  3462. .app-card-desc{font-size:13px;line-height:1.5;color:var(--wr-muted);margin:0 0 16px;flex:1}
  3463. .app-card-cta{font-size:12px;font-weight:600;color:var(--wr-violet);text-transform:uppercase;letter-spacing:.1em;display:inline-flex;align-items:center;gap:6px}
  3464. .app-card-cta svg{width:11px;height:11px;transition:transform .15s}
  3465. .app-card:hover .app-card-cta svg{transform:translateX(3px)}
  3467. /* ═══════════════════════════════════════════════════════════════════
  3468. KEYWORDS
  3469. ═══════════════════════════════════════════════════════════════════ */
  3470. .keywords-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:1200px;margin:0 auto}
  3471. .keyword-pill{
  3472. display:inline-flex;align-items:center;gap:8px;
  3473. padding:9px 16px;border-radius:100px;
  3474. background:var(--wr-card);border:1px solid var(--wr-line-2);
  3475. color:var(--wr-ink-2);
  3476. font-size:13.5px;font-weight:500;
  3477. transition:transform .15s,border-color .15s,background .15s,color .15s,box-shadow .15s;
  3478. }
  3479. .keyword-pill:hover{transform:translateY(-2px);border-color:var(--wr-violet);background:var(--wr-violet-soft);color:var(--wr-violet-dark);text-decoration:none;box-shadow:0 4px 10px rgba(138,99,192,.12)}
  3480. .keyword-pill-icon{font-size:14px;line-height:1}
  3482. /* ═══════════════════════════════════════════════════════════════════
  3483. OFFRES POPULAIRES
  3484. ═══════════════════════════════════════════════════════════════════ */
  3485. .listings-block{margin-bottom:32px}
  3486. .listings-block:last-child{margin-bottom:0}
  3487. .listings-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}
  3488. .listings-block-title{
  3489. display:inline-flex;align-items:center;gap:10px;
  3490. font-weight:500;font-size:18px;letter-spacing:-0.005em;
  3491. color:var(--wr-ink);margin:0;
  3492. }
  3493. .listings-block-icon{font-size:20px;line-height:1}
  3494. .listings-block-link{
  3495. display:inline-flex;align-items:center;gap:4px;
  3496. padding:6px 12px;border-radius:100px;
  3497. font-size:12px;font-weight:600;
  3498. color:var(--wr-violet);
  3499. text-transform:uppercase;letter-spacing:.06em;
  3500. border:1px solid var(--wr-violet-soft);
  3501. background:var(--wr-card);
  3502. transition:background .15s,border-color .15s,transform .15s;
  3503. }
  3504. .listings-block-link:hover{background:var(--wr-violet-soft);border-color:var(--wr-violet);text-decoration:none;color:var(--wr-violet-dark);transform:translateX(2px)}
  3505. .listings-block-link svg{width:11px;height:11px}
  3507. .listings-jobs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  3508. @media(max-width:768px){.listings-jobs{grid-template-columns:1fr}}
  3509. .listing-job{
  3510. display:flex;align-items:center;gap:14px;
  3511. background:var(--wr-card);border:1px solid var(--wr-line);
  3512. border-radius:14px;padding:12px;
  3513. transition:transform .15s,border-color .15s,box-shadow .15s;
  3514. }
  3515. .listing-job:hover{transform:translateY(-2px);border-color:var(--wr-violet-soft);box-shadow:var(--wr-shadow);color:inherit;text-decoration:none}
  3516. .listing-job-logo{
  3517. width:42px;height:42px;border-radius:11px;flex-shrink:0;
  3518. background:var(--wr-violet-soft);color:var(--wr-violet);
  3519. display:flex;align-items:center;justify-content:center;
  3520. font-weight:700;font-size:14px;overflow:hidden;
  3521. }
  3522. .listing-job-logo img{width:100%;height:100%;object-fit:cover}
  3523. .listing-job-info{flex:1;min-width:0}
  3524. .listing-job-title{font-weight:600;font-size:13.5px;color:var(--wr-ink);margin:0 0 2px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  3525. .listing-job-meta{font-size:11.5px;color:var(--wr-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  3526. .listing-job-arrow{flex-shrink:0;color:var(--wr-muted-2);transition:color .15s,transform .15s}
  3527. .listing-job-arrow svg{width:14px;height:14px}
  3528. .listing-job:hover .listing-job-arrow{color:var(--wr-violet);transform:translateX(2px)}
  3530. /* ═══════════════════════════════════════════════════════════════════
  3531. ARTICLES — Liste sans miniatures (style identique aux jobs-card)
  3532. ═══════════════════════════════════════════════════════════════════ */
  3533. .articles-list{display:flex;flex-direction:column;gap:10px;max-width:1200px;margin:0 auto}
  3534. .wr-article{
  3535. background:var(--wr-card);border-radius:14px;padding:14px;
  3536. box-shadow:0 0 16px 0 rgba(0,0,0,0.04);
  3537. display:flex;align-items:center;gap:14px;
  3538. text-decoration:none;color:inherit;
  3539. transition:transform .15s,box-shadow .2s;
  3540. }
  3541. .wr-article:hover{
  3542. transform:translateY(-1px);
  3543. box-shadow:0 4px 20px rgba(138,99,192,.1);
  3544. color:inherit;text-decoration:none;
  3545. }
  3546. .wr-article-logo{
  3547. width:50px;height:50px;border-radius:12px;flex-shrink:0;
  3548. background:linear-gradient(135deg,#EDE9FE,#DDD6FE);
  3549. display:flex;align-items:center;justify-content:center;
  3550. color:var(--wr-violet);overflow:hidden;
  3551. }
  3552. .wr-article-logo svg{width:24px;height:24px;opacity:.9}
  3553. .wr-article-info{flex:1;min-width:0}
  3554. .wr-article-title{
  3555. font-size:14px;font-weight:700;color:var(--wr-ink);
  3556. line-height:1.3;margin:0 0 4px;
  3557. white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  3558. }
  3559. .wr-article-meta{
  3560. font-size:12px;color:var(--wr-muted);
  3561. white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  3562. display:flex;align-items:center;gap:8px;margin:0;
  3563. }
  3564. .wr-article-meta-sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:#D1D5DB;flex-shrink:0}
  3565. .wr-article-badge{
  3566. font-size:11px;font-weight:600;
  3567. color:var(--wr-violet);background:var(--wr-violet-soft);
  3568. padding:3px 9px;border-radius:100px;
  3569. white-space:nowrap;flex-shrink:0;
  3570. text-transform:uppercase;letter-spacing:.04em;
  3571. }
  3572. .wr-article-arrow{flex-shrink:0;color:var(--wr-muted-2);transition:color .15s,transform .15s}
  3573. .wr-article:hover .wr-article-arrow{color:var(--wr-violet);transform:translateX(2px)}
  3574. .wr-article-arrow svg{width:18px;height:18px}
  3575. @media(max-width:540px){
  3576. .wr-article{padding:12px;gap:10px}
  3577. .wr-article-logo{width:42px;height:42px}
  3578. .wr-article-logo svg{width:20px;height:20px}
  3579. .wr-article-title{font-size:13px}
  3580. .wr-article-meta{font-size:11px;gap:6px;flex-wrap:wrap;white-space:normal}
  3581. .wr-article-badge{display:none}
  3582. }
  3584. .articles-cta{text-align:center;margin-top:36px}
  3585. .articles-cta a{
  3586. display:inline-flex;align-items:center;gap:8px;
  3587. padding:12px 22px;border-radius:11px;
  3588. background:var(--wr-violet);color:#fff;
  3589. font-size:13px;font-weight:600;
  3590. text-decoration:none;
  3591. box-shadow:0 4px 12px rgba(138,99,192,.3);
  3592. transition:background .15s,transform .15s,box-shadow .15s;
  3593. }
  3594. .articles-cta a:hover{background:var(--wr-violet-dark);transform:translateY(-2px);box-shadow:0 6px 18px rgba(138,99,192,.4);text-decoration:none;color:#fff}
  3595. .articles-cta svg{width:12px;height:12px;transition:transform .15s}
  3596. .articles-cta a:hover svg{transform:translateX(3px)}
  3598. /* ═══════════════════════════════════════════════════════════════════
  3599. CTA FINAL — Card violet plein avec eyebrow + 2 sous-cards
  3600. ═══════════════════════════════════════════════════════════════════ */
  3601. .final-card{
  3602. position:relative;
  3603. background:linear-gradient(135deg,#8A63C0 0%,#9D7BCC 100%);
  3604. border-radius:28px;
  3605. padding:48px 40px;
  3606. color:#fff;overflow:hidden;
  3607. box-shadow:0 20px 60px -12px rgba(138,99,192,.4);
  3608. }
  3609. @media(max-width:768px){.final-card{padding:32px 22px;border-radius:22px}}
  3611. .final-eyebrow{
  3612. display:inline-flex;align-items:center;gap:8px;
  3613. padding:8px 18px;border-radius:100px;
  3614. background:rgba(255,255,255,.2);
  3615. color:#fff;
  3616. font-size:12px;font-weight:700;
  3617. text-transform:uppercase;letter-spacing:.12em;
  3618. margin-bottom:20px;
  3619. backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  3620. }
  3621. .final-eyebrow svg{width:13px;height:13px;fill:currentColor}
  3623. .final-title{
  3624. font-weight:800;font-size:28px;line-height:1.15;letter-spacing:-0.02em;
  3625. color:#fff;margin:0 0 36px;
  3626. max-width:780px;
  3627. }
  3628. @media(min-width:768px){.final-title{font-size:38px}}
  3630. /* Grille 2 sous-cards */
  3631. .final-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  3632. @media(max-width:768px){.final-grid{grid-template-columns:1fr;gap:14px}}
  3634. .final-sub{
  3635. background:#fff;
  3636. border-radius:18px;
  3637. padding:28px;
  3638. display:flex;flex-direction:column;
  3639. }
  3640. @media(max-width:768px){.final-sub{padding:22px}}
  3642. .final-sub-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
  3643. .final-sub-icon{
  3644. width:44px;height:44px;border-radius:11px;
  3645. background:var(--wr-violet-soft);color:var(--wr-violet);
  3646. display:flex;align-items:center;justify-content:center;flex-shrink:0;
  3647. }
  3648. .final-sub-icon svg{width:22px;height:22px}
  3649. .final-sub-label{
  3650. font-size:12.5px;font-weight:700;
  3651. color:var(--wr-violet);
  3652. text-transform:uppercase;letter-spacing:.1em;
  3653. }
  3654. .final-sub-title{
  3655. font-weight:800;font-size:18px;line-height:1.3;letter-spacing:-0.01em;
  3656. color:var(--wr-ink);margin:0 0 10px;
  3657. }
  3658. .final-sub-desc{
  3659. font-size:14px;line-height:1.55;color:var(--wr-muted);
  3660. margin:0 0 24px;flex:1;
  3661. }
  3662. .final-sub-btn{
  3663. display:flex;align-items:center;justify-content:center;gap:8px;
  3664. background:var(--wr-violet);color:#fff;
  3665. padding:14px 18px;border-radius:11px;
  3666. font-size:14px;font-weight:700;
  3667. text-decoration:none;
  3668. transition:background .15s,transform .15s,box-shadow .15s;
  3669. box-shadow:0 4px 12px rgba(138,99,192,.3);
  3670. }
  3671. .final-sub-btn:hover{
  3672. background:var(--wr-violet-dark);color:#fff;
  3673. transform:translateY(-2px);
  3674. box-shadow:0 6px 18px rgba(138,99,192,.4);
  3675. text-decoration:none;
  3676. }
  3677. .final-sub-btn svg{width:14px;height:14px;transition:transform .15s}
  3678. .final-sub-btn:hover svg{transform:translateX(3px)}
  3679. </style>
  3680. {% endblock css %}
  3682. {% block body %}
  3683. <div class=\"wr\">
  3685. {# ═══════════════ HERO ═══════════════ #}
  3686. <section class=\"hero\">
  3687. <div class=\"hero-inner\">
  3688. <span class=\"hero-badge\">
  3689. <span class=\"hero-badge-dot\"></span>
  3690. {{ t.hero_eyebrow }}
  3691. </span>
  3693. <h1 class=\"hero-title\">
  3694. <span class=\"hero-title-accent\">{{ t.hero_title_accent }}</span> {{ t.hero_title_post }}<br>
  3695. <span class=\"hero-title-accent\">{{ t.hero_title_accent2 }}</span> {{ t.hero_title_2 }}
  3696. </h1>
  3698. <p class=\"hero-lede\">
  3699. {{ t.hero_lede_pre }}
  3700. <span class=\"hero-lede-accent\">{{ t.hero_lede_brand }}</span>
  3701. {{ t.hero_lede_mid }}
  3702. <span class=\"hero-lede-accent\">{{ t.hero_lede_word }}</span>
  3703. {{ t.hero_lede_post }}
  3704. </p>
  3706. {# Pills \"Populaire\" — AU-DESSUS de la recherche, cliquer remplit l\x27input #}
  3707. {% if popularKeywords is defined and popularKeywords|length > 0 %}
  3708. <div class=\"hero-popular\">
  3709. <span class=\"hero-popular-label\">{{ t.hero_popular_label }}</span>
  3710. {% for kw in popularKeywords|slice(0, 5) %}
  3711. <button type=\"button\"
  3712. class=\"hero-popular-pill\"
  3713. data-keyword=\"{{ kw.keyword }}\"
  3714. data-label=\"{{ kw.label }}\">
  3715. {% if kw.icon %}<span class=\"hero-popular-pill-icon\">{{ kw.icon|raw }}</span>{% endif %}
  3716. <span>{{ kw.label }}</span>
  3717. </button>
  3718. {% endfor %}
  3719. </div>
  3720. {% endif %}
  3722. {# Recherche inline AJAX — style dashboard jobs #}
  3723. <div class=\"hero-search-wrap\">
  3724. <div class=\"hero-search\" id=\"wrHeroSearch\"
  3725. data-search-url=\"{% if isFR %}{{ path(\x27locale_api_jobs_search\x27,{\x27_locale\x27:\x27fr\x27}) }}{% else %}{{ path(\x27api_jobs_search\x27) }}{% endif %}\"
  3726. data-jobs-list-url=\"{% if isFR %}{{ path(\x27locale_whileresume_jobs_list\x27,{\x27_locale\x27:\x27fr\x27}) }}{% else %}{{ path(\x27whileresume_jobs_list\x27) }}{% endif %}\">
  3727. <div class=\"hero-search-inner\">
  3728. <span class=\"hero-search-icon\">
  3729. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  3730. <circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"M21 21l-4.35-4.35\"/>
  3731. </svg>
  3732. </span>
  3733. <input type=\"text\" name=\"q\" id=\"wrHeroSearchInput\" class=\"hero-search-input\"
  3734. placeholder=\"{{ t.hero_search_placeholder }}\"
  3735. autocomplete=\"off\" />
  3736. <span class=\"hero-search-kbd\">↵ {{ isFR ? \x27Entrée\x27 : \x27Enter\x27 }}</span>
  3737. <button type=\"button\" class=\"hero-search-clear\" id=\"wrHeroSearchClear\" aria-label=\"{{ t.search_clear }}\">
  3738. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  3739. <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/>
  3740. </svg>
  3741. </button>
  3742. </div>
  3743. </div>
  3744. </div>
  3746. {# Liste de jobs — par défaut jobs aléatoires, remplacée par les résultats AJAX #}
  3747. {# Le compteur affiche le nombre total d\x27offres en ligne (toutes langues confondues) #}
  3748. {% set _heroCount = 0 %}
  3750. <div class=\"hero-default-jobs\" id=\"wrHeroJobsList\">
  3751. <div class=\"hero-jobs-header\" id=\"wrHeroJobsHeader\">
  3752. <span class=\"hero-jobs-count\" id=\"wrHeroJobsCount\">
  3753. <strong>{{ totalJobs ?? 0 }}</strong>{{ t.search_results_count }}
  3754. </span>
  3755. <a href=\"{% if isFR %}{{ path(\x27locale_whileresume_jobs_list\x27,{\x27_locale\x27:\x27fr\x27}) }}{% else %}{{ path(\x27whileresume_jobs_list\x27) }}{% endif %}\" class=\"hero-jobs-link\" id=\"wrHeroJobsLink\">
  3756. {{ t.search_view_all }}
  3757. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  3758. <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/>
  3759. </svg>
  3760. </a>
  3761. </div>
  3763. <div id=\"wrHeroJobsBody\">
  3764. {% if randomJobs is defined and randomJobs|length > 0 %}
  3765. {% for j in randomJobs %}
  3766. {% if _heroCount < 6 %}
  3767. <a href=\"{% if j.locale == \x27fr\x27 %}{{ path(\x27locale_cvs_application_job_show\x27,{\x27_locale\x27:app.request.locale,\x27slug\x27:j.slug}) }}{% else %}{{ path(\x27cvs_application_job_show\x27,{\x27slug\x27:j.slug}) }}{% endif %}\" class=\"hero-default-job\">
  3768. <div class=\"hero-default-job-logo\">
  3769. {% if j.image and j.image.name %}
  3770. <img src=\"{{ vich_uploader_asset(j, \x27imageFile\x27) }}\" alt=\"\">
  3771. {% else %}
  3772. {{ j.companyName|default(\x27?\x27)|slice(0,1)|upper }}
  3773. {% endif %}
  3774. </div>
  3775. <div class=\"hero-default-job-info\">
  3776. <h3 class=\"hero-default-job-title\">{{ j.jobTitle }}</h3>
  3777. <p class=\"hero-default-job-meta\">
  3778. {% if j.companyName %}<span>{{ j.companyName }}</span>{% endif %}
  3779. {% if j.city %}
  3780. <span class=\"hero-default-job-meta-sep\"></span>
  3781. <span>{{ j.city }}{% if j.country %}, {{ j.country }}{% endif %}</span>
  3782. {% endif %}
  3783. {% if j.employmentType %}
  3784. <span class=\"hero-default-job-meta-sep\"></span>
  3785. <span>{{ j.employmentType }}</span>
  3786. {% endif %}
  3787. </p>
  3788. </div>
  3789. <span class=\"hero-default-job-arrow\">
  3790. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"/></svg>
  3791. </span>
  3792. </a>
  3793. {% set _heroCount = _heroCount + 1 %}
  3794. {% endif %}
  3795. {% endfor %}
  3796. {% endif %}
  3797. </div>
  3798. </div>
  3800. {# CTA pour utilisateurs non connectés : Inscription + Connexion #}
  3801. {% if app.user is null %}
  3802. <div class=\"hero-cta\">
  3803. <a href=\"#register\" class=\"hero-cta-btn\">
  3804. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  3805. <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"/><circle cx=\"8.5\" cy=\"7\" r=\"4\"/><line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"/><line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"/>
  3806. </svg>
  3807. {{ t.hero_cta_signup }}
  3808. </a>
  3809. <a href=\"{% if isFR %}{{ path(\x27locale_app_login\x27,{\x27_locale\x27:\x27fr\x27}) }}{% else %}{{ path(\x27app_login\x27) }}{% endif %}\" class=\"hero-cta-btn\">
  3810. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  3811. <path d=\"M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4\"/><polyline points=\"10 17 15 12 10 7\"/><line x1=\"15\" y1=\"12\" x2=\"3\" y2=\"12\"/>
  3812. </svg>
  3813. {{ t.hero_cta_login }}
  3814. </a>
  3815. </div>
  3816. {% endif %}
  3817. </div>
  3818. </section>
  3820. {# ═══════════════ COMMENT ÇA MARCHE ═══════════════ #}
  3821. <section class=\"wr-section\">
  3822. <div class=\"wr-container\">
  3823. <div class=\"wr-section-head\">
  3824. <h2 class=\"wr-title\">{{ t.how_title }}</h2>
  3825. </div>
  3827. <div class=\"how-card\">
  3828. <div class=\"how-step reveal\" data-reveal-delay=\"1\">
  3829. <div class=\"how-step-illu\">
  3830. <img src=\"/uploads/rh/mascotte_register.png\" alt=\"{{ t.how1_title }}\" loading=\"lazy\">
  3831. </div>
  3832. <h3 class=\"how-step-title\">{{ t.how1_title }}</h3>
  3833. <p class=\"how-step-desc\">{{ t.how1_desc }}</p>
  3834. </div>
  3836. <div class=\"how-step reveal\" data-reveal-delay=\"2\">
  3837. <div class=\"how-step-illu\">
  3838. <img src=\"/uploads/rh/mascotte_upload2.png\" alt=\"{{ t.how2_title }}\" loading=\"lazy\">
  3839. </div>
  3840. <h3 class=\"how-step-title\">{{ t.how2_title }}</h3>
  3841. <p class=\"how-step-desc\">{{ t.how2_desc }}</p>
  3842. </div>
  3844. <div class=\"how-step reveal\" data-reveal-delay=\"3\">
  3845. <div class=\"how-step-illu\">
  3846. <img src=\"/uploads/rh/mascotte_reunion.png\" alt=\"{{ t.how3_title }}\" loading=\"lazy\">
  3847. </div>
  3848. <h3 class=\"how-step-title\">{{ t.how3_title }}</h3>
  3849. <p class=\"how-step-desc\">{{ t.how3_desc }}</p>
  3850. </div>
  3851. </div>
  3852. </div>
  3853. </section>
  3855. {# ═══════════════ FEATURES 01-04 ═══════════════ #}
  3856. <section class=\"wr-section\">
  3857. <div class=\"wr-container\">
  3859. {# Feature 01 — Filtrage par critères #}
  3860. <div class=\"feat-block reveal\">
  3861. <div class=\"feat-illu\">
  3862. <img src=\"/uploads/rh/mascotte_filtrage3.png\" alt=\"{{ t.feat1_title }}\" loading=\"lazy\">
  3863. </div>
  3864. <div class=\"feat-content\">
  3865. <span class=\"feat-label\">{{ t.feat1_label }}</span>
  3866. <h3 class=\"feat-title\">{{ t.feat1_title }}</h3>
  3867. <div class=\"feat-desc\">
  3868. <p>{{ t.feat1_p1|raw }}</p>
  3869. <p>{{ t.feat1_p2|raw }}</p>
  3870. </div>
  3871. <div class=\"feat-quote\">
  3872. <p class=\"feat-quote-text\">{{ t.feat1_quote }}</p>
  3873. <div class=\"feat-quote-author\">
  3874. <p class=\"feat-quote-name\">{{ t.feat1_author }}</p>
  3875. <p class=\"feat-quote-role\">{{ t.feat1_role }}</p>
  3876. </div>
  3877. </div>
  3878. </div>
  3879. </div>
  3881. {# Feature 02 — Optimisation intelligente #}
  3882. <div class=\"feat-block reveal\">
  3883. <div class=\"feat-illu\">
  3884. <img src=\"/uploads/rh/mascotte_upload.png\" alt=\"{{ t.feat2_title }}\" loading=\"lazy\">
  3885. </div>
  3886. <div class=\"feat-content\">
  3887. <span class=\"feat-label\">{{ t.feat2_label }}</span>
  3888. <h3 class=\"feat-title\">{{ t.feat2_title }}</h3>
  3889. <div class=\"feat-desc\">
  3890. <p>{{ t.feat2_p1|raw }}</p>
  3891. <p>{{ t.feat2_p2|raw }}</p>
  3892. </div>
  3893. <div class=\"feat-quote\">
  3894. <p class=\"feat-quote-text\">{{ t.feat2_quote }}</p>
  3895. <div class=\"feat-quote-author\">
  3896. <p class=\"feat-quote-name\">{{ t.feat2_author }}</p>
  3897. <p class=\"feat-quote-role\">{{ t.feat2_role }}</p>
  3898. </div>
  3899. </div>
  3900. </div>
  3901. </div>
  3903. {% if app.user is null %}
  3904. {# ═════ INSCRIPTION (entre feat 02 et 03) ═════ #}
  3905. <div class=\"signup-card reveal reveal--scale\" id=\"register\">
  3906. <div class=\"signup-inner\">
  3907. <div class=\"signup-text\">
  3908. <span class=\"signup-eyebrow\">
  3909. <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"/><circle cx=\"8.5\" cy=\"7\" r=\"4\"/><line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"/><line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"/></svg>
  3910. {{ t.signup_eyebrow }}
  3911. </span>
  3912. <h3 class=\"signup-title\">{{ t.signup_title }}</h3>
  3913. <p class=\"signup-lede\">{{ t.signup_lede }}</p>
  3914. <div class=\"signup-perks\">
  3915. <span class=\"signup-perk\">
  3916. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg>
  3917. {{ t.signup_perk1 }}
  3918. </span>
  3919. <span class=\"signup-perk\">
  3920. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg>
  3921. {{ t.signup_perk2 }}
  3922. </span>
  3923. <span class=\"signup-perk\">
  3924. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg>
  3925. {{ t.signup_perk3 }}
  3926. </span>
  3927. </div>
  3928. </div>
  3930. {% if form is defined %}
  3931. {# Cas 1 : le controller passe le formulaire Symfony — rendu via form_widget #}
  3932. {{ form_start(form, {\x27attr\x27: {\x27class\x27: \x27signup-form\x27, \x27novalidate\x27: \x27novalidate\x27}}) }}
  3933. {{ form_errors(form) }}
  3934. {% for message in app.flashes(\x27danger\x27) %}
  3935. <p class=\"signup-form-error\">{{ message }}</p>
  3936. {% endfor %}
  3938. <div class=\"signup-field\">
  3939. {{ form_widget(form.email, {\x27attr\x27: {\x27placeholder\x27: t.signup_email_ph}}) }}
  3940. </div>
  3942. <div class=\"signup-row\">
  3943. <div class=\"signup-field\">
  3944. {{ form_widget(form.password.first, {\x27attr\x27: {\x27placeholder\x27: t.signup_pass_ph}}) }}
  3945. </div>
  3946. <div class=\"signup-field\">
  3947. {{ form_widget(form.password.second, {\x27attr\x27: {\x27placeholder\x27: t.signup_pass2_ph}}) }}
  3948. </div>
  3949. </div>
  3951. <label class=\"signup-terms\">
  3952. {{ form_widget(form.acceptTerm) }}
  3953. <span>
  3954. {{ t.signup_terms_pre }}
  3955. <a href=\"{% if isFR %}/fr/protections-donnees-candidats{% else %}/data-protection-candidates{% endif %}\" target=\"_blank\" rel=\"noopener\">{{ t.signup_terms_link }}</a>.
  3956. </span>
  3957. </label>
  3959. {% if form.recaptcha is defined %}
  3960. <div class=\"signup-recaptcha\">{{ form_widget(form.recaptcha) }}</div>
  3961. {% endif %}
  3963. <button type=\"submit\" class=\"signup-submit\">
  3964. {{ t.signup_btn }}
  3965. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  3966. </button>
  3968. {{ form_rest(form) }}
  3969. {{ form_end(form) }}
  3970. {% endif %}
  3971. </div>
  3972. </div>
  3973. {% endif %}
  3975. {# Feature 03 — Recherche qualifiée #}
  3976. <div class=\"feat-block reveal\">
  3977. <div class=\"feat-illu\">
  3978. <img src=\"/uploads/rh/mascotte_register.png\" alt=\"{{ t.feat3_title }}\" loading=\"lazy\">
  3979. </div>
  3980. <div class=\"feat-content\">
  3981. <span class=\"feat-label\">{{ t.feat3_label }}</span>
  3982. <h3 class=\"feat-title\">{{ t.feat3_title }}</h3>
  3983. <div class=\"feat-desc\">
  3984. <p>{{ t.feat3_p1|raw }}</p>
  3985. <p>{{ t.feat3_p2|raw }}</p>
  3986. </div>
  3987. <div class=\"feat-quote\">
  3988. <p class=\"feat-quote-text\">{{ t.feat3_quote }}</p>
  3989. <div class=\"feat-quote-author\">
  3990. <p class=\"feat-quote-name\">{{ t.feat3_author }}</p>
  3991. <p class=\"feat-quote-role\">{{ t.feat3_role }}</p>
  3992. </div>
  3993. </div>
  3994. </div>
  3995. </div>
  3997. {# Feature 04 — Contact direct qualifié #}
  3998. <div class=\"feat-block reveal\">
  3999. <div class=\"feat-illu\">
  4000. <img src=\"/uploads/rh/mascotte_reunion.png\" alt=\"{{ t.feat4_title }}\" loading=\"lazy\">
  4001. </div>
  4002. <div class=\"feat-content\">
  4003. <span class=\"feat-label\">{{ t.feat4_label }}</span>
  4004. <h3 class=\"feat-title\">{{ t.feat4_title }}</h3>
  4005. <div class=\"feat-desc\">
  4006. <p>{{ t.feat4_p1|raw }}</p>
  4007. <p>{{ t.feat4_p2|raw }}</p>
  4008. </div>
  4009. <div class=\"feat-quote\">
  4010. <p class=\"feat-quote-text\">{{ t.feat4_quote }}</p>
  4011. <div class=\"feat-quote-author\">
  4012. <p class=\"feat-quote-name\">{{ t.feat4_author }}</p>
  4013. <p class=\"feat-quote-role\">{{ t.feat4_role }}</p>
  4014. </div>
  4015. </div>
  4016. </div>
  4017. </div>
  4019. </div>
  4020. </section>
  4023. {# ═══════════════ APPS ═══════════════ #}
  4024. <section class=\"wr-section\">
  4025. <div class=\"wr-container\">
  4026. <div class=\"apps-grid\">
  4027. <a href=\"{{ isFR ? (ios_fr|default(\x27#\x27)) : (ios_us|default(\x27#\x27)) }}\" class=\"app-card\">
  4028. <span class=\"app-card-icon\">
  4029. <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\"/></svg>
  4030. </span>
  4031. <h3 class=\"app-card-name\">{{ t.apps_ios }}</h3>
  4032. <p class=\"app-card-desc\">{{ t.apps_ios_desc }}</p>
  4033. <span class=\"app-card-cta\">App Store
  4034. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  4035. </span>
  4036. </a>
  4037. <a href=\"{{ isFR ? (android_fr|default(\x27#\x27)) : (android_us|default(\x27#\x27)) }}\" class=\"app-card\">
  4038. <span class=\"app-card-icon\">
  4039. <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.523 15.34c-.583 0-1.06-.477-1.06-1.06 0-.582.477-1.06 1.06-1.06.583 0 1.06.478 1.06 1.06 0 .583-.477 1.06-1.06 1.06m-11.046 0c-.583 0-1.06-.477-1.06-1.06 0-.582.477-1.06 1.06-1.06.583 0 1.06.478 1.06 1.06 0 .583-.477 1.06-1.06 1.06m11.427-6.176l2.114-3.66a.439.439 0 0 0-.16-.6.439.439 0 0 0-.6.16l-2.142 3.71a13.07 13.07 0 0 0-5.116-1.034c-1.823 0-3.55.376-5.116 1.034l-2.14-3.71a.439.439 0 1 0-.76.44l2.113 3.66C2.486 10.78.659 13.658.5 17h23c-.16-3.342-1.987-6.22-5.595-7.836\"/></svg>
  4040. </span>
  4041. <h3 class=\"app-card-name\">{{ t.apps_android }}</h3>
  4042. <p class=\"app-card-desc\">{{ t.apps_android_desc }}</p>
  4043. <span class=\"app-card-cta\">Google Play
  4044. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  4045. </span>
  4046. </a>
  4047. <a href=\"{% if app.request.locale == \x27en\x27 %}{{ path(\x27whileresume_homepage\x27) }}{% else %}{{ path(\x27locale_whileresume_homepage\x27,{\x27_locale\x27:app.request.locale}) }}{% endif %}#register\" class=\"app-card\">
  4048. <span class=\"app-card-icon\">
  4049. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"/></svg>
  4050. </span>
  4051. <h3 class=\"app-card-name\">{{ t.apps_web }}</h3>
  4052. <p class=\"app-card-desc\">{{ t.apps_web_desc }}</p>
  4053. <span class=\"app-card-cta\">whileresume.com
  4054. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  4055. </span>
  4056. </a>
  4057. </div>
  4058. </div>
  4059. </section>
  4062. {# ═══════════════ ARTICLES ═══════════════ #}
  4063. {% if articles is defined and articles|length > 0 %}
  4064. <section class=\"wr-section\">
  4065. <div class=\"wr-container\">
  4066. <div class=\"wr-section-head\">
  4067. <h2 class=\"wr-title wr-title--sm\">{{ t.articles_title }}</h2>
  4068. </div>
  4070. <div class=\"articles-list\">
  4071. {% for a in articles|slice(0,6) %}
  4072. {% set prefix = \"\" %}
  4073. {% set urlA = path(\x27cvs_website_article\x27,{\x27slug\x27: a.slug}) %}
  4074. {% if app.request.locale != default_locale %}
  4075. {% set urlA = path(\x27locale_cvs_website_article\x27,{\x27_locale\x27:app.request.locale,\x27slug\x27: a.slug}) %}
  4076. {% set prefix = \"/\" ~ app.request.locale %}
  4077. {% endif %}
  4078. {% if a.pageslug3 is not empty %}
  4079. {% set urlA = prefix ~ \x27/\x27 ~ a.pageslug ~ \x27/\x27 ~ a.pageslug2 ~ \x27/\x27 ~ a.pageslug3 %}
  4080. {% elseif a.pageslug2 is not empty %}
  4081. {% set urlA = prefix ~ \x27/\x27 ~ a.pageslug ~ \x27/\x27 ~ a.pageslug2 %}
  4082. {% elseif a.pageslug is not empty %}
  4083. {% set urlA = prefix ~ \x27/\x27 ~ a.pageslug %}
  4084. {% endif %}
  4086. <a href=\"{{ urlA }}\" class=\"wr-article\">
  4087. <div class=\"wr-article-logo\">
  4088. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  4089. <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"/>
  4090. <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"/>
  4091. </svg>
  4092. </div>
  4093. <div class=\"wr-article-info\">
  4094. <h3 class=\"wr-article-title\">{{ a.title }}</h3>
  4095. <div class=\"wr-article-meta\">
  4096. {% if a.subtitle is not empty %}
  4097. <span>{{ a.subtitle|length > 60 ? a.subtitle|slice(0,60) ~ \x27…\x27 : a.subtitle }}</span>
  4098. {% endif %}
  4099. </div>
  4100. </div>
  4101. <span class=\"wr-article-badge\">{{ t.read_article }}</span>
  4102. <span class=\"wr-article-arrow\">
  4103. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  4104. <polyline points=\"9 18 15 12 9 6\"/>
  4105. </svg>
  4106. </span>
  4107. </a>
  4108. {% endfor %}
  4109. </div>
  4111. <div class=\"articles-cta\">
  4112. <a href=\"{% if isFR %}{{ path(\x27locale_cvs_website_articles\x27,{\x27_locale\x27:\x27fr\x27}) }}{% else %}{{ path(\x27cvs_website_articles\x27) }}{% endif %}\">
  4113. {{ t.articles_view_all }}
  4114. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  4115. </a>
  4116. </div>
  4117. </div>
  4118. </section>
  4119. {% endif %}
  4121. {# ═══════════════ CTA FINAL ═══════════════ #}
  4122. {% if app.user is null %}
  4123. <section class=\"wr-section\">
  4124. <div class=\"wr-container\">
  4125. <div class=\"final-card\">
  4127. <h2 class=\"final-title\">{{ t.final_title }}</h2>
  4129. <div class=\"final-grid\">
  4130. {# Recruteur #}
  4131. <div class=\"final-sub\">
  4132. <div class=\"final-sub-head\">
  4133. <span class=\"final-sub-icon\">
  4134. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  4135. <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"/>
  4136. <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"/>
  4137. </svg>
  4138. </span>
  4139. <span class=\"final-sub-label\">{{ t.final_recruiter_label }}</span>
  4140. </div>
  4141. <h3 class=\"final-sub-title\">{{ t.final_recruiter_title }}</h3>
  4142. <p class=\"final-sub-desc\">{{ t.final_recruiter_desc }}</p>
  4143. <a href=\"{{ path(\x27whileresume_business_\x27 ~ app.request.locale) }}\" class=\"final-sub-btn\">
  4144. {{ t.final_recruiter }}
  4145. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  4146. </a>
  4147. </div>
  4149. {# Candidat #}
  4150. <div class=\"final-sub\">
  4151. <div class=\"final-sub-head\">
  4152. <span class=\"final-sub-icon\">
  4153. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
  4154. <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/>
  4155. <circle cx=\"12\" cy=\"7\" r=\"4\"/>
  4156. </svg>
  4157. </span>
  4158. <span class=\"final-sub-label\">{{ t.final_candidate_label }}</span>
  4159. </div>
  4160. <h3 class=\"final-sub-title\">{{ t.final_candidate_title }}</h3>
  4161. <p class=\"final-sub-desc\">{{ t.final_candidate_desc }}</p>
  4162. <a href=\"{% if app.request.locale == \x27en\x27 %}{{ path(\x27whileresume_homepage\x27) }}{% else %}{{ path(\x27locale_whileresume_homepage\x27,{\x27_locale\x27:app.request.locale}) }}{% endif %}#register\" class=\"final-sub-btn\">
  4163. {{ t.final_candidate }}
  4164. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>
  4165. </a>
  4166. </div>
  4167. </div>
  4168. </div>
  4169. </div>
  4170. </section>
  4171. {% endif %}
  4172. </div>
  4173. {% endblock body %}
  4175. {% block footer_js %}
  4176. {{ parent() }}
  4177. <script>
  4178. (function(){
  4179. var search = document.getElementById(\x27wrHeroSearch\x27);
  4180. var input = document.getElementById(\x27wrHeroSearchInput\x27);
  4181. var clearBtn = document.getElementById(\x27wrHeroSearchClear\x27);
  4182. var jobsBody = document.getElementById(\x27wrHeroJobsBody\x27);
  4183. var countEl = document.getElementById(\x27wrHeroJobsCount\x27);
  4184. var linkEl = document.getElementById(\x27wrHeroJobsLink\x27);
  4185. if (!search || !input || !jobsBody) return;
  4187. var searchUrl = search.dataset.searchUrl;
  4188. var jobsListUrl = search.dataset.jobsListUrl;
  4190. // On garde l\x27état initial pour pouvoir le restaurer
  4191. var defaultBodyHtml = jobsBody.innerHTML;
  4192. var defaultCountHtml = countEl ? countEl.innerHTML : \x27\x27;
  4193. var defaultLinkHref = linkEl ? linkEl.getAttribute(\x27href\x27) : jobsListUrl;
  4195. var debounceTimer = null;
  4196. var currentRequest = null;
  4197. var lastQuery = \x27\x27;
  4199. var T = {
  4200. loading: \x27{{ t.search_loading|escape(\x27js\x27) }}\x27,
  4201. empty: \x27{{ t.search_no_results|escape(\x27js\x27) }}\x27,
  4202. emptyHint: \x27{{ t.search_no_results_hint|escape(\x27js\x27) }}\x27,
  4203. count: \x27{{ t.search_results_count|escape(\x27js\x27) }}\x27,
  4204. viewAll: \x27{{ t.search_view_all|escape(\x27js\x27) }}\x27,
  4205. view: \x27{{ t.search_view_offer|escape(\x27js\x27) }}\x27
  4206. };
  4208. function escHtml(s){
  4209. if (s == null) return \x27\x27;
  4210. return String(s).replace(/[&<>\"\x27]/g, function(c){
  4211. return {\x27&\x27:\x27&amp;\x27,\x27<\x27:\x27&lt;\x27,\x27>\x27:\x27&gt;\x27,\x27\"\x27:\x27&quot;\x27,\"\x27\":\x27&#39;\x27}[c];
  4212. });
  4213. }
  4215. function setHeaderCount(total){
  4216. if (!countEl) return;
  4217. countEl.innerHTML = \x27<strong>\x27 + total + \x27</strong>\x27 + escHtml(T.count);
  4218. }
  4220. function setHeaderLink(href){
  4221. if (!linkEl) return;
  4222. linkEl.setAttribute(\x27href\x27, href);
  4223. }
  4225. function setLoading(){
  4226. jobsBody.innerHTML =
  4227. \x27<div class=\"hero-jobs-loading\">\x27 +
  4228. \x27<span class=\"hero-jobs-spinner\"></span>\x27 +
  4229. \x27<span>\x27 + escHtml(T.loading) + \x27</span>\x27 +
  4230. \x27</div>\x27;
  4231. }
  4233. function setEmpty(){
  4234. jobsBody.innerHTML =
  4235. \x27<div class=\"hero-jobs-empty\">\x27 +
  4236. \x27<div class=\"hero-jobs-empty-icon\">\x27 +
  4237. \x27<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\x27 +
  4238. \x27<circle cx=\"11\" cy=\"11\" r=\"8\"/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/>\x27 +
  4239. \x27</svg>\x27 +
  4240. \x27</div>\x27 +
  4241. \x27<p class=\"hero-jobs-empty-title\">\x27 + escHtml(T.empty) + \x27</p>\x27 +
  4242. \x27<p class=\"hero-jobs-empty-hint\">\x27 + escHtml(T.emptyHint) + \x27</p>\x27 +
  4243. \x27</div>\x27;
  4244. }
  4246. function restoreDefault(){
  4247. jobsBody.innerHTML = defaultBodyHtml;
  4248. if (countEl) countEl.innerHTML = defaultCountHtml;
  4249. if (linkEl) linkEl.setAttribute(\x27href\x27, defaultLinkHref);
  4250. }
  4252. function renderResults(payload, query){
  4253. var jobs = (payload && payload.jobs) || [];
  4254. var total = (payload && typeof payload.total === \x27number\x27) ? payload.total : jobs.length;
  4256. setHeaderCount(total);
  4257. setHeaderLink(jobsListUrl + \x27?q=\x27 + encodeURIComponent(query));
  4259. if (!jobs.length){
  4260. setEmpty();
  4261. return;
  4262. }
  4264. var html = \x27\x27;
  4265. jobs.slice(0, 6).forEach(function(j){
  4266. var title = j.jobTitle || j.title || \x27\x27;
  4267. var company = j.companyName || j.company || \x27\x27;
  4268. var city = j.city || \x27\x27;
  4269. var country = j.country || \x27\x27;
  4270. var et = j.employmentType || \x27\x27;
  4271. var img = j.image || j.imageUrl || \x27\x27;
  4272. var url = j.url || (jobsListUrl + \x27?q=\x27 + encodeURIComponent(query));
  4273. var initial = (company || title || \x27?\x27).charAt(0).toUpperCase();
  4275. var location = city + (country ? \x27, \x27 + country : \x27\x27);
  4276. var metaParts = [];
  4277. if (company) metaParts.push(\x27<span>\x27 + escHtml(company) + \x27</span>\x27);
  4278. if (location) metaParts.push(\x27<span class=\"hero-default-job-meta-sep\"></span><span>\x27 + escHtml(location) + \x27</span>\x27);
  4279. if (et) metaParts.push(\x27<span class=\"hero-default-job-meta-sep\"></span><span>\x27 + escHtml(et) + \x27</span>\x27);
  4281. html +=
  4282. \x27<a href=\"\x27 + escHtml(url) + \x27\" class=\"hero-default-job\">\x27 +
  4283. \x27<div class=\"hero-default-job-logo\">\x27 +
  4284. (img
  4285. ? \x27<img src=\"\x27 + escHtml(img) + \x27\" alt=\"\">\x27
  4286. : escHtml(initial)) +
  4287. \x27</div>\x27 +
  4288. \x27<div class=\"hero-default-job-info\">\x27 +
  4289. \x27<h3 class=\"hero-default-job-title\">\x27 + escHtml(title) + \x27</h3>\x27 +
  4290. \x27<p class=\"hero-default-job-meta\">\x27 + metaParts.join(\x27\x27) + \x27</p>\x27 +
  4291. \x27</div>\x27 +
  4292. \x27<span class=\"hero-default-job-arrow\">\x27 +
  4293. \x27<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"/></svg>\x27 +
  4294. \x27</span>\x27 +
  4295. \x27</a>\x27;
  4296. });
  4298. jobsBody.innerHTML = html;
  4299. }
  4301. function doSearch(query){
  4302. if (currentRequest && currentRequest.abort) {
  4303. try { currentRequest.abort(); } catch(e){}
  4304. }
  4305. setLoading();
  4306. var url = searchUrl + (searchUrl.indexOf(\x27?\x27) > -1 ? \x27&\x27 : \x27?\x27) + \x27q=\x27 + encodeURIComponent(query);
  4308. var ctrl = (typeof AbortController !== \x27undefined\x27) ? new AbortController() : null;
  4309. currentRequest = ctrl;
  4311. fetch(url, { headers: { \x27Accept\x27: \x27application/json\x27 }, signal: ctrl ? ctrl.signal : undefined })
  4312. .then(function(r){ return r.ok ? r.json() : Promise.reject(r.status); })
  4313. .then(function(data){ renderResults(data, query); })
  4314. .catch(function(err){
  4315. if (err && err.name === \x27AbortError\x27) return;
  4316. setEmpty();
  4317. });
  4318. }
  4320. // Input live (debounce 280ms)
  4321. input.addEventListener(\x27input\x27, function(){
  4322. var q = input.value.trim();
  4323. clearBtn.classList.toggle(\x27is-visible\x27, q.length > 0);
  4325. if (debounceTimer) clearTimeout(debounceTimer);
  4327. if (q.length < 2){
  4328. restoreDefault();
  4329. lastQuery = \x27\x27;
  4330. return;
  4331. }
  4332. if (q === lastQuery) return;
  4334. debounceTimer = setTimeout(function(){
  4335. lastQuery = q;
  4336. doSearch(q);
  4337. }, 280);
  4338. });
  4340. // Enter → page de résultats complète
  4341. input.addEventListener(\x27keydown\x27, function(e){
  4342. if (e.key === \x27Enter\x27){
  4343. e.preventDefault();
  4344. var q = input.value.trim();
  4345. if (!q) return;
  4346. window.location.href = jobsListUrl + \x27?q=\x27 + encodeURIComponent(q);
  4347. }
  4348. if (e.key === \x27Escape\x27){
  4349. input.value = \x27\x27;
  4350. clearBtn.classList.remove(\x27is-visible\x27);
  4351. restoreDefault();
  4352. lastQuery = \x27\x27;
  4353. input.blur();
  4354. }
  4355. });
  4357. // Clear
  4358. clearBtn.addEventListener(\x27click\x27, function(){
  4359. input.value = \x27\x27;
  4360. clearBtn.classList.remove(\x27is-visible\x27);
  4361. restoreDefault();
  4362. lastQuery = \x27\x27;
  4363. input.focus();
  4364. });
  4366. // Pills \"Populaire\" — au clic, on remplit l\x27input et on lance la recherche
  4367. document.querySelectorAll(\x27.hero-popular-pill\x27).forEach(function(pill){
  4368. pill.addEventListener(\x27click\x27, function(){
  4369. var keyword = pill.dataset.keyword || pill.dataset.label || \x27\x27;
  4370. if (!keyword) return;
  4372. // Visuel actif
  4373. document.querySelectorAll(\x27.hero-popular-pill\x27).forEach(function(p){ p.classList.remove(\x27is-active\x27); });
  4374. pill.classList.add(\x27is-active\x27);
  4376. input.value = keyword;
  4377. clearBtn.classList.add(\x27is-visible\x27);
  4378. lastQuery = keyword;
  4379. doSearch(keyword);
  4380. input.focus();
  4381. });
  4382. });
  4383. })();
  4385. /* ═══ Reveal au scroll (Intersection Observer) ═══ */
  4386. (function(){
  4387. var els = document.querySelectorAll(\x27.reveal\x27);
  4388. if (!els.length) return;
  4390. if (!(\x27IntersectionObserver\x27 in window)){
  4391. // Fallback : tout révéler
  4392. els.forEach(function(el){ el.classList.add(\x27is-revealed\x27); });
  4393. return;
  4394. }
  4396. var io = new IntersectionObserver(function(entries){
  4397. entries.forEach(function(entry){
  4398. if (entry.isIntersecting){
  4399. entry.target.classList.add(\x27is-revealed\x27);
  4400. io.unobserve(entry.target);
  4401. }
  4402. });
  4403. }, { threshold: 0.12, rootMargin: \x270px 0px -60px 0px\x27 });
  4405. els.forEach(function(el){ io.observe(el); });
  4406. })();
  4407. </script>
  4408. {% endblock footer_js %}
  4409. ", "application/whileresume/website/candidates/homepage.html.twig", "/var/www/vhosts/whileresume.com/b.whileresume.app/templates/application/whileresume/website/candidates/homepage.html.twig");
  4410. }
  4411. }