{"id":9,"date":"2026-03-20T07:38:46","date_gmt":"2026-03-20T07:38:46","guid":{"rendered":"https:\/\/deveiligheidsacademie.nl\/?page_id=9"},"modified":"2026-03-24T10:30:49","modified_gmt":"2026-03-24T10:30:49","slug":"home","status":"publish","type":"page","link":"https:\/\/deveiligheidsacademie.nl\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!-- \/home-single.html (1 bestand: HTML + CSS + JS) -->\n<style>\n  :root{\n    --bg:#f7fafc; --card:#ffffff; --ink:#0b1220; --muted:#475569; --line:rgba(15,23,42,.12);\n    --a1:#0ea5e9; --a2:#22c55e; --a3:#6366f1; --r:18px; --max:1140px; --shadow:0 14px 40px rgba(2,6,23,.10);\n  }\n  html, body { overflow-x: hidden !important; }\n\n  .dva{\n    font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n    color:var(--ink);\n    background:var(--bg);\n    border:1px solid var(--line);\n    border-radius:22px;\n    box-shadow:var(--shadow);\n    overflow:hidden;\n    width:100%;\n    max-width:100%;\n    margin:0 auto;\n  }\n  .dva, .dva *{ box-sizing:border-box; }\n\n  .dva-breakout{\n    width:100vw;\n    max-width:100vw;\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n    overflow-x: clip;\n  }\n\n  .dva a{color:inherit;text-decoration:none}\n  .dva .container{width:100%;max-width:var(--max);margin:0 auto;padding-left:16px;padding-right:16px}\n\n  .dva .hero{\n    padding:44px 0 22px;\n    background:\n      radial-gradient(1000px 700px at 10% 10%, rgba(14,165,233,.18), transparent 60%),\n      radial-gradient(900px 600px at 90% 15%, rgba(34,197,94,.12), transparent 55%),\n      radial-gradient(900px 800px at 40% 95%, rgba(99,102,241,.10), transparent 55%),\n      var(--bg);\n  }\n\n  .dva .topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}\n  .dva .brand{display:flex;align-items:center;gap:12px}\n  .dva .logo{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,rgba(14,165,233,.95),rgba(34,197,94,.85));box-shadow:0 10px 26px rgba(14,165,233,.18)}\n  .dva .brand h1{margin:0;font-size:14px;line-height:1.1;letter-spacing:.2px}\n  .dva .brand p{margin:2px 0 0;font-size:12px;color:var(--muted)}\n\n  .dva .nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}\n  .dva .nav a{padding:10px 12px;border-radius:12px;color:var(--muted);border:1px solid transparent;transition:160ms ease}\n  .dva .nav a:hover{color:var(--ink);background:rgba(2,6,23,.04);border-color:rgba(2,6,23,.08)}\n\n  .dva .btn{\n    display:inline-flex;align-items:center;justify-content:center;gap:10px;\n    padding:12px 14px;border-radius:14px;border:1px solid rgba(2,6,23,.12);\n    background:#fff;color:var(--ink);font-weight:800;letter-spacing:.2px;\n    transition:160ms ease;cursor:pointer;box-shadow:0 10px 18px rgba(2,6,23,.06)\n  }\n  .dva .btn:hover{transform:translateY(-1px);border-color:rgba(2,6,23,.18)}\n  .dva .btn.primary{border:none;background:linear-gradient(135deg,rgba(14,165,233,.95),rgba(34,197,94,.85));color:rgba(2,6,23,.90)}\n  .dva .pill{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;background:rgba(14,165,233,.10);border:1px solid rgba(14,165,233,.22);color:rgba(2,6,23,.78)}\n\n  .dva .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}\n  .dva .panel{border:1px solid var(--line);border-radius:var(--r);background:var(--card);box-shadow:0 12px 28px rgba(2,6,23,.06)}\n  .dva .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;padding:6px 0 14px}\n  .dva .hero-main{padding:22px}\n  .dva .badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.22);color:rgba(2,6,23,.78);font-size:12px}\n  .dva .hero-main h2{margin:14px 0 10px;font-size:clamp(28px,3.4vw,44px);line-height:1.08;letter-spacing:-.6px}\n  .dva .hero-main p{margin:0 0 16px;color:var(--muted);font-size:15px;max-width:75ch}\n  .dva .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}\n  .dva .hint{margin:10px 0 0;color:var(--muted);font-size:12px}\n\n  .dva .hero-side{padding:14px;display:flex;flex-direction:column;gap:10px}\n  .dva .mini{padding:14px;border-radius:16px;border:1px solid rgba(2,6,23,.10);background:#f1f5f9}\n  .dva .mini h3{margin:0 0 6px;font-size:14px}\n  .dva .mini p{margin:0;color:var(--muted);font-size:13px}\n\n  .dva section{padding:26px 0;background:#fff;border-top:1px solid rgba(2,6,23,.06)}\n  .dva section.alt{background:var(--bg)}\n  .dva .section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}\n  .dva .section-title h3{margin:0;font-size:18px;letter-spacing:-.2px}\n  .dva .section-title p{margin:0;color:var(--muted);font-size:13px}\n\n  .dva .card{grid-column:span 4;padding:16px;border-radius:18px;background:var(--card);border:1px solid var(--line);transition:160ms ease;box-shadow:0 10px 22px rgba(2,6,23,.06)}\n  .dva .card:hover{transform:translateY(-2px);border-color:rgba(2,6,23,.18)}\n  .dva .card h4{margin:10px 0 8px;font-size:15px}\n  .dva .card p{margin:0 0 12px;color:var(--muted);font-size:13px}\n  .dva .meta{display:flex;gap:8px;flex-wrap:wrap}\n  .dva .meta span{font-size:12px;color:var(--muted);border:1px solid rgba(2,6,23,.10);padding:6px 9px;border-radius:999px;background:rgba(2,6,23,.03)}\n  .dva .card-actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}\n\n  .dva .img{width:100%;border-radius:18px;border:1px solid rgba(2,6,23,.12);display:block;object-fit:cover}\n  .dva .img.hero{aspect-ratio:16\/10}\n  .dva .img.wide{aspect-ratio:21\/9}\n  .dva .img.square{aspect-ratio:4\/3}\n  .dva figure{margin:0}\n  .dva figcaption{margin-top:8px;color:var(--muted);font-size:12px}\n\n  .dva .two{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}\n  .dva .box{padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--line);box-shadow:0 10px 22px rgba(2,6,23,.06)}\n  .dva form{display:grid;gap:10px;margin-top:10px}\n  .dva .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}\n  .dva label{display:grid;gap:6px;font-size:12px;color:var(--muted)}\n  .dva input,.dva select,.dva textarea{width:100%;border-radius:14px;border:1px solid rgba(2,6,23,.12);background:#fff;color:var(--ink);padding:12px;outline:none;font:inherit}\n  .dva textarea{min-height:110px;resize:vertical}\n  .dva input:focus,.dva select:focus,.dva textarea:focus{border-color:rgba(14,165,233,.55);box-shadow:0 0 0 4px rgba(14,165,233,.12)}\n\n  .dva .notice{display:none;padding:12px;border-radius:14px;border:1px solid rgba(14,165,233,.35);background:rgba(14,165,233,.08);color:rgba(2,6,23,.86);font-size:13px}\n  .dva .nawbox{padding:14px;background:#f8fafc}\n\n  .dva .footer{padding:18px 0 10px;border-top:1px solid rgba(2,6,23,.10);color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}\n  .dva .footer a{text-decoration:underline}\n\n  .dva .cartbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid rgba(2,6,23,.08)}\n  .dva .cartbar-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0}\n  .dva .cartchip{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(2,6,23,.12);background:#fff}\n  .dva .cartchip b{font-size:13px}\n\n  .dva .cartpanel{padding:14px;margin:0 0 10px}\n  .dva .cartpanel-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}\n  .dva .cartpanel-sub{color:var(--muted);font-size:12px}\n\n  .dva .cartlist{display:none;margin-top:10px}\n  .dva .cartlist.open{display:block}\n  .dva .cartitem{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid rgba(2,6,23,.08)}\n  .dva .cartitem small{color:var(--muted)}\n  .dva .linkbtn{border:none;background:transparent;color:var(--a1);font-weight:800;cursor:pointer;padding:0}\n\n  @media (max-width: 920px){\n    .dva .hero-grid{grid-template-columns:1fr}\n    .dva .card{grid-column:span 6}\n    .dva .two{grid-template-columns:1fr}\n  }\n  @media (max-width: 620px){\n    .dva-breakout{width:100%;max-width:100%;margin-left:0;margin-right:0}\n    .dva .nav{display:none}\n    .dva .card{grid-column:span 12}\n    .dva .row{grid-template-columns:1fr}\n    .dva .cartbar{position:static !important}\n    .dva{border-radius:0;border-left:0;border-right:0}\n  }\n<\/style>\n\n<div class=\"dva dva-breakout\">\n  <div class=\"cartbar\">\n    <div class=\"container\">\n      <div class=\"cartbar-inner\">\n        <div class=\"brand\">\n          <div class=\"logo\" aria-hidden=\"true\"><\/div>\n          <div>\n            <h1>De Veiligheidsacademie<\/h1>\n            <p>Regio <strong>Nieuwegein e.o.<\/strong> \u2022 10 min vanaf Hagestein<\/p>\n          <\/div>\n        <\/div>\n\n        <div style=\"display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;align-items:center\">\n          <a class=\"btn\" href=\"#sectoren\">Sectoren<\/a>\n          <a class=\"btn\" href=\"#top5\">Top 5<\/a>\n\n          <div class=\"cartchip\" role=\"button\" tabindex=\"0\" id=\"dvaCartToggle\" aria-expanded=\"false\">\n            <b>\ud83d\uded2 Aanvragen<\/b>\n            <span><span id=\"dvaCartCount\">0<\/span> items<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"panel cartpanel\" id=\"dvaCartPanel\" hidden>\n        <div class=\"cartpanel-head\">\n          <div>\n            <strong>Jouw selectie<\/strong>\n            <div class=\"cartpanel-sub\">Voorlopig sturen we dit als aanvraag\/contact (eigen API).<\/div>\n          <\/div>\n          <div style=\"display:flex;gap:10px;flex-wrap:wrap\">\n            <button class=\"btn\" type=\"button\" id=\"dvaCartClear\">Leegmaken<\/button>\n            <a class=\"btn primary\" href=\"#aanvraag\">Ga naar aanvraagformulier<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"cartlist open\" id=\"dvaCartList\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"hero\" id=\"top\">\n    <div class=\"container\">\n      <div class=\"topbar\">\n        <nav class=\"nav\" aria-label=\"Navigatie\">\n          <a href=\"#top5\">Top 5<\/a>\n          <a href=\"#sectoren\">Sectoren<\/a>\n          <a href=\"#fotos\">Foto\u2019s<\/a>\n          <a href=\"#soort\">Soort<\/a>\n          <a href=\"#aanvraag\">Aanvragen<\/a>\n        <\/nav>\n        <a class=\"btn primary\" href=\"#aanvraag\">Direct aanvragen<\/a>\n      <\/div>\n\n      <div class=\"hero-grid\">\n        <div class=\"panel hero-main\">\n          <span class=\"badge\">\ud83d\udccd Focus: Nieuwegein e.o. \u2022 Slechts 10 min vanaf Hagestein<\/span>\n          <h2>Opleidingen &#038; trainingen voor professionals in Nieuwegein en omgeving.<\/h2>\n          <p>\n            De Veiligheidsacademie verzorgt opleidingen in de regio <strong>Nieuwegein<\/strong>, IJsselstein, Vianen, Houten en Utrecht.\n            Kies een sector en vraag direct aan: <strong>Defensie\/BOA\/Politie<\/strong>, <strong>Beveiliging<\/strong>,\n            <strong>BHV\/EHBO<\/strong>, <strong>Zorg<\/strong> of <strong>Corporate<\/strong>.\n          <\/p>\n\n          <div class=\"cta\">\n            <a class=\"btn primary\" href=\"#top5\">Bekijk Top 5<\/a>\n            <a class=\"btn\" href=\"#sectoren\">Kies sector<\/a>\n            <a class=\"btn\" href=\"#aanvraag\">Aanvraag\/offerte<\/a>\n          <\/div>\n\n          <p class=\"hint\">\n            Voorlopig: alles via aanvraagformulieren. Later kunnen we dit omzetten naar echte betaalflow.\n            Klassikaal: bij <strong>meer dan 2 studenten<\/strong> nemen wij contact op voor planning.\n          <\/p>\n        <\/div>\n\n        <aside class=\"panel hero-side\">\n          <figure>\n            <img decoding=\"async\" class=\"img hero\" src=\"\/wp-content\/uploads\/2026\/03\/ndg-otc.png\" alt=\"Praktijktraining in tactische setting\" loading=\"lazy\">\n            <figcaption>Praktijkgericht trainen: realistische scenario\u2019s.<\/figcaption>\n          <\/figure>\n\n          <div class=\"mini\"><h3>Frisse, professionele look<\/h3><p>Heldere kaarten, zachte gradients, sterke CTA\u2019s.<\/p><\/div>\n          <div class=\"mini\"><h3>SEO: regio + sector<\/h3><p>Nieuwegein e.o. prominent + sector-landing\u2019s.<\/p><\/div>\n          <div class=\"mini\"><h3>Afbeeldingen<\/h3><p>Op deze pagina zijn meerdere plekken met jouw foto\u2019s gevuld.<\/p><\/div>\n        <\/aside>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <section id=\"top5\" class=\"alt\">\n    <div class=\"container\">\n      <div class=\"section-title\">\n        <div>\n          <h3>Top 5 (prijzen vanaf) \u2014 direct aanvragen<\/h3>\n          <p>Deze prijzen zijn \u201cvanaf\u201d. Je kunt ze later koppelen aan echte producten.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"grid\" role=\"list\" id=\"dvaTop5\"><\/div>\n\n      <figure style=\"margin-top:12px\">\n        <img decoding=\"async\" class=\"img wide\" src=\"\/wp-content\/uploads\/2026\/03\/ndg-otc.png\" alt=\"Trainingsmoment op locatie\" loading=\"lazy\">\n      <\/figure>\n    <\/div>\n  <\/section>\n\n  <section id=\"sectoren\">\n    <div class=\"container\">\n      <div class=\"section-title\">\n        <div>\n          <h3>Sectoren<\/h3>\n          <p>Kies je sector (Nieuwegein e.o.) en ga direct naar de juiste aanvragen.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"grid\" role=\"list\">\n        <article class=\"card\" role=\"listitem\">\n          <span class=\"pill\">Sector<\/span>\n          <h4>Defensie \/ BOA \/ Politie<\/h4>\n          <p>Communicatie, de-escalatie, professioneel optreden en veiligheid.<\/p>\n          <div class=\"meta\"><span>Nieuwegein e.o.<\/span><span>Klassikaal<\/span><span>Incompany<\/span><\/div>\n          <div class=\"card-actions\">\n            <button class=\"btn primary\" data-sector=\"Defensie\/BOA\/Politie\" data-action=\"goform\">Aanvragen<\/button>\n            <a class=\"btn\" href=\"\/sector\/defensie-boa-politie\/\">Sectorpagina<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"card\" role=\"listitem\">\n          <span class=\"pill\">Sector<\/span>\n          <h4>Beveiliging<\/h4>\n          <p>Trainingen voor beveiligers: houding, rapportage, communicatie.<\/p>\n          <div class=\"meta\"><span>Nieuwegein e.o.<\/span><span>Klassikaal<\/span><span>Incompany<\/span><\/div>\n          <div class=\"card-actions\">\n            <button class=\"btn primary\" data-sector=\"Beveiliging\" data-action=\"goform\">Aanvragen<\/button>\n            <a class=\"btn\" href=\"\/sector\/beveiliging\/\">Sectorpagina<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"card\" role=\"listitem\">\n          <span class=\"pill\">Sector<\/span>\n          <h4>BHV \/ EHBO<\/h4>\n          <p>BHV en EHBO trainingen: praktisch en organisatiegericht.<\/p>\n          <div class=\"meta\"><span>Nieuwegein e.o.<\/span><span>Klassikaal<\/span><span>Incompany<\/span><\/div>\n          <div class=\"card-actions\">\n            <button class=\"btn primary\" data-sector=\"BHV\/EHBO\" data-action=\"goform\">Aanvragen<\/button>\n            <a class=\"btn\" href=\"\/sector\/bhv-ehbo\/\">Sectorpagina<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"card\" role=\"listitem\">\n          <span class=\"pill\">Sector<\/span>\n          <h4>Zorg<\/h4>\n          <p>Veiligheid en communicatie in de zorg: rust, regie en samenwerking.<\/p>\n          <div class=\"meta\"><span>Nieuwegein e.o.<\/span><span>Klassikaal<\/span><span>Incompany<\/span><\/div>\n          <div class=\"card-actions\">\n            <button class=\"btn primary\" data-sector=\"Zorg\" data-action=\"goform\">Aanvragen<\/button>\n            <a class=\"btn\" href=\"\/sector\/zorg\/\">Sectorpagina<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"card\" role=\"listitem\">\n          <span class=\"pill\">Sector<\/span>\n          <h4>Corporate<\/h4>\n          <p>Trainingen voor organisaties: preventie, veiligheidscultuur en e-learning.<\/p>\n          <div class=\"meta\"><span>Nieuwegein e.o.<\/span><span>E-learning<\/span><span>Klassikaal<\/span><\/div>\n          <div class=\"card-actions\">\n            <button class=\"btn primary\" data-sector=\"Corporate\" data-action=\"goform\">Aanvragen<\/button>\n            <a class=\"btn\" href=\"\/sector\/corporate\/\">Sectorpagina<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"card\" role=\"listitem\">\n          <span class=\"pill\">In actie<\/span>\n          <h4>Realistische scenario\u2019s<\/h4>\n          <p>Praktijkmomenten die passen bij veiligheid, communicatie en optreden.<\/p>\n          <figure style=\"margin-top:10px\">\n            <img decoding=\"async\" class=\"img square\" src=\"\/wp-content\/uploads\/2026\/03\/veiligheidsacademie_handboeien.jpg\" alt=\"Arrestatietechniek oefening\" loading=\"lazy\">\n          <\/figure>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"fotos\" class=\"alt\">\n    <div class=\"container\">\n      <div class=\"section-title\">\n        <div>\n          <h3>Foto\u2019s in actie<\/h3>\n          <p>Een selectie van trainingen en scenario\u2019s.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"grid\" role=\"list\">\n        <article class=\"card\" role=\"listitem\" style=\"grid-column:span 6\">\n          <figure><img decoding=\"async\" class=\"img square\" src=\"\/wp-content\/uploads\/2026\/03\/veiligheidsacademie_img_5.jpg\" alt=\"Medische training \/ handelingen\" loading=\"lazy\"><\/figure>\n        <\/article>\n        <article class=\"card\" role=\"listitem\" style=\"grid-column:span 6\">\n          <figure><img decoding=\"async\" class=\"img square\" src=\"\/wp-content\/uploads\/veiligheidsacademie_img_4.jpg\" alt=\"Trainingsteam in briefing\" loading=\"lazy\"><\/figure>\n        <\/article>\n        <article class=\"card\" role=\"listitem\" style=\"grid-column:span 12\">\n          <figure><img decoding=\"async\" class=\"img wide\" src=\"\/wp-content\/uploads\/2026\/03\/veiligheidsacademie_img_2.jpg\" alt=\"Professionals tijdens training in de natuur\" loading=\"lazy\"><\/figure>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"soort\" class=\"alt\">\n    <div class=\"container\">\n      <div class=\"section-title\">\n        <div>\n          <h3>Soort training<\/h3>\n          <p>Kies type: e-learning of klassikaal\/incompany (aanvraag).<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"grid\" role=\"list\">\n        <article class=\"card\" role=\"listitem\">\n          <span class=\"pill\">Soort<\/span>\n          <h4>E-learning<\/h4>\n          <p>Direct aanvragen. We vragen gelijk NAW cursist + aantal studenten.<\/p>\n          <div class=\"meta\"><span>Online<\/span><span>Snel<\/span><\/div>\n          <div class=\"card-actions\"><button class=\"btn primary\" data-soort=\"E-learning\" data-action=\"goform\">E-learning aanvragen<\/button><\/div>\n        <\/article>\n\n        <article class=\"card\" role=\"listitem\">\n          <span class=\"pill\">Soort<\/span>\n          <h4>Klassikaal<\/h4>\n          <p>1\u20132 studenten: directe aanvraag. &gt;2 studenten: wij nemen contact op.<\/p>\n          <div class=\"meta\"><span>Op locatie<\/span><span>Praktijk<\/span><\/div>\n          <div class=\"card-actions\"><button class=\"btn primary\" data-soort=\"Klassikaal\" data-action=\"goform\">Klassikaal aanvragen<\/button><\/div>\n        <\/article>\n\n        <article class=\"card\" role=\"listitem\">\n          <span class=\"pill\">Soort<\/span>\n          <h4>Incompany<\/h4>\n          <p>Training bij jouw organisatie in Nieuwegein e.o. (en heel NL).<\/p>\n          <div class=\"meta\"><span>Team<\/span><span>Maatwerk<\/span><\/div>\n          <div class=\"card-actions\"><button class=\"btn primary\" data-soort=\"Incompany\" data-action=\"goform\">Incompany aanvragen<\/button><\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"aanvraag\">\n    <div class=\"container\">\n      <div class=\"section-title\">\n        <div>\n          <h3>Aanvraagformulier (voorlopig)<\/h3>\n          <p>Endpoint: <code>\/wp-json\/dva\/v1\/lead<\/code> (optioneel, kan later).<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"two\">\n        <div class=\"box\">\n          <h4 style=\"margin:0 0 8px\">Aanvraag \/ offerte<\/h4>\n          <div class=\"notice\" id=\"dvaNotice\" role=\"status\" aria-live=\"polite\"><\/div>\n\n          <form id=\"dvaLeadForm\">\n            <div class=\"row\">\n              <label>Organisatie \/ klant\n                <input name=\"organisatie\" autocomplete=\"organization\" placeholder=\"Bedrijf \/ instelling\" required>\n              <\/label>\n              <label>Contactpersoon\n                <input name=\"contactpersoon\" autocomplete=\"name\" placeholder=\"Voor- en achternaam\" required>\n              <\/label>\n            <\/div>\n\n            <div class=\"row\">\n              <label>E-mail\n                <input name=\"email\" type=\"email\" autocomplete=\"email\" placeholder=\"naam@bedrijf.nl\" required>\n              <\/label>\n              <label>Telefoon\n                <input name=\"telefoon\" autocomplete=\"tel\" placeholder=\"06...\" required>\n              <\/label>\n            <\/div>\n\n            <div class=\"row\">\n              <label>Sector\n                <select name=\"sector\" id=\"dvaSector\">\n                  <option value=\"\">Kies sector<\/option>\n                  <option>Defensie\/BOA\/Politie<\/option>\n                  <option>Beveiliging<\/option>\n                  <option>BHV\/EHBO<\/option>\n                  <option>Zorg<\/option>\n                  <option>Corporate<\/option>\n                <\/select>\n              <\/label>\n\n              <label>Soort\n                <select name=\"soort\" id=\"dvaSoort\">\n                  <option value=\"\">Kies soort<\/option>\n                  <option>E-learning<\/option>\n                  <option>Klassikaal<\/option>\n                  <option>Incompany<\/option>\n                <\/select>\n              <\/label>\n            <\/div>\n\n            <div class=\"row\">\n              <label>Aantal studenten\n                <input name=\"aantal_studenten\" id=\"dvaAantal\" type=\"number\" min=\"1\" step=\"1\" placeholder=\"1\" required>\n              <\/label>\n              <label>Voorkeursdatum\n                <input name=\"voorkeursdatum\" type=\"date\">\n              <\/label>\n            <\/div>\n\n            <div class=\"box nawbox\" id=\"dvaNawBox\" hidden>\n              <strong>NAW cursist (alleen bij E-learning)<\/strong>\n              <div class=\"row\" style=\"margin-top:10px\">\n                <label>Naam cursist\n                  <input name=\"cursist_naam\" id=\"dvaCNaam\" autocomplete=\"name\" placeholder=\"Voor- en achternaam\">\n                <\/label>\n                <label>E-mail cursist\n                  <input name=\"cursist_email\" id=\"dvaCEmail\" type=\"email\" autocomplete=\"email\" placeholder=\"cursist@...\">\n                <\/label>\n              <\/div>\n              <div class=\"row\">\n                <label>Straat + huisnr\n                  <input name=\"cursist_adres\" id=\"dvaCAdres\" autocomplete=\"street-address\" placeholder=\"Straat 1\">\n                <\/label>\n                <label>Postcode + plaats\n                  <input name=\"cursist_postcode_plaats\" id=\"dvaCPost\" autocomplete=\"postal-code\" placeholder=\"1234AB Nieuwegein\">\n                <\/label>\n              <\/div>\n            <\/div>\n\n            <label>Bericht \/ opleiding(en)\n              <textarea name=\"bericht\" placeholder=\"Welke opleiding(en) wil je aanvragen? Voeg evt. Top-5 selectie toe...\"><\/textarea>\n            <\/label>\n\n            <input type=\"hidden\" name=\"cart_items_json\" id=\"dvaCartItemsJson\" value=\"[]\">\n\n            <button class=\"btn primary\" type=\"submit\">Verstuur aanvraag<\/button>\n            <p class=\"hint\">Klassikaal: als <strong>aantal studenten &gt; 2<\/strong>, nemen wij contact op.<\/p>\n          <\/form>\n        <\/div>\n\n        <div class=\"box\">\n          <h4 style=\"margin:0 0 8px\">Contact &#038; links<\/h4>\n          <p style=\"margin:0 0 12px;color:var(--muted);font-size:13px\">\n            Focus regio <strong>Nieuwegein e.o.<\/strong>. (Locatie Hagestein: 10 min rijden.)\n          <\/p>\n\n          <figure style=\"margin-bottom:10px\">\n            <img decoding=\"async\" class=\"img square\" src=\"\/wp-content\/uploads\/ndg-otc.png\" alt=\"Locatie \/ organisatie\" loading=\"lazy\">\n          <\/figure>\n\n          <div class=\"mini\">\n            <h3>Doorverwijzingen<\/h3>\n            <p>\n              <a href=\"https:\/\/ndgroep.nl\" target=\"_blank\" rel=\"noopener\">NDgroep.nl<\/a><br>\n              <a href=\"https:\/\/ndgroep.nl\" target=\"_blank\" rel=\"noopener\">Dienst BenB<\/a>\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"footer\">\n        <div><strong style=\"color:var(--ink)\">De Veiligheidsacademie<\/strong><br>\u00a9 <span id=\"dvaYear\"><\/span> \u2022 Regio Nieuwegein e.o.<\/div>\n        <div><a href=\"https:\/\/ndgroep.nl\" target=\"_blank\" rel=\"noopener\">NDgroep.nl<\/a> \u2022 <a href=\"https:\/\/ndgroep.nl\" target=\"_blank\" rel=\"noopener\">Dienst BenB<\/a><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  const TOP5 = [\n    { id:\"bhv\",        titel:\"BHV (Basis \/ Herhaling)\",              sector:\"BHV\/EHBO\",             soort:\"Klassikaal\", prijsVanaf:\"\u20ac 149,-\", regio:\"Nieuwegein e.o.\" },\n    { id:\"ehbo\",       titel:\"EHBO (Basis \/ Herhaling)\",             sector:\"BHV\/EHBO\",             soort:\"Klassikaal\", prijsVanaf:\"\u20ac 169,-\", regio:\"Nieuwegein e.o.\" },\n    { id:\"vca\",        titel:\"VCA Basis \/ VOL\",                      sector:\"Corporate\",            soort:\"E-learning\", prijsVanaf:\"\u20ac 49,-\",  regio:\"Online\" },\n    { id:\"deesc\",      titel:\"De-escalatie & Communicatie\",          sector:\"Beveiliging\",          soort:\"Incompany\",  prijsVanaf:\"\u20ac 695,-\", regio:\"Nieuwegein e.o.\" },\n    { id:\"boa_comm\",   titel:\"BOA\/Politie communicatie (praktijk)\",  sector:\"Defensie\/BOA\/Politie\", soort:\"Klassikaal\", prijsVanaf:\"\u20ac 249,-\", regio:\"Nieuwegein e.o.\" }\n  ];\n\n  const CART_KEY = \"dva_cart_v1\";\n  const $ = (id) => document.getElementById(id);\n\n  const loadCart = () => { try { return JSON.parse(localStorage.getItem(CART_KEY) || \"[]\"); } catch { return []; } };\n  const saveCart = (items) => localStorage.setItem(CART_KEY, JSON.stringify(items));\n  const cartCount = (items) => items.reduce((n,i)=> n + (Number(i.qty)||1), 0);\n\n  const renderTop5 = () => {\n    const wrap = $(\"dvaTop5\");\n    if (!wrap) return;\n    wrap.innerHTML = TOP5.map(p => `\n      <article class=\"card\" role=\"listitem\">\n        <span class=\"pill\">${p.sector}<\/span>\n        <h4>${p.titel}<\/h4>\n        <p><strong>Prijs vanaf:<\/strong> ${p.prijsVanaf} \u2022 <span style=\"color:var(--muted)\">${p.regio}<\/span><\/p>\n        <div class=\"meta\"><span>${p.soort}<\/span><span>Aanvraag<\/span><\/div>\n        <div class=\"card-actions\">\n          <button class=\"btn primary\" data-add=\"${p.id}\">Toevoegen aan aanvraag<\/button>\n          <button class=\"btn\" data-quick=\"${p.id}\">Direct aanvragen<\/button>\n        <\/div>\n      <\/article>\n    `).join(\"\");\n  };\n\n  const renderCart = () => {\n    const items = loadCart();\n    const countEl = $(\"dvaCartCount\");\n    const listEl = $(\"dvaCartList\");\n    const jsonEl = $(\"dvaCartItemsJson\");\n\n    if (countEl) countEl.textContent = String(cartCount(items));\n    if (jsonEl) jsonEl.value = JSON.stringify(items);\n\n    if (!listEl) return;\n    if (items.length === 0) {\n      listEl.innerHTML = `<div style=\"color:var(--muted);padding:10px 0\">Nog geen items geselecteerd.<\/div>`;\n      return;\n    }\n\n    listEl.innerHTML = items.map(i => `\n      <div class=\"cartitem\">\n        <div>\n          <div><strong>${i.titel}<\/strong><\/div>\n          <small>${i.sector} \u2022 ${i.soort} \u2022 vanaf ${i.prijsVanaf}<\/small>\n        <\/div>\n        <div style=\"display:flex;gap:10px;align-items:center\">\n          <small>qty ${i.qty}<\/small>\n          <button class=\"linkbtn\" data-rm=\"${i.id}\" type=\"button\">verwijder<\/button>\n        <\/div>\n      <\/div>\n    `).join(\"\");\n  };\n\n  const addToCart = (id) => {\n    const p = TOP5.find(x => x.id === id);\n    if (!p) return;\n    const items = loadCart();\n    const ex = items.find(x => x.id === id);\n    if (ex) ex.qty = (Number(ex.qty)||1) + 1;\n    else items.push({ ...p, qty: 1 });\n    saveCart(items);\n    renderCart();\n  };\n\n  const removeFromCart = (id) => { saveCart(loadCart().filter(x => x.id !== id)); renderCart(); };\n\n  const openCart = () => {\n    const panel = $(\"dvaCartPanel\");\n    const toggle = $(\"dvaCartToggle\");\n    if (!panel || !toggle) return;\n    panel.hidden = false;\n    toggle.setAttribute(\"aria-expanded\",\"true\");\n  };\n\n  const toggleCart = () => {\n    const panel = $(\"dvaCartPanel\");\n    const toggle = $(\"dvaCartToggle\");\n    if (!panel || !toggle) return;\n    const willOpen = panel.hidden;\n    panel.hidden = !willOpen;\n    toggle.setAttribute(\"aria-expanded\", willOpen ? \"true\" : \"false\");\n  };\n\n  const syncNAWVisibility = () => {\n    const soort = $(\"dvaSoort\")?.value || \"\";\n    const box = $(\"dvaNawBox\");\n    const req = (soort === \"E-learning\");\n    if (!box) return;\n    box.hidden = !req;\n    [\"dvaCNaam\",\"dvaCEmail\",\"dvaCAdres\",\"dvaCPost\"].forEach(id => {\n      const el = $(id);\n      if (el) el.required = req;\n    });\n  };\n\n  const goForm = (prefill) => {\n    const sector = $(\"dvaSector\");\n    const soort = $(\"dvaSoort\");\n    if (prefill?.sector && sector) sector.value = prefill.sector;\n    if (prefill?.soort && soort) soort.value = prefill.soort;\n    $(\"aanvraag\")?.scrollIntoView({behavior:\"auto\"});\n    openCart();\n    syncNAWVisibility();\n  };\n\n  const showNotice = (msg, kind) => {\n    const n = $(\"dvaNotice\");\n    if (!n) return;\n    n.style.display = \"block\";\n    n.style.borderColor = kind === \"ok\" ? \"rgba(34,197,94,.35)\" : \"rgba(14,165,233,.35)\";\n    n.style.background = kind === \"ok\" ? \"rgba(34,197,94,.10)\" : \"rgba(14,165,233,.08)\";\n    n.textContent = msg;\n  };\n\n  const submitLead = async (payload) => {\n    const res = await fetch(\"\/wp-json\/dva\/v1\/lead\", {\n      method:\"POST\",\n      headers:{ \"Content-Type\":\"application\/json\" },\n      body: JSON.stringify(payload)\n    });\n    const data = await res.json().catch(()=> ({}));\n    if (!res.ok) throw new Error(data?.message || \"Versturen mislukt\");\n    return data;\n  };\n\n  const boot = () => {\n    if (!document.querySelector(\".dva\")) return;\n\n    $(\"dvaYear\")?.append(String(new Date().getFullYear()));\n\n    document.addEventListener(\"click\", (e) => {\n      const add = e.target?.closest?.(\"[data-add]\")?.getAttribute(\"data-add\");\n      const quick = e.target?.closest?.(\"[data-quick]\")?.getAttribute(\"data-quick\");\n      const rm = e.target?.closest?.(\"[data-rm]\")?.getAttribute(\"data-rm\");\n\n      const actionEl = e.target?.closest?.(\"[data-action]\");\n      const action = actionEl?.getAttribute(\"data-action\");\n      const sector = actionEl?.getAttribute(\"data-sector\");\n      const soort = actionEl?.getAttribute(\"data-soort\");\n\n      if (add) { addToCart(add); openCart(); }\n      if (quick) {\n        addToCart(quick);\n        const p = TOP5.find(x => x.id === quick);\n        goForm({ sector: p?.sector, soort: p?.soort });\n      }\n      if (rm) removeFromCart(rm);\n      if (action === \"goform\") goForm({ sector, soort });\n    });\n\n    $(\"dvaCartToggle\")?.addEventListener(\"click\", toggleCart);\n    $(\"dvaCartToggle\")?.addEventListener(\"keydown\", (e) => {\n      if (e.key === \"Enter\" || e.key === \" \") { e.preventDefault(); toggleCart(); }\n    });\n\n    $(\"dvaCartClear\")?.addEventListener(\"click\", () => { saveCart([]); renderCart(); });\n    $(\"dvaSoort\")?.addEventListener(\"change\", syncNAWVisibility);\n\n    $(\"dvaLeadForm\")?.addEventListener(\"submit\", async (e) => {\n      e.preventDefault();\n      const form = e.target;\n      const fd = new FormData(form);\n      const payload = Object.fromEntries(fd.entries());\n\n      payload.aantal_studenten = Number(payload.aantal_studenten || 0);\n      payload.cart_items = JSON.parse(payload.cart_items_json || \"[]\");\n      delete payload.cart_items_json;\n\n      syncNAWVisibility();\n\n      if (payload.soort === \"Klassikaal\" && payload.aantal_studenten > 2) {\n        showNotice(\"Dank! Bij meer dan 2 studenten nemen wij contact op voor planning en voorstel.\", \"info\");\n      }\n\n      try {\n        await submitLead(payload);\n        showNotice(\"Dank! Je aanvraag is verzonden. We nemen snel contact met je op.\", \"ok\");\n        form.reset();\n        saveCart([]);\n        renderCart();\n        syncNAWVisibility();\n      } catch (err) {\n        console.warn(err);\n        showNotice(\"Versturen lukt nog niet (API ontbreekt?). Dit is ok voor nu.\", \"info\");\n      }\n    });\n\n    renderTop5();\n    renderCart();\n    syncNAWVisibility();\n  };\n\n  if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", boot);\n  else boot();\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>De Veiligheidsacademie Regio Nieuwegein e.o. \u2022 10 min vanaf Hagestein Sectoren Top 5 \ud83d\uded2 Aanvragen 0 items Jouw selectie Voorlopig sturen we dit als aanvraag\/contact (eigen API). Leegmaken Ga naar aanvraagformulier Top 5 Sectoren Foto\u2019s Soort Aanvragen Direct aanvragen \ud83d\udccd Focus: Nieuwegein e.o. \u2022 Slechts 10 min vanaf Hagestein Opleidingen &#038; trainingen voor professionals in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/deveiligheidsacademie.nl\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deveiligheidsacademie.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/deveiligheidsacademie.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/deveiligheidsacademie.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/deveiligheidsacademie.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":15,"href":"https:\/\/deveiligheidsacademie.nl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/deveiligheidsacademie.nl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/deveiligheidsacademie.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}