{"id":40,"date":"2026-05-26T13:28:09","date_gmt":"2026-05-26T13:28:09","guid":{"rendered":"https:\/\/ladenbijdeburen.nu\/?page_id=40"},"modified":"2026-05-28T20:17:04","modified_gmt":"2026-05-28T20:17:04","slug":"elementor-40","status":"publish","type":"page","link":"https:\/\/ladenbijdeburen.nu\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"40\" class=\"elementor elementor-40\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8afddf1 e-flex e-con-boxed e-con e-parent\" data-id=\"8afddf1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a47de45 elementor-widget elementor-widget-html\" data-id=\"a47de45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"nl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Laden bij de Buren \u2013 Meld je aan<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,400&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* ===== RESET & BASE ===== *\/\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.lbdb {\r\n  font-family: 'DM Sans', sans-serif;\r\n  color: #1a1a1a;\r\n  background: #ffffff;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.lbdb a { color: #1D9E75; text-decoration: underline; cursor: pointer; }\r\n\r\n\/* ===== HERO SECTION ===== *\/\r\n.lbdb-hero {\r\n  background: #f7f9f7;\r\n  border-bottom: 1px solid #e4ede8;\r\n  padding: 72px 24px 64px;\r\n  text-align: center;\r\n}\r\n\r\n.lbdb-logo {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.lbdb-bolt {\r\n  width: 36px;\r\n  height: 36px;\r\n  background: #1D9E75;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.lbdb-bolt svg { display: block; }\r\n\r\n.lbdb-brandname {\r\n  font-family: 'DM Serif Display', serif;\r\n  font-size: 17px;\r\n  color: #444;\r\n  letter-spacing: 0.01em;\r\n}\r\n\r\n.lbdb-fase-badge {\r\n  display: inline-block;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  color: #0F6E56;\r\n  background: #d4f0e6;\r\n  border: 1px solid #9fd8c3;\r\n  padding: 5px 14px;\r\n  border-radius: 20px;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.lbdb-quote {\r\n  font-family: 'DM Serif Display', serif;\r\n  font-size: clamp(24px, 4vw, 38px);\r\n  line-height: 1.3;\r\n  color: #111;\r\n  max-width: 640px;\r\n  margin: 0 auto 20px;\r\n}\r\n\r\n.lbdb-subline {\r\n  font-size: 16px;\r\n  color: #555;\r\n  line-height: 1.7;\r\n  max-width: 480px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* ===== SIGNUP SECTION ===== *\/\r\n.lbdb-signup {\r\n  max-width: 720px;\r\n  margin: 0 auto;\r\n  padding: 56px 24px;\r\n}\r\n\r\n.lbdb-section-label {\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  color: #888;\r\n  margin-bottom: 20px;\r\n  text-align: center;\r\n}\r\n\r\n\/* ===== GROUP CARDS ===== *\/\r\n.lbdb-groups {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 14px;\r\n  margin-bottom: 36px;\r\n}\r\n\r\n@media (max-width: 520px) {\r\n  .lbdb-groups { grid-template-columns: 1fr; }\r\n}\r\n\r\n.lbdb-group-card {\r\n  background: #fff;\r\n  border: 1.5px solid #e0e0e0;\r\n  border-radius: 14px;\r\n  padding: 22px 16px 20px;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  transition: border-color 0.18s, background 0.18s, transform 0.12s;\r\n  user-select: none;\r\n}\r\n\r\n.lbdb-group-card:hover {\r\n  border-color: #5DCAA5;\r\n  background: #f4fbf8;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.lbdb-group-card.selected {\r\n  border-color: #1D9E75;\r\n  background: #eaf8f2;\r\n  box-shadow: 0 0 0 3px rgba(29,158,117,0.12);\r\n}\r\n\r\n.lbdb-group-icon {\r\n  width: 48px;\r\n  height: 48px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 12px;\r\n  font-size: 22px;\r\n}\r\n\r\n.icon-host   { background: #d4f0e6; color: #0F6E56; }\r\n.icon-driver { background: #daeaf9; color: #185FA5; }\r\n.icon-both   { background: #faeeda; color: #854F0B; }\r\n\r\n.lbdb-group-name {\r\n  font-weight: 500;\r\n  font-size: 15px;\r\n  color: #111;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.lbdb-group-desc {\r\n  font-size: 13px;\r\n  color: #666;\r\n  line-height: 1.45;\r\n}\r\n\r\n.lbdb-group-card.selected .lbdb-group-name { color: #085041; }\r\n.lbdb-group-card.selected .lbdb-group-desc { color: #1D9E75; }\r\n\r\n\/* ===== FORM ===== *\/\r\n.lbdb-form-box {\r\n  background: #f8faf8;\r\n  border: 1px solid #dceee5;\r\n  border-radius: 16px;\r\n  padding: 32px;\r\n}\r\n\r\n@media (max-width: 520px) {\r\n  .lbdb-form-box { padding: 24px 18px; }\r\n}\r\n\r\n.lbdb-form-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 16px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n@media (max-width: 520px) {\r\n  .lbdb-form-grid { grid-template-columns: 1fr; }\r\n}\r\n\r\n.lbdb-field {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 7px;\r\n}\r\n\r\n.lbdb-field.full { grid-column: 1 \/ -1; }\r\n\r\n.lbdb-field label {\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  color: #444;\r\n}\r\n\r\n.lbdb-field input,\r\n.lbdb-field select {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 15px;\r\n  padding: 11px 14px;\r\n  border: 1.5px solid #cdd9d3;\r\n  border-radius: 10px;\r\n  background: #fff;\r\n  color: #111;\r\n  outline: none;\r\n  transition: border-color 0.15s, box-shadow 0.15s;\r\n  width: 100%;\r\n  -webkit-appearance: none;\r\n}\r\n\r\n.lbdb-field input:focus,\r\n.lbdb-field select:focus {\r\n  border-color: #1D9E75;\r\n  box-shadow: 0 0 0 3px rgba(29,158,117,0.12);\r\n}\r\n\r\n.lbdb-field input::placeholder { color: #aaa; }\r\n\r\n.lbdb-privacy-row {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n  margin: 18px 0 22px;\r\n  font-size: 13px;\r\n  color: #555;\r\n  line-height: 1.55;\r\n}\r\n\r\n.lbdb-privacy-row input[type=\"checkbox\"] {\r\n  width: 17px;\r\n  height: 17px;\r\n  min-width: 17px;\r\n  margin-top: 2px;\r\n  accent-color: #1D9E75;\r\n  cursor: pointer;\r\n}\r\n\r\n.lbdb-submit {\r\n  width: 100%;\r\n  background: #1D9E75;\r\n  color: #fff;\r\n  border: none;\r\n  border-radius: 10px;\r\n  padding: 14px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: background 0.15s;\r\n  letter-spacing: 0.01em;\r\n}\r\n\r\n.lbdb-submit:hover { background: #0F6E56; }\r\n.lbdb-submit:active { transform: scale(0.99); }\r\n\r\n.lbdb-error {\r\n  display: none;\r\n  background: #fff3f3;\r\n  border: 1px solid #f5c1c1;\r\n  border-radius: 8px;\r\n  color: #a32d2d;\r\n  font-size: 13px;\r\n  padding: 10px 14px;\r\n  margin-bottom: 14px;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* ===== SUCCESS ===== *\/\r\n.lbdb-success {\r\n  display: none;\r\n  background: #eaf8f2;\r\n  border: 1px solid #9fd8c3;\r\n  border-radius: 16px;\r\n  padding: 40px 32px;\r\n  text-align: center;\r\n}\r\n\r\n.lbdb-success-icon {\r\n  width: 56px;\r\n  height: 56px;\r\n  background: #1D9E75;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 20px;\r\n  font-size: 26px;\r\n}\r\n\r\n.lbdb-success h3 {\r\n  font-family: 'DM Serif Display', serif;\r\n  font-size: 24px;\r\n  color: #085041;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.lbdb-success p {\r\n  font-size: 15px;\r\n  color: #1D9E75;\r\n  line-height: 1.6;\r\n  max-width: 360px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* ===== DIVIDER ===== *\/\r\n.lbdb-divider {\r\n  border: none;\r\n  border-top: 1px solid #e8e8e8;\r\n  max-width: 720px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* ===== TIMELINE ===== *\/\r\n.lbdb-timeline-section {\r\n  max-width: 720px;\r\n  margin: 0 auto;\r\n  padding: 48px 24px 56px;\r\n}\r\n\r\n.lbdb-timeline {\r\n  position: relative;\r\n  padding-left: 40px;\r\n}\r\n\r\n.lbdb-tl-item {\r\n  position: relative;\r\n  padding-bottom: 40px;\r\n}\r\n\r\n.lbdb-tl-item:last-child { padding-bottom: 0; }\r\n\r\n.lbdb-tl-item::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: -29px;\r\n  top: 18px;\r\n  bottom: -12px;\r\n  width: 1px;\r\n  background: #ddd;\r\n}\r\n\r\n.lbdb-tl-item:last-child::before { display: none; }\r\n\r\n.lbdb-tl-dot {\r\n  position: absolute;\r\n  left: -35px;\r\n  top: 4px;\r\n  width: 14px;\r\n  height: 14px;\r\n  border-radius: 50%;\r\n  border: 2px solid #1D9E75;\r\n  background: #fff;\r\n}\r\n\r\n.lbdb-tl-dot.active {\r\n  background: #1D9E75;\r\n  box-shadow: 0 0 0 4px rgba(29,158,117,0.18);\r\n}\r\n\r\n.lbdb-tl-dot.future {\r\n  border-color: #ccc;\r\n  background: #f5f5f5;\r\n}\r\n\r\n.lbdb-tl-phase {\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  color: #1D9E75;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.lbdb-tl-phase.future { color: #aaa; }\r\n\r\n.lbdb-tl-title {\r\n  font-weight: 500;\r\n  font-size: 17px;\r\n  color: #111;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.lbdb-tl-desc {\r\n  font-size: 14px;\r\n  color: #666;\r\n  line-height: 1.6;\r\n  max-width: 540px;\r\n}\r\n\r\n.lbdb-tl-date {\r\n  font-size: 12px;\r\n  color: #aaa;\r\n  margin-top: 6px;\r\n}\r\n\r\n\/* ===== PRIVACY BLOCK ===== *\/\r\n.lbdb-privacy-section {\r\n  background: #f7f9f7;\r\n  border-top: 1px solid #e4ede8;\r\n  padding: 48px 24px;\r\n}\r\n\r\n.lbdb-privacy-inner {\r\n  max-width: 720px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.lbdb-privacy-inner h2 {\r\n  font-family: 'DM Serif Display', serif;\r\n  font-size: 22px;\r\n  margin-bottom: 20px;\r\n  color: #111;\r\n}\r\n\r\n.lbdb-privacy-inner h3 {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #111;\r\n  margin: 20px 0 6px;\r\n}\r\n\r\n.lbdb-privacy-inner p {\r\n  font-size: 14px;\r\n  color: #555;\r\n  line-height: 1.75;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.lbdb-privacy-highlight {\r\n  background: #eaf8f2;\r\n  border-left: 3px solid #1D9E75;\r\n  padding: 14px 18px;\r\n  border-radius: 0 8px 8px 0;\r\n  margin: 16px 0;\r\n  font-size: 14px;\r\n  color: #085041;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* ===== CONTACT SECTION ===== *\/\r\n.lbdb-contact-section {\r\n  background: #111;\r\n  padding: 56px 24px;\r\n}\r\n\r\n.lbdb-contact-inner {\r\n  max-width: 720px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.lbdb-contact-inner h2 {\r\n  font-family: 'DM Serif Display', serif;\r\n  font-size: 24px;\r\n  color: #fff;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.lbdb-contact-tagline {\r\n  font-size: 14px;\r\n  color: #888;\r\n  margin-bottom: 36px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.lbdb-contact-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 20px;\r\n  margin-bottom: 32px;\r\n}\r\n\r\n@media (max-width: 520px) {\r\n  .lbdb-contact-grid { grid-template-columns: 1fr; }\r\n}\r\n\r\n.lbdb-contact-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 14px;\r\n}\r\n\r\n.lbdb-contact-icon {\r\n  width: 38px;\r\n  height: 38px;\r\n  background: #1a1a1a;\r\n  border: 1px solid #2a2a2a;\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  color: #1D9E75;\r\n}\r\n\r\n.lbdb-contact-label {\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  color: #555;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.lbdb-contact-value {\r\n  font-size: 14px;\r\n  color: #ccc;\r\n  line-height: 1.5;\r\n}\r\n\r\n.lbdb-contact-value a {\r\n  color: #5DCAA5;\r\n  text-decoration: none;\r\n}\r\n\r\n.lbdb-contact-value a:hover {\r\n  color: #1D9E75;\r\n  text-decoration: underline;\r\n}\r\n\r\n.lbdb-instagram-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: transparent;\r\n  border: 1px solid #2a2a2a;\r\n  border-radius: 10px;\r\n  padding: 12px 20px;\r\n  color: #ccc;\r\n  text-decoration: none;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  transition: border-color 0.15s, color 0.15s, background 0.15s;\r\n}\r\n\r\n.lbdb-instagram-btn:hover {\r\n  border-color: #5DCAA5;\r\n  color: #5DCAA5;\r\n  background: rgba(29,158,117,0.06);\r\n}\r\n\r\n.lbdb-instagram-btn svg {\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* ===== FOOTER ===== *\/\r\n.lbdb-footer {\r\n  text-align: center;\r\n  padding: 20px 24px;\r\n  font-size: 12px;\r\n  color: #555;\r\n  background: #0a0a0a;\r\n  border-top: 1px solid #1a1a1a;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"lbdb\">\r\n\r\n  <!-- HERO -->\r\n  <section class=\"lbdb-hero\">\r\n    <div class=\"lbdb-logo\">\r\n      <div class=\"lbdb-bolt\">\r\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <path d=\"M10.5 2L5 10h5.5l-2.5 6 8-9H11L13 2z\" fill=\"white\" stroke=\"white\" stroke-width=\"0.5\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <span class=\"lbdb-brandname\">Laden bij de Buren<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"lbdb-fase-badge\">Fase 1 &middot; Community<\/div>\r\n\r\n    <h1 class=\"lbdb-quote\">&ldquo;Je buren hebben stroom over. Jij zoekt een laadplek. Wij brengen jullie samen.&rdquo;<\/h1>\r\n\r\n    <p class=\"lbdb-subline\" style=\"margin-top:20px;\">We bouwen iets nieuws voor mensen die slim willen laden &mdash; en voor buren die graag helpen. Meld je aan en wees er als eerste bij.<\/p>\r\n  <\/section>\r\n\r\n  <!-- SIGNUP -->\r\n  <section class=\"lbdb-signup\">\r\n\r\n    <p class=\"lbdb-section-label\">Wie ben jij?<\/p>\r\n\r\n    <div class=\"lbdb-groups\">\r\n      <div class=\"lbdb-group-card\" id=\"card-host\" onclick=\"lbdbSelectGroup('host')\" role=\"button\" tabindex=\"0\" aria-pressed=\"false\">\r\n        <div class=\"lbdb-group-icon icon-host\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M3 9.5L12 3l9 6.5V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.5z\"\/>\r\n            <path d=\"M13 21V14h-2v7\"\/>\r\n            <path d=\"M10 11h4M12 9v4\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"lbdb-group-name\">Eigenaar Laadpaal<\/div>\r\n        <div class=\"lbdb-group-desc\">Ik heb een laadpaal en wil die slim inzetten<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"lbdb-group-card\" id=\"card-driver\" onclick=\"lbdbSelectGroup('driver')\" role=\"button\" tabindex=\"0\" aria-pressed=\"false\">\r\n        <div class=\"lbdb-group-icon icon-driver\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <rect x=\"2\" y=\"8\" width=\"20\" height=\"10\" rx=\"2\"\/>\r\n            <circle cx=\"7\" cy=\"18\" r=\"2\"\/><circle cx=\"17\" cy=\"18\" r=\"2\"\/>\r\n            <path d=\"M6 8l2-4h8l2 4\"\/>\r\n            <path d=\"M12 11v3M10.5 12.5h3\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"lbdb-group-name\">Rijder<\/div>\r\n        <div class=\"lbdb-group-desc\">Ik rij elektrisch en zoek een laadplek in de buurt<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"lbdb-group-card\" id=\"card-both\" onclick=\"lbdbSelectGroup('both')\" role=\"button\" tabindex=\"0\" aria-pressed=\"false\">\r\n        <div class=\"lbdb-group-icon icon-both\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M7 16l-4-4 4-4\"\/><path d=\"M17 8l4 4-4 4\"\/>\r\n            <path d=\"M3 12h18\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"lbdb-group-name\">Allebei<\/div>\r\n        <div class=\"lbdb-group-desc\">Ik heb een laadpaal en wil soms elders laden<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"lbdb-form-box\" id=\"lbdb-form-box\">\r\n      <div class=\"lbdb-error\" id=\"lbdb-error\"><\/div>\r\n\r\n      <div class=\"lbdb-form-grid\">\r\n        <div class=\"lbdb-field\">\r\n          <label for=\"lbdb-fname\">Voornaam<\/label>\r\n          <input type=\"text\" id=\"lbdb-fname\" placeholder=\"\" autocomplete=\"given-name\">\r\n        <\/div>\r\n        <div class=\"lbdb-field\">\r\n          <label for=\"lbdb-lname\">Achternaam<\/label>\r\n          <input type=\"text\" id=\"lbdb-lname\" placeholder=\"\" autocomplete=\"family-name\">\r\n        <\/div>\r\n        <div class=\"lbdb-field full\">\r\n          <label for=\"lbdb-email\">E-mailadres<\/label>\r\n          <input type=\"email\" id=\"lbdb-email\" placeholder=\"\" autocomplete=\"email\">\r\n        <\/div>\r\n        <div class=\"lbdb-field full\">\r\n          <label for=\"lbdb-postcode\">Postcode<\/label>\r\n          <input type=\"text\" id=\"lbdb-postcode\" placeholder=\"\" maxlength=\"7\" autocomplete=\"postal-code\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"lbdb-privacy-row\">\r\n        <input type=\"checkbox\" id=\"lbdb-privacy\">\r\n        <label for=\"lbdb-privacy\">\r\n          Ik ga akkoord met het <a href=\"#lbdb-privacy-section\">privacybeleid<\/a>. Mijn gegevens worden uitsluitend gebruikt door Laden bij de Buren en nooit gedeeld met derden.\r\n        <\/label>\r\n      <\/div>\r\n\r\n      <button class=\"lbdb-submit\" onclick=\"lbdbSubmit()\">Aanmelden als early member &rarr;<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"lbdb-success\" id=\"lbdb-success\">\r\n      <div class=\"lbdb-success-icon\">\r\n        <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M5 14l6 6L23 8\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Welkom bij de buurt!<\/h3>\r\n      <p>Je aanmelding is ontvangen. We houden je op de hoogte zodra we de volgende stap zetten.<br><br>Tot snel &mdash; het team van Laden bij de Buren.<\/p>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n  <hr class=\"lbdb-divider\">\r\n\r\n  <!-- TIMELINE -->\r\n  <section class=\"lbdb-timeline-section\">\r\n    <p class=\"lbdb-section-label\">Waar zijn we mee bezig?<\/p>\r\n\r\n    <div class=\"lbdb-timeline\">\r\n\r\n      <div class=\"lbdb-tl-item\">\r\n        <div class=\"lbdb-tl-dot active\"><\/div>\r\n        <div class=\"lbdb-tl-phase\">Nu &middot; Fase 1<\/div>\r\n        <div class=\"lbdb-tl-title\">Community opbouwen<\/div>\r\n        <div class=\"lbdb-tl-desc\">We zoeken vroege leden \u2014 hosts \u00e9n rijders \u2014 die geloven in slim en sociaal laden. Jouw aanmelding helpt ons laten zien dat er vraag is in jouw buurt.<\/div>\r\n        <div class=\"lbdb-tl-date\">2026 &middot; lopend<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"lbdb-tl-item\">\r\n        <div class=\"lbdb-tl-dot future\"><\/div>\r\n        <div class=\"lbdb-tl-phase future\">Fase 2<\/div>\r\n        <div class=\"lbdb-tl-title\">Eerste pilot in een wijk<\/div>\r\n        <div class=\"lbdb-tl-desc\">We testen het concept in \u00e9\u00e9n buurt. Hosts en rijders worden aan elkaar gekoppeld. Feedback van de eerste leden bepaalt hoe het platform zich verder ontwikkelt.<\/div>\r\n        <div class=\"lbdb-tl-date\">Later in 2026<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"lbdb-tl-item\">\r\n        <div class=\"lbdb-tl-dot future\"><\/div>\r\n        <div class=\"lbdb-tl-phase future\">Fase 3<\/div>\r\n        <div class=\"lbdb-tl-title\">Uitrollen &amp; doorgroeien<\/div>\r\n        <div class=\"lbdb-tl-desc\">Op basis van wat we leren breiden we uit naar meer wijken en steden. Leden uit fase 1 krijgen als eersten toegang tot het volledige platform.<\/div>\r\n        <div class=\"lbdb-tl-date\">2027<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <hr class=\"lbdb-divider\">\r\n\r\n  <!-- PRIVACY -->\r\n  <section class=\"lbdb-privacy-section\" id=\"lbdb-privacy-section\">\r\n    <div class=\"lbdb-privacy-inner\">\r\n      <h2>Privacybeleid<\/h2>\r\n\r\n      <p>Laden bij de Buren hecht grote waarde aan jouw privacy. Hieronder leggen we uit hoe wij omgaan met de gegevens die je met ons deelt.<\/p>\r\n\r\n      <div class=\"lbdb-privacy-highlight\">\r\n        Jouw gegevens worden <strong>nooit<\/strong> verkocht, verhuurd of gedeeld met derden, adverteerders of partners &mdash; zonder uitzondering.\r\n      <\/div>\r\n\r\n      <h3>Wat bewaren we?<\/h3>\r\n      <p>We slaan uitsluitend op: naam, e-mailadres, postcode en het type aanmelding (host, rijder of beide). Geen betaalgegevens, geen tracking, geen advertentiecookies.<\/p>\r\n\r\n      <h3>Waarom?<\/h3>\r\n      <p>Jouw gegevens worden alleen gebruikt om je te informeren over de ontwikkelingen van Laden bij de Buren, en om ons te helpen begrijpen waar vraag en aanbod bij elkaar komen.<\/p>\r\n\r\n      <h3>Wie heeft toegang?<\/h3>\r\n      <p>Alleen de oprichters van Laden bij de Buren hebben toegang tot de aanmeldgegevens. Geen externe partijen, geen serviceproviders met doorverkooprechten.<\/p>\r\n\r\n      <h3>Hoe lang bewaren we ze?<\/h3>\r\n      <p>Zolang je aangemeld blijft. Je kunt je op elk moment uitschrijven via een e-mail aan ons, waarna je gegevens binnen 30 dagen volledig worden verwijderd.<\/p>\r\n\r\n      <h3>Contact<\/h3>\r\n      <p>Vragen over jouw gegevens? Stuur een bericht naar <a href=\"mailto:info@ladenbijdeburen.nl\">info@ladenbijdeburen.nl<\/a><\/p>\r\n\r\n      <p style=\"font-size:12px; color:#aaa; margin-top:24px;\">Geldig per 2025 &middot; Laden bij de Buren &middot; KVK ingeschreven<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CONTACT -->\r\n  <section class=\"lbdb-contact-section\" id=\"lbdb-contact\">\r\n    <div class=\"lbdb-contact-inner\">\r\n      <h2>Contact<\/h2>\r\n      <p class=\"lbdb-contact-tagline\">Heb je een vraag, idee of wil je gewoon even hallo zeggen? We horen het graag.<\/p>\r\n\r\n      <div class=\"lbdb-contact-grid\">\r\n\r\n        <div class=\"lbdb-contact-item\">\r\n          <div class=\"lbdb-contact-icon\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"M2 7l10 7 10-7\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <div class=\"lbdb-contact-label\">E-mail<\/div>\r\n            <div class=\"lbdb-contact-value\"><a href=\"mailto:info@ladenbijdeburen.nu\">info@ladenbijdeburen.nu<\/a><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lbdb-contact-item\">\r\n          <div class=\"lbdb-contact-icon\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <div class=\"lbdb-contact-label\">Telefoon<\/div>\r\n            <div class=\"lbdb-contact-value\"><a href=\"tel:0649940533\">06 &ndash; 499 405 33<\/a><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lbdb-contact-item\">\r\n          <div class=\"lbdb-contact-icon\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <div class=\"lbdb-contact-label\">Adres<\/div>\r\n            <div class=\"lbdb-contact-value\">Zwanendreef 34<br>2161 KZ Lisse<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lbdb-contact-item\">\r\n          <div class=\"lbdb-contact-icon\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\"\/><path d=\"M8 3v18M16 3v18M2 9h20M2 15h20\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <div class=\"lbdb-contact-label\">KVK-nummer<\/div>\r\n            <div class=\"lbdb-contact-value\">64093190<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <a href=\"https:\/\/www.instagram.com\/ladenbijdeburen\/\" target=\"_blank\" rel=\"noopener\" class=\"lbdb-instagram-btn\">\r\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"0.5\" fill=\"currentColor\"\/>\r\n        <\/svg>\r\n        Volg ons op Instagram &rarr;\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FOOTER -->\r\n  <footer class=\"lbdb-footer\">\r\n    &copy; 2025 Laden bij de Buren &nbsp;&middot;&nbsp; KVK 64093190 &nbsp;&middot;&nbsp; <a href=\"#lbdb-privacy-section\" style=\"color:#555; text-decoration:underline;\">Privacybeleid<\/a>\r\n  <\/footer>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var selectedGroup = null;\r\n\r\n  window.lbdbSelectGroup = function(group) {\r\n    selectedGroup = group;\r\n    ['host','driver','both'].forEach(function(g) {\r\n      var card = document.getElementById('card-' + g);\r\n      card.classList.remove('selected');\r\n      card.setAttribute('aria-pressed', 'false');\r\n    });\r\n    var active = document.getElementById('card-' + group);\r\n    active.classList.add('selected');\r\n    active.setAttribute('aria-pressed', 'true');\r\n  };\r\n\r\n  \/\/ keyboard support\r\n  document.querySelectorAll('.lbdb-group-card').forEach(function(card) {\r\n    card.addEventListener('keydown', function(e) {\r\n      if (e.key === 'Enter' || e.key === ' ') {\r\n        e.preventDefault();\r\n        card.click();\r\n      }\r\n    });\r\n  });\r\n\r\n  window.lbdbSubmit = function() {\r\n    var errorEl = document.getElementById('lbdb-error');\r\n    errorEl.style.display = 'none';\r\n\r\n    var fname    = document.getElementById('lbdb-fname').value.trim();\r\n    var lname    = document.getElementById('lbdb-lname').value.trim();\r\n    var email    = document.getElementById('lbdb-email').value.trim();\r\n    var postcode = document.getElementById('lbdb-postcode').value.trim();\r\n    var privacy  = document.getElementById('lbdb-privacy').checked;\r\n\r\n    var errors = [];\r\n    if (!selectedGroup) errors.push('Kies wie je bent (Eigenaar Laadpaal, Rijder of Allebei).');\r\n    if (!fname) errors.push('Voer je voornaam in.');\r\n    if (!email || !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)) errors.push('Voer een geldig e-mailadres in.');\r\n    if (!privacy) errors.push('Ga akkoord met het privacybeleid om door te gaan.');\r\n\r\n    if (errors.length > 0) {\r\n      errorEl.innerHTML = errors.join('<br>');\r\n      errorEl.style.display = 'block';\r\n      return;\r\n    }\r\n\r\n    var btn = document.querySelector('.lbdb-submit');\r\n    btn.disabled = true;\r\n    btn.textContent = 'Aanmelden...';\r\n\r\n    var groepLabel = {\r\n      'host':   'Eigenaar Laadpaal',\r\n      'driver': 'Rijder',\r\n      'both':   'Allebei'\r\n    }[selectedGroup];\r\n\r\n    fetch('\/wp-admin\/admin-ajax.php', {\r\n      method: 'POST',\r\n      headers: {\r\n        'Content-Type': 'application\/x-www-form-urlencoded'\r\n      },\r\n      body: new URLSearchParams({\r\n        action: 'brevo_aanmelding',\r\n        email: email,\r\n        fname: fname,\r\n        lname: lname,\r\n        postcode: postcode,\r\n        groep: groepLabel\r\n      })\r\n    })\r\n    .then(function(res) { return res.text(); })\r\n    .then(function(text) {\r\n      \/\/ Brevo geeft een lege response (201) of een id terug bij succes\r\n      \/\/ Bij fout geeft het een JSON object met \"message\"\r\n      var data = null;\r\n      try { data = JSON.parse(text); } catch(e) {}\r\n\r\n      if (data && data.message && !data.id) {\r\n        throw new Error(data.message);\r\n      }\r\n\r\n      document.getElementById('lbdb-form-box').style.display = 'none';\r\n      document.getElementById('lbdb-groups').style.display = 'none';\r\n      document.querySelector('.lbdb-section-label').style.display = 'none';\r\n      var success = document.getElementById('lbdb-success');\r\n      success.style.display = 'block';\r\n      success.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n    })\r\n    .catch(function(err) {\r\n      errorEl.innerHTML = 'Er ging iets mis bij het aanmelden. Probeer het later opnieuw.';\r\n      errorEl.style.display = 'block';\r\n      btn.disabled = false;\r\n      btn.textContent = 'Aanmelden als early member \\u2192';\r\n    });\r\n  };\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&nbsp; Laden bij de Buren Fase 1 \u00b7 Community \u201cJe buren hebben stroom over. Jij zoekt een laadplek. Wij brengen jullie samen.\u201d We bouwen iets nieuws voor mensen die slim willen laden \u2014 en voor buren die graag helpen. Meld je aan en wees er als eerste bij. Wie ben jij? Eigenaar Laadpaal Ik heb [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ladenbijdeburen.nu\/index.php\/wp-json\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ladenbijdeburen.nu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ladenbijdeburen.nu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ladenbijdeburen.nu\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ladenbijdeburen.nu\/index.php\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":25,"href":"https:\/\/ladenbijdeburen.nu\/index.php\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/ladenbijdeburen.nu\/index.php\/wp-json\/wp\/v2\/pages\/40\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/ladenbijdeburen.nu\/index.php\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}