{"id":7,"date":"2026-04-28T19:04:51","date_gmt":"2026-04-28T17:04:51","guid":{"rendered":"https:\/\/wptest.layg.nl\/?page_id=7"},"modified":"2026-04-28T19:37:06","modified_gmt":"2026-04-28T17:37:06","slug":"home","status":"publish","type":"page","link":"https:\/\/wptest.layg.nl\/","title":{"rendered":"Home"},"content":{"rendered":"<div style=\"background:linear-gradient(135deg,#0b3974,#0a4f9b);color:#fff;padding:60px 40px;border-radius:14px;text-align:center;margin-bottom:30px\">\n<h1 style=\"color:#fff;font-size:2.4rem;margin:0 0 12px\">\ud83d\ude80 Layg WP Demo<\/h1>\n<p style=\"font-size:1.15rem;opacity:.9;max-width:680px;margin:0 auto\">Live showcase van alle 20 IT Live mu-plugins. Probeer de chat-widget rechtsonder, scroll voor de cookie-banner, en bekijk de SEO-meter in de admin.<\/p>\n<\/div>\n<h2>Plug-and-play tools die op deze site draaien<\/h2>\n<ul>\n<li>\ud83d\udcac <strong>Sitechat AI<\/strong> \u2014 unified chat + WhatsApp-tabs widget<\/li>\n<li>\ud83c\udf6a <strong>Cookie consent<\/strong> \u2014 GDPR-proof opt-in banner<\/li>\n<li>\ud83d\udce8 <strong>Lead notifier<\/strong> \u2014 instant email + WhatsApp bij nieuwe formulier-submit<\/li>\n<li>\ud83c\udfaf <strong>SEO score<\/strong> \u2014 live meter per pagina (groen\/oranje\/rood)<\/li>\n<li>\ud83d\udce7 <strong>Newsletter<\/strong> \u2014 shortcode <code>    <div style=\"max-width:540px;margin:40px auto;padding:32px;background:linear-gradient(135deg,#1E1D24,#374151);border-radius:16px;color:#fff;font-family:system-ui,-apple-system,sans-serif;text-align:center\">\n        <h3 style=\"margin:0 0 8px;font-size:22px\">\ud83d\udce7 Blijf op de hoogte<\/h3>\n        <p style=\"margin:0 0 20px;color:rgba(255,255,255,.75);font-size:14px\">Renovatietips en aanbiedingen, 1x per maand in je inbox.<\/p>\n        <form class=\"inl-form\" style=\"display:flex;gap:8px;flex-wrap:wrap\">\n            <input type=\"email\" name=\"email\" required placeholder=\"uw@email.nl\" style=\"flex:1;min-width:180px;padding:12px 16px;border:none;border-radius:8px;font-size:15px\">\n            <input type=\"hidden\" name=\"nonce\" value=\"81a93303cd\">\n            <input type=\"hidden\" name=\"action\" value=\"inl_sub\">\n            <input type=\"hidden\" name=\"source\" value=\"website\">\n            <button type=\"submit\" style=\"padding:12px 22px;background:#7ebfff;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer\">Inschrijven<\/button>\n        <\/form>\n        <div class=\"inl-msg\" style=\"margin-top:12px;font-size:13px\"><\/div>\n    <\/div>\n    <script>\n    (function () {\n        document.querySelectorAll('.inl-form').forEach(function (f) {\n            if (f._bound) return; f._bound = true;\n            f.addEventListener('submit', function (e) {\n                e.preventDefault();\n                var fd = new FormData(f);\n                var msg = f.parentElement.querySelector('.inl-msg');\n                msg.textContent = 'Bezig...';\n                fetch('\/wp-admin\/admin-ajax.php', { method: 'POST', body: fd })\n                    .then(function (r) { return r.json(); })\n                    .then(function (r) {\n                        if (r.success) { msg.innerHTML = '<span style=\"color:#4ade80\">\u2713 Ingeschreven!<\/span>'; f.reset(); }\n                        else { msg.innerHTML = '<span style=\"color:#fca5a5\">' + (r.data && r.data.message ? r.data.message : 'Fout') + '<\/span>'; }\n                    });\n            });\n        });\n    })();\n    <\/script>\n    <\/code><\/li>\n<li>\ud83d\udcb0 <strong>Cost calculator<\/strong> \u2014 shortcode <code>    <div id=\"rc_VJLUxr\" class=\"renovast-calc\" style=\"max-width:600px;margin:40px auto;padding:32px;background:linear-gradient(135deg,#f8fafc,#eff6ff);border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.08);font-family:Poppins,system-ui,sans-serif\">\n        <h3 style=\"margin:0 0 24px;font-size:24px;font-weight:700;color:#1e293b;text-align:center\">Bereken uw project \u2014 indicatie<\/h3>\n\n        <div style=\"margin-bottom:20px\">\n            <label style=\"display:block;font-size:14px;font-weight:600;color:#475569;margin-bottom:8px\">Dienst<\/label>\n            <select class=\"rc-dienst\" style=\"width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;background:#fff\">\n                                    <option value=\"Renovatiewerkzaamheden\" >Renovatiewerkzaamheden<\/option>\n                                    <option value=\"Klein Elektra\" >Klein Elektra<\/option>\n                                    <option value=\"Loodgieterswerk\" >Loodgieterswerk<\/option>\n                                    <option value=\"Sloopwerkzaamheden\" >Sloopwerkzaamheden<\/option>\n                                    <option value=\"Timmerwerk\" >Timmerwerk<\/option>\n                                    <option value=\"Keukenmontage\" >Keukenmontage<\/option>\n                                    <option value=\"Onderhoud\" >Onderhoud<\/option>\n                                    <option value=\"Schilderwerk\" >Schilderwerk<\/option>\n                                    <option value=\"Laminaat &amp; vloeren\" >Laminaat &amp; vloeren<\/option>\n                                    <option value=\"Kasten &amp; meubels montage\" >Kasten &amp; meubels montage<\/option>\n                                    <option value=\"Kozijnen plaatsen\" >Kozijnen plaatsen<\/option>\n                            <\/select>\n        <\/div>\n\n        <div style=\"margin-bottom:20px\" class=\"rc-m2-block\">\n            <label style=\"display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:#475569;margin-bottom:8px\">\n                <span>Oppervlakte (m\u00b2)<\/span>\n                <span class=\"rc-m2-val\" style=\"color:#2271b1;font-size:16px\">25 m\u00b2<\/span>\n            <\/label>\n            <input type=\"range\" class=\"rc-m2\" min=\"1\" max=\"200\" value=\"25\" style=\"width:100%;accent-color:#7ebfff\">\n        <\/div>\n\n        <div style=\"margin-bottom:24px;display:none\" class=\"rc-pieces-block\">\n            <label style=\"display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:#475569;margin-bottom:8px\">\n                <span>Aantal stuks<\/span>\n                <span class=\"rc-pieces-val\" style=\"color:#2271b1;font-size:16px\">3<\/span>\n            <\/label>\n            <input type=\"range\" class=\"rc-pieces\" min=\"1\" max=\"20\" value=\"3\" style=\"width:100%;accent-color:#7ebfff\">\n        <\/div>\n\n        <div style=\"background:#fff;padding:24px;border-radius:14px;text-align:center;margin-bottom:20px\">\n            <div style=\"font-size:13px;color:#64748b;margin-bottom:4px\">Indicatie prijs<\/div>\n            <div class=\"rc-price\" style=\"font-size:42px;font-weight:800;color:#1e293b;line-height:1\">\u20ac \u2013<\/div>\n            <div style=\"font-size:11px;color:#94a3b8;margin-top:6px\">Excl. BTW. Exacte prijs na locatie-inspectie.<\/div>\n        <\/div>\n\n        <a href=\"\/offerte-aanvragen\/\" class=\"rc-cta\" style=\"display:block;padding:16px;background:#7ebfff;color:#fff !important;border-radius:12px;text-align:center;font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 4px 12px rgba(126,191,255,.35)\">Vrijblijvende offerte aanvragen \u2192<\/a>\n    <\/div>\n    <script>\n    (function () {\n        var root = document.getElementById('rc_VJLUxr');\n        if (!root) return;\n        var rates = {\"Renovatiewerkzaamheden\":{\"per_m2\":450,\"fixed\":500},\"Klein Elektra\":{\"per_m2\":35,\"fixed\":150},\"Loodgieterswerk\":{\"per_m2\":60,\"fixed\":180},\"Sloopwerkzaamheden\":{\"per_m2\":45,\"fixed\":250},\"Timmerwerk\":{\"per_m2\":85,\"fixed\":200},\"Keukenmontage\":{\"per_m2\":0,\"fixed\":750},\"Onderhoud\":{\"per_m2\":25,\"fixed\":120},\"Schilderwerk\":{\"per_m2\":22,\"fixed\":150},\"Laminaat & vloeren\":{\"per_m2\":35,\"fixed\":200},\"Kasten & meubels montage\":{\"per_m2\":0,\"fixed\":350},\"Kozijnen plaatsen\":{\"per_m2\":0,\"fixed\":450,\"per_piece\":550}};\n        var dSel = root.querySelector('.rc-dienst');\n        var m2 = root.querySelector('.rc-m2');\n        var m2Block = root.querySelector('.rc-m2-block');\n        var m2Val = root.querySelector('.rc-m2-val');\n        var pc = root.querySelector('.rc-pieces');\n        var pcBlock = root.querySelector('.rc-pieces-block');\n        var pcVal = root.querySelector('.rc-pieces-val');\n        var priceEl = root.querySelector('.rc-price');\n        var ctaEl = root.querySelector('.rc-cta');\n\n        function calc() {\n            var d = dSel.value;\n            var r = rates[d] || {};\n            var m = parseInt(m2.value, 10);\n            var p = parseInt(pc.value, 10);\n            var total = 0;\n            \/\/ Als per_piece bestaat, gebruik stuks-modus\n            if (r.per_piece > 0) {\n                pcBlock.style.display = 'block';\n                m2Block.style.display = 'none';\n                total = (r.fixed || 0) + (r.per_piece * p);\n            } else {\n                pcBlock.style.display = 'none';\n                m2Block.style.display = 'block';\n                total = (r.fixed || 0) + (r.per_m2 || 0) * m;\n            }\n            m2Val.textContent = m + ' m\u00b2';\n            pcVal.textContent = p + ' stuks';\n            \/\/ Round to nearest 10\n            total = Math.round(total \/ 10) * 10;\n            priceEl.textContent = '\u20ac ' + total.toLocaleString('nl-NL');\n            \/\/ Update CTA met preselect\n            ctaEl.href = '\/offerte-aanvragen\/?dienst=' + encodeURIComponent(d);\n        }\n\n        dSel.addEventListener('change', calc);\n        m2.addEventListener('input', calc);\n        pc.addEventListener('input', calc);\n        calc();\n    })();\n    <\/script>\n    <\/code><\/li>\n<li>\ud83d\udd12 <strong>PDF gate<\/strong> \u2014 download na opt-in<\/li>\n<li>\ud83d\udcda <strong>Kennisbank<\/strong> \u2014 FAQ-systeem met search<\/li>\n<li>\ud83d\udc8c <strong>Mail templates<\/strong> \u2014 branded HTML voor alle WP-mails<\/li>\n<\/ul>\n<h2>Hoe gebruik ik de plugins?<\/h2>\n<p>Open <code>WP-admin \u2192 IT Live Hub<\/code> (links in het menu) voor een visueel overzicht van alle 20 plugins met directe links naar instellingen.<\/p>\n<h2>Newsletter-aanmelding<\/h2>\n    <div style=\"max-width:540px;margin:40px auto;padding:32px;background:linear-gradient(135deg,#1E1D24,#374151);border-radius:16px;color:#fff;font-family:system-ui,-apple-system,sans-serif;text-align:center\">\n        <h3 style=\"margin:0 0 8px;font-size:22px\">\ud83d\udce7 Blijf op de hoogte<\/h3>\n        <p style=\"margin:0 0 20px;color:rgba(255,255,255,.75);font-size:14px\">Renovatietips en aanbiedingen, 1x per maand in je inbox.<\/p>\n        <form class=\"inl-form\" style=\"display:flex;gap:8px;flex-wrap:wrap\">\n            <input type=\"email\" name=\"email\" required placeholder=\"uw@email.nl\" style=\"flex:1;min-width:180px;padding:12px 16px;border:none;border-radius:8px;font-size:15px\">\n            <input type=\"hidden\" name=\"nonce\" value=\"81a93303cd\">\n            <input type=\"hidden\" name=\"action\" value=\"inl_sub\">\n            <input type=\"hidden\" name=\"source\" value=\"website\">\n            <button type=\"submit\" style=\"padding:12px 22px;background:#7ebfff;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer\">Inschrijven<\/button>\n        <\/form>\n        <div class=\"inl-msg\" style=\"margin-top:12px;font-size:13px\"><\/div>\n    <\/div>\n    <script>\n    (function () {\n        document.querySelectorAll('.inl-form').forEach(function (f) {\n            if (f._bound) return; f._bound = true;\n            f.addEventListener('submit', function (e) {\n                e.preventDefault();\n                var fd = new FormData(f);\n                var msg = f.parentElement.querySelector('.inl-msg');\n                msg.textContent = 'Bezig...';\n                fetch('\/wp-admin\/admin-ajax.php', { method: 'POST', body: fd })\n                    .then(function (r) { return r.json(); })\n                    .then(function (r) {\n                        if (r.success) { msg.innerHTML = '<span style=\"color:#4ade80\">\u2713 Ingeschreven!<\/span>'; f.reset(); }\n                        else { msg.innerHTML = '<span style=\"color:#fca5a5\">' + (r.data && r.data.message ? r.data.message : 'Fout') + '<\/span>'; }\n                    });\n            });\n        });\n    })();\n    <\/script>\n    \n<h2>Kosten-calculator<\/h2>\n    <div id=\"rc_EDqfNl\" class=\"renovast-calc\" style=\"max-width:600px;margin:40px auto;padding:32px;background:linear-gradient(135deg,#f8fafc,#eff6ff);border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.08);font-family:Poppins,system-ui,sans-serif\">\n        <h3 style=\"margin:0 0 24px;font-size:24px;font-weight:700;color:#1e293b;text-align:center\">Bereken uw project \u2014 indicatie<\/h3>\n\n        <div style=\"margin-bottom:20px\">\n            <label style=\"display:block;font-size:14px;font-weight:600;color:#475569;margin-bottom:8px\">Dienst<\/label>\n            <select class=\"rc-dienst\" style=\"width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;background:#fff\">\n                                    <option value=\"Renovatiewerkzaamheden\" >Renovatiewerkzaamheden<\/option>\n                                    <option value=\"Klein Elektra\" >Klein Elektra<\/option>\n                                    <option value=\"Loodgieterswerk\" >Loodgieterswerk<\/option>\n                                    <option value=\"Sloopwerkzaamheden\" >Sloopwerkzaamheden<\/option>\n                                    <option value=\"Timmerwerk\" >Timmerwerk<\/option>\n                                    <option value=\"Keukenmontage\" >Keukenmontage<\/option>\n                                    <option value=\"Onderhoud\" >Onderhoud<\/option>\n                                    <option value=\"Schilderwerk\" >Schilderwerk<\/option>\n                                    <option value=\"Laminaat &amp; vloeren\" >Laminaat &amp; vloeren<\/option>\n                                    <option value=\"Kasten &amp; meubels montage\" >Kasten &amp; meubels montage<\/option>\n                                    <option value=\"Kozijnen plaatsen\" >Kozijnen plaatsen<\/option>\n                            <\/select>\n        <\/div>\n\n        <div style=\"margin-bottom:20px\" class=\"rc-m2-block\">\n            <label style=\"display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:#475569;margin-bottom:8px\">\n                <span>Oppervlakte (m\u00b2)<\/span>\n                <span class=\"rc-m2-val\" style=\"color:#2271b1;font-size:16px\">25 m\u00b2<\/span>\n            <\/label>\n            <input type=\"range\" class=\"rc-m2\" min=\"1\" max=\"200\" value=\"25\" style=\"width:100%;accent-color:#7ebfff\">\n        <\/div>\n\n        <div style=\"margin-bottom:24px;display:none\" class=\"rc-pieces-block\">\n            <label style=\"display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:#475569;margin-bottom:8px\">\n                <span>Aantal stuks<\/span>\n                <span class=\"rc-pieces-val\" style=\"color:#2271b1;font-size:16px\">3<\/span>\n            <\/label>\n            <input type=\"range\" class=\"rc-pieces\" min=\"1\" max=\"20\" value=\"3\" style=\"width:100%;accent-color:#7ebfff\">\n        <\/div>\n\n        <div style=\"background:#fff;padding:24px;border-radius:14px;text-align:center;margin-bottom:20px\">\n            <div style=\"font-size:13px;color:#64748b;margin-bottom:4px\">Indicatie prijs<\/div>\n            <div class=\"rc-price\" style=\"font-size:42px;font-weight:800;color:#1e293b;line-height:1\">\u20ac \u2013<\/div>\n            <div style=\"font-size:11px;color:#94a3b8;margin-top:6px\">Excl. BTW. Exacte prijs na locatie-inspectie.<\/div>\n        <\/div>\n\n        <a href=\"\/offerte-aanvragen\/\" class=\"rc-cta\" style=\"display:block;padding:16px;background:#7ebfff;color:#fff !important;border-radius:12px;text-align:center;font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 4px 12px rgba(126,191,255,.35)\">Vrijblijvende offerte aanvragen \u2192<\/a>\n    <\/div>\n    <script>\n    (function () {\n        var root = document.getElementById('rc_EDqfNl');\n        if (!root) return;\n        var rates = {\"Renovatiewerkzaamheden\":{\"per_m2\":450,\"fixed\":500},\"Klein Elektra\":{\"per_m2\":35,\"fixed\":150},\"Loodgieterswerk\":{\"per_m2\":60,\"fixed\":180},\"Sloopwerkzaamheden\":{\"per_m2\":45,\"fixed\":250},\"Timmerwerk\":{\"per_m2\":85,\"fixed\":200},\"Keukenmontage\":{\"per_m2\":0,\"fixed\":750},\"Onderhoud\":{\"per_m2\":25,\"fixed\":120},\"Schilderwerk\":{\"per_m2\":22,\"fixed\":150},\"Laminaat & vloeren\":{\"per_m2\":35,\"fixed\":200},\"Kasten & meubels montage\":{\"per_m2\":0,\"fixed\":350},\"Kozijnen plaatsen\":{\"per_m2\":0,\"fixed\":450,\"per_piece\":550}};\n        var dSel = root.querySelector('.rc-dienst');\n        var m2 = root.querySelector('.rc-m2');\n        var m2Block = root.querySelector('.rc-m2-block');\n        var m2Val = root.querySelector('.rc-m2-val');\n        var pc = root.querySelector('.rc-pieces');\n        var pcBlock = root.querySelector('.rc-pieces-block');\n        var pcVal = root.querySelector('.rc-pieces-val');\n        var priceEl = root.querySelector('.rc-price');\n        var ctaEl = root.querySelector('.rc-cta');\n\n        function calc() {\n            var d = dSel.value;\n            var r = rates[d] || {};\n            var m = parseInt(m2.value, 10);\n            var p = parseInt(pc.value, 10);\n            var total = 0;\n            \/\/ Als per_piece bestaat, gebruik stuks-modus\n            if (r.per_piece > 0) {\n                pcBlock.style.display = 'block';\n                m2Block.style.display = 'none';\n                total = (r.fixed || 0) + (r.per_piece * p);\n            } else {\n                pcBlock.style.display = 'none';\n                m2Block.style.display = 'block';\n                total = (r.fixed || 0) + (r.per_m2 || 0) * m;\n            }\n            m2Val.textContent = m + ' m\u00b2';\n            pcVal.textContent = p + ' stuks';\n            \/\/ Round to nearest 10\n            total = Math.round(total \/ 10) * 10;\n            priceEl.textContent = '\u20ac ' + total.toLocaleString('nl-NL');\n            \/\/ Update CTA met preselect\n            ctaEl.href = '\/offerte-aanvragen\/?dienst=' + encodeURIComponent(d);\n        }\n\n        dSel.addEventListener('change', calc);\n        m2.addEventListener('input', calc);\n        pc.addEventListener('input', calc);\n        calc();\n    })();\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"<p>\ud83d\ude80 Layg WP Demo Live showcase van alle 20 IT Live mu-plugins. Probeer de chat-widget rechtsonder, scroll voor de cookie-banner, en bekijk de SEO-meter in de admin. Plug-and-play tools die op deze site draaien \ud83d\udcac Sitechat AI \u2014 unified chat + WhatsApp-tabs widget \ud83c\udf6a Cookie consent \u2014 GDPR-proof opt-in banner \ud83d\udce8 Lead notifier \u2014 instant [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wptest.layg.nl\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptest.layg.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wptest.layg.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/wptest.layg.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":1,"href":"https:\/\/wptest.layg.nl\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/wptest.layg.nl\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/wptest.layg.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}