{"id":11443,"date":"2026-05-10T21:22:30","date_gmt":"2026-05-10T21:22:30","guid":{"rendered":"https:\/\/bienimmo.be\/?page_id=11443"},"modified":"2026-05-10T21:44:12","modified_gmt":"2026-05-10T21:44:12","slug":"demande-offre","status":"publish","type":"page","link":"https:\/\/bienimmo.be\/nl\/demande-offre\/","title":{"rendered":"Demande d’offre"},"content":{"rendered":"
\n\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n Demande de devis \u2014 BienImmo<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:wght@700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *,*::before,*::after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}\r\n :root{\r\n --p:#3b82f6;--pd:#1d4ed8;--pl:#60a5fa;--ps:rgba(59,130,246,.12);--pss:rgba(59,130,246,.08);\r\n --dark:#0f1c2e;--dark2:#162236;--dark3:#1e2d42;--dark4:#243450;\r\n --bg:#0f1c2e;--card:#1e2d42;--bd:#2a3f5f;--bd2:#3a527a;\r\n --tx:#f1f5f9;--mu:#94a3b8;--lt:#64748b;\r\n --green:#10b981;--green-bg:rgba(16,185,129,.1);--green-bd:rgba(110,231,183,.3);\r\n --gold:#f59e0b;\r\n }\r\n body{margin:0;background:var(--dark);min-height:100vh;font-family:\"Inter\",sans-serif;color:var(--tx)}\r\n #app{width:100%;max-width:none;margin:0}\r\n @media(min-width:768px){\r\n body{background:linear-gradient(160deg,#0a1628 0%,#0f1c2e 60%)}\r\n #app{max-width:900px;margin:0 auto;padding:32px 20px 60px}\r\n }\r\n\r\n \/* \u2550\u2550 HEADER \u2550\u2550 *\/\r\n .header{\r\n background:var(--dark3);border-bottom:1px solid var(--bd);\r\n padding:16px 20px;display:flex;align-items:center;justify-content:space-between;\r\n position:sticky;top:0;z-index:100;\r\n box-shadow:0 2px 12px rgba(0,0,0,.3)\r\n }\r\n @media(min-width:768px){.header{border-radius:16px 16px 0 0;position:static;box-shadow:none;border:1px solid var(--bd);border-bottom:none;padding:18px 24px}}\r\n .header-logo{display:flex;align-items:center;gap:10px}\r\n .header-logo-icon{\r\n width:36px;height:36px;border-radius:10px;\r\n background:linear-gradient(135deg,var(--p),var(--pl));\r\n display:flex;align-items:center;justify-content:center;font-size:18px;\r\n box-shadow:0 2px 8px rgba(29,110,245,.3)\r\n }\r\n .header-logo-text{font-size:17px;font-weight:800;color:#fff;letter-spacing:-.3px}\r\n .header-logo-sub{font-size:10px;font-weight:500;color:var(--mu);display:block}\r\n .header-badge{\r\n display:inline-flex;align-items:center;gap:5px;\r\n background:var(--green-bg);border:1px solid var(--green-bd);\r\n border-radius:20px;padding:4px 10px;\r\n font-size:11px;font-weight:700;color:var(--green)\r\n }\r\n\r\n \/* \u2550\u2550 HERO \u2550\u2550 *\/\r\n .hero{\r\n background:linear-gradient(135deg,var(--p) 0%,#2563eb 50%,#1d4ed8 100%);\r\n padding:28px 20px 32px;color:#fff;\r\n position:relative;overflow:hidden\r\n }\r\n @media(min-width:768px){.hero{padding:32px 28px;border-left:1px solid var(--bd);border-right:1px solid var(--bd)}}\r\n .hero::before{\r\n content:\"\";position:absolute;top:-40px;right:-40px;\r\n width:200px;height:200px;\r\n background:radial-gradient(circle,rgba(255,255,255,.1),transparent 70%);\r\n border-radius:50%\r\n }\r\n .hero::after{\r\n content:\"\";position:absolute;bottom:-20px;left:20%;\r\n width:150px;height:150px;\r\n background:radial-gradient(circle,rgba(255,255,255,.07),transparent 70%);\r\n border-radius:50%\r\n }\r\n .hero-in{position:relative;z-index:1}\r\n .hero-eyebrow{\r\n display:inline-flex;align-items:center;gap:6px;\r\n background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);\r\n border-radius:20px;padding:4px 12px;\r\n font-size:11px;font-weight:700;color:rgba(255,255,255,.95);\r\n text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px\r\n }\r\n .hero-title{\r\n font-family:\"Playfair Display\",serif;\r\n font-size:clamp(22px,4vw,30px);font-weight:900;\r\n color:#fff;line-height:1.2;margin-bottom:8px\r\n }\r\n .hero-sub{font-size:14px;font-weight:500;color:rgba(255,255,255,.85);line-height:1.6;margin-bottom:20px;max-width:480px}\r\n .hero-stats{display:flex;gap:20px;flex-wrap:wrap}\r\n .hero-stat{\r\n display:flex;align-items:center;gap:7px;\r\n background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);\r\n border-radius:10px;padding:8px 12px\r\n }\r\n .hero-stat-icon{font-size:16px}\r\n .hero-stat-text{font-size:12px;font-weight:600;color:rgba(255,255,255,.95)}\r\n .hero-stat-text small{display:block;font-size:10px;font-weight:400;color:rgba(255,255,255,.7);margin-top:1px}\r\n\r\n \/* \u2550\u2550 MAIN CARD \u2550\u2550 *\/\r\n .main-card{\r\n background:var(--dark2);border:1px solid var(--bd);\r\n border-top:none;\r\n }\r\n @media(min-width:768px){.main-card{border-radius:0 0 16px 16px;border-top:none}}\r\n .section{padding:22px 20px}\r\n @media(min-width:768px){.section{padding:24px 28px}}\r\n .section+.section{border-top:1px solid var(--bd)}\r\n\r\n .section-label{\r\n font-size:11px;font-weight:800;color:var(--p);\r\n text-transform:uppercase;letter-spacing:.7px;\r\n display:flex;align-items:center;gap:6px;margin-bottom:14px\r\n }\r\n .section-label::after{content:\"\";flex:1;height:1px;background:var(--pss)}\r\n\r\n \/* \u2550\u2550 TYPE TRAVAUX \u2014 grille de cards \u2550\u2550 *\/\r\n .type-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:10px\r\n }\r\n @media(min-width:480px){.type-grid{grid-template-columns:repeat(3,1fr)}}\r\n @media(min-width:680px){.type-grid{grid-template-columns:repeat(4,1fr)}}\r\n\r\n .type-card{\r\n display:flex;flex-direction:column;\r\n padding:14px;border-radius:12px;\r\n border:1.5px solid var(--bd)!important;background:var(--dark3)!important;\r\n cursor:pointer;transition:all .18s;text-align:left;\r\n -webkit-appearance:none;appearance:none;font-family:\"Inter\",sans-serif;\r\n position:relative;overflow:hidden\r\n }\r\n .type-card:hover{border-color:var(--p)!important;background:var(--dark4)!important;box-shadow:0 4px 16px rgba(59,130,246,.15)}\r\n .type-card.sel{\r\n border-color:var(--p)!important;background:var(--ps)!important;\r\n box-shadow:0 4px 16px rgba(59,130,246,.2)\r\n }\r\n .type-card.sel::after{\r\n content:\"\u2713\";position:absolute;top:8px;right:8px;\r\n width:18px;height:18px;border-radius:50%;\r\n background:var(--p);color:#fff;font-size:10px;font-weight:800;\r\n display:flex;align-items:center;justify-content:center;line-height:18px;text-align:center\r\n }\r\n .type-icon{font-size:24px;margin-bottom:8px;display:block}\r\n .type-name{font-size:13px;font-weight:800;color:#fff;margin-bottom:2px}\r\n .type-desc{font-size:10px;font-weight:500;color:var(--mu);line-height:1.4}\r\n\r\n \/* \u2550\u2550 URGENCE \u2550\u2550 *\/\r\n .urgence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\r\n @media(min-width:480px){.urgence-grid{grid-template-columns:repeat(5,1fr)}}\r\n .urg-btn{\r\n display:flex;flex-direction:column;align-items:center;justify-content:center;\r\n gap:4px;padding:10px 8px;border-radius:10px;\r\n border:1.5px solid var(--bd)!important;background:var(--dark3)!important;\r\n cursor:pointer;transition:all .18s;text-align:center;\r\n -webkit-appearance:none;appearance:none;font-family:\"Inter\",sans-serif\r\n }\r\n .urg-btn:hover{border-color:var(--p)!important;background:var(--dark4)!important}\r\n .urg-btn.sel{border-color:var(--p)!important;background:var(--ps)!important}\r\n .urg-icon{font-size:18px}\r\n .urg-label{font-size:11px;font-weight:700;color:#fff}\r\n .urg-sub{font-size:9px;font-weight:500;color:var(--mu)}\r\n\r\n \/* \u2550\u2550 BUDGET \u2550\u2550 *\/\r\n .budget-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}\r\n @media(min-width:480px){.budget-grid{grid-template-columns:repeat(3,1fr)}}\r\n @media(min-width:640px){.budget-grid{grid-template-columns:repeat(5,1fr)}}\r\n .bud-btn{\r\n display:flex;flex-direction:column;align-items:center;justify-content:center;\r\n gap:3px;padding:12px 8px;border-radius:10px;\r\n border:1.5px solid var(--bd)!important;background:var(--dark3)!important;\r\n cursor:pointer;transition:all .18s;text-align:center;\r\n -webkit-appearance:none;appearance:none;font-family:\"Inter\",sans-serif\r\n }\r\n .bud-btn:hover{border-color:var(--p)!important;background:var(--dark4)!important}\r\n .bud-btn.sel{border-color:var(--p)!important;background:var(--ps)!important}\r\n .bud-amount{font-size:14px;font-weight:800;color:#fff}\r\n .bud-sub{font-size:10px;font-weight:500;color:var(--mu)}\r\n\r\n \/* \u2550\u2550 FORM \u2550\u2550 *\/\r\n .form-grid{display:flex;flex-direction:column;gap:12px}\r\n .form-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}\r\n .form-field{display:flex;flex-direction:column;gap:5px}\r\n .form-lbl{font-size:11px;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.4px}\r\n .form-inp,.form-sel,.form-ta{\r\n width:100%!important;padding:11px 14px!important;border-radius:10px!important;\r\n border:1.5px solid var(--bd)!important;background:var(--dark4)!important;\r\n font-size:16px!important;font-weight:500!important;color:#fff!important;\r\n -webkit-text-fill-color:#fff!important;\r\n font-family:\"Inter\",sans-serif!important;outline:none!important;\r\n transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none\r\n }\r\n .form-inp::placeholder{color:var(--lt)!important;font-weight:400!important;-webkit-text-fill-color:var(--lt)!important}\r\n .form-inp:focus,.form-sel:focus,.form-ta:focus{\r\n border-color:var(--p)!important;box-shadow:0 0 0 3px rgba(29,110,245,.1)!important\r\n }\r\n .form-ta{resize:vertical;min-height:90px}\r\n\r\n \/* \u2550\u2550 VISITE BOX \u2550\u2550 *\/\r\n .visite-box{\r\n background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(245,158,11,.05));\r\n border:1.5px solid rgba(245,158,11,.3);border-radius:14px;\r\n padding:16px;display:flex;align-items:center;gap:14px;margin-bottom:14px\r\n }\r\n .visite-icon{font-size:28px;flex-shrink:0}\r\n .visite-title{font-size:14px;font-weight:800;color:var(--gold);margin-bottom:3px}\r\n .visite-sub{font-size:12px;font-weight:500;color:var(--mu);line-height:1.4}\r\n .visite-tag{\r\n font-size:11px;font-weight:800;color:#fff;\r\n background:var(--gold);border-radius:20px;\r\n padding:3px 10px;white-space:nowrap;flex-shrink:0\r\n }\r\n\r\n \/* \u2550\u2550 CTAs \u2550\u2550 *\/\r\n .cta-section{background:var(--dark2);padding:20px}\r\n @media(min-width:768px){.cta-section{padding:24px 28px}}\r\n .cta-wa{\r\n width:100%;padding:16px;border-radius:13px;border:none!important;\r\n background:linear-gradient(135deg,#25d366,#128c43)!important;\r\n color:#fff!important;font-size:15px;font-weight:800;cursor:pointer;\r\n font-family:\"Inter\",sans-serif;display:flex;align-items:center;\r\n justify-content:center;gap:10px;margin-bottom:10px;\r\n box-shadow:0 4px 16px rgba(37,211,102,.25);transition:all .2s;\r\n -webkit-appearance:none;appearance:none\r\n }\r\n .cta-wa:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,211,102,.35)}\r\n .cta-email{\r\n width:100%;padding:14px;border-radius:13px;\r\n border:1.5px solid var(--bd)!important;background:#fff!important;\r\n color:var(--p)!important;font-size:14px;font-weight:700;cursor:pointer;\r\n font-family:\"Inter\",sans-serif;display:flex;align-items:center;\r\n justify-content:center;gap:8px;margin-bottom:8px;transition:all .2s;\r\n -webkit-appearance:none;appearance:none\r\n }\r\n .cta-email:hover{border-color:var(--p)!important;background:var(--ps)!important;color:var(--pl)!important}\r\n .cta-skip{\r\n width:100%;padding:10px;border-radius:10px;border:none!important;\r\n background:transparent!important;color:var(--lt)!important;\r\n font-size:12px;font-weight:500;cursor:pointer;\r\n font-family:\"Inter\",sans-serif;-webkit-appearance:none;appearance:none\r\n }\r\n .cta-note{\r\n display:flex;justify-content:center;gap:16px;flex-wrap:wrap;\r\n margin-top:12px;padding-top:12px;border-top:1px solid var(--bd)\r\n }\r\n .cta-note span{font-size:11px;font-weight:600;color:var(--lt);display:flex;align-items:center;gap:4px}\r\n\r\n \/* \u2550\u2550 PROGRESS \u2550\u2550 *\/\r\n .progress-bar{\r\n height:3px;background:var(--dark4);\r\n border-radius:0;overflow:hidden\r\n }\r\n .progress-fill{height:100%;background:var(--p);transition:width .4s ease;border-radius:0}\r\n\r\n \/* \u2550\u2550 SUCCESS \u2550\u2550 *\/\r\n .success{text-align:center;padding:52px 24px;background:var(--dark2)}\r\n .success-icon{font-size:64px;display:block;margin-bottom:16px}\r\n .success h2{font-family:\"Playfair Display\",serif;font-size:24px;font-weight:900;color:#fff;margin-bottom:10px}\r\n .success p{font-size:14px;color:var(--mu);line-height:1.6;margin:0 0 8px}\r\n .success-badge{\r\n background:var(--green-bg);border:1.5px solid var(--green-bd);\r\n border-radius:14px;padding:16px;margin:16px auto;max-width:360px;text-align:left\r\n }\r\n .success-badge p{font-size:13px;font-weight:600;color:var(--green);margin:0;line-height:1.7}\r\n\r\n \/* Loader *\/\r\n .loader{display:none;position:fixed;inset:0;background:rgba(15,28,46,.92);z-index:9999;align-items:center;justify-content:center;flex-direction:column;gap:14px;backdrop-filter:blur(4px)}\r\n .loader.show{display:flex}\r\n .spinner{width:40px;height:40px;border:3px solid var(--dark4);border-top-color:var(--p);border-radius:50%;animation:spin .7s linear infinite}\r\n @keyframes spin{to{transform:rotate(360deg)}}\r\n .loader p{font-size:14px;font-weight:600;color:var(--mu)}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"loader\" id=\"loader\"><div class=\"spinner\"><\/div><p>Envoi en cours\u2026<\/p><\/div>\r\n\r\n<div id=\"app\">\r\n\r\n <!-- HEADER -->\r\n <div class=\"header\">\r\n <div class=\"header-logo\">\r\n <div class=\"header-logo-icon\">\ud83c\udfe0<\/div>\r\n <div>\r\n <div class=\"header-logo-text\">BienImmo<\/div>\r\n <span class=\"header-logo-sub\">R\u00e9novation \u00b7 Construction<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"header-badge\">\u2713 Devis gratuit<\/div>\r\n <\/div>\r\n\r\n <!-- HERO -->\r\n <div class=\"hero\">\r\n <div class=\"hero-in\">\r\n <div class=\"hero-eyebrow\">\ud83c\udfd7\ufe0f Votre projet de r\u00e9novation<\/div>\r\n <div class=\"hero-title\">Des travaux simples,<br>abordables et bien faits.<\/div>\r\n <div class=\"hero-sub\">D\u00e9crivez votre projet en 2 minutes \u2014 nous vous envoyons un devis gratuit et planifions une visite \u00e0 votre convenance.<\/div>\r\n <div class=\"hero-stats\">\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-icon\">\u26a1<\/div>\r\n <div class=\"hero-stat-text\">Snel antwoord<small>Sous 24h garantie<\/small><\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-icon\">\ud83c\udfaf<\/div>\r\n <div class=\"hero-stat-text\">Devis gratuit<small>Sans engagement<\/small><\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-icon\">\u2b50<\/div>\r\n <div class=\"hero-stat-text\">Artisans certifi\u00e9s<small>Qualit\u00e9 garantie<\/small><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- BARRE PROGRESSION -->\r\n <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"progress\" style=\"width:20%\"><\/div><\/div>\r\n\r\n <!-- MAIN -->\r\n <div class=\"main-card\" id=\"main-card\">\r\n\r\n <!-- \u00c9TAPE 1 : Type de travaux -->\r\n <div class=\"section\" id=\"step-type\">\r\n <div class=\"section-label\">Type de travaux<\/div>\r\n <div class=\"type-grid\" id=\"type-grid\"><\/div>\r\n <\/div>\r\n\r\n <!-- \u00c9TAPE 2 : Urgence -->\r\n <div class=\"section\" id=\"step-urgence\">\r\n <div class=\"section-label\">Quand souhaitez-vous d\u00e9marrer ?<\/div>\r\n <div class=\"urgence-grid\" id=\"urgence-grid\"><\/div>\r\n <\/div>\r\n\r\n <!-- \u00c9TAPE 3 : Budget -->\r\n <div class=\"section\" id=\"step-budget\">\r\n <div class=\"section-label\">Budget estim\u00e9<\/div>\r\n <div class=\"budget-grid\" id=\"budget-grid\"><\/div>\r\n <\/div>\r\n\r\n <!-- \u00c9TAPE 4 : Contact -->\r\n <div class=\"section\" id=\"step-contact\">\r\n <div class=\"section-label\">Vos coordonn\u00e9es<\/div>\r\n <div class=\"visite-box\">\r\n <div class=\"visite-icon\">\ud83c\udfe0<\/div>\r\n <div style=\"flex:1\">\r\n <div class=\"visite-title\">Visite gratuite \u00e0 domicile<\/div>\r\n <div class=\"visite-sub\">Un expert se d\u00e9place chez vous pour \u00e9valuer votre projet et vous remettre un devis d\u00e9taill\u00e9.<\/div>\r\n <\/div>\r\n <div class=\"visite-tag\">Gratuit<\/div>\r\n <\/div>\r\n <div class=\"form-grid\">\r\n <div class=\"form-row2\">\r\n <div class=\"form-field\"><label class=\"form-lbl\">Pr\u00e9nom *<\/label><input class=\"form-inp\" id=\"f-prenom\" placeholder=\"Sophie\" autocomplete=\"given-name\"><\/div>\r\n <div class=\"form-field\"><label class=\"form-lbl\">Nom *<\/label><input class=\"form-inp\" id=\"f-nom\" placeholder=\"Martin\" autocomplete=\"family-name\"><\/div>\r\n <\/div>\r\n <div class=\"form-field\"><label class=\"form-lbl\">T\u00e9l\u00e9phone *<\/label><input class=\"form-inp\" id=\"f-tel\" type=\"tel\" placeholder=\"+32 4XX XX XX XX\" autocomplete=\"tel\"><\/div>\r\n <div class=\"form-field\"><label class=\"form-lbl\">E-mail *<\/label><input class=\"form-inp\" id=\"f-email\" type=\"email\" placeholder=\"sophie@exemple.be\" autocomplete=\"email\"><\/div>\r\n <div class=\"form-field\"><label class=\"form-lbl\">Adresse du chantier<\/label><input class=\"form-inp\" id=\"f-adresse\" placeholder=\"Rue, num\u00e9ro, commune\" autocomplete=\"street-address\"><\/div>\r\n <div class=\"form-field\"><label class=\"form-lbl\">D\u00e9crivez votre projet<\/label><textarea class=\"form-inp form-ta\" id=\"f-msg\" placeholder=\"Ex: R\u00e9novation salle de bain 10m\u00b2, carrelage au sol et douche italienne\u2026\"><\/textarea><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CTAs -->\r\n <div class=\"cta-section\" id=\"cta-section\">\r\n <button class=\"cta-wa\" id=\"btn-wa\">\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 32 32\" fill=\"none\"><path d=\"M16 2C8.268 2 2 8.268 2 16c0 2.477.651 4.799 1.788 6.805L2 30l7.418-1.746A13.93 13.93 0 0016 30c7.732 0 14-6.268 14-14S23.732 2 16 2z\" fill=\"#fff\" fill-opacity=\".2\"\/><path d=\"M22.003 19.274c-.306-.153-1.808-.892-2.088-.994-.28-.102-.483-.153-.687.153-.204.306-.79.994-.968 1.198-.178.204-.357.229-.663.076-.306-.153-1.292-.476-2.461-1.518-.909-.811-1.523-1.813-1.701-2.119-.178-.306-.019-.471.134-.623.137-.137.306-.357.459-.536.153-.178.204-.306.306-.51.102-.204.051-.382-.025-.536-.076-.153-.687-1.655-.94-2.268-.248-.596-.499-.515-.687-.525l-.586-.01c-.204 0-.535.076-.815.382-.28.306-1.07 1.045-1.07 2.548 0 1.503 1.095 2.956 1.248 3.16.153.204 2.155 3.29 5.222 4.614.73.315 1.3.503 1.744.644.733.233 1.4.2 1.927.121.588-.088 1.808-.739 2.063-1.453.255-.713.255-1.324.178-1.452-.076-.129-.28-.204-.586-.357z\" fill=\"#fff\"\/><\/svg>\r\n Demander ma visite gratuite via WhatsApp\r\n <\/button>\r\n <button class=\"cta-email\" id=\"btn-email\">\ud83d\udcde \u00catre recontact\u00e9 par un expert<\/button>\r\n <button class=\"cta-skip\" id=\"btn-skip\">Pas maintenant<\/button>\r\n <div class=\"cta-note\">\r\n <span>\ud83d\udd12 Donn\u00e9es s\u00e9curis\u00e9es<\/span>\r\n <span>\u2713 Sans engagement<\/span>\r\n <span>\u26a1 R\u00e9ponse sous 24h<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n\"use strict\";\r\n\r\nvar C={\r\n wa:\"32XXXXXXXXX\",\r\n mail:\"contact@bienimmo.be\"\r\n};\r\n\r\nvar TYPES=[\r\n {id:\"peinture\", icon:\"\ud83c\udfa8\", name:\"Peinture\", desc:\"Int\u00e9rieure \u00b7 Ext\u00e9rieure \u00b7 Plafonds\"},\r\n {id:\"plafond\", icon:\"\ud83e\ude9a\", name:\"Plafonnage\", desc:\"Enduit \u00b7 Lissage \u00b7 R\u00e9paration\"},\r\n {id:\"carrelage\", icon:\"\u2b1b\", name:\"Carrelage\", desc:\"Sol \u00b7 Mur \u00b7 Salle de bain\"},\r\n {id:\"elec\", icon:\"\u26a1\", name:\"\u00c9lectricit\u00e9\", desc:\"Tableau \u00b7 Prises \u00b7 \u00c9clairage\"},\r\n {id:\"plomberie\", icon:\"\ud83d\udd27\", name:\"Plomberie\", desc:\"Sanitaires \u00b7 Chauffage\"},\r\n {id:\"toiture\", icon:\"\ud83c\udfe0\", name:\"Toiture\", desc:\"Couverture \u00b7 Isolation\"},\r\n {id:\"parquet\", icon:\"\ud83e\udeb5\", name:\"Parquet\", desc:\"Pose \u00b7 Pon\u00e7age \u00b7 Vitrification\"},\r\n {id:\"sdb\", icon:\"\ud83d\udec1\", name:\"Salle de bain\",desc:\"R\u00e9novation compl\u00e8te \u00b7 Douche\"},\r\n {id:\"cuisine\", icon:\"\ud83c\udf73\", name:\"Cuisine\", desc:\"Am\u00e9nagement \u00b7 Plan de travail\"},\r\n {id:\"isolation\", icon:\"\ud83c\udf21\ufe0f\", name:\"Isolation\", desc:\"Murs \u00b7 Combles \u00b7 Sols\"},\r\n {id:\"demolition\",icon:\"\ud83c\udfd7\ufe0f\", name:\"D\u00e9molition\", desc:\"Cloisons \u00b7 Abattage \u00b7 D\u00e9barras\"},\r\n {id:\"libre\", icon:\"\u270f\ufe0f\", name:\"Autre projet\", desc:\"Cr\u00e9er un projet sur mesure\"}\r\n];\r\n\r\nvar URGENCES=[\r\n {id:\"urgent\", icon:\"\ud83d\udd34\", label:\"Urgent\", sub:\"< 1 mois\"},\r\n {id:\"bientot\", icon:\"\ud83d\udfe1\", label:\"Bient\u00f4t\", sub:\"1\u20133 mois\"},\r\n {id:\"planifie\",icon:\"\ud83d\udfe2\", label:\"Planifi\u00e9\", sub:\"3\u20136 mois\"},\r\n {id:\"reflexion\",icon:\"\u26aa\",label:\"En r\u00e9flexion\",sub:\"+ 6 mois\"},\r\n {id:\"date\", icon:\"\ud83d\udcc5\", label:\"\u00c0 une date\", sub:\"Je pr\u00e9cise\"}\r\n];\r\n\r\nvar BUDGETS=[\r\n {id:\"b0\", amount:\"< 2 500\u20ac\", sub:\"Petits travaux\"},\r\n {id:\"b1\", amount:\"2 500 \u2013 5 000\u20ac\",sub:\"R\u00e9novation l\u00e9g\u00e8re\"},\r\n {id:\"b2\", amount:\"5 \u2013 15 000\u20ac\",sub:\"R\u00e9novation partielle\"},\r\n {id:\"b3\", amount:\"15 \u2013 40 000\u20ac\",sub:\"R\u00e9novation compl\u00e8te\"},\r\n {id:\"b4\", amount:\"40 000\u20ac+\", sub:\"Grand projet\"}\r\n];\r\n\r\nvar sel={type:null, urgence:null, budget:null};\r\n\r\n\/\/ Render type grid\r\nvar tg=document.getElementById(\"type-grid\");\r\nTYPES.forEach(function(t){\r\n var btn=document.createElement(\"button\");\r\n btn.className=\"type-card\";btn.dataset.id=t.id;\r\n btn.innerHTML='<span class=\"type-icon\">'+t.icon+'<\/span>'\r\n +'<div class=\"type-name\">'+t.name+'<\/div>'\r\n +'<div class=\"type-desc\">'+t.desc+'<\/div>';\r\n btn.addEventListener(\"click\",function(){\r\n if(!sel.types) sel.types={};\r\n if(sel.types[t.id]){delete sel.types[t.id];btn.classList.remove(\"sel\");}\r\n else{sel.types[t.id]=true;btn.classList.add(\"sel\");}\r\n updateProgress();\r\n });\r\n tg.appendChild(btn);\r\n});\r\n\r\n\/\/ Render urgence\r\nvar ug=document.getElementById(\"urgence-grid\");\r\nURGENCES.forEach(function(u){\r\n var btn=document.createElement(\"button\");\r\n btn.className=\"urg-btn\";btn.dataset.id=u.id;\r\n btn.innerHTML='<span class=\"urg-icon\">'+u.icon+'<\/span>'\r\n +'<div class=\"urg-label\">'+u.label+'<\/div>'\r\n +'<div class=\"urg-sub\">'+u.sub+'<\/div>';\r\n btn.addEventListener(\"click\",function(){\r\n sel.urgence=u.id;\r\n ug.querySelectorAll(\".urg-btn\").forEach(function(b){b.classList.remove(\"sel\");});\r\n btn.classList.add(\"sel\");\r\n updateProgress();\r\n });\r\n ug.appendChild(btn);\r\n});\r\n\r\n\/\/ Render budget\r\nvar bg=document.getElementById(\"budget-grid\");\r\nBUDGETS.forEach(function(b){\r\n var btn=document.createElement(\"button\");\r\n btn.className=\"bud-btn\";btn.dataset.id=b.id;\r\n btn.innerHTML='<div class=\"bud-amount\">'+b.amount+'<\/div>'\r\n +'<div class=\"bud-sub\">'+b.sub+'<\/div>';\r\n btn.addEventListener(\"click\",function(){\r\n sel.budget=b.id;\r\n bg.querySelectorAll(\".bud-btn\").forEach(function(b2){b2.classList.remove(\"sel\");});\r\n btn.classList.add(\"sel\");\r\n updateProgress();\r\n });\r\n bg.appendChild(btn);\r\n});\r\n\r\nfunction updateProgress(){\r\n var score=0;\r\n if(sel.types&&Object.keys(sel.types).length>0) score+=25;\r\n if(sel.urgence) score+=25;\r\n if(sel.budget) score+=20;\r\n var pr=document.getElementById(\"f-prenom\"),no=document.getElementById(\"f-nom\");\r\n var te=document.getElementById(\"f-tel\"),em=document.getElementById(\"f-email\");\r\n if(pr&&pr.value.trim()&&no&&no.value.trim()&&te&&te.value.trim()&&em&&em.value.trim()) score+=30;\r\n document.getElementById(\"progress\").style.width=Math.min(score,100)+\"%\";\r\n}\r\n\r\n[\"f-prenom\",\"f-nom\",\"f-tel\",\"f-email\",\"f-adresse\",\"f-msg\"].forEach(function(id){\r\n var el=document.getElementById(id);\r\n if(el)el.addEventListener(\"input\",updateProgress);\r\n});\r\n\r\nfunction getF(){\r\n return {\r\n prenom:document.getElementById(\"f-prenom\").value.trim(),\r\n nom:document.getElementById(\"f-nom\").value.trim(),\r\n tel:document.getElementById(\"f-tel\").value.trim(),\r\n email:document.getElementById(\"f-email\").value.trim(),\r\n adresse:document.getElementById(\"f-adresse\").value.trim(),\r\n msg:document.getElementById(\"f-msg\").value.trim()\r\n };\r\n}\r\n\r\nfunction getTypeName(){\r\n if(!sel.types||Object.keys(sel.types).length===0)return \"Non pr\u00e9cis\u00e9\";\r\n return Object.keys(sel.types).map(function(id){\r\n var t=TYPES.find(function(x){return x.id===id;});return t?t.icon+\" \"+t.name:\"\";\r\n }).filter(Boolean).join(\", \");\r\n}\r\nfunction getUrgenceName(){\r\n var u=URGENCES.find(function(x){return x.id===sel.urgence;});return u?u.label+\" (\"+u.sub+\")\":\"Non pr\u00e9cis\u00e9\";\r\n}\r\nfunction getBudgetName(){\r\n var b=BUDGETS.find(function(x){return x.id===sel.budget;});return b?b.amount:\"Non pr\u00e9cis\u00e9\";\r\n}\r\n\r\nfunction checkForm(){\r\n var f=getF();\r\n if(!f.prenom||!f.nom||!f.tel||!f.email){\r\n alert(\"Veuillez remplir au moins : Pr\u00e9nom, Nom, T\u00e9l\u00e9phone et Email.\");return false;\r\n }\r\n return true;\r\n}\r\n\r\nfunction buildMsg(){\r\n var f=getF();\r\n var l=[];\r\n l.push(\"\ud83c\udfe0 DEMANDE DE DEVIS \u2014 BienImmo\",\"\");\r\n l.push(\"\ud83d\udc64 \"+f.prenom+\" \"+f.nom);\r\n l.push(\"\ud83d\udcde \"+f.tel);\r\n l.push(\"\ud83d\udce7 \"+f.email);\r\n if(f.adresse)l.push(\"\ud83d\udccd \"+f.adresse);\r\n l.push(\"\",\"\ud83d\udd28 Type de travaux : \"+getTypeName());\r\n l.push(\"\u23f1\ufe0f D\u00e9lai souhait\u00e9 : \"+getUrgenceName());\r\n l.push(\"\ud83d\udcb0 Budget estim\u00e9 : \"+getBudgetName());\r\n if(f.msg)l.push(\"\",\"\ud83d\udcac Description : \"+f.msg);\r\n l.push(\"\",\"Je souhaite recevoir une visite gratuite et un devis. Merci !\");\r\n return l.join(\"\\n\");\r\n}\r\n\r\ndocument.getElementById(\"btn-wa\").addEventListener(\"click\",function(){\r\n if(!checkForm())return;\r\n var a=document.createElement(\"a\");\r\n a.href=\"https:\/\/wa.me\/\"+C.wa+\"?text=\"+encodeURIComponent(buildMsg());\r\n a.target=\"_blank\";a.rel=\"noopener\";a.click();\r\n showSuccess();\r\n});\r\n\r\ndocument.getElementById(\"btn-email\").addEventListener(\"click\",function(){\r\n if(!checkForm())return;\r\n var f=getF();\r\n var btn=document.getElementById(\"btn-email\");\r\n if(btn){btn.disabled=true;btn.textContent=\"\u23f3 Traitement\u2026\";}\r\n document.getElementById(\"loader\").classList.add(\"show\");\r\n\r\n fetch(\"\/wp-json\/bienimmo\/v1\/send-email\",{\r\n method:\"POST\",\r\n headers:{\"Content-Type\":\"application\/json\"},\r\n body:JSON.stringify({\r\n to:C.mail,\r\n reply_to:f.email,\r\n subject:\"BienImmo - Demande de devis r\u00e9novation\",\r\n prenom:f.prenom,nom:f.nom,email:f.email,tel:f.tel,\r\n adresse:f.adresse||\"\",\r\n type_travaux:getTypeName(),\r\n urgence:getUrgenceName(),\r\n budget:getBudgetName(),\r\n message:f.msg||\"\"\r\n })\r\n })\r\n .then(function(r){return r.json();})\r\n .then(function(data){\r\n document.getElementById(\"loader\").classList.remove(\"show\");\r\n if(btn){btn.disabled=false;btn.textContent=\"\ud83d\udcde \u00catre recontact\u00e9 par un expert\";}\r\n showSuccess();\r\n })\r\n .catch(function(){\r\n document.getElementById(\"loader\").classList.remove(\"show\");\r\n if(btn){btn.disabled=false;}\r\n \/\/ Fallback\r\n var subj=\"BienImmo - Demande de devis r\u00e9novation\";\r\n window.open(\"mailto:\"+C.mail+\"?subject=\"+encodeURIComponent(subj)+\"&body=\"+encodeURIComponent(buildMsg()),\"_blank\");\r\n showSuccess();\r\n });\r\n});\r\n\r\ndocument.getElementById(\"btn-skip\").addEventListener(\"click\",function(){\r\n window.location.href=\"https:\/\/www.bienimmo.be\";\r\n});\r\n\r\nfunction showSuccess(){\r\n document.getElementById(\"main-card\").innerHTML=\r\n '<div class=\"success\">'\r\n +'<span class=\"success-icon\">\ud83c\udf89<\/span>'\r\n +'<h2>Demande envoy\u00e9e !<\/h2>'\r\n +'<div class=\"success-badge\">'\r\n +'<p>\u2705 Un expert BienImmo vous contacte <strong>sous 24h<\/strong><\/p>'\r\n +'<p>\ud83c\udfe0 Une visite gratuite sera planifi\u00e9e \u00e0 votre convenance<\/p>'\r\n +'<p>\ud83d\udccb Votre devis d\u00e9taill\u00e9 et sans engagement vous sera remis<\/p>'\r\n +'<\/div>'\r\n +'<p>Merci de faire confiance \u00e0 BienImmo pour votre projet.<\/p>'\r\n +'<\/div>';\r\n document.getElementById(\"progress\").style.width=\"100%\";\r\n}\r\n\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Demande de devis \u2014 BienImmo Envoi en cours\u2026 \ud83c\udfe0 BienImmo R\u00e9novation \u00b7 Construction \u2713 Devis gratuit \ud83c\udfd7\ufe0f Votre projet de r\u00e9novation Des travaux simples,abordables et bien faits. D\u00e9crivez votre projet en 2 minutes \u2014 nous vous envoyons un devis gratuit et planifions une visite \u00e0 votre convenance. \u26a1 R\u00e9ponse rapideSous 24h garantie \ud83c\udfaf Devis gratuitSans […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":""},"acf":[],"_links":{"self":[{"href":"https:\/\/bienimmo.be\/nl\/wp-json\/wp\/v2\/pages\/11443"}],"collection":[{"href":"https:\/\/bienimmo.be\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bienimmo.be\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bienimmo.be\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bienimmo.be\/nl\/wp-json\/wp\/v2\/comments?post=11443"}],"version-history":[{"count":11,"href":"https:\/\/bienimmo.be\/nl\/wp-json\/wp\/v2\/pages\/11443\/revisions"}],"predecessor-version":[{"id":11461,"href":"https:\/\/bienimmo.be\/nl\/wp-json\/wp\/v2\/pages\/11443\/revisions\/11461"}],"wp:attachment":[{"href":"https:\/\/bienimmo.be\/nl\/wp-json\/wp\/v2\/media?parent=11443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}