{"id":543,"date":"2026-09-21T10:43:34","date_gmt":"2026-09-21T08:43:34","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/?page_id=543"},"modified":"2026-09-21T18:42:55","modified_gmt":"2026-09-21T16:42:55","slug":"contact","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<!-- PAGE CONTACT \/ PRISE DE RENDEZ-VOUS \u2014 GARAGE AUTOMOBILE -->\n<main class=\"wjr-page\" id=\"contact-rdv-garage\">\n<style>\n.wjr-page{\n  --bg:#090d12;--bg2:#0d131a;--panel:#121a24;--panel2:#17212d;\n  --text:#f7f9fc;--muted:#c3cdd8;--line:rgba(255,255,255,.11);\n  --accent:#f04b3e;--accent2:#ff8a7d;--ok:#7ee3a8;--warn:#ffc767;\n  color:var(--text);background:var(--bg);font-family:inherit;overflow:hidden\n}\n.wjr-page*,.wjr-page*::before,.wjr-page*::after{box-sizing:border-box}\n.wjr-page a{text-decoration:none;color:inherit}\n.wjr-page button,.wjr-page input,.wjr-page select,.wjr-page textarea{font:inherit}\n.wjr-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}\n.wjr-section{position:relative;padding:82px 0}\n.wjr-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#ffd6d1;font-size:.9rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}\n.wjr-eyebrow::before{content:\"\";width:28px;height:2px;background:var(--accent);border-radius:99px}\n.wjr-title{margin:13px 0 16px;max-width:820px;font-size:clamp(2.1rem,3.8vw,3.45rem);line-height:1.05;letter-spacing:-.04em;font-weight:900;color:#fff}\n.wjr-title span{color:var(--accent2)}\n.wjr-lead{margin:0;max-width:750px;color:#c8d2dd;font-size:1.15rem;line-height:1.7}\n.wjr-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 22px;border:0;border-radius:14px;font-size:.98rem;font-weight:850;cursor:pointer;transition:.25s ease}\n.wjr-btn:hover{transform:translateY(-2px)}\n.wjr-btn--primary{background:linear-gradient(135deg,var(--accent),#d93429);color:#fff;box-shadow:0 16px 32px rgba(240,75,62,.23)}\n.wjr-btn--ghost{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);color:#fff}\n\n\/* HERO \/ CONTACT HUB *\/\n.wjr-hero{\n  position:relative;min-height:670px;display:grid;align-items:center;isolation:isolate;\n  background:\n    radial-gradient(circle at 82% 20%,rgba(240,75,62,.16),transparent 30%),\n    linear-gradient(115deg,#090d12,#0c1219 52%,#111923)\n}\n.wjr-hero::before{\n  content:\"\";position:absolute;inset:0;z-index:0;opacity:.4;\n  background:\n    linear-gradient(90deg,rgba(5,8,13,.95),rgba(5,8,13,.83) 48%,rgba(5,8,13,.64)),\n    repeating-linear-gradient(90deg,transparent 0 69px,rgba(255,255,255,.025) 70px),\n    repeating-linear-gradient(0deg,transparent 0 69px,rgba(255,255,255,.025) 70px)\n}\n.wjr-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:.88fr 1.12fr;gap:54px;align-items:center;padding:72px 0 60px}\n.wjr-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(8,12,17,.58);font-size:.82rem;font-weight:800}\n.wjr-kicker i{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 6px rgba(126,227,168,.1)}\n.wjr-hero h1{margin:20px 0 18px;max-width:610px;font-size:clamp(2.15rem,4vw,3.75rem);line-height:1.04;letter-spacing:-.045em;font-weight:900;color:#fff}\n.wjr-hero h1 span{display:block;margin-top:7px;color:var(--accent2)}\n.wjr-hero p{margin:0;max-width:600px;color:#d7e0ea;font-size:1.08rem;line-height:1.7}\n\n.wjr-direct{display:grid;gap:11px;margin-top:28px}\n.wjr-direct__item{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}\n.wjr-direct__icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(240,75,62,.13);color:var(--accent2);font-size:1.2rem;font-weight:900}\n.wjr-direct__item strong{display:block;font-size:1.03rem}.wjr-direct__item span{display:block;margin-top:3px;color:#bfc9d5;font-size:.86rem}\n.wjr-direct__item b{color:#fff;font-size:.9rem}\n\n\/* FORM CARD *\/\n.wjr-formcard{position:relative;padding:28px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:linear-gradient(145deg,rgba(20,28,38,.96),rgba(9,14,20,.94));box-shadow:0 30px 70px rgba(0,0,0,.3)}\n.wjr-formcard::before{content:\"\";position:absolute;right:-80px;top:-80px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(240,75,62,.18),transparent 68%);pointer-events:none}\n.wjr-formcard__top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}\n.wjr-formcard__top strong{font-size:1.35rem}.wjr-formcard__top span{padding:8px 10px;border-radius:999px;background:rgba(126,227,168,.10);color:var(--ok);font-size:.78rem;font-weight:850}\n.wjr-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}\n.wjr-field{display:grid;gap:7px}.wjr-field--full{grid-column:1\/-1}\n.wjr-field label{font-size:.88rem;font-weight:800;color:#eaf0f6}\n.wjr-field input,.wjr-field select,.wjr-field textarea{\n  width:100%;border:1px solid rgba(255,255,255,.10);outline:none;color:#fff;background:#0d141c;border-radius:13px;\n  padding:13px 14px;transition:border-color .2s ease,box-shadow .2s ease\n}\n.wjr-field input,.wjr-field select{min-height:48px}\n.wjr-field textarea{min-height:102px;resize:vertical}\n.wjr-field input:focus,.wjr-field select:focus,.wjr-field textarea:focus{border-color:rgba(240,75,62,.55);box-shadow:0 0 0 4px rgba(240,75,62,.08)}\n.wjr-formnote{margin:12px 0 0;color:#95a3b4;font-size:.78rem;line-height:1.5}\n\n\/* SERVICE CHOOSER *\/\n.wjr-needs{background:#0b1016}\n.wjr-needsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}\n.wjr-need{position:relative;min-height:180px;padding:21px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));transition:.28s ease}\n.wjr-need:hover{transform:translateY(-4px);border-color:rgba(240,75,62,.38)}\n.wjr-need__icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(240,75,62,.13);color:var(--accent2);font-weight:900}\n.wjr-need h3{margin:18px 0 7px;font-size:1.16rem;color:#fff}.wjr-need p{margin:0;color:#c1cbd7;font-size:.94rem;line-height:1.55}\n\n\/* PRACTICAL *\/\n.wjr-practical{background:linear-gradient(180deg,#0c1219,#090e14)}\n.wjr-practical__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:stretch}\n.wjr-hours{padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--panel)}\n.wjr-hours h3{margin:0 0 18px;font-size:1.35rem;color:#fff}\n.wjr-hoursrow{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:1rem}\n.wjr-hoursrow:last-child{border-bottom:0}.wjr-hoursrow span{color:#c3cdd8}.wjr-hoursrow strong{color:#fff}\n.wjr-info{display:grid;gap:12px}\n.wjr-infocard{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}\n.wjr-infocard strong{display:block;font-size:1.08rem}.wjr-infocard span{display:block;margin-top:5px;color:#c1cbd7;font-size:.94rem;line-height:1.55}\n\n\/* STATS *\/\n.wjr-stats{padding:34px 0;background:#0c1117;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\n.wjr-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}\n.wjr-stat{min-height:145px;padding:24px 22px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025)}\n.wjr-stat strong{display:flex;align-items:baseline;gap:5px;font-size:clamp(2.55rem,4.1vw,3.7rem);line-height:1;font-weight:900;color:#fff}\n.wjr-stat .wjr-counter{font-size:1em;color:#fff}\n.wjr-stat em{font-style:normal;color:var(--accent2);font-size:.72em}\n.wjr-stat span.wjr-desc{display:block;margin-top:12px;color:#c7d1dc;font-size:1rem;line-height:1.48}\n\n\/* TIMELINE *\/\n.wjr-process{background:#090e14}\n.wjr-processwrap{position:relative;margin-top:42px}\n.wjr-processrail{position:absolute;left:8%;right:8%;top:29px;height:4px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}\n.wjr-processprogress{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .15s linear}\n.wjr-processgrid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}\n.wjr-step__n{position:relative;z-index:2;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#101720;border:1px solid var(--line);font-weight:900;color:#8d99a8;transition:.3s ease}\n.wjr-step.is-active .wjr-step__n{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 0 8px rgba(240,75,62,.09),0 14px 28px rgba(240,75,62,.18)}\n.wjr-step__card{margin-top:22px;padding:21px 19px;min-height:155px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}\n.wjr-step h3{margin:0 0 9px;font-size:1.18rem;color:#fff}.wjr-step p{margin:0;color:#c1cbd7;font-size:.98rem;line-height:1.6}\n\n\/* FAQ *\/\n.wjr-faq{background:#0b1016}\n.wjr-faqgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}\n.wjr-faqitem{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}\n.wjr-faqitem strong{display:block;font-size:1.07rem;color:#fff}.wjr-faqitem p{margin:7px 0 0;color:#c1cbd7;font-size:.94rem;line-height:1.55}\n\n.wjr-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}\n.wjr-reveal.is-visible{opacity:1;transform:none}\n.wjr-d1{transition-delay:.08s}.wjr-d2{transition-delay:.16s}.wjr-d3{transition-delay:.24s}\n\n@media(max-width:980px){\n  .wjr-hero{min-height:auto}.wjr-hero__grid{grid-template-columns:1fr;gap:30px;padding:58px 0 44px}\n  .wjr-needsgrid{grid-template-columns:repeat(2,1fr)}\n  .wjr-practical__grid{grid-template-columns:1fr}\n  .wjr-stats__grid{grid-template-columns:repeat(2,1fr)}\n  .wjr-processgrid{grid-template-columns:repeat(2,1fr)}.wjr-processrail{display:none}\n}\n@media(max-width:680px){\n  .wjr-container{width:min(100% - 24px,1180px)}.wjr-section{padding:50px 0}\n  .wjr-title{font-size:clamp(1.8rem,7.4vw,2.3rem)}.wjr-lead{font-size:1rem;line-height:1.6}.wjr-eyebrow{font-size:.78rem}\n  .wjr-hero__grid{padding:36px 0 28px}.wjr-hero h1{font-size:clamp(1.95rem,8.4vw,2.7rem);margin:15px 0 13px}.wjr-hero p{font-size:1rem}\n  .wjr-direct__item{grid-template-columns:42px 1fr;padding:12px}.wjr-direct__icon{width:42px;height:42px}.wjr-direct__item b{grid-column:2}\n  .wjr-formcard{padding:19px;border-radius:21px}.wjr-formgrid{grid-template-columns:1fr}.wjr-field--full{grid-column:auto}.wjr-formcard__top strong{font-size:1.15rem}\n  .wjr-needsgrid{grid-template-columns:repeat(2,1fr);gap:9px}.wjr-need{min-height:155px;padding:15px}.wjr-need h3{font-size:.98rem;margin-top:14px}.wjr-need p{font-size:.82rem}\n  .wjr-hours,.wjr-infocard{padding:17px}.wjr-hoursrow{font-size:.9rem}\n  .wjr-stats{padding:24px 0}.wjr-stats__grid{gap:8px}.wjr-stat{min-height:126px;padding:17px 14px}.wjr-stat strong{font-size:2.3rem}.wjr-stat span.wjr-desc{font-size:.88rem}\n  .wjr-processgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none}.wjr-processgrid::-webkit-scrollbar{display:none}\n  .wjr-step{flex:0 0 82%;scroll-snap-align:start}.wjr-step__n{width:50px;height:50px}.wjr-step__card{margin-top:13px;min-height:140px;padding:17px}.wjr-step h3{font-size:1.05rem}.wjr-step p{font-size:.88rem}\n  .wjr-faqgrid{grid-template-columns:1fr}.wjr-faqitem{padding:16px}\n}\n@media(prefers-reduced-motion:reduce){.wjr-page *{transition-duration:.01ms!important}.wjr-reveal{opacity:1;transform:none}}\n<\/style>\n\n<section class=\"wjr-hero\">\n  <div class=\"wjr-container wjr-hero__grid\">\n    <div class=\"wjr-reveal\">\n      <div class=\"wjr-kicker\"><i><\/i> Contact &#038; rendez-vous<\/div>\n      <h1>Votre v\u00e9hicule a besoin d\u2019un contr\u00f4le ? <span>Expliquez-nous simplement ce qu\u2019il se passe.<\/span><\/h1>\n      <p>Un bruit, un voyant, un entretien \u00e0 pr\u00e9voir ou une r\u00e9paration : choisissez le moyen le plus simple pour nous contacter.<\/p>\n\n      <div class=\"wjr-direct\">\n        <a class=\"wjr-direct__item\" href=\"tel:+33000000000\">\n          <span class=\"wjr-direct__icon\">\u260e<\/span>\n          <span><strong>Appeler le garage<\/strong><span>Pour une r\u00e9ponse rapide ou un besoin urgent.<\/span><\/span>\n          <b>00 00 00 00 00<\/b>\n        <\/a>\n        <div class=\"wjr-direct__item\">\n          <span class=\"wjr-direct__icon\">\u231a<\/span>\n          <span><strong>Horaires<\/strong><span>\u00c0 personnaliser avec les horaires r\u00e9els du garage.<\/span><\/span>\n          <b>Lun. \u2192 Sam.<\/b>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"wjr-formcard wjr-reveal wjr-d1\">\n      <div class=\"wjr-formcard__top\">\n        <strong>Demander un rendez-vous<\/strong>\n        <span>R\u00e9ponse rapide*<\/span>\n      <\/div>\n      <form action=\"#\" method=\"post\">\n        <div class=\"wjr-formgrid\">\n          <div class=\"wjr-field\">\n            <label for=\"wjr-name\">Nom<\/label>\n            <input id=\"wjr-name\" name=\"name\" type=\"text\" placeholder=\"Votre nom\" autocomplete=\"name\">\n          <\/div>\n          <div class=\"wjr-field\">\n            <label for=\"wjr-phone\">T\u00e9l\u00e9phone<\/label>\n            <input id=\"wjr-phone\" name=\"phone\" type=\"tel\" placeholder=\"Votre num\u00e9ro\" autocomplete=\"tel\">\n          <\/div>\n          <div class=\"wjr-field\">\n            <label for=\"wjr-vehicle\">V\u00e9hicule<\/label>\n            <input id=\"wjr-vehicle\" name=\"vehicle\" type=\"text\" placeholder=\"Marque \/ mod\u00e8le\">\n          <\/div>\n          <div class=\"wjr-field\">\n            <label for=\"wjr-service\">Besoin<\/label>\n            <select id=\"wjr-service\" name=\"service\">\n              <option>Entretien &#038; vidange<\/option>\n              <option>Freinage<\/option>\n              <option>Pneus &#038; g\u00e9om\u00e9trie<\/option>\n              <option>Diagnostic \u00e9lectronique<\/option>\n              <option>Distribution &#038; moteur<\/option>\n              <option>Climatisation<\/option>\n              <option>Autre besoin<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"wjr-field wjr-field--full\">\n            <label for=\"wjr-message\">Que se passe-t-il ?<\/label>\n            <textarea id=\"wjr-message\" name=\"message\" placeholder=\"Ex. voyant moteur, bruit, entretien \u00e0 pr\u00e9voir...\"><\/textarea>\n          <\/div>\n          <div class=\"wjr-field wjr-field--full\">\n            <button class=\"wjr-btn wjr-btn--primary\" type=\"submit\">Envoyer ma demande<\/button>\n          <\/div>\n        <\/div>\n        <p class=\"wjr-formnote\">Formulaire de d\u00e9monstration : \u00e0 connecter au formulaire WordPress \/ e-mail du garage avant mise en ligne.<\/p>\n      <\/form>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"wjr-section wjr-needs\">\n  <div class=\"wjr-container\">\n    <div class=\"wjr-reveal\"><span class=\"wjr-eyebrow\">Votre besoin<\/span><h2 class=\"wjr-title\">En 5 secondes, choisissez <span>pourquoi vous venez.<\/span><\/h2><p class=\"wjr-lead\">Le garage peut ainsi pr\u00e9parer plus rapidement la bonne prise en charge.<\/p><\/div>\n    <div class=\"wjr-needsgrid\">\n      <article class=\"wjr-need wjr-reveal\"><div class=\"wjr-need__icon\">01<\/div><h3>Entretien<\/h3><p>Vidange, filtres, r\u00e9vision ou entretien p\u00e9riodique.<\/p><\/article>\n      <article class=\"wjr-need wjr-reveal wjr-d1\"><div class=\"wjr-need__icon\">02<\/div><h3>Voyant \/ panne<\/h3><p>Voyant moteur, perte de puissance ou comportement inhabituel.<\/p><\/article>\n      <article class=\"wjr-need wjr-reveal wjr-d2\"><div class=\"wjr-need__icon\">03<\/div><h3>Freinage<\/h3><p>Bruit, vibrations ou freinage devenu moins efficace.<\/p><\/article>\n      <article class=\"wjr-need wjr-reveal\"><div class=\"wjr-need__icon\">04<\/div><h3>Pneus<\/h3><p>Usure, vibrations, changement ou g\u00e9om\u00e9trie.<\/p><\/article>\n      <article class=\"wjr-need wjr-reveal wjr-d1\"><div class=\"wjr-need__icon\">05<\/div><h3>Moteur<\/h3><p>Distribution, bruit m\u00e9canique ou entretien moteur.<\/p><\/article>\n      <article class=\"wjr-need wjr-reveal wjr-d2\"><div class=\"wjr-need__icon\">06<\/div><h3>Climatisation<\/h3><p>Air ti\u00e8de, faible d\u00e9bit ou besoin de contr\u00f4le.<\/p><\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"wjr-section wjr-practical\">\n  <div class=\"wjr-container wjr-practical__grid\">\n    <div class=\"wjr-hours wjr-reveal\">\n      <span class=\"wjr-eyebrow\">Informations pratiques<\/span>\n      <h3>Horaires du garage<\/h3>\n      <div class=\"wjr-hoursrow\"><span>Lundi<\/span><strong>08:00 \u2013 18:00<\/strong><\/div>\n      <div class=\"wjr-hoursrow\"><span>Mardi<\/span><strong>08:00 \u2013 18:00<\/strong><\/div>\n      <div class=\"wjr-hoursrow\"><span>Mercredi<\/span><strong>08:00 \u2013 18:00<\/strong><\/div>\n      <div class=\"wjr-hoursrow\"><span>Jeudi<\/span><strong>08:00 \u2013 18:00<\/strong><\/div>\n      <div class=\"wjr-hoursrow\"><span>Vendredi<\/span><strong>08:00 \u2013 18:00<\/strong><\/div>\n      <div class=\"wjr-hoursrow\"><span>Samedi<\/span><strong>Sur rendez-vous*<\/strong><\/div>\n    <\/div>\n\n    <div class=\"wjr-info wjr-reveal wjr-d1\">\n      <div class=\"wjr-infocard\"><strong>Adresse<\/strong><span>\u00c0 remplacer par l\u2019adresse r\u00e9elle du garage avant la mise en ligne.<\/span><\/div>\n      <div class=\"wjr-infocard\"><strong>Stationnement<\/strong><span>Indiquez ici l\u2019acc\u00e8s atelier, le parking client ou les consignes de d\u00e9p\u00f4t du v\u00e9hicule.<\/span><\/div>\n      <div class=\"wjr-infocard\"><strong>Avant votre rendez-vous<\/strong><span>Pensez \u00e0 pr\u00e9ciser le mod\u00e8le, l\u2019ann\u00e9e, le kilom\u00e9trage et les sympt\u00f4mes observ\u00e9s.<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"wjr-stats\">\n  <div class=\"wjr-container wjr-stats__grid\">\n    <article class=\"wjr-stat wjr-reveal\"><strong><span class=\"wjr-counter\" data-target=\"6\">0<\/span><em> services<\/em><\/strong><span class=\"wjr-desc\">principaux regroup\u00e9s au m\u00eame atelier.<\/span><\/article>\n    <article class=\"wjr-stat wjr-reveal wjr-d1\"><strong><span class=\"wjr-counter\" data-target=\"100\">0<\/span><em>%<\/em><\/strong><span class=\"wjr-desc\">des travaux expliqu\u00e9s avant intervention.<\/span><\/article>\n    <article class=\"wjr-stat wjr-reveal wjr-d2\"><strong><span class=\"wjr-counter\" data-target=\"24\">0<\/span><em>h<\/em><\/strong><span class=\"wjr-desc\">objectif de retour sur devis*.<\/span><\/article>\n    <article class=\"wjr-stat wjr-reveal wjr-d3\"><strong><span class=\"wjr-counter\" data-target=\"10\">0<\/span><em>+ ans<\/em><\/strong><span class=\"wjr-desc\">d\u2019exp\u00e9rience \u00e0 personnaliser*.<\/span><\/article>\n  <\/div>\n<\/section>\n\n<section class=\"wjr-section wjr-process\" data-process>\n  <div class=\"wjr-container\">\n    <div class=\"wjr-reveal\"><span class=\"wjr-eyebrow\">Apr\u00e8s votre demande<\/span><h2 class=\"wjr-title\">Une prise de rendez-vous <span>simple et claire.<\/span><\/h2><p class=\"wjr-lead\">La timeline s\u2019active au scroll pour montrer les quatre \u00e9tapes du parcours client.<\/p><\/div>\n    <div class=\"wjr-processwrap\">\n      <div class=\"wjr-processrail\"><div class=\"wjr-processprogress\"><\/div><\/div>\n      <div class=\"wjr-processgrid\">\n        <article class=\"wjr-step is-active\"><div class=\"wjr-step__n\">01<\/div><div class=\"wjr-step__card\"><h3>Votre demande<\/h3><p>Vous indiquez le v\u00e9hicule, le besoin et les sympt\u00f4mes \u00e9ventuels.<\/p><\/div><\/article>\n        <article class=\"wjr-step\"><div class=\"wjr-step__n\">02<\/div><div class=\"wjr-step__card\"><h3>Confirmation<\/h3><p>Le garage confirme le cr\u00e9neau et les premi\u00e8res informations utiles.<\/p><\/div><\/article>\n        <article class=\"wjr-step\"><div class=\"wjr-step__n\">03<\/div><div class=\"wjr-step__card\"><h3>Contr\u00f4le atelier<\/h3><p>Le v\u00e9hicule est pris en charge et contr\u00f4l\u00e9 selon votre besoin.<\/p><\/div><\/article>\n        <article class=\"wjr-step\"><div class=\"wjr-step__n\">04<\/div><div class=\"wjr-step__card\"><h3>Devis &#038; intervention<\/h3><p>Les travaux n\u00e9cessaires sont expliqu\u00e9s avant leur r\u00e9alisation.<\/p><\/div><\/article>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"wjr-section wjr-faq\">\n  <div class=\"wjr-container\">\n    <div class=\"wjr-reveal\"><span class=\"wjr-eyebrow\">Questions fr\u00e9quentes<\/span><h2 class=\"wjr-title\">Avant de venir <span>au garage.<\/span><\/h2><\/div>\n    <div class=\"wjr-faqgrid\">\n      <div class=\"wjr-faqitem wjr-reveal\"><strong>Dois-je conna\u00eetre exactement la panne ?<\/strong><p>Non. D\u00e9crivez simplement le bruit, le voyant ou le comportement observ\u00e9.<\/p><\/div>\n      <div class=\"wjr-faqitem wjr-reveal wjr-d1\"><strong>Puis-je demander un devis avant travaux ?<\/strong><p>Oui, les interventions \u00e0 pr\u00e9voir doivent \u00eatre expliqu\u00e9es avant leur r\u00e9alisation.<\/p><\/div>\n      <div class=\"wjr-faqitem wjr-reveal\"><strong>Que dois-je indiquer pour mon v\u00e9hicule ?<\/strong><p>Marque, mod\u00e8le, ann\u00e9e et kilom\u00e9trage permettent d\u00e9j\u00e0 de pr\u00e9parer le rendez-vous.<\/p><\/div>\n      <div class=\"wjr-faqitem wjr-reveal wjr-d1\"><strong>Le formulaire r\u00e9serve-t-il directement un cr\u00e9neau ?<\/strong><p>Dans cette d\u00e9mo, il envoie une demande. Le syst\u00e8me final pourra \u00eatre reli\u00e9 \u00e0 votre outil de rendez-vous.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(()=>{\nconst root=document.querySelector('.wjr-page');if(!root)return;\nconst reduced=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\nconst reveals=root.querySelectorAll('.wjr-reveal');\nif(reduced||!('IntersectionObserver'in window)){reveals.forEach(x=>x.classList.add('is-visible'))}\nelse{\n const io=new IntersectionObserver((entries,obs)=>entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('is-visible');obs.unobserve(e.target)}}),{threshold:.12,rootMargin:'0px 0px -6% 0px'});\n reveals.forEach(x=>io.observe(x))\n}\n\nconst counters=root.querySelectorAll('.wjr-counter');\nconst runCounter=el=>{\n if(el.dataset.done)return;el.dataset.done='1';\n const target=Number(el.dataset.target||0);\n if(reduced){el.textContent=target.toLocaleString('fr-FR');return}\n const start=performance.now(),duration=1050;\n const tick=now=>{const p=Math.min((now-start)\/duration,1),e=1-Math.pow(1-p,3);el.textContent=Math.round(target*e).toLocaleString('fr-FR');if(p<1)requestAnimationFrame(tick)};\n requestAnimationFrame(tick)\n};\nif('IntersectionObserver'in window){\n const ci=new IntersectionObserver((entries,obs)=>entries.forEach(e=>{if(e.isIntersecting){runCounter(e.target);obs.unobserve(e.target)}}),{threshold:.45});\n counters.forEach(c=>ci.observe(c))\n}else counters.forEach(runCounter);\n\nconst process=root.querySelector('[data-process]');\nif(process){\n const steps=[...process.querySelectorAll('.wjr-step')],progress=process.querySelector('.wjr-processprogress');\n let ticking=false;\n const update=()=>{ticking=false;const r=process.getBoundingClientRect(),vh=window.innerHeight||document.documentElement.clientHeight;const p=Math.max(0,Math.min(1,(vh*.74-r.top)\/Math.max(1,r.height+vh*.28)));const idx=Math.min(steps.length-1,Math.floor(p*steps.length));steps.forEach((s,i)=>s.classList.toggle('is-active',i<=idx));if(progress)progress.style.width=`${p*100}%`};\n const onScroll=()=>{if(!ticking){ticking=true;requestAnimationFrame(update)}};\n window.addEventListener('scroll',onScroll,{passive:true});window.addEventListener('resize',onScroll,{passive:true});update()\n}\n})();\n<\/script>\n<\/main>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Contact &#038; rendez-vous Votre v\u00e9hicule a besoin d\u2019un contr\u00f4le ? Expliquez-nous simplement ce qu\u2019il se passe. Un bruit, un voyant, un entretien \u00e0 pr\u00e9voir ou une r\u00e9paration : choisissez le moyen le plus simple pour nous contacter. \u260e Appeler le garagePour une r\u00e9ponse rapide ou un besoin urgent. 00 00 00 00 00 \u231a Horaires\u00c0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-543","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/pages\/543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/comments?post=543"}],"version-history":[{"count":2,"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/pages\/543\/revisions"}],"predecessor-version":[{"id":599,"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/pages\/543\/revisions\/599"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/media?parent=543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}