{"id":5705,"date":"2026-07-03T14:53:23","date_gmt":"2026-07-03T14:53:23","guid":{"rendered":"https:\/\/tomorrowsleaders.nl\/contact\/"},"modified":"2026-09-09T10:03:46","modified_gmt":"2026-09-09T10:03:46","slug":"contact","status":"publish","type":"page","link":"https:\/\/tomorrowsleaders.nl\/en\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"<div id=\"main\">\n<p><!-- HERO --><\/p>\n<section class=\"dk\" style=\"background:#111;padding-block:3rem 2.5rem\">\n<div class=\"c\" style=\"max-width:760px\">\n<p class=\"eye\">Direct contact<\/p>\n<h1 style=\"color:#fff;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;letter-spacing:-.03em;margin-bottom:12px\">Bespreek uw AI workforce behoefte<\/h1>\n<p style=\"color:#AAAAAA;font-size:15px;line-height:1.65;max-width:520px\">Geen vrijblijvende demo, maar een inhoudelijk gesprek. Gemiddeld weten wij binnen 30 minuten of en hoe wij kunnen helpen.<\/p>\n<\/p><\/div>\n<\/section>\n<p><!-- CONTENT --><\/p>\n<section style=\"background:#0F0F0F;padding-block:3rem\">\n<div class=\"c\">\n<div class=\"tl-contact-layout\" style=\"display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:3rem;align-items:start;max-width:960px\">\n<p>      <!-- FORMULIER --><\/p>\n<div>\n<div id=\"form-success\" role=\"status\" style=\"display:none;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:10px;padding:24px;text-align:center;margin-bottom:24px\">\n<div style=\"font-size:32px;margin-bottom:8px\">\u2713<\/div>\n<div style=\"font-size:16px;font-weight:700;color:#86efac;margin-bottom:6px\">Bericht verzonden!<\/div>\n<div style=\"font-size:13px;color:#4ade80\">We nemen binnen \u00e9\u00e9n werkdag contact met u op.<\/div>\n<\/p><\/div>\n<div id=\"form-error\" role=\"alert\" style=\"display:none;background:rgba(200,16,46,.1);border:1px solid rgba(200,16,46,.3);border-radius:8px;padding:14px;margin-bottom:16px;font-size:13px;color:#fca5a5\"><\/div>\n<div id=\"contact-form\" class=\"tl-contact-form\">\n<div class=\"tl-contact-field-grid\" style=\"display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:14px\">\n<div>\n              <label for=\"f-naam\" style=\"display:block;font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#8C8C8C;margin-bottom:6px\">Naam *<\/label><br \/>\n              <input id=\"f-naam\" name=\"naam\" type=\"text\" autocomplete=\"name\" required aria-required=\"true\" style=\"width:100%;background:#161616;border:1px solid #6B6B6B;border-radius:7px;padding:11px 13px;font-size:13px;color:#F2F2F2;outline:none;transition:border-color .15s;font-family:inherit\" onfocus=\"this.style.borderColor='#C8102E'\" onblur=\"this.style.borderColor='#2A2A2A'\">\n            <\/div>\n<div>\n              <label for=\"f-bedrijf\" style=\"display:block;font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#8C8C8C;margin-bottom:6px\">Bedrijf<\/label><br \/>\n              <input id=\"f-bedrijf\" name=\"bedrijf\" type=\"text\" autocomplete=\"organization\" style=\"width:100%;background:#161616;border:1px solid #6B6B6B;border-radius:7px;padding:11px 13px;font-size:13px;color:#F2F2F2;outline:none;transition:border-color .15s;font-family:inherit\" onfocus=\"this.style.borderColor='#C8102E'\" onblur=\"this.style.borderColor='#2A2A2A'\">\n            <\/div>\n<\/p><\/div>\n<div class=\"tl-contact-field-grid\" style=\"display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:14px\">\n<div>\n              <label for=\"f-email\" style=\"display:block;font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#8C8C8C;margin-bottom:6px\">E-mail *<\/label><br \/>\n              <input id=\"f-email\" name=\"email\" type=\"email\" autocomplete=\"email\" required aria-required=\"true\" style=\"width:100%;background:#161616;border:1px solid #6B6B6B;border-radius:7px;padding:11px 13px;font-size:13px;color:#F2F2F2;outline:none;transition:border-color .15s;font-family:inherit\" onfocus=\"this.style.borderColor='#C8102E'\" onblur=\"this.style.borderColor='#2A2A2A'\">\n            <\/div>\n<div>\n              <label for=\"f-tel\" style=\"display:block;font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#8C8C8C;margin-bottom:6px\">Telefoon *<\/label><br \/>\n              <input id=\"f-tel\" name=\"telefoon\" type=\"tel\" autocomplete=\"tel\" required aria-required=\"true\" style=\"width:100%;background:#161616;border:1px solid #6B6B6B;border-radius:7px;padding:11px 13px;font-size:13px;color:#F2F2F2;outline:none;transition:border-color .15s;font-family:inherit\" onfocus=\"this.style.borderColor='#C8102E'\" onblur=\"this.style.borderColor='#2A2A2A'\">\n            <\/div>\n<\/p><\/div>\n<div class=\"tl-contact-type-group\" style=\"margin-bottom:14px\">\n            <label id=\"type-group-label\" style=\"display:block;font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#8C8C8C;margin-bottom:6px\">Waarmee kunnen wij u helpen?<\/label><\/p>\n<div role=\"group\" aria-labelledby=\"type-group-label\" style=\"display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px\">\n              <button type=\"button\" class=\"type-btn\" aria-pressed=\"false\" onclick=\"setType(this,'AI Workforce Advisory')\">AI Workforce Advisory<\/button><br \/>\n              <button type=\"button\" class=\"type-btn\" aria-pressed=\"false\" onclick=\"setType(this,'AI Professionals')\">AI Professionals<\/button><br \/>\n              <button type=\"button\" class=\"type-btn\" aria-pressed=\"false\" onclick=\"setType(this,'AI Academy')\">AI Academy<\/button><br \/>\n              <button type=\"button\" class=\"type-btn\" aria-pressed=\"false\" onclick=\"setType(this,'Interim AI talent')\">Interim AI talent<\/button><br \/>\n              <button type=\"button\" class=\"type-btn\" aria-pressed=\"false\" onclick=\"setType(this,'Anders')\">Anders<\/button>\n            <\/div>\n<\/p><\/div>\n<div style=\"margin-bottom:20px\">\n            <label for=\"f-bericht\" style=\"display:block;font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#8C8C8C;margin-bottom:6px\">Uw vraag of situatie *<\/label><br \/>\n            <textarea id=\"f-bericht\" name=\"bericht\" rows=\"5\" required aria-required=\"true\" style=\"width:100%;background:#161616;border:1px solid #6B6B6B;border-radius:7px;padding:11px 13px;font-size:13px;color:#F2F2F2;outline:none;resize:vertical;font-family:inherit;line-height:1.6;transition:border-color .15s\" onfocus=\"this.style.borderColor='#C8102E'\" onblur=\"this.style.borderColor='#2A2A2A'\"><\/textarea>\n          <\/div>\n<p>          <button onclick=\"submitForm()\" id=\"submit-btn\" style=\"width:100%;background:#C8102E;color:#fff;border:none;border-radius:7px;padding:14px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s\"><br \/>\n            Verstuur bericht<br \/>\n          <\/button><\/p>\n<p style=\"font-size:11px;color:#444;text-align:center;margin-top:10px\">Wij reageren binnen \u00e9\u00e9n werkdag \u00b7 Ma\u2013vr 9:00\u201318:00<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- CONTACT INFO --><\/p>\n<div class=\"tl-contact-info\" style=\"display:flex;flex-direction:column;gap:16px\">\n<div style=\"background:#161616;border:1px solid #6B6B6B;border-radius:10px;padding:24px\">\n<div style=\"font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#FF4D6D;margin-bottom:14px\">Direct contact<\/div>\n<div style=\"display:flex;flex-direction:column;gap:12px\">\n            <a href=\"tel:+31235121010\" style=\"display:flex;align-items:center;gap:10px;text-decoration:none;color:#AAAAAA;font-size:13px;transition:color .15s\" onmouseover=\"this.style.color='#F2F2F2'\" onmouseout=\"this.style.color='#AAAAAA'\"><br \/>\n              <span style=\"width:32px;height:32px;background:#1E1E1E;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0\">\ud83d\udcde<\/span><\/p>\n<div>\n<div style=\"font-size:13px;color:#999999;margin-bottom:1px\">Telefoon<\/div>\n<p>+31 (0)23 512 10 10<\/p><\/div>\n<p>            <\/a><br \/>\n            <a href=\"mailto:info@tomorrowsleaders.nl\" style=\"display:flex;align-items:center;gap:10px;text-decoration:none;color:#AAAAAA;font-size:13px;transition:color .15s\" onmouseover=\"this.style.color='#F2F2F2'\" onmouseout=\"this.style.color='#AAAAAA'\"><br \/>\n              <span style=\"width:32px;height:32px;background:#1E1E1E;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0\">\u2709<\/span><\/p>\n<div>\n<div style=\"font-size:13px;color:#999999;margin-bottom:1px\">E-mail<\/div>\n<p>info@tomorrowsleaders.nl<\/p><\/div>\n<p>            <\/a><br \/>\n            <a href=\"https:\/\/maps.google.com\/?q=Kennemerplein+6,+2011+MJ+Haarlem\" target=\"_blank\" style=\"display:flex;align-items:center;gap:10px;text-decoration:none;color:#AAAAAA;font-size:13px;transition:color .15s\" onmouseover=\"this.style.color=&#039;#F2F2F2&#039;\" onmouseout=\"this.style.color=&#039;#AAAAAA&#039;\" rel=\"noopener\"><br \/>\n              <span style=\"width:32px;height:32px;background:#1E1E1E;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0\">\ud83d\udccd<\/span><\/p>\n<div>\n<div style=\"font-size:13px;color:#999999;margin-bottom:1px\">Kantoor<\/div>\n<p>Kennemerplein 6<br \/>2011 MJ Haarlem<\/div>\n<p>            <\/a>\n          <\/div>\n<\/p><\/div>\n<div style=\"background:#161616;border:1px solid #6B6B6B;border-radius:10px;padding:24px\">\n<div style=\"font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#FF4D6D;margin-bottom:14px\">Kantooruren<\/div>\n<div style=\"font-size:13px;color:#999999;line-height:1.8\">\n            Maandag \u2013 vrijdag<br \/>\n            <span style=\"color:#AAAAAA;font-weight:500\">9:00 \u2013 18:00<\/span>\n          <\/div>\n<div style=\"margin-top:12px;padding-top:12px;border-top:1px solid #1E1E1E;font-size:13px;color:#999999\">\n            Actief in NL \u00b7 BE \u00b7 DE\n          <\/div>\n<\/p><\/div>\n<div style=\"background:#C8102E;border-radius:10px;padding:20px\">\n<div style=\"font-size:13px;font-weight:700;color:#fff;margin-bottom:6px\">Liever direct bellen?<\/div>\n<div style=\"font-size:12px;color:rgba(255,255,255,.92);margin-bottom:14px;line-height:1.5\">Binnen 30 minuten weten of wij kunnen helpen.<\/div>\n<p>          <a href=\"tel:+31235121010\" style=\"display:block;text-align:center;background:#fff;color:#C8102E;border-radius:6px;padding:10px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none\"><br \/>\n            \ud83d\udcde +31 (0)23 512 10 10<br \/>\n          <\/a>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<style>\n.type-btn {\n  padding: 6px 13px;\n  font-size: 11px;\n  font-weight: 600;\n  border: 1px solid #2A2A2A;\n  border-radius: 5px;\n  background: transparent;\n  color: #666;\n  cursor: pointer;\n  transition: all .15s;\n  letter-spacing: .03em;\n}\n.type-btn:hover { border-color: #444; color: #F2F2F2; }\n.type-btn.active { background: rgba(200,16,46,.15); border-color: #C8102E; color: #C8102E; }\n@media (max-width:768px) {\n  section .c > div { grid-template-columns: 1fr !important; }\n}\n<\/style>\n<style>\n\/* Task J addendum: contactpagina leesbaarheid, responsive layout en focus-visible (pagina-specifiek, body.page-id-5705) *\/\nbody.page-id-5705 .type-btn {\n  border-color: #6B6B6B;\n  color: #999999;\n  font-size: 13px;\n  min-height: 44px;\n  padding: 12px 16px;\n  display: inline-flex;\n  align-items: center;\n}\nbody.page-id-5705 .type-btn:hover { border-color: #8C8C8C; }\nbody.page-id-5705 .type-btn.active {\n  background: #C8102E;\n  color: #fff;\n}\nbody.page-id-5705 input:focus-visible,\nbody.page-id-5705 textarea:focus-visible,\nbody.page-id-5705 .type-btn:focus-visible,\nbody.page-id-5705 #submit-btn:focus-visible,\nbody.page-id-5705 .tl-contact-info a:focus-visible {\n  outline: 2px solid #F2F2F2 !important;\n  outline-offset: 2px !important;\n}\n@media (max-width: 900px) {\n  body.page-id-5705 .tl-contact-layout { grid-template-columns: 1fr !important; }\n}\n@media (max-width: 640px) {\n  body.page-id-5705 .tl-contact-field-grid { grid-template-columns: 1fr !important; }\n}\n<\/style>\n<p><script>\nvar selectedType = '';<\/p>\n<p>function setType(btn, type) {\n  document.querySelectorAll('.type-btn').forEach(function(b) { b.classList.remove('active'); b.setAttribute('aria-pressed','false'); });\n  btn.classList.add('active');\n  btn.setAttribute('aria-pressed','true');\n  selectedType = type;\n}<\/p>\n<p>async function submitForm() {\n  var naam    = document.getElementById('f-naam').value.trim();\n  var email   = document.getElementById('f-email').value.trim();\n  var bedrijf = document.getElementById('f-bedrijf').value.trim();\n  var tel     = document.getElementById('f-tel').value.trim();\n  var bericht = document.getElementById('f-bericht').value.trim();<\/p>\n<p>  var errEl = document.getElementById('form-error');\n  errEl.style.display = 'none';<\/p>\n<p>  if (!naam || !email || !tel || !bericht) {\n    errEl.textContent = 'Vul naam, e-mail, telefoonnummer en uw bericht in.';\n    errEl.style.display = 'block';\n    return;\n  }<\/p>\n<p>  var btn = document.getElementById('submit-btn');\n  btn.disabled = true;\n  btn.textContent = 'Verzenden...';<\/p>\n<p>  try {\n    var r = await fetch('https:\/\/tomorrowsleaders.nl\/wp-json\/tl\/v1\/contact', {\n      method: 'POST',\n      headers: { 'Content-Type': 'application\/json' },\n      body: JSON.stringify({ naam: naam, email: email, telefoon: tel, bedrijf: bedrijf, bericht: bericht, type: selectedType })\n    });<\/p>\n<p>    var data = await r.json();<\/p>\n<p>    if (r.ok && data.success) {\n      document.getElementById('contact-form').style.display = 'none';\n      document.getElementById('form-success').style.display = 'block';\n    } else {\n      throw new Error(data.message || 'Verzenden mislukt');\n    }\n  } catch(e) {\n    errEl.textContent = e.message || 'Er is iets misgegaan. Bel ons op +31 (0)23 512 10 10.';\n    errEl.style.display = 'block';\n    btn.disabled = false;\n    btn.textContent = 'Verstuur bericht';\n  }\n}<\/p>\n<p>document.addEventListener('DOMContentLoaded', function(){\n  ['f-naam','f-bedrijf','f-email','f-tel'].forEach(function(id){\n    var el = document.getElementById(id);\n    if (el) {\n      el.addEventListener('keydown', function(e){\n        if (e.key === 'Enter') { e.preventDefault(); submitForm(); }\n      });\n    }\n  });\n});\n<\/script><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Direct contact Bespreek uw AI workforce behoefte Geen vrijblijvende demo, maar een inhoudelijk gesprek. Gemiddeld weten wij binnen 30 minuten of en hoe wij kunnen helpen. \u2713 Bericht verzonden! We nemen binnen \u00e9\u00e9n werkdag contact met u op. Naam * Bedrijf E-mail * Telefoon * Waarmee kunnen wij u helpen? AI Workforce Advisory AI Professionals &#8230; <a title=\"Contact\" class=\"read-more\" href=\"https:\/\/tomorrowsleaders.nl\/en\/contact\/\" aria-label=\"Read more about Contact\">Read more<\/a><\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5705","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/tomorrowsleaders.nl\/en\/wp-json\/wp\/v2\/pages\/5705","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tomorrowsleaders.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tomorrowsleaders.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tomorrowsleaders.nl\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/tomorrowsleaders.nl\/en\/wp-json\/wp\/v2\/comments?post=5705"}],"version-history":[{"count":14,"href":"https:\/\/tomorrowsleaders.nl\/en\/wp-json\/wp\/v2\/pages\/5705\/revisions"}],"predecessor-version":[{"id":5952,"href":"https:\/\/tomorrowsleaders.nl\/en\/wp-json\/wp\/v2\/pages\/5705\/revisions\/5952"}],"wp:attachment":[{"href":"https:\/\/tomorrowsleaders.nl\/en\/wp-json\/wp\/v2\/media?parent=5705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}