{"id":79396,"date":"2026-07-02T10:54:39","date_gmt":"2026-07-02T08:54:39","guid":{"rendered":"https:\/\/inr.institute\/?page_id=79396"},"modified":"2026-07-12T15:36:06","modified_gmt":"2026-07-12T13:36:06","slug":"inr-brochure","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/inr-brochure\/","title":{"rendered":"INR Brochure"},"content":{"rendered":"\n\n\n<!-- ============================================================================\n     INR \u00b7 BROCHURE DOWNLOADPAGINA (EN)\n     E\u00e9n bestand. Plak dit in een custom HTML-blok (Gutenberg) op de nieuwe pagina.\n     Alles gescoped onder .inr-broch zodat het het thema niet raakt.\n\n     STAND VAN ZAKEN\n     - De captatie loopt via het eigen INR Dashboard-endpoint\n       (\/wp-json\/inr-dashboard\/v1\/lead-binnen) met form-type \"brochure-download-en\".\n       Honeypot + tijdslot tegen bots, fire-and-forget net als het contactformulier.\n     - De brochure is gekoppeld via het documentatie-endpoint en opent na een\n       geslaagde verzending in een nieuw tabblad. De bevestiging toont ook een\n       zichtbare terugval-link. Werk de ?v=... versie in window.INR_BROCHURE.pdf\n       bij zodra de brochure ververst.\n     - Vier verplichte velden: Voornaam, Achternaam, Bedrijfsnaam, E-mail.\n     - NIEUW: consumentendomeinen (hotmail, gmail, ziggo, wegwerpmail, enzovoort)\n       worden geweigerd via window.INR_GRATIS_DOMEINEN. Dit is client-side en dus\n       omzeilbaar via devtools. Voor harde zekerheid dezelfde check ook server-side\n       in het lead-binnen endpoint van de plugin plaatsen.\n     - De twee mockups (staand prominent, liggend gekanteld erachter) zijn\n       volledig met CSS gebouwd, geen externe afbeeldingen.\n     ============================================================================ -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@200;300;400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n.inr-broch{\n  --accent:#292558; --accent-2:#5B4FA8; --ink:#0E0B1C; --grijs:#6B6480; --rand:rgba(41,37,88,.12);\n  --fluent:#2875FB; --sync:#FD7634; --pulse:#FD4C5C; --echo:#5AC380; --core:#7448FD; --coaching:#FDCD4F;\n  --papier:#FBFBFA; --radius:24px; --maxw:1200px;\n  position:relative; width:100%; max-width:100%; margin:0; padding:0; box-sizing:border-box;\n  color:var(--ink); background:#FFFFFF; line-height:1.5; overflow:hidden;\n  -webkit-font-smoothing:antialiased; text-align:left;\n}\n.inr-broch, .inr-broch *, .inr-broch *::before, .inr-broch *::after{\n  box-sizing:border-box; font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\n}\n.inr-broch h1,.inr-broch h2,.inr-broch h3,.inr-broch p,.inr-broch span,.inr-broch div,.inr-broch label,.inr-broch input,.inr-broch button,.inr-broch small{margin:0;padding:0;}\n\n\/* ---------- ATMOSFEER ---------- *\/\n.inr-broch .atmos{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}\n.inr-broch .blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.26;animation:inrb-drift 30s ease-in-out infinite;}\n.inr-broch .blob.a{width:560px;height:560px;background:rgba(41,37,88,.30);top:-200px;left:-160px;}\n.inr-broch .blob.b{width:520px;height:520px;background:rgba(91,79,168,.24);bottom:-220px;right:-180px;animation-delay:-12s;}\n.inr-broch .blob.c{width:600px;height:600px;background:rgba(116,72,253,.12);top:30%;left:40%;animation-delay:-20s;}\n@keyframes inrb-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(44px,-32px) scale(1.08);}}\n\n\/* ---------- LAYOUT ---------- *\/\n.inr-broch .wrap{position:relative;z-index:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:clamp(70px,9vw,120px) clamp(24px,5vw,40px);}\n.inr-broch .grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(40px,6vw,88px);align-items:center;}\n\n\/* ---------- REVEAL ---------- *\/\n.inr-broch .rev{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}\n.inr-broch .rev.in{opacity:1;transform:none;}\n.inr-broch .d1{transition-delay:.08s;}.inr-broch .d2{transition-delay:.16s;}.inr-broch .d3{transition-delay:.24s;}\n\n\/* ---------- GRADIENT-TEKST ---------- *\/\n.inr-broch .grad{background:linear-gradient(115deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}\n\n\/* ---------- LINKERKOLOM: VERHAAL + FORMULIER ---------- *\/\n.inr-broch .badge{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;\n  font-size:13px;font-weight:600;color:var(--accent);background:rgba(41,37,88,.08);\n  padding:8px 16px;border-radius:99px;margin-bottom:24px;}\n.inr-broch .badge .stip{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(41,37,88,.15);}\n.inr-broch h1{font-weight:600;font-size:clamp(34px,4.6vw,56px);line-height:1.04;letter-spacing:-.036em;color:var(--ink);margin-bottom:20px;max-width:15ch;}\n.inr-broch .lead{font-size:clamp(16px,1.8vw,19px);font-weight:300;color:var(--grijs);line-height:1.6;max-width:52ch;margin-bottom:26px;}\n.inr-broch .lead strong{font-weight:600;color:var(--ink);}\n.inr-broch .puntjes{display:flex;flex-direction:column;gap:11px;margin-bottom:30px;}\n.inr-broch .puntje{display:flex;align-items:flex-start;gap:11px;font-size:15px;font-weight:400;color:var(--ink);line-height:1.5;}\n.inr-broch .puntje svg{flex:none;width:19px;height:19px;margin-top:1px;stroke:#fff;background:var(--accent);border-radius:50%;padding:4px;\n  fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}\n\n\/* formulier *\/\n.inr-broch .form{background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);\n  border:1px solid var(--rand);border-radius:var(--radius);padding:clamp(24px,3vw,32px);\n  box-shadow:0 26px 60px -40px rgba(41,37,88,.4);}\n.inr-broch .form-rij{display:grid;grid-template-columns:1fr 1fr;gap:12px;}\n.inr-broch .veld{margin-bottom:12px;}\n.inr-broch .veld label{display:block;font-size:13px;font-weight:500;color:var(--ink);margin-bottom:6px;}\n.inr-broch .veld label .ster{color:var(--pulse);margin-left:2px;}\n.inr-broch .veld input{width:100%;padding:14px 16px;border:1px solid var(--rand);border-radius:12px;\n  font-size:15px;font-weight:400;color:var(--ink);background:#fff;outline:none;line-height:1.4;\n  transition:border-color .2s ease,box-shadow .2s ease;}\n.inr-broch .veld input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(41,37,88,.1);}\n.inr-broch .veld input.mis{border-color:var(--pulse);box-shadow:0 0 0 4px rgba(253,76,92,.1);}\n.inr-broch .hint{font-size:11.5px;font-weight:400;color:var(--grijs);margin-top:5px;line-height:1.45;}\n.inr-broch .fout{color:#c0392b;font-size:13px;margin-top:2px;margin-bottom:6px;display:none;font-weight:400;line-height:1.45;}\n.inr-broch .fout.show{display:block;}\n.inr-broch .hp-veld{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;}\n.inr-broch .dlbtn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:11px;\n  background:var(--accent);color:#fff;font-weight:600;font-size:15.5px;padding:18px 28px;border:none;\n  border-radius:14px;cursor:pointer;margin-top:6px;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s;}\n.inr-broch .dlbtn:hover{transform:translateY(-2px);box-shadow:0 20px 44px -20px rgba(41,37,88,.6);}\n.inr-broch .dlbtn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}\n.inr-broch .belofte{margin-top:15px;display:flex;align-items:flex-start;gap:9px;font-size:12.5px;line-height:1.5;color:var(--grijs);}\n.inr-broch .belofte svg{width:14px;height:14px;flex:none;margin-top:2px;stroke:var(--accent);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}\n\n\/* bevestiging na verzenden *\/\n.inr-broch .klaar{text-align:center;padding:16px 0;animation:inrb-fade .6s cubic-bezier(.2,.7,.2,1) both;}\n.inr-broch .klaar .vink{width:64px;height:64px;border-radius:50%;background:rgba(41,37,88,.1);color:var(--accent);\n  display:flex;align-items:center;justify-content:center;margin:0 auto 20px;}\n.inr-broch .klaar .vink svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}\n.inr-broch .klaar h3{font-weight:600;font-size:23px;letter-spacing:-.02em;color:var(--ink);margin-bottom:10px;}\n.inr-broch .klaar p{font-size:15px;font-weight:300;color:var(--grijs);line-height:1.6;max-width:40ch;margin:0 auto;}\n@keyframes inrb-fade{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}\n\n\/* ---------- RECHTERKOLOM: MOCKUPS ---------- *\/\n.inr-broch .mockups{position:relative;height:520px;display:flex;align-items:center;justify-content:center;perspective:1600px;}\n\n\/* liggende mockup, gekanteld op de achtergrond *\/\n.inr-broch .m-land{position:absolute;width:340px;height:240px;right:2%;top:12%;\n  border-radius:10px;overflow:hidden;background:var(--ink);\n  box-shadow:0 40px 80px -30px rgba(14,11,28,.5);\n  transform:rotate(6deg) rotateY(-14deg) rotateX(4deg);transform-origin:center;\n  border:1px solid rgba(255,255,255,.06);}\n.inr-broch .m-land .land-inner{position:absolute;inset:0;display:flex;}\n.inr-broch .m-land .lpage{flex:1;position:relative;overflow:hidden;}\n.inr-broch .m-land .lpage.l{background:var(--ink);border-right:1px solid rgba(255,255,255,.08);}\n.inr-broch .m-land .lpage.r{background:var(--papier);}\n.inr-broch .m-land .lp-lijn{height:5px;border-radius:3px;background:rgba(255,255,255,.16);margin-bottom:7px;}\n.inr-broch .m-land .lpage.r .lp-lijn{background:rgba(41,37,88,.14);}\n.inr-broch .m-land .lpad{padding:22px 20px;}\n.inr-broch .m-land .lspectrum{display:flex;height:5px;border-radius:99px;overflow:hidden;margin-top:12px;width:70%;}\n.inr-broch .m-land .lspectrum span{flex:1;}\n\n\/* staande mockup, prominent op de voorgrond *\/\n.inr-broch .m-port{position:relative;width:268px;height:380px;border-radius:12px;overflow:hidden;z-index:2;\n  background:var(--ink);color:#fff;left:-6%;\n  box-shadow:0 50px 100px -34px rgba(14,11,28,.62), 0 0 0 1px rgba(255,255,255,.05) inset;\n  transform:rotateY(9deg) rotateX(2deg);transform-origin:center;}\n.inr-broch .m-port .p-atmos{position:absolute;inset:0;overflow:hidden;}\n.inr-broch .m-port .p-blob{position:absolute;border-radius:50%;filter:blur(40px);}\n.inr-broch .m-port .p-blob.t{width:200px;height:200px;top:-70px;left:-50px;background:var(--fluent);opacity:.4;}\n.inr-broch .m-port .p-blob.w{width:180px;height:180px;bottom:-70px;right:-50px;background:#fff;opacity:.14;}\n.inr-broch .m-port .p-inner{position:relative;z-index:2;height:100%;padding:26px 24px;display:flex;flex-direction:column;}\n.inr-broch .m-port .p-merk{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:12px;color:#fff;}\n.inr-broch .m-port .p-merk .dot{width:7px;height:7px;border-radius:50%;background:#fff;}\n.inr-broch .m-port .p-tag{margin-left:auto;font-size:7.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.55);font-weight:600;text-align:right;line-height:1.6;}\n.inr-broch .m-port .p-top{display:flex;align-items:flex-start;}\n.inr-broch .m-port .p-mid{margin-top:auto;}\n.inr-broch .m-port .p-eyebrow{font-size:8px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#C9C6E0;margin-bottom:12px;display:block;}\n.inr-broch .m-port .p-titel{font-family:'Inter';font-weight:200;font-size:22px;line-height:1.08;letter-spacing:-.04em;color:#fff;\n  overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}\n.inr-broch .m-port .p-titel em{font-style:normal;font-weight:300;color:rgba(255,255,255,.5);}\n.inr-broch .m-port .p-sub{margin-top:12px;font-size:9.5px;font-weight:300;color:rgba(255,255,255,.72);line-height:1.5;}\n.inr-broch .m-port .p-spectrum{margin-top:16px;display:flex;height:5px;border-radius:99px;overflow:hidden;box-shadow:0 4px 14px -6px rgba(0,0,0,.5);}\n.inr-broch .m-port .p-spectrum span{flex:1;}\n.inr-broch .m-port .p-bottom{margin-top:16px;padding-top:11px;border-top:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;align-items:flex-end;}\n.inr-broch .m-port .p-bottom .l{font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);font-weight:600;}\n.inr-broch .m-port .p-bottom .r{font-size:9px;font-weight:400;color:rgba(255,255,255,.8);}\n\n\/* zwevende PDF-badge *\/\n.inr-broch .pdf-badge{position:absolute;z-index:3;left:-2%;bottom:8%;display:inline-flex;align-items:center;gap:9px;\n  background:#fff;border:1px solid var(--rand);border-radius:99px;padding:9px 16px 9px 11px;\n  box-shadow:0 16px 40px -18px rgba(41,37,88,.5);font-size:13px;font-weight:600;color:var(--ink);}\n.inr-broch .pdf-badge .ic{width:26px;height:26px;border-radius:8px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;}\n.inr-broch .pdf-badge .ic svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}\n.inr-broch .pdf-badge small{display:block;font-size:10.5px;font-weight:400;color:var(--grijs);margin-top:1px;}\n\n@media(max-width:900px){\n  .inr-broch .grid{grid-template-columns:1fr;gap:56px;}\n  .inr-broch .mockups{order:-1;height:440px;transform:scale(.96);}\n  .inr-broch h1{max-width:none;}\n}\n@media(max-width:520px){\n  .inr-broch .form-rij{grid-template-columns:1fr;gap:0;}\n  .inr-broch .mockups{height:400px;transform:scale(.82);}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-broch .rev{opacity:1;transform:none;transition:none;}\n  .inr-broch .blob{animation:none;}\n}\n<\/style>\n\n<div class=\"inr-broch\" id=\"inrBroch\">\n  <div class=\"atmos\"><div class=\"blob a\"><\/div><div class=\"blob b\"><\/div><div class=\"blob c\"><\/div><\/div>\n\n  <div class=\"wrap\">\n    <div class=\"grid\">\n\n      <!-- LINKS: verhaal + formulier -->\n      <div class=\"kol-tekst\">\n        <div class=\"badge rev\"><span class=\"stip\"><\/span>Brochure \u00b7 het complete INR verhaal<\/div>\n        <h1 class=\"rev d1\">Download de <span class=\"grad\">INR<\/span> brochure.<\/h1>\n        <p class=\"lead rev d1\">Het volledige verhaal achter het INR Model, van de wetenschap eronder tot de programma&#8217;s waarmee organisaties ermee aan de slag gaan. In \u00e9\u00e9n document, helder en compleet.<\/p>\n\n        <div class=\"puntjes rev d2\">\n          <div class=\"puntje\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"><\/path><\/svg>Het fundament: de drie lagen en de wetenschap die het draagt<\/div>\n          <div class=\"puntje\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"><\/path><\/svg>Het complete ecosysteem van programma&#8217;s en de aanpak<\/div>\n          <div class=\"puntje\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"><\/path><\/svg>INR Align en de menselijke logica onder groei<\/div>\n        <\/div>\n\n        <div class=\"form rev d2\" id=\"inrForm\">\n          <div class=\"form-rij\">\n            <div class=\"veld\">\n              <label for=\"bVoornaam\">Voornaam<span class=\"ster\">*<\/span><\/label>\n              <input type=\"text\" id=\"bVoornaam\" autocomplete=\"given-name\" placeholder=\"Voornaam\">\n            <\/div>\n            <div class=\"veld\">\n              <label for=\"bAchternaam\">Achternaam<span class=\"ster\">*<\/span><\/label>\n              <input type=\"text\" id=\"bAchternaam\" autocomplete=\"family-name\" placeholder=\"Achternaam\">\n            <\/div>\n          <\/div>\n          <div class=\"veld\">\n            <label for=\"bBedrijf\">Bedrijfsnaam<span class=\"ster\">*<\/span><\/label>\n            <input type=\"text\" id=\"bBedrijf\" autocomplete=\"organization\" placeholder=\"Bedrijfsnaam\">\n          <\/div>\n          <div class=\"veld\">\n            <label for=\"bEmail\">Zakelijk e-mailadres<span class=\"ster\">*<\/span><\/label>\n            <input type=\"email\" id=\"bEmail\" autocomplete=\"email\" placeholder=\"jij@bedrijf.nl\">\n            <div class=\"hint\">Gebruik je zakelijke adres. Adressen van gratis providers kunnen we niet verwerken.<\/div>\n          <\/div>\n          <div class=\"fout\" id=\"bFout\">Vul alle velden in en gebruik een geldig e-mailadres.<\/div>\n          <div class=\"hp-veld\" aria-hidden=\"true\"><label for=\"bHp\">Laat dit veld leeg<\/label><input type=\"text\" id=\"bHp\" tabindex=\"-1\" autocomplete=\"off\"><\/div>\n          <button type=\"button\" class=\"dlbtn\" id=\"bBtn\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\n            Download de brochure\n          <\/button>\n          <div class=\"belofte\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2 4 6v6c0 5 3.4 8 8 9 4.6-1 8-4 8-9V6l-8-4z\"><\/path><\/svg><span>We gebruiken je gegevens alleen om je de brochure te sturen en eventueel contact op te nemen.<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- RECHTS: mockups -->\n      <div class=\"kol-mockup rev d3\">\n        <div class=\"mockups\">\n          <!-- liggende mockup, gekanteld achter -->\n          <div class=\"m-land\">\n            <div class=\"land-inner\">\n              <div class=\"lpage l\"><div class=\"lpad\">\n                <div class=\"lp-lijn\" style=\"width:40%\"><\/div>\n                <div class=\"lp-lijn\" style=\"width:80%;height:9px\"><\/div>\n                <div class=\"lp-lijn\" style=\"width:64%;height:9px\"><\/div>\n                <div class=\"lspectrum\"><span style=\"background:var(--sync)\"><\/span><span style=\"background:var(--core)\"><\/span><span style=\"background:var(--pulse)\"><\/span><span style=\"background:var(--fluent)\"><\/span><span style=\"background:var(--echo)\"><\/span><\/div>\n              <\/div><\/div>\n              <div class=\"lpage r\"><div class=\"lpad\">\n                <div class=\"lp-lijn\" style=\"width:50%\"><\/div>\n                <div class=\"lp-lijn\" style=\"width:92%\"><\/div>\n                <div class=\"lp-lijn\" style=\"width:88%\"><\/div>\n                <div class=\"lp-lijn\" style=\"width:90%\"><\/div>\n                <div class=\"lp-lijn\" style=\"width:70%\"><\/div>\n              <\/div><\/div>\n            <\/div>\n          <\/div>\n\n          <!-- staande mockup, prominent voor -->\n          <div class=\"m-port\">\n            <div class=\"p-atmos\"><div class=\"p-blob t\"><\/div><div class=\"p-blob w\"><\/div><\/div>\n            <div class=\"p-inner\">\n              <div class=\"p-top\">\n                <span class=\"p-merk\"><span class=\"dot\"><\/span>INR&nbsp;Institute<\/span>\n                <span class=\"p-tag\">Het complete<br>overzicht<\/span>\n              <\/div>\n              <div class=\"p-mid\">\n                <span class=\"p-eyebrow\">E\u00e9n model. Een heel ecosysteem.<\/span>\n                <div class=\"p-titel\">INR verandert de wereld van <em>organisatieontwikkeling<\/em>.<\/div>\n                <div class=\"p-sub\">Gedrag is nooit toeval. Achter elk patroon schuilt een logica die te begrijpen is.<\/div>\n                <div class=\"p-spectrum\"><span style=\"background:var(--sync)\"><\/span><span style=\"background:var(--core)\"><\/span><span style=\"background:var(--pulse)\"><\/span><span style=\"background:var(--fluent)\"><\/span><span style=\"background:var(--echo)\"><\/span><span style=\"background:var(--coaching)\"><\/span><\/div>\n                <div class=\"p-bottom\"><span class=\"l\">Een uitgave van INR Institute<\/span><span class=\"r\">inr.institute<\/span><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- zwevende PDF-badge -->\n          <div class=\"pdf-badge\">\n            <span class=\"ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg><\/span>\n            <span>PDF-brochure<small>Gratis, direct te lezen<\/small><\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n<!-- ===================== EINDE .inr-broch ===================== -->\n\n<script>\n\/* ----- Config: pas hier het endpoint en straks de PDF-link aan ----- *\/\nwindow.INR_BROCHURE = {\n  endpoint: \"\/wp-json\/inr-dashboard\/v1\/lead-binnen\",\n  form: \"brochure-download-en\",\n  pdf: \"https:\/\/inr.institute\/wp-json\/inr-dashboard\/v1\/documentatie\/pdf\/79404?v=1782984135\"\n  \/* Dit is een REST-endpoint dat de Engelse brochure serveert, geen los bestand.\n     Daarom openen we de brochure in een nieuw tabblad (betrouwbaarst voor een\n     endpoint) in plaats van een geforceerde bestands-download. Ververst de\n     brochure? Werk dan de ?v=... versie-parameter hierboven bij. *\/\n};\n\n\/* ----- Geblokkeerde consumenten- en wegwerpdomeinen -----\n   Alles hier wordt geweigerd in het e-mailveld. Domein toevoegen of verwijderen?\n   Zet het er gewoon bij, altijd in kleine letters. *\/\nwindow.INR_GRATIS_DOMEINEN = [\n  \/* Google *\/\n  'gmail.com','googlemail.com',\n  \/* Microsoft *\/\n  'hotmail.com','hotmail.nl','hotmail.be','hotmail.co.uk','hotmail.fr','hotmail.de','hotmail.es','hotmail.it',\n  'outlook.com','outlook.nl','outlook.be','outlook.fr','outlook.de','outlook.es',\n  'live.nl','live.com','live.be','live.co.uk','live.fr','live.de',\n  'msn.com','passport.com',\n  \/* Yahoo en AOL *\/\n  'yahoo.com','yahoo.co.uk','yahoo.fr','yahoo.de','yahoo.es','yahoo.it','yahoo.nl','ymail.com','rocketmail.com','aol.com','aim.com',\n  \/* Apple *\/\n  'icloud.com','me.com','mac.com',\n  \/* Nederlandse providers *\/\n  'ziggo.nl','kpnmail.nl','kpnplanet.nl','planet.nl','home.nl','casema.nl','chello.nl','xs4all.nl',\n  'telfort.nl','online.nl','zeelandnet.nl','tele2.nl','upcmail.nl','quicknet.nl','zonnet.nl','hetnet.nl',\n  'wanadoo.nl','solcon.nl','caiway.nl','freeler.nl','freedom.nl','kabelfoon.nl','multiweb.nl','concepts.nl',\n  'versatel.nl','tiscali.nl','12move.nl','wxs.nl','worldonline.nl','euronet.nl','dds.nl','xmsnet.nl',\n  'introweb.nl','hccnet.nl','zeeland.nl','ijsselmeer.nl','gmx.nl',\n  \/* Belgische providers *\/\n  'telenet.be','skynet.be','proximus.be','scarlet.be','belgacom.net','pandora.be','voo.be',\n  \/* Internationale gratis providers *\/\n  'gmx.com','gmx.net','gmx.de','gmx.at','gmx.ch','web.de','freenet.de','t-online.de','arcor.de',\n  'mail.com','email.com','usa.com','myself.com','consultant.com','post.com',\n  'protonmail.com','protonmail.ch','proton.me','pm.me',\n  'zoho.com','yandex.com','yandex.ru','mail.ru','inbox.ru','list.ru','bk.ru',\n  'tutanota.com','tutanota.de','tuta.io','tuta.com',\n  'fastmail.com','fastmail.fm','hushmail.com','lycos.com','rediffmail.com','qq.com','163.com','126.com',\n  'naver.com','daum.net','seznam.cz','wp.pl','o2.pl','interia.pl','onet.pl',\n  'orange.fr','laposte.net','free.fr','sfr.fr','wanadoo.fr','libero.it','virgilio.it','alice.it',\n  'terra.es','telefonica.net','sapo.pt','bluewin.ch','chello.at','a1.net',\n  'btinternet.com','sky.com','virginmedia.com','talktalk.net','ntlworld.com','blueyonder.co.uk',\n  'comcast.net','verizon.net','att.net','sbcglobal.net','bellsouth.net','cox.net','charter.net',\n  'earthlink.net','juno.com','netzero.net','optonline.net','roadrunner.com','rr.com',\n  'shaw.ca','sympatico.ca','rogers.com','telus.net','videotron.ca',\n  'bigpond.com','optusnet.com.au','iinet.net.au','xtra.co.nz',\n  \/* Wegwerpmail *\/\n  'mailinator.com','guerrillamail.com','guerrillamail.net','guerrillamail.org','sharklasers.com',\n  '10minutemail.com','10minutemail.net','tempmail.com','temp-mail.org','tempmailo.com',\n  'trashmail.com','trashmail.net','yopmail.com','yopmail.fr','getnada.com','nada.email',\n  'dispostable.com','maildrop.cc','mailnesia.com','mytemp.email','throwawaymail.com',\n  'fakeinbox.com','spamgourmet.com','mailcatch.com','emailondeck.com','moakt.com','tempr.email',\n  'burnermail.io','anonaddy.com','simplelogin.io','33mail.com','spambog.com','mohmal.com',\n  'inboxkitten.com','minuteinbox.com','luxusmail.org','armyspy.com','cuvox.de','dayrep.com',\n  'einrot.com','fleckens.hu','gustr.com','jourrapide.com','rhyta.com','superrito.com','teleworm.us'\n];\n\n(function(){\n'use strict';\n  var GELADEN = Math.floor(Date.now() \/ 1000);\n  var STANDAARD_FOUT = 'Vul alle velden in en gebruik een geldig e-mailadres.';\n  var CONSUMENT_FOUT = 'Gebruik alsjeblieft je zakelijke e-mailadres. Adressen van gratis providers zoals Hotmail, Gmail of Ziggo kunnen we niet verwerken.';\n\n  function start(){\n    var root=document.getElementById('inrBroch');\n    if(!root || root.getAttribute('data-inr-actief')==='1') return;\n    root.setAttribute('data-inr-actief','1');\n\n    var CFG=window.INR_BROCHURE||{};\n    var ENDPOINT=CFG.endpoint||'\/wp-json\/inr-dashboard\/v1\/lead-binnen';\n    var FORM=CFG.form||'brochure-download-en';\n    var PDF=CFG.pdf||'';\n\n    \/\/ reveal, met veiligheidsval zodat de kaart nooit op opacity:0 blijft hangen\n    var revs=root.querySelectorAll('.rev');\n    function toonAlles(){ [].forEach.call(revs,function(e){e.classList.add('in');}); }\n    if('IntersectionObserver' in window){\n      var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});},{threshold:.12,rootMargin:'0px 0px -8% 0px'});\n      [].forEach.call(revs,function(e){io.observe(e);});\n      setTimeout(toonAlles,1200);\n    }else{ toonAlles(); }\n\n    var form=document.getElementById('inrForm');\n    var btn=document.getElementById('bBtn');\n    var fout=document.getElementById('bFout');\n    var hp=document.getElementById('bHp');\n    var velden={\n      voornaam:document.getElementById('bVoornaam'),\n      achternaam:document.getElementById('bAchternaam'),\n      bedrijf:document.getElementById('bBedrijf'),\n      email:document.getElementById('bEmail')\n    };\n\n    function toon(el){ el && el.classList.remove('mis'); }\n    Object.keys(velden).forEach(function(k){\n      velden[k].addEventListener('input',function(){\n        toon(velden[k]);\n        fout.classList.remove('show');\n        fout.textContent=STANDAARD_FOUT;\n      });\n      velden[k].addEventListener('keypress',function(e){ if(e.key==='Enter') btn.click(); });\n    });\n\n    function geldigEmail(e){ return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(e); }\n\n    \/* Weiger consumenten- en wegwerpdomeinen. Client-side, dus omzeilbaar via\n       devtools. Voor harde zekerheid dezelfde lijst ook server-side in het\n       lead-binnen endpoint controleren. *\/\n    function zakelijkEmail(e){\n      var lijst = window.INR_GRATIS_DOMEINEN || [];\n      var dom = String(e).toLowerCase().trim().split('@')[1] || '';\n      return lijst.indexOf(dom) === -1;\n    }\n\n    \/* Verzend naar het eigen INR Dashboard-endpoint. Fire-and-forget met\n       honeypot + tijdslot tegen bots. Server-side wordt de lead opgeslagen\n       voor mailen, dus een aanvraag raakt niet kwijt. *\/\n    function verzendNaarPlugin(data, klaar){\n      var payload={\n        form:FORM,\n        naam:(data.vn+' '+data.an).trim(),\n        email:data.em,\n        velden:{\n          'Voornaam':data.vn,\n          'Achternaam':data.an,\n          'Bedrijfsnaam':data.bd\n        },\n        meta:{},\n        bron:window.location.href,\n        ts:GELADEN,\n        website:(hp?hp.value:'')\n      };\n      try{\n        var xhr=new XMLHttpRequest();\n        xhr.open('POST',ENDPOINT,true);\n        xhr.setRequestHeader('Content-Type','application\/json');\n        xhr.timeout=15000;\n        xhr.onreadystatechange=function(){\n          if(xhr.readyState!==4) return;\n          klaar(xhr.status>=200 && xhr.status<300);\n        };\n        xhr.ontimeout=function(){ klaar(false); };\n        xhr.onerror=function(){ klaar(false); };\n        xhr.send(JSON.stringify(payload));\n      }catch(e){ klaar(false); }\n    }\n\n    \/* Open de brochure als er een link is ingesteld. Het is een REST-endpoint,\n       dus we openen in een nieuw tabblad in plaats van een geforceerde download. *\/\n    function openBrochure(){\n      if(!PDF) return;\n      try{ window.open(PDF, '_blank', 'noopener'); }catch(e){}\n    }\n\n    btn.onclick=function(){\n      var vn=velden.voornaam.value.trim();\n      var an=velden.achternaam.value.trim();\n      var bd=velden.bedrijf.value.trim();\n      var em=velden.email.value.trim();\n\n      var mis=false;\n      var melding=STANDAARD_FOUT;\n\n      if(vn.length<2){ velden.voornaam.classList.add('mis'); mis=true; }\n      if(an.length<2){ velden.achternaam.classList.add('mis'); mis=true; }\n      if(bd.length<2){ velden.bedrijf.classList.add('mis'); mis=true; }\n\n      if(!geldigEmail(em)){\n        velden.email.classList.add('mis'); mis=true;\n      }else if(!zakelijkEmail(em)){\n        velden.email.classList.add('mis'); mis=true;\n        melding=CONSUMENT_FOUT;\n      }\n\n      if(mis){ fout.textContent=melding; fout.classList.add('show'); return; }\n\n      fout.classList.remove('show');\n      btn.disabled=true; btn.textContent='Een moment...';\n\n      verzendNaarPlugin({vn:vn,an:an,bd:bd,em:em}, function(ok){\n        if(ok){\n          openBrochure();\n          toonKlaar(vn);\n        }else{\n          btn.disabled=false;\n          btn.innerHTML='<svg viewBox=\"0 0 24 24\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg> Download de brochure';\n          fout.textContent='Er ging iets mis bij het versturen. Probeer het zo nog eens.';\n          fout.classList.add('show');\n        }\n      });\n    };\n\n    function veilig(s){ var d=document.createElement('div'); d.textContent=s; return d.innerHTML; }\n\n    function toonKlaar(voornaam){\n      var regel = PDF\n        ? 'De brochure opent in een nieuw tabblad. Gebeurt er niets? <a href=\"'+PDF+'\" target=\"_blank\" rel=\"noopener\" style=\"color:var(--accent);font-weight:600;\">Klik hier om de brochure te openen<\/a>.'\n        : 'Je aanvraag is ontvangen. We sturen je de brochure per e-mail.';\n      form.innerHTML =\n        '<div class=\"klaar\">'+\n          '<div class=\"vink\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg><\/div>'+\n          '<h3>Bedankt, '+veilig(voornaam)+'.<\/h3>'+\n          '<p>'+regel+'<\/p>'+\n        '<\/div>';\n    }\n  }\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',start);}else{start();}\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Brochure \u00b7 het complete INR verhaal Download de INR brochure. Het volledige verhaal achter het INR Model, van de wetenschap eronder tot de programma&#8217;s waarmee organisaties ermee aan de slag gaan. In \u00e9\u00e9n document, helder en compleet. Het fundament: de drie lagen en de wetenschap die het draagt Het complete ecosysteem van programma&#8217;s en de [&hellip;]<\/p>\n","protected":false},"author":224244682,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-79396","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/79396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/users\/224244682"}],"replies":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/comments?post=79396"}],"version-history":[{"count":7,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/79396\/revisions"}],"predecessor-version":[{"id":79812,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/79396\/revisions\/79812"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=79396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}