{"id":40,"date":"2026-06-16T10:04:16","date_gmt":"2026-06-16T08:04:16","guid":{"rendered":"https:\/\/chatbaan.nl\/inloggen\/"},"modified":"2026-06-16T10:04:16","modified_gmt":"2026-06-16T08:04:16","slug":"inloggen","status":"publish","type":"page","link":"https:\/\/chatbaan.nl\/?page_id=40","title":{"rendered":"Inloggen"},"content":{"rendered":"<div class=\"cb-login-wrap\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@700;800&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n.cb-login-wrap { font-family: 'DM Sans', sans-serif; background: #0e1f14; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1.5rem; position: relative; overflow: hidden; margin: 0; }\n.cb-login-wrap::before { content: ''; position: fixed; inset: 0; background: radial-gradient(ellipse 60% 50% at 80% 110%, rgba(37,211,102,.22) 0%, transparent 65%); pointer-events: none; }\n.cb-login-card { background: #fff; border-radius: 20px; padding: 2.5rem 2rem; width: 100%; max-width: 400px; position: relative; z-index: 1; box-sizing: border-box; }\n.cb-login-card .brand { font-family: 'Syne', sans-serif; font-weight: 800; font-size: 1.1rem; color: rgba(14,31,20,.55); margin-bottom: 1.25rem; }\n.cb-login-card .brand span { color: #25d366; }\n.cb-login-card h1 { font-family: 'Syne', sans-serif; font-weight: 800; font-size: 1.4rem; color: #0e1f14; margin: 0 0 .4rem; }\n.cb-login-card .sub { font-size: .875rem; color: #64748b; margin-bottom: 1.75rem; line-height: 1.55; }\n.cb-login-card label { display: block; font-size: .82rem; font-weight: 500; color: #374151; margin-bottom: .4rem; }\n.cb-login-card .fg { margin-bottom: 1.1rem; }\n.cb-login-card input[type=\"tel\"], .cb-login-card input[type=\"text\"] { width: 100%; padding: .75rem 1rem; border: 1.5px solid #e2e8f0; border-radius: 10px; font-family: 'DM Sans', sans-serif; font-size: 1rem; color: #0e1f14; outline: none; transition: border-color .15s; background: #f8fafc; box-sizing: border-box; }\n.cb-login-card input:focus { border-color: #25d366; background: #fff; }\n.cb-login-card input.otp { font-size: 1.8rem; font-family: 'Syne', sans-serif; font-weight: 700; letter-spacing: .35em; text-align: center; padding: .9rem 1rem; }\n.cb-login-card .btn { width: 100%; background: #25d366; color: #fff; border: none; border-radius: 10px; padding: .875rem 1rem; font-family: 'Syne', sans-serif; font-weight: 700; font-size: .95rem; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: .5rem; transition: background .15s, transform .1s; margin-top: .5rem; }\n.cb-login-card .btn:hover { background: #1da851; }\n.cb-login-card .btn:active { transform: scale(.98); }\n.cb-login-card .btn svg { width: 18px; height: 18px; flex-shrink: 0; }\n.cb-login-card .alert { padding: .75rem 1rem; border-radius: 8px; font-size: .875rem; margin-bottom: 1.1rem; line-height: 1.5; }\n.cb-login-card .alert-error { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }\n.cb-login-card .alert-success { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }\n.cb-login-card .phone-display { display: flex; align-items: center; gap: .5rem; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: .6rem .9rem; font-size: .875rem; color: #374151; margin-bottom: 1.1rem; }\n.cb-login-card .phone-display strong { color: #0e1f14; }\n.cb-login-card .btn-link { background: none; border: none; color: #64748b; font-size: .82rem; cursor: pointer; padding: 0; margin-top: 1rem; display: block; text-align: center; width: 100%; font-family: 'DM Sans', sans-serif; text-decoration: underline; }\n.cb-login-foot { font-size: .72rem; color: rgba(255,255,255,.35); text-align: center; margin-top: 1.25rem; position: relative; z-index: 1; }\n@media (max-width: 440px) { .cb-login-card { padding: 2rem 1.5rem; border-radius: 16px; } }\n<\/style>\n\n<div class=\"cb-login-card\">\n  <div class=\"brand\">chatbaan<span>.nl<\/span><\/div>\n\n    \n  \n    <h1>Inloggen<\/h1>\n    <p class=\"sub\">Voer je WhatsApp-nummer in. Je ontvangt een \u00e9\u00e9nmalige inlogcode van 6 cijfers.<\/p>\n\n    <form method=\"post\" autocomplete=\"off\">\n      <input type=\"hidden\" name=\"cb_otp_actie\" value=\"send_otp\">\n      <input type=\"hidden\" name=\"cb_otp_nonce\" value=\"c945449555\">\n      <input type=\"hidden\" name=\"na\" value=\"\">\n      <div class=\"fg\">\n        <label for=\"cb-phone\">WhatsApp-nummer<\/label>\n        <input type=\"tel\" id=\"cb-phone\" name=\"telefoon\" placeholder=\"0612345678\" inputmode=\"numeric\" maxlength=\"11\" autofocus required>\n      <\/div>\n      <button type=\"submit\" class=\"btn\">\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a8.6 8.6 0 00-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.123.554 4.118 1.528 5.852L0 24l6.335-1.503A11.954 11.954 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.818a9.818 9.818 0 01-5.015-1.375l-.36-.214-3.727.977.994-3.635-.235-.374A9.818 9.818 0 112 12c0 5.42 4.398 9.818 9.818 9.818z\"\/><\/svg>\n        Code sturen via WhatsApp\n      <\/button>\n    <\/form>\n\n  <\/div>\n\n<div class=\"cb-login-foot\">chatbaan.nl \u00b7 Inloggen zonder wachtwoord<\/div>\n<\/div>\n\t\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-with-title","meta":{"footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chatbaan.nl\/index.php?rest_route=\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chatbaan.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chatbaan.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chatbaan.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chatbaan.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=40"}],"version-history":[{"count":0,"href":"https:\/\/chatbaan.nl\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions"}],"wp:attachment":[{"href":"https:\/\/chatbaan.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}