1<!DOCTYPE html> 2<html lang="nl"><head> 3<meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"> 4<title data-i18n-title="Contact" data-i18n-tpl="{} â Senly">Contact â Senly</title> 5<meta name="description" content="Stuur een bericht, plan een demo of mail ons direct. We reageren doorgaans binnen één werkdag."> 6<link rel="canonical" href="https://senly.io/contact"> 7<meta property="og:type" content="website"> 8<meta property="og:site_name" content="Senly"> 9<meta property="og:locale" content="nl_NL"> 10<meta property="og:title" content="Contact â Senly"> 11<meta property="og:url" content="https://senly.io/contact"> 12<meta property="og:image" content="https://senly.io/opengraph-image"> 13<meta property="og:image:width" content="1200"> 14<meta property="og:image:height" content="630"> 15<meta name="twitter:card" content="summary_large_image"> 16<meta name="twitter:image" content="https://senly.io/opengraph-image"> 17<link rel="icon" href="/senly-icon.png" type="image/png"> 18<link rel="apple-touch-icon" href="/apple-touch-icon.png">
19<script type="application/ld+json">{"@context":"https://schema.org","@type":"ContactPage","name":"Contact â Senly","url":"https://senly.io/contact","description":"Stuur een bericht, plan een demo of mail ons direct. We reageren doorgaans binnen één werkdag.","inLanguage":["nl","en","de","fr"],"mainEntity":{"@type":"Organization","name":"Senly","legalName":"Social Media Tools B.V.","url":"https://senly.io","logo":"https://senly.io/senly-icon.png","email":"[email protected]","contactPoint":[{"@type":"ContactPoint","email":"[email protected]","contactType":"customer support","areaServed":["NL","BE","DE","FR"],"availableLanguage":["Dutch","English","German","French"]},{"@type":"ContactPoint","email":"[email protected]","contactType":"sales","availableLanguage":["Dutch","English"]},{"@type":"ContactPoint","email":"[email protected]","contactType":"technical support","availableLanguage":["Dutch","English"]}]}}</script>
19 20<style> 21@font-face { font-family:'Ciutadella'; src:url('/fonts/Ciutadella Regular.woff2') format('woff2'); font-weight:400; font-display:swap; } 22@font-face { font-family:'Ciutadella'; src:url('/fonts/Ciutadella Medium.woff2') format('woff2'); font-weight:500; font-display:swap; } 23@font-face { font-family:'Ciutadella'; src:url('/fonts/Ciutadella SemiBold.woff2') format('woff2'); font-weight:600; font-display:swap; } 24@font-face { font-family:'Inter'; src:url('/fonts/InterVariable.woff2') format('woff2'); font-weight:100 900; font-display:swap; } 25 26* { margin:0; padding:0; box-sizing:border-box; } 27body { font-family:'Inter',-apple-system,sans-serif; background:linear-gradient(180deg,#eef4f4 0%,#f4f8f8 30%,#f2f6f6 100%); color:#0c1d22; -webkit-font-smoothing:antialiased; min-height:100vh; } 28.wrap { max-width:1412px; margin:0 auto; padding:0 clamp(20px,3vw,44px); } 29:root { 30 --bg: #f6fafb; 31 --bg-raise: #ffffff; 32 --hairline: rgba(10,35,42,0.09); 33 --hairline-strong: rgba(10,35,42,0.16); 34 --teal-bright: #2e6b74; 35 --teal-mid: #14b8a6; 36 --teal-deep: #0d9488; 37 --white: #0c1d22; 38 --soft: rgba(12,29,34,0.66); 39 --mute: rgba(12,29,34,0.45); 40 --dim: rgba(12,29,34,0.30); 41 --ease: cubic-bezier(0.22, 1, 0.36, 1); 42} 43 44/* ââ NAV ââ */ 45nav.top { 46 position:fixed; top:20px; left:0; right:0; z-index:100; 47 padding:0 clamp(20px, 3vw, 44px); 48 pointer-events:none; 49} 50.nav-in { 51 font-family:'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif; 52 font-feature-settings:'cv05','cv11'; 53 pointer-events:auto; 54 max-width:1412px; margin:0 auto; 55 height:74px; display:flex; align-items:center; 56 padding:0 14px 0 27px; 57 background:rgba(255,255,255,0.55); 58 backdrop-filter:blur(26px) saturate(150%); 59 -webkit-backdrop-filter:blur(26px) saturate(150%); 60 border:1px solid var(--hairline); 61 border-radius:26px; 62 box-shadow:0 1px 0 rgba(255,255,255,0.6) inset, 0 14px 44px rgba(12,45,55,0.10); 63} 64.nav-in .logo { display:flex; align-items:center; gap:10px; text-decoration:none; } 65.nav-in .logo img { height:24px; width:auto; opacity:.95; } 66.nav-in .logo span { font-size:16px; font-weight:600; letter-spacing:-0.015em; color:var(--white); } 67.nav-links { display:flex; gap:6px; flex:1; justify-content:center; } 68.nav-dd { position:relative; display:flex; align-items:center; } 69.nav-pop { 70 position:absolute; top:calc(100% + 10px); left:50%; transform:translateX(-50%) translateY(-6px) scale(.98); 71 min-width:340px; padding:10px; border-radius:18px; z-index:120; 72 background:rgba(255,255,255,0.985); backdrop-filter:blur(22px) saturate(160%); -webkit-backdrop-filter:blur(22px) saturate(160%); 73 border:1px solid rgba(46,107,116,0.14); 74 box-shadow:0 24px 60px rgba(12,45,55,0.16), 0 4px 14px rgba(12,45,55,0.07); 75 opacity:0; pointer-events:none; transition:opacity .18s ease .12s, transform .22s cubic-bezier(.22,1,.36,1) .12s; 76} 77.nav-pop--wide { min-width:560px; } 78.nav-pop::before { content:''; position:absolute; left:0; right:0; top:-14px; height:14px; } 79.nav-dd:hover .nav-pop, .nav-dd:focus-within .nav-pop { transition-delay:0s, 0s; opacity:1; transform:translateX(-50%) translateY(0) scale(1); pointer-events:auto; } 80.nav-pop-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:2px; } 81.nav-pop-grid--2 { grid-template-columns:1fr 1fr; } 82.nav-pop-grid a { display:flex; flex-direction:column; gap:3px; padding:12px 14px; border-radius:12px; text-decoration:none; transition:background .15s ease; } 83.nav-pop-grid a:hover { background:rgba(46,107,116,0.07); } 84.nav-pop-grid b { font-size:13px; font-weight:600; color:var(--ink, #0c2d37); letter-spacing:-0.01em; } 85.nav-pop-grid span { font-size:12px; line-height:1.45; color:rgba(12,45,55,0.55); } 86.nav-pop-foot { display:flex; align-items:center; justify-content:space-between; margin-top:8px; padding:10px 14px 6px; border-top:1px solid rgba(46,107,116,0.10); } 87.nav-pop-foot .npf-new { font-size:12.5px; color:rgba(12,45,55,0.62); } 88.nav-pop-foot .npf-new i { font-style:normal; font-weight:600; color:#2e6b74; } 89.nav-pop-foot a { font-size:12.5px; font-weight:600; color:#2e6b74; text-decoration:none; } 90.nav-links a { 91 color:rgba(12,29,34,0.56); text-decoration:none; font-size:13.5px; font-weight:400; 92 padding:8px 14px; border-radius:11px; transition:color .25s var(--ease); 93} 94.nav-links a:hover { color:var(--white); } 95.nav-cta { display:flex; align-items:center; gap:8px; } 96.nav-cta .login { 97 color:rgba(12,29,34,0.56); text-decoration:none; font-size:13.5px; 98 padding:8px 14px; border-radius:11px; transition:color .25s; 99} 100.nav-cta .login:hover { color:var(--white); } 101.lang-btn { 102 display:inline-flex; align-items:center; gap:6px; 103 font-family:inherit; text-decoration:none; cursor:pointer; 104 font-size:12.5px; font-weight:600; letter-spacing:0.02em; 105 color:rgba(12,29,34,0.72); 106 padding:8px 13px; border-radius:11px; 107 background:rgba(255,255,255,0.7); 108 border:1px solid var(--hairline); 109 transition:all .25s var(--ease); 110} 111.lang-btn:hover { background:#ffffff; border-color:var(--hairline-strong); color:var(--white); } 112.lang-btn svg { width:11px; height:11px; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; opacity:.6; } 113.nav-burger { display:none; width:40px; height:40px; padding:0 8px 0 0; flex:none; cursor:pointer; 114 flex-direction:column; align-items:flex-end; justify-content:center; gap:6px; 115 border:none; background:none; } 116.nav-burger span { display:block; width:24px; height:2px; border-radius:2px; background:var(--white); 117 transition:transform .3s var(--ease), opacity .2s ease, width .3s var(--ease); } 118.nav-burger span:nth-child(2) { width:15px; } 119.nav-burger.open span:nth-child(1) { transform:translateY(9px) rotate(45deg); } 120.nav-burger.open span:nth-child(2) { opacity:0; } 121.nav-burger.open span:nth-child(3) { width:24px; transform:translateY(-9px) rotate(-45deg); } 122/* mobiel uitschuifmenu â luxe drawer van rechts (Apple/Linear) */ 123.nav-veil { position:fixed; inset:0; z-index:140; pointer-events:none; 124 background:rgba(8,24,29,0.32); 125 -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); 126 opacity:0; transition:opacity .4s var(--ease); } 127.nav-veil.open { opacity:1; pointer-events:auto; } 128.nav-drawer { position:fixed; top:0; right:0; bottom:0; z-index:150; pointer-events:auto; 129 width:min(380px, 88vw); display:flex; flex-direction:column; 130 background:rgba(250,253,253,0.92); 131 -webkit-backdrop-filter:blur(30px) saturate(160%); backdrop-filter:blur(30px) saturate(160%); 132 border-left:1px solid rgba(10,35,42,0.08); 133 border-radius:24px 0 0 24px; 134 box-shadow:-24px 0 80px rgba(12,45,55,0.22);
135 transform:translateX(calc(100% + 44px)); 136 visibility:hidden; 137 transition:transform .52s cubic-bezier(0.32,0.72,0,1), visibility 0s linear .52s; } 138.nav-drawer.open { transform:translateX(0); visibility:visible; transition:transform .52s cubic-bezier(0.32,0.72,0,1); } 139.nav-drawer-head { display:flex; align-items:center; justify-content:space-between; padding:18px 18px 10px 26px; } 140.nav-drawer-head .logo { display:flex; align-items:center; gap:10px; text-decoration:none; } 141.nav-drawer-head .logo img { height:22px; width:auto; } 142.nav-drawer-head .logo span { font-size:15px; font-weight:600; letter-spacing:-0.015em; color:var(--white); } 143.nav-drawer-x { width:38px; height:38px; border-radius:999px; display:flex; align-items:center; justify-content:center; 144 border:1px solid var(--hairline); background:rgba(255,255,255,0.7); color:var(--white); cursor:pointer; 145 transition:background .2s ease, border-color .2s ease, transform .2s ease; } 146.nav-drawer-x:hover { background:#ffffff; border-color:var(--hairline-strong); } 147.nav-drawer-x:active { transform:scale(.94); } 148.nav-drawer-x svg { width:15px; height:15px; stroke:currentColor; stroke-width:2; stroke-linecap:round; fill:none; } 149.nav-drawer-body { flex:1; overflow-y:auto; overscroll-behavior:contain; padding:6px 14px 12px; display:flex; flex-direction:column; } 150.nav-drawer-item { display:flex; align-items:center; justify-content:space-between; gap:10px; 151 font-family:inherit; font-size:16.5px; font-weight:500; letter-spacing:-0.01em; color:var(--white); 152 text-decoration:none; background:none; border:0; cursor:pointer; text-align:left; width:100%; 153 padding:15px 12px; border-radius:14px; transition:background .18s ease; } 154.nav-drawer-item:hover, .nav-drawer-item:active { background:rgba(46,107,116,0.06); } 155.nav-drawer-item .chev { width:16px; height:16px; flex:none; stroke:rgba(12,29,34,0.38); stroke-width:2; fill:none; 156 stroke-linecap:round; stroke-linejoin:round; transition:transform .36s var(--ease), stroke .2s ease; } 157.nav-drawer-acc[aria-expanded="true"] .chev { transform:rotate(90deg); stroke:#2c656d; } 158.nav-drawer-sub { display:grid; grid-template-rows:0fr; transition:grid-template-rows .46s cubic-bezier(0.32,0.72,0,1); } 159.nav-drawer-sub.open { grid-template-rows:1fr; } 160.nav-drawer-sub-in { overflow:hidden; min-height:0; display:flex; flex-direction:column; padding:0 2px; } 161.nav-drawer-sub-in a { display:flex; flex-direction:column; gap:2px; padding:10px 12px 10px 26px; 162 border-radius:12px; text-decoration:none; transition:background .15s ease; } 163.nav-drawer-sub-in a:hover { background:rgba(46,107,116,0.07); } 164.nav-drawer-sub-in b { font-size:14px; font-weight:600; color:#0c2d37; letter-spacing:-0.01em; } 165.nav-drawer-sub-in span { font-size:12.5px; line-height:1.45; color:rgba(12,45,55,0.55); } 166.nav-drawer-foot { padding:14px 20px calc(16px + env(safe-area-inset-bottom)); border-top:1px solid var(--hairline); 167 display:flex; flex-direction:column; gap:10px; } 168.nav-drawer-foot .btn-teal { justify-content:center; padding:14px 24px; border-radius:14px; font-size:15px; } 169.nav-drawer-login { text-align:center; font-size:14.5px; font-weight:600; color:var(--white); text-decoration:none; 170 padding:12px; border-radius:12px; border:1px solid var(--hairline); background:rgba(255,255,255,0.7); 171 transition:background .2s ease, border-color .2s ease; } 172.nav-drawer-login:hover { background:#ffffff; border-color:var(--hairline-strong); } 173.nav-drawer-lang { display:flex; align-items:center; justify-content:space-between; padding:4px 4px 0; } 174.nav-drawer-lang > span { font-size:13px; color:var(--mute); } 175/* inhoud glijdt subtiel mee met een kleine stagger */ 176.nav-drawer-head, .nav-drawer-foot, 177.nav-drawer-body > * { opacity:0; transform:translateX(18px); transition:opacity .3s ease, transform .4s var(--ease); } 178.nav-drawer.open .nav-drawer-head, .nav-drawer.open .nav-drawer-foot, 179.nav-drawer.open .nav-drawer-body > * { opacity:1; transform:none; }
180.nav-drawer.open .nav-drawer-head { transition-delay:.06s; } 181.nav-drawer.open .nav-drawer-body > *:nth-child(1) { transition-delay:.10s; } 182.nav-drawer.open .nav-drawer-body > *:nth-child(2) { transition-delay:.13s; } 183.nav-drawer.open .nav-drawer-body > *:nth-child(3) { transition-delay:.16s; } 184.nav-drawer.open .nav-drawer-body > *:nth-child(4) { transition-delay:.19s; } 185.nav-drawer.open .nav-drawer-body > *:nth-child(5) { transition-delay:.22s; } 186.nav-drawer.open .nav-drawer-body > *:nth-child(6) { transition-delay:.25s; } 187.nav-drawer.open .nav-drawer-body > *:nth-child(7) { transition-delay:.28s; } 188.nav-drawer.open .nav-drawer-foot { transition-delay:.30s; } 189@media (prefers-reduced-motion: reduce) { 190 .nav-drawer, .nav-veil, .nav-drawer-sub, .nav-drawer-head, .nav-drawer-foot, .nav-drawer-body > * { transition:none; } 191} 192.btn-teal { 193 display:inline-flex; align-items:center; gap:9px; 194 font-family:inherit; text-decoration:none; cursor:pointer; 195 font-size:15px; font-weight:600; letter-spacing:0.005em; 196 color:#ffffff; 197 padding:17px 32px; border-radius:14px; 198 background:#2c656d; 199 border:1px solid rgba(255,255,255,0.14); 200 box-shadow:0 1px 0 rgba(255,255,255,0.18) inset, 0 12px 28px rgba(44,101,109,0.35), 0 3px 8px rgba(44,101,109,0.24); 201 transition:all .28s var(--ease); 202} 203.btn-teal:hover { 204 transform:translateY(-2px); background:#347782; 205 box-shadow:0 1px 0 rgba(255,255,255,0.18) inset, 0 16px 36px rgba(44,101,109,0.45), 0 4px 12px rgba(44,101,109,0.28), 0 0 0 5px rgba(44,101,109,0.12); 206} 207@media (max-width: 960px) { 208 .nav-links { display:none; } 209 .nav-cta { margin-left:auto; } 210 .nav-cta .login, .nav-cta .lang-btn { display:none; } 211 .nav-burger { display:inline-flex; } 212} 213 214/* ââ HERO ââ */ 215.ct-hero { padding:clamp(140px,18vh,190px) 0 0; } 216.ct-hero h1 { font-family:'Ciutadella'; font-weight:400; font-size:clamp(38px,5vw,56px); letter-spacing:-0.03em; line-height:1; } 217.ct-hero p { margin-top:16px; font-size:15.5px; color:var(--soft); line-height:1.6; max-width:52ch; } 218 219/* ââ FUNNEL-034A: sales-call-strip ââ 220 Prominente CTA bovenaan voor bezoekers die liever meteen praten. Er is GEEN 221 gegarandeerde publieke boekings-URL, daarom leidt "Plan een call" naar het 222 contactformulier op deze pagina zelf (met een "Sales-vraag"-onderwerp) en de 223 live demo (/api/demo/start, bestaat zeker) als "zie het zelf". */ 224.ct-callbar { 225 margin-top:34px; display:flex; align-items:center; gap:22px; flex-wrap:wrap; 226 padding:22px 26px; border-radius:18px; 227 background:linear-gradient(180deg, rgba(46,107,116,0.07), rgba(46,107,116,0.03)); 228 border:1px solid rgba(46,107,116,0.16); 229} 230.ct-callbar-txt { flex:1; min-width:220px; } 231.ct-callbar-txt b { display:block; font-family:'Ciutadella'; font-size:18px; font-weight:500; letter-spacing:-0.01em; color:var(--white); } 232.ct-callbar-txt span { display:block; margin-top:3px; font-size:13.5px; color:var(--soft); line-height:1.5; } 233.ct-callbar-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; } 234.ccb-solid, .ccb-ghost { 235 display:inline-flex; align-items:center; justify-content:center; gap:8px; 236 font:inherit; font-size:14px; font-weight:600; text-decoration:none; cursor:pointer; 237 padding:12px 22px; border-radius:12px; transition:all .25s var(--ease); 238} 239.ccb-solid { 240 color:#fff; background:#2c656d; 241 border:1px solid rgba(255,255,255,0.14); 242 box-shadow:0 1px 0 rgba(255,255,255,0.18) inset, 0 8px 20px rgba(44,101,109,0.28); 243} 244.ccb-solid:hover { background:#347782; transform:translateY(-1px); box-shadow:0 1px 0 rgba(255,255,255,0.18) inset, 0 12px 28px rgba(44,101,109,0.38); } 245.ccb-ghost { color:var(--white); background:rgba(255,255,255,0.7); border:1px solid var(--hairline); } 246.ccb-ghost:hover { background:#fff; border-color:var(--hairline-strong); transform:translateY(-1px); } 247@media (max-width:560px) { 248 .ct-callbar-actions { width:100%; flex-direction:column; } 249 .ccb-solid, .ccb-ghost { width:100%; } 250} 251/* De fixed nav (74px + top:20px) mag de scroll-target niet afdekken. */ 252#ctForm { scroll-margin-top:112px; } 253 254/* ââ SPLIT (Linear-stijl kolommen met hairlines) ââ */ 255.ct-grid { 256 display:grid; grid-template-columns:0.9fr 1.1fr; 257 margin-top:52px; border-top:1px solid var(--hairline); 258} 259.ct-col { padding:44px 0 56px; } 260.ct-col:first-child { border-right:1px solid var(--hairline); padding-right:clamp(24px,4vw,64px); } 261.ct-col:last-child { padding-left:clamp(24px,4vw,64px); } 262 263/* ââ Kanalen (links) ââ */ 264.ct-h2 { font-family:'Ciutadella'; font-size:clamp(22px,2.4vw,28px); font-weight:500; letter-spacing:-0.02em; line-height:1.15; } 265.ct-sub { margin-top:8px; font-size:14px; color:var(--soft); line-height:1.55; } 266.ct-channels { margin-top:30px; display:flex; flex-direction:column; gap:4px; } 267.ct-channel { 268 display:flex; align-items:center; gap:14px; 269 padding:12px 14px; margin-left:-14px; border-radius:13px; 270 text-decoration:none; transition:background .18s ease; 271} 272.ct-channel:hover { background:rgba(46,107,116,0.06); } 273.ct-cico { 274 width:40px; height:40px; border-radius:12px; flex:none; 275 display:flex; align-items:center; justify-content:center; 276 background:rgba(255,255,255,0.8); border:1px solid var(--hairline); 277} 278.ct-cico svg { width:18px; height:18px; stroke:var(--teal-bright); stroke-width:1.6; fill:none; stroke-linecap:round; stroke-linejoin:round; } 279/* Let op: tekst-selectors scoped op .ct-ctext â een generieke 280 `.ct-channel span` zou óók .ct-cico raken en de flex-centrering 281 van het icoon-boxje slopen (display:block wint op specificiteit). */ 282.ct-ctext b { display:block; font-size:11.5px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:var(--mute); } 283.ct-ctext .ct-cval { display:block; font-size:14.5px; font-weight:600; color:var(--white); margin-top:1px; } 284 285.ct-note { 286 margin-top:30px; padding-top:24px; border-top:1px solid var(--hairline); 287 display:flex; align-items:flex-start; gap:10px; 288 font-size:13.5px; color:var(--soft); line-height:1.55; 289} 290.ct-note svg { width:17px; height:17px; flex:none; margin-top:1px; stroke:var(--teal-bright); stroke-width:1.6; fill:none; stroke-linecap:round; stroke-linejoin:round; } 291.ct-address { margin-top:22px; font-size:12.5px; color:var(--mute); line-height:1.7; } 292.ct-address b { color:var(--soft); font-weight:600; } 293 294/* ââ Formulier (rechts) ââ */ 295.ct-form label { display:block; margin-bottom:16px; } 296.ct-form label > span { 297 display:block; font-size:13px; font-weight:500; color:var(--soft); margin-bottom:7px; 298} 299.ct-form input, .ct-form textarea, .ct-form select { 300 width:100%; padding:12px 14px; 301 font:inherit; font-size:14.5px; color:var(--white); 302 background:rgba(255,255,255,0.8); 303 border:1px solid var(--hairline); 304 border-radius:11px; 305 transition:border-color .18s ease, box-shadow .18s ease, background .18s ease; 306} 307.ct-form input::placeholder, .ct-form textarea::placeholder { color:var(--dim); } 308.ct-form input:hover, .ct-form textarea:hover, .ct-form select:hover { background:#ffffff; border-color:var(--hairline-strong); } 309.ct-form input:focus, .ct-form textarea:focus, .ct-form select:focus { 310 outline:none; background:#ffffff; 311 border-color:rgba(46,107,116,0.5); 312 box-shadow:0 0 0 4px rgba(46,107,116,0.10); 313} 314.ct-form textarea { resize:vertical; min-height:130px; line-height:1.55; } 315.ct-form select { appearance:none; -webkit-appearance:none; 316 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6e73' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); 317 background-repeat:no-repeat; background-position:right 13px center; background-size:13px; padding-right:38px; cursor:pointer; 318} 319.ct-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; } 320 321.ct-submit { 322 display:inline-flex; align-items:center; justify-content:center; gap:8px; 323 padding:14px 28px; border-radius:12px; margin-top:8px; 324 font:inherit; font-size:14.5px; font-weight:600; cursor:pointer;
325 color:#fff; background:#2c656d; 326 border:1px solid rgba(255,255,255,0.14); 327 box-shadow:0 1px 0 rgba(255,255,255,0.18) inset, 0 8px 20px rgba(44,101,109,0.28); 328 transition:all .25s var(--ease); 329} 330.ct-submit:hover:not(:disabled) { background:#347782; transform:translateY(-1px); box-shadow:0 1px 0 rgba(255,255,255,0.18) inset, 0 12px 28px rgba(44,101,109,0.38); } 331.ct-submit:disabled { opacity:.55; cursor:not-allowed; } 332 333.ct-error { 334 display:none; margin-top:12px; padding:11px 14px; 335 background:rgba(190,40,40,0.06); border:1px solid rgba(190,40,40,0.22); 336 border-radius:11px; color:#a02222; font-size:13.5px; line-height:1.5; 337} 338.ct-error.show { display:block; } 339 340.ct-disclaimer { margin-top:18px; font-size:12.5px; color:var(--mute); line-height:1.55; } 341.ct-disclaimer a { color:var(--teal-bright); } 342 343/* success state */ 344.ct-success { display:none; padding:40px 0; text-align:left; } 345.ct-success.show { display:block; } 346.ct-success .ok { 347 width:52px; height:52px; border-radius:50%; 348 display:flex; align-items:center; justify-content:center; 349 background:rgba(46,107,116,0.09); border:1px solid rgba(46,107,116,0.22); 350 margin-bottom:20px; 351} 352.ct-success .ok svg { width:24px; height:24px; stroke:var(--teal-bright); stroke-width:2; fill:none; stroke-linecap:round; stroke-linejoin:round; } 353.ct-success h3 { font-family:'Ciutadella'; font-size:24px; font-weight:500; letter-spacing:-0.02em; } 354.ct-success p { margin-top:8px; font-size:14.5px; color:var(--soft); line-height:1.6; max-width:44ch; } 355 356/* ââ FOOTER ââ */ 357footer.ft { position:relative; overflow:hidden; padding:clamp(56px,7vh,84px) 0 clamp(28px,4vh,44px); 358 background:linear-gradient(180deg, var(--bg) 0%, #eef5f5 100%); } 359.ft-wrap { max-width:1220px; margin:0 auto; padding:0 clamp(24px,5vw,56px); } 360.ft-main { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr 1fr; gap:30px 40px; padding:8px 0 44px; } 361.ft-brand-logo { display:flex; align-items:center; gap:11px; } 362.ft-brand-logo img { width:34px; height:auto; } 363.ft-brand-logo b { font-size:20px; font-weight:600; letter-spacing:-0.02em; color:var(--white); } 364.ft-brand p { margin-top:18px; font-size:13.5px; line-height:1.65; color:var(--soft); max-width:34ch; } 365.ft-social { margin-top:24px; display:flex; gap:10px; } 366.ft-social a { width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; 367 background:#fff; border:1px solid var(--hairline); color:var(--soft); transition:transform .22s ease, border-color .22s ease, color .22s ease; } 368.ft-social a:hover { transform:translateY(-2px); border-color:var(--hairline-strong); color:var(--white); } 369.ft-social svg { width:16px; height:16px; fill:currentColor; } 370.ft-trust { margin-top:26px; } 371.ft-trust-stars { display:flex; align-items:center; gap:8px; } 372.ft-trust-stars .s { display:flex; gap:2px; } 373.ft-trust-stars .s svg { width:15px; height:15px; fill:#fbbc04; } 374.ft-trust-stars b { font-size:13.5px; font-weight:600; color:var(--white); } 375.ft-col h4 { font-size:11.5px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:var(--mute); margin-bottom:16px; } 376.ft-col a { display:block; font-size:13.5px; color:var(--soft); text-decoration:none; padding:6px 0; transition:color .2s ease; } 377.ft-col a:hover { color:var(--teal-bright); } 378.ft-bottom { border-top:1px solid var(--hairline); padding-top:26px; 379 display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; } 380.ft-copy { font-size:12.5px; color:var(--mute); } 381.ft-made { display:flex; align-items:center; gap:9px; font-size:12.5px; color:var(--soft); } 382.ft-flag { width:22px; height:15px; border-radius:3px; overflow:hidden; display:inline-flex; flex-direction:column; box-shadow:0 0 0 1px rgba(12,29,34,0.06); } 383.ft-flag i { flex:1; } .ft-flag .r { background:#AE1C28; } .ft-flag .w { background:#fff; } .ft-flag .b { background:#21468B; } 384.ft-badges { display:flex; align-items:center; gap:10px; flex-wrap:wrap; } 385.ft-badge { display:inline-flex; align-items:center; gap:7px; padding:8px 15px; border-radius:999px; 386 background:#fff; border:1px solid var(--hairline); font-size:12px; color:var(--soft); font-variant-numeric:tabular-nums; } 387.ft-badge b { color:var(--white); font-weight:600; } 388.ft-badge svg { width:14px; height:14px; stroke:var(--teal-bright); stroke-width:1.8; fill:none; stroke-linecap:round; stroke-linejoin:round; } 389@media (max-width:960px) { 390 .ft-main { grid-template-columns:1fr 1fr; } 391 .ft-brand { grid-column:1 / -1; } 392} 393 394/* ââ RESPONSIVE ââ */ 395@media (max-width:840px) { 396 .ct-grid { grid-template-columns:1fr; } 397 .ct-col:first-child { border-right:none; padding-right:0; border-bottom:1px solid var(--hairline); } 398 .ct-col:last-child { padding-left:0; } 399 .ct-row { grid-template-columns:1fr; } 400 .ct-submit { width:100%; } 401} 402</style></head><body> 403 404<nav class="top">
405 <div class="nav-in"> 406 <a class="logo" href="/"><img src="/logo-for-light.png" alt=""><span>Senly</span></a> 407 <div class="nav-links"> 408 <div class="nav-dd" data-dd="functies"> 409 <a href="/#platform" class="nav-dd-trigger">Functies</a> 410 <div class="nav-pop nav-pop--wide" aria-hidden="true"> 411 <div class="nav-pop-grid"> 412 <a href="/#groei"><b>Groei</b><span>Automatiseer je social media groei</span></a> 413 <a href="/#platform" data-card="2"><b>Content</b><span>Plan en publiceer voor al je klanten</span></a> 414 <a href="/#platform" data-card="3"><b>Financieel</b><span>Facturen, offertes en betalingen</span></a> 415 <a href="/#platform" data-card="4"><b>Tool Store</b><span>50+ tools voor je hele workflow</span></a> 416 <a href="/#ai"><b>AI</b><span>Slimme hulp in elke stap</span></a> 417 <a href="/#platform" data-card="10"><b>White-label</b><span>Het portaal in jouw huisstijl</span></a> 418 </div> 419 <div class="nav-pop-foot"><span class="npf-new"><i>Nieuw:</i> Financiële module</span><a href="/now#changelog">Changelog</a></div> 420 </div> 421 </div> 422 <div class="nav-dd" data-dd="resources"> 423 <a href="https://senly.io/helpcentrum" class="nav-dd-trigger">Resources</a> 424 <div class="nav-pop" aria-hidden="true"> 425 <div class="nav-pop-grid nav-pop-grid--2"> 426 <a href="https://senly.io/helpcentrum"><b>Helpcentrum</b><span>Uitleg bij elke functie</span></a> 427 <a href="/now#blog"><b>Blog</b><span>Groeitips en inzichten</span></a> 428 <a href="https://senly.io/integraties"><b>Integraties</b><span>Werkt met jouw tools</span></a> 429 <a href="/#faq"><b>Veelgestelde vragen</b><span>Alles wat je wilt weten</span></a> 430 <a href="https://senly.io/over-ons"><b>Over ons</b><span>Het verhaal achter Senly</span></a> 431 <a href="https://senly.io/contact"><b>Contact</b><span>We helpen je graag</span></a> 432 </div> 433 </div> 434 </div> 435 <a href="https://senly.io/cases">Cases</a> 436 <a href="/prijzen">Prijzen</a> 437 <a href="/now">Actueel</a> 438 </div> 439 <div class="nav-cta"> 440 <a class="login" href="/login">Inloggen</a> 441 <a class="btn-teal" style="padding:10px 20px; font-size:13.5px;" href="https://senly.io/signup">Start gratis</a> 442 <a class="lang-btn" href="#">NL<svg viewBox="0 0 24 24"><path d="M6 9l6 6 6-6"/></svg></a> 443 <button class="nav-burger" id="navBurger" aria-label="Menu" aria-expanded="false"><span></span><span></span><span></span></button> 444 </div> 445 </div> 446 <div class="nav-veil" id="navVeil"></div> 447 <aside class="nav-drawer" id="navDrawer" aria-hidden="true"> 448 <div class="nav-drawer-head"> 449 <a class="logo" href="/"><img src="/logo-for-light.png" alt=""><span>Senly</span></a> 450 <button class="nav-drawer-x" id="navDrawerX" aria-label="Menu sluiten"><svg viewBox="0 0 24 24"><path d="M6 6l12 12M18 6L6 18"/></svg></button> 451 </div> 452 <nav class="nav-drawer-body"> 453 <button class="nav-drawer-item nav-drawer-acc" data-acc="functies" aria-expanded="false">Functies<svg class="chev" viewBox="0 0 24 24"><path d="M9 6l6 6-6 6"/></svg></button> 454 <div class="nav-drawer-sub" data-sub="functies"><div class="nav-drawer-sub-in"> 455 <a href="/#groei"><b>Groei</b><span>Automatiseer je social media groei</span></a> 456 <a href="/#platform"><b>Content</b><span>Plan en publiceer voor al je klanten</span></a> 457 <a href="/#platform"><b>Financieel</b><span>Facturen, offertes en betalingen</span></a> 458 <a href="/#platform"><b>Tool Store</b><span>50+ tools voor je hele workflow</span></a> 459 <a href="/#ai"><b>AI</b><span>Slimme hulp in elke stap</span></a> 460 <a href="/#platform"><b>White-label</b><span>Het portaal in jouw huisstijl</span></a> 461 </div></div> 462 <button class="nav-drawer-item nav-drawer-acc" data-acc="resources" aria-expanded="false">Resources<svg class="chev" viewBox="0 0 24 24"><path d="M9 6l6 6-6 6"/></svg></button> 463 <div class="nav-drawer-sub" data-sub="resources"><div class="nav-drawer-sub-in"> 464 <a href="/helpcentrum"><b>Helpcentrum</b><span>Uitleg bij elke functie</span></a> 465 <a href="/now#blog"><b>Blog</b><span>Groeitips en inzichten</span></a> 466 <a href="/integraties"><b>Integraties</b><span>Werkt met jouw tools</span></a> 467 <a href="/#faq"><b>Veelgestelde vragen</b><span>Alles wat je wilt weten</span></a> 468 <a href="/over-ons"><b>Over ons</b><span>Het verhaal achter Senly</span></a> 469 <a href="/contact"><b>Contact</b><span>We helpen je graag</span></a> 470 </div></div> 471 <a class="nav-drawer-item" href="/cases">Cases</a> 472 <a class="nav-drawer-item" href="/prijzen">Prijzen</a> 473 <a class="nav-drawer-item" href="/now">Actueel</a> 474 </nav> 475 <div class="nav-drawer-foot"> 476 <a class="btn-teal" href="/signup">Start gratis</a> 477 <a class="nav-drawer-login" href="/login">Inloggen</a> 478 <div class="nav-drawer-lang"><span>Taal</span><a class="lang-btn" href="#">NL<svg viewBox="0 0 24 24">
478<path d="M6 9l6 6 6-6"/></svg></a></div> 479 </div> 480 </aside> 481</nav>
482<script> 483(function () { 484 var burger = document.getElementById('navBurger'); 485 var drawer = document.getElementById('navDrawer'); 486 var veil = document.getElementById('navVeil'); 487 var closeBtn = document.getElementById('navDrawerX'); 488 if (!burger || !drawer || !veil) return; 489 var open = false; 490 function setOpen(v) { 491 open = v; 492 burger.classList.toggle('open', v); 493 burger.setAttribute('aria-expanded', v ? 'true' : 'false'); 494 drawer.classList.toggle('open', v); 495 veil.classList.toggle('open', v); 496 drawer.setAttribute('aria-hidden', v ? 'false' : 'true'); 497 document.documentElement.style.overflow = v ? 'hidden' : ''; 498 document.body.style.overflow = v ? 'hidden' : ''; 499 } 500 burger.addEventListener('click', function () { setOpen(!open); }); 501 if (closeBtn) closeBtn.addEventListener('click', function () { setOpen(false); }); 502 veil.addEventListener('click', function () { setOpen(false); }); 503 document.addEventListener('keydown', function (e) { if (e.key === 'Escape' && open) setOpen(false); }); 504 [].slice.call(drawer.querySelectorAll('.nav-drawer-body a, .nav-drawer-foot a:not(.lang-btn)')).forEach(function (a) { 505 a.addEventListener('click', function () { setOpen(false); }); 506 }); 507 [].slice.call(drawer.querySelectorAll('.nav-drawer-acc')).forEach(function (btn) { 508 btn.addEventListener('click', function () { 509 var key = btn.getAttribute('data-acc'); 510 var sub = drawer.querySelector('[data-sub="' + key + '"]'); 511 var willOpen = btn.getAttribute('aria-expanded') !== 'true'; 512 [].slice.call(drawer.querySelectorAll('.nav-drawer-acc')).forEach(function (b) { b.setAttribute('aria-expanded', 'false'); }); 513 [].slice.call(drawer.querySelectorAll('.nav-drawer-sub')).forEach(function (s) { s.classList.remove('open'); }); 514 if (willOpen && sub) { btn.setAttribute('aria-expanded', 'true'); sub.classList.add('open'); } 515 }); 516 }); 517 window.addEventListener('resize', function () { if (window.innerWidth > 960 && open) setOpen(false); }); 518})(); 519</script>
519 520 521<div class="wrap"> 522 <header class="ct-hero"> 523 <h1>Contact</h1> 524 <p>Stuur een bericht, plan een demo of mail ons direct. We reageren doorgaans binnen één werkdag.</p> 525 </header> 526 527 <!-- ââ FUNNEL-034A: sales-call-strip ââ 528 "Plan een call" zet het formulier-onderwerp op Sales en scrollt ernaartoe (geen 529 aparte boekings-URL beschikbaar); "Bekijk de live demo" opent de gegarandeerde demo. --> 530 <div class="ct-callbar"> 531 <div class="ct-callbar-txt"> 532 <b>Liever direct een gesprek?</b> 533 <span>Plan een call met ons sales-team of bekijk eerst zelf de live demo.</span> 534 </div> 535 <div class="ct-callbar-actions"> 536 <a class="ccb-solid" href="#ctForm" onclick="var s=document.querySelector('#ctForm select[name=topic]'); if(s){s.value='sales';}">Plan een call</a> 537 <a class="ccb-ghost" href="https://senly.io/api/demo/start">Bekijk de live demo</a> 538 </div> 539 </div> 540 541 <!-- ââ Split: kanalen links, formulier rechts ââ --> 542 <div class="ct-grid"> 543 544 <!-- Kanalen --> 545 <div class="ct-col"> 546 <div class="ct-h2">Directe kanalen</div> 547 <p class="ct-sub">Per soort vraag: kies het kanaal dat het beste past. Voor demo's gebruiken we het formulier ernaast.</p> 548 549 <div class="ct-channels"> 550 <a class="ct-channel" href="mailto:[email protected]"> 551 <span class="ct-cico"><svg viewBox="0 0 24 24"><rect x="2.5" y="4.5" width="19" height="15" rx="2.5"/><path d="M3 7l9 6.5L21 7"/></svg></span> 552 <span class="ct-ctext"><b>Sales & demo</b><span class="ct-cval">[email protected]</span></span> 553 </a> 554 <a class="ct-channel" href="mailto:[email protected]"> 555 <span class="ct-cico"><svg viewBox="0 0 24 24"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"/></svg></span> 556 <span class="ct-ctext"><b>Algemeen</b><span class="ct-cval">[email protected]</span></span> 557 </a> 558 <a class="ct-channel" href="mailto:[email protected]"> 559 <span class="ct-cico"><svg viewBox="0 0 24 24"><path d="M12 2l8 3v6c0 5-3.5 8.5-8 11-4.5-2.5-8-6-8-11V5z"/><path d="M9 12l2 2 4-4"/></svg></span> 560 <span class="ct-ctext"><b>Security</b><span class="ct-cval">[email protected]</span></span> 561 </a> 562 </div> 563 564 <div class="ct-note"> 565 <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3.5 2"/></svg> 566 <span>We reageren doorgaans binnen één werkdag â meestal sneller.</span> 567 </div> 568 569 <p class="ct-address"><b>Social Media Tools</b> · Nieuwlandsedijk 66 · Lage Zwaluwe, Nederland · KVK 78527465</p> 570 </div> 571 572 <!-- Formulier --> 573 <div class="ct-col"> 574 <form class="ct-form" id="ctForm" novalidate> 575 <div class="ct-row"> 576 <label> 577 <span>Naam</span> 578 <input name="name" type="text" required autocomplete="name" placeholder="Volledige naam"> 579 </label> 580 <label> 581 <span>E-mailadres</span> 582 <input name="email" type="email" required autocomplete="email" placeholder="[email protected]"> 583 </label> 584 </div> 585 <div class="ct-row"> 586 <label> 587 <span>Bedrijf</span> 588 <input name="company" type="text" autocomplete="organization" placeholder="Bureau B.V."> 589 </label> 590 <label> 591 <span>Onderwerp</span> 592 <select name="topic" required> 593 <option value="demo" selected>Demo aanvragen</option> 594 <option value="sales">Sales-vraag</option> 595 <option value="partner">Partnerschap</option> 596 <option value="support">Support</option> 597 <option value="security">Security</option> 598 <option value="other">Anders</option> 599 </select> 600 </label> 601 </div> 602 <label> 603 <span>Bericht</span> 604 <textarea name="message" required rows="5" placeholder="Waar kunnen we je mee helpen?"></textarea> 605 </label> 606 607 <div class="ct-error" id="ctError" role="alert"></div> 608 609 <button type="submit" class="ct-submit" id="ctSubmit">Verstuur bericht</button> 610 611 <p class="ct-disclaimer">We gebruiken je gegevens alleen om je bericht te beantwoorden. Lees ook onze <a href="/privacyverklaring">privacyverklaring</a>.</p> 612 </form> 613 614 <div class="ct-success" id="ctSuccess" role="status"> 615 <div class="ok"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></div> 616 <h3>Bericht verzonden</h3> 617 <p>
617Bedankt voor je bericht. We reageren doorgaans binnen één werkdag op het e-mailadres dat je hebt opgegeven.</p> 618 </div> 619 </div> 620 </div> 621 622 <footer class="ft"> 623 <div class="ft-wrap"> 624 <div class="ft-main"> 625 <div class="ft-brand"> 626 <div class="ft-brand-logo"><img src="/logo-for-light.png" alt="Senly"><b>Senly</b></div> 627 <p>Het alles-in-één platform voor marketing professionals en bureaus. Automatiseer, plan, analyseer en schaal â alles op één plek.</p> 628 <div class="ft-social"> 629 <a href="https://www.instagram.com/senly.io" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24"><path d="M12 2.2c3.2 0 3.6 0 4.9.07 1.2.06 1.8.25 2.2.42.56.22.96.48 1.38.9.42.42.68.82.9 1.38.17.4.36 1 .42 2.2.06 1.3.07 1.7.07 4.9s0 3.6-.07 4.9c-.06 1.2-.25 1.8-.42 2.2a3.7 3.7 0 0 1-.9 1.38c-.42.42-.82.68-1.38.9-.4.17-1 .36-2.2.42-1.3.06-1.7.07-4.9.07s-3.6 0-4.9-.07c-1.2-.06-1.8-.25-2.2-.42a3.7 3.7 0 0 1-1.38-.9 3.7 3.7 0 0 1-.9-1.38c-.17-.4-.36-1-.42-2.2C2.2 15.6 2.2 15.2 2.2 12s0-3.6.07-4.9c.06-1.2.25-1.8.42-2.2.22-.56.48-.96.9-1.38.42-.42.82-.68 1.38-.9.4-.17 1-.36 2.2-.42C8.4 2.2 8.8 2.2 12 2.2zm
6290 1.8c-3.15 0-3.5 0-4.75.07-.9.04-1.4.2-1.72.32-.43.17-.74.37-1.06.7-.32.31-.52.62-.7 1.05-.12.32-.28.82-.32 1.72C3.4 8.5 3.4 8.85 3.4 12s0 3.5.07 4.75c.04.9.2 1.4.32 1.72.17.43.37.74.7 1.06.31.32.62.52 1.05.7.32.12.82.28 1.72.32 1.25.06 1.6.07 4.75.07s3.5 0 4.75-.07c.9-.04 1.4-.2 1.72-.32.43-.17.74-.37 1.06-.7.32-.31.52-.62.7-1.05.12-.32.28-.82.32-1.72.06-1.25.07-1.6.07-4.75s0-3.5-.07-4.75c-.04-.9-.2-1.4-.32-1.72a2.8 2.8 0 0 0-.7-1.06 2.8 2.8 0 0 0-1.05-.7c-.32-.12-.82-.28-1.72-.32C15.5 4 15.15 4 12 4zm0 3.06A4.94 4.94 0 1 0 12 17a4.94 4.94 0 0 0 0-9.88zm0 8.15A3.2 3.2 0 1 1 12 8.8a3.2 3.2 0 0 1 0 6.4zm6.3-8.35a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0z"/></svg></a> 630 <a href="https://www.linkedin.com/company/senly-io" target="_blank" rel="noopener" aria-label="LinkedIn"><svg viewBox="0 0 24 24"><path d="M19 19h-3v-5.3c0-1.4-.5-2.3-1.7-2.3-.9 0-1.5.6-1.7 1.2-.1.2-.1.5-.1.7V19h-3s.04-9 0-10h3v1.4c.4-.6 1.1-1.5 2.7-1.5 2 0 3.5 1.3 3.5 4.1V19zM6.7 7.7a1.55 1.55 0 1 1 0-3.1 1.55 1.55 0 0 1 0 3.1zM8.2 19h-3V9h3v10z"/></svg></a> 631 <a href="https://www.tiktok.com/@senly.io" target="_blank" rel="noopener" aria-label="TikTok"><svg viewBox="0 0 24 24"><path d="M16.5 2h-3v13.2a2.6 2.6 0 1 1-2.1-2.55V9.4a5.9 5.9 0 1 0 5.1 5.85V8.9a6.6 6.6 0 0 0 3.9 1.27V7.1a3.6 3.6 0 0 1-3.9-3.4V2z"/></svg></a> 632 </div> 633 <div class="ft-trust"> 634 <div class="ft-trust-stars"><span class="s"><svg viewBox="0 0 24 24"><path d="M12 2l2.9 6.3 6.9.6-5.2 4.5 1.6 6.7L12 16.9 5.8 20.6l1.6-6.7L2.2 8.9l6.9-.6z"/></svg><svg viewBox="0 0 24 24"><path d="M12 2l2.9 6.3 6.9.6-5.2 4.5 1.6 6.7L12 16.9 5.8 20.6l1.6-6.7L2.2 8.9l6.9-.6z"/></svg><svg viewBox="0 0 24 24"><path d="M12 2l2.9 6.3 6.9.6-5.2 4.5 1.6 6.7L12 16.9 5.8 20.6l1.6-6.7L2.2 8.9l6.9-.6z"/></svg><svg viewBox="0 0 24 24"><path d="M12 2l2.9 6.3 6.9.6-5.2 4.5 1.6 6.7L12 16.9 5.8 20.6l1.6-6.7L2.2 8.9l6.9-.6z"/></svg><svg viewBox="0 0 24 24"><path d="M12 2l2.9 6.3 6.9.6-5.2 4.5 1.6 6.7L12 16.9 5.8 20.6l1.6-6.7L2.2 8.9l6.9-.6z"/></svg></span><b>5,0/5 op Google</b></div> 635 </div> 636 </div> 637 <div class="ft-col"> 638 <h4>Product</h4> 639 <a href="/#platform">Platform</a><a href="/#groei">Functionaliteiten</a><a href="/integraties">Integraties</a><a href="/prijzen">Prijzen</a><a href="/partners">White-label</a><a href="/now/#changelog">Changelog</a> 640 </div> 641 <div class="ft-col"> 642 <h4>Hulpmiddelen</h4> 643 <a href="/helpcentrum">Helpcentrum</a><a href="/experts">Experts</a><a href="/faq">Veelgestelde vragen</a><a href="/now#blog">Blog</a><a href="/cases">Cases</a><a href="/woordenboek">Woordenboek</a><a href="/vergelijk">Vergelijk</a> 644 </div> 645 <div class="ft-col"> 646 <h4>Bedrijf</h4> 647 <a href="/over-ons">Over ons</a><a href="/team">Ons verhaal</a><a href="/voor">Voor wie</a><a href="/partners">Partners</a><a href="/contact">Contact</a><a href="/security">Security</a> 648 </div> 649 <div class="ft-col"> 650 <h4>Legal</h4> 651 <a href="/privacyverklaring">Privacybeleid</a><a href="/algemene-voorwaarden">Algemene voorwaarden</a><a href="/partners/voorwaarden">Partnervoorwaarden</a><a href="/status">Status</a> 652 </div> 653 </div> 654 <div class="ft-bottom"> 655 <span class="ft-copy">© 2026 Senly, handelsnaam van Social Media Tools · KvK 78527465. Alle rechten voorbehouden.</span> 656 <span class="ft-made"><span class="ft-flag"><i class="r"></i><i class="w"></i><i class="b"></i></span>Made in The Netherlands</span> 657 <div class="ft-badges"> 658 <span class="ft-badge">KVK <b>78527465</b></span> 659 <span class="ft-badge">BTW <b>NL003342885B16</b></span> 660 <span class="ft-badge"><svg viewBox="0 0 24 24"><path d="M12 2l8 3v6c0 5-3.5 8.5-8 11-4.5-2.5-8-6-8-11V5z"/></svg><b>256-bit SSL</b></span> 661 </div> 662 </div> 663 </div> 664 </footer> 665</div> 666
667<script> 668(function () { 669 var form = document.getElementById('ctForm'); 670 var btn = document.getElementById('ctSubmit'); 671 var errBox = document.getElementById('ctError'); 672 var okBox = document.getElementById('ctSuccess'); 673 if (!form || !btn) return; 674 675 var MSG = { 676 required: { 677 nl: 'Vul je naam, e-mailadres en bericht in.', 678 en: 'Please fill in your name, email address and message.', 679 de: 'Bitte Name, E-Mail-Adresse und Nachricht ausfüllen.', 680 fr: 'Veuillez renseigner votre nom, votre e-mail et votre message.' 681 }, 682 generic: { 683 nl: 'Versturen is niet gelukt. Probeer het opnieuw of mail ons direct.', 684 en: 'Sending failed. Please try again or email us directly.', 685 de: 'Senden fehlgeschlagen. Bitte erneut versuchen oder direkt mailen.', 686 fr: 'Lâenvoi a échoué. Réessayez ou écrivez-nous directement.' 687 }, 688 sending: { nl: 'Versturenâ¦', en: 'Sendingâ¦', de: 'Sendenâ¦', fr: 'Envoiâ¦' } 689 }; 690 function msg(key) { var l = window.__lang || 'nl'; return MSG[key][l] || MSG[key].nl; } 691 function showError(text) { errBox.textContent = text; errBox.classList.add('show'); } 692 function clearError() { errBox.textContent = ''; errBox.classList.remove('show'); } 693 694 var btnLabel = btn.textContent; 695 form.addEventListener('submit', function (e) { 696 e.preventDefault(); 697 clearError(); 698 var data = { 699 name: form.elements.name.value.trim(), 700 email: form.elements.email.value.trim(), 701 company: form.elements.company.value.trim(), 702 topic: form.elements.topic.value, 703 message: form.elements.message.value.trim() 704 }; 705 if (!data.name || !data.email || !data.message) { showError(msg('required')); return; } 706 707 btn.disabled = true; 708 btnLabel = btn.textContent; 709 btn.textContent = msg('sending'); 710 711 fetch('/api/contact', { 712 method: 'POST', 713 headers: { 'Content-Type': 'application/json' }, 714 body: JSON.stringify(data) 715 }).then(function (res) { 716 if (!res.ok) { 717 return res.json().catch(function () { return {}; }).then(function (j) { 718 throw new Error(j.error || msg('generic')); 719 }); 720 } 721 form.style.display = 'none'; 722 okBox.classList.add('show'); 723 }).catch(function (err) { 724 showError((err && err.message) || msg('generic')); 725 }).finally(function () { 726 btn.disabled = false; 727 btn.textContent = btnLabel; 728 }); 729 }); 730})(); 731</script>
vendor: 1 bytes, line 731
731
732<script src="/i18n.js?v=9"></script>
vendor: 1 bytes, line 732
732
733<script> 734if (window.__addI18n) window.__addI18n({ 735 "Contact": ["Contact", "Kontakt", "Contact"], 736 "Stuur een bericht, plan een demo of mail ons direct. We reageren doorgaans binnen één werkdag.": ["Send a message, book a demo or email us directly. We usually reply within one business day.", "Sende eine Nachricht, plane eine Demo oder maile uns direkt. Wir antworten in der Regel innerhalb eines Werktags.", "Envoyez un message, planifiez une démo ou écrivez-nous directement. Nous répondons généralement sous un jour ouvré."], 737 "Liever direct een gesprek?": ["Prefer to talk right away?", "Lieber direkt sprechen?", "Vous préférez parler tout de suite ?"], 738 "Plan een call met ons sales-team of bekijk eerst zelf de live demo.": ["Book a call with our sales team, or explore the live demo first.", "Vereinbare ein Gespräch mit unserem Sales-Team oder sieh dir zuerst die Live-Demo an.", "Planifiez un appel avec notre équipe commerciale ou découvrez d'abord la démo en direct."], 739 "Plan een call": ["Book a call", "Gespräch vereinbaren", "Planifier un appel"], 740 "Bekijk de live demo": ["Watch the live demo", "Live-Demo ansehen", "Voir la démo en direct"], 741 "Directe kanalen": ["Direct channels", "Direkte Kanäle", "Canaux directs"], 742 "Per soort vraag: kies het kanaal dat het beste past. Voor demo's gebruiken we het formulier ernaast.": ["Pick the channel that fits your question best. For demos, use the form on the right.", "Wähle je nach Frage den passenden Kanal. Für Demos nutze das Formular daneben.", "Choisissez le canal adapté à votre question. Pour les démos, utilisez le formulaire ci-contre."], 743 "Sales & demo": ["Sales & demo", "Sales & Demo", "Ventes & démo"], 744 "Algemeen": ["General", "Allgemein", "Général"], 745 "Security": ["Security", "Sicherheit", "Sécurité"], 746 "We reageren doorgaans binnen één werkdag â meestal sneller.": ["We usually reply within one business day â often faster.", "Wir antworten in der Regel innerhalb eines Werktags â meist schneller.", "Nous répondons généralement sous un jour ouvré â souvent plus vite."], 747 "Naam": ["Name", "Name", "Nom"], 748 "Volledige naam": ["Full name", "Vollständiger Name", "Nom complet"], 749 "E-mailadres": ["Email address", "E-Mail-Adresse", "Adresse e-mail"], 750 "[email protected]": ["[email protected]", "[email protected]", "[email protected]"], 751 "Bedrijf": ["Company", "Unternehmen", "Entreprise"], 752 "Bureau B.V.": ["Agency Ltd.", "Agentur GmbH", "Agence SARL"], 753 "Onderwerp": ["Subject", "Betreff", "Sujet"], 754 "Demo aanvragen": ["Request a demo", "Demo anfragen", "Demander une démo"], 755 "Sales-vraag": ["Sales question", "Sales-Frage", "Question commerciale"], 756 "Partnerschap": ["Partnership", "Partnerschaft", "Partenariat"], 757 "Support": ["Support", "Support", "Support"], 758 "Anders": ["Other", "Sonstiges", "Autre"], 759 "Bericht": ["Message", "Nachricht", "Message"], 760 "Waar kunnen we je mee helpen?": ["How can we help you?", "Wobei können wir dir helfen?", "Comment pouvons-nous vous aider ?"], 761 "Verstuur bericht": ["Send message", "Nachricht senden", "Envoyer le message"], 762 "We gebruiken je gegevens alleen om je bericht te beantwoorden. Lees ook onze": ["We only use your details to reply to your message. Also read our", "Wir verwenden deine Daten nur, um deine Nachricht zu beantworten. Lies auch unsere", "Nous utilisons vos données uniquement pour répondre à votre message. Consultez aussi notre"], 763 "privacyverklaring": ["privacy policy", "Datenschutzerklärung", "politique de confidentialité"], 764 "Bericht verzonden": ["Message sent", "Nachricht gesendet", "Message envoyé"], 765 "Bedankt voor je bericht. We reageren doorgaans binnen één werkdag op het e-mailadres dat je hebt opgegeven.": ["Thanks for your message. We usually reply within one business day to the email address you provided.", "Danke für deine Nachricht. Wir antworten in der Regel innerhalb eines Werktags an die angegebene E-Mail-Adresse.", "Merci pour votre message. Nous répondons généralement sous un jour ouvré à lâadresse e-mail indiquée."], 766 "Product": ["Product", "Produkt", "Produit"], 767 "Hulpmiddelen": ["Resources", "Ressourcen", "Ressources"], 768 "Bedrijf ": ["Company", "Unternehmen", "Entreprise"], 769 "Platform": ["Platform", "Plattform", "Plateforme"], 770 "Functionaliteiten": ["Features", "Funktionen", "Fonctionnalités"], 771 "Integraties": ["Integrations", "Integrationen", "Intégrations"], 772 "White-label": ["White-label", "White-Label", "Marque blanche"], 773 "Changelog": ["Changelog", "Changelog", "Changelog"], 774 "Helpcentrum": ["Help center", "Hilfecenter", "Centre d'aide"], 775 "Veelgestelde vragen": ["FAQ", "Häufige Fragen", "Questions fréquentes"], 776 "Blog": ["Blog", "Blog", "Blog"], 777 "Cases": ["Cases", "Cases", "Ãtudes de cas"], 778 "Woordenboek": ["Dictionary", "Wörterbuch", "Dictionnaire"], 779 "Vergelijk": ["Compare", "Vergleichen", "Comparer"], 780 "Over ons": ["About us", "Ãber uns", "à propos"], 781 "Ons verhaal": ["Our story", "Unsere Geschichte", "Notre histoire"], 782 "Voor wie": ["Who it's for", "Für wen", "Pour qui"], 783 "Partners": ["Partners", "Partner", "Partenaires"], 784 "Privacybeleid": ["Privacy policy", "Datenschutz", "Politique de confidentialité"], 785 "Algemene voorwaarden": ["Terms of service", "AGB", "Conditions générales"], 786 "Partnervoorwaarden": ["Partner terms", "Partnerbedingungen", "Conditions partenaires"], 787 "Status": ["Status", "Status", "Statut"], 788 "Het alles-in-één platform voor marketing professionals en bureaus. Automatiseer, plan, analyseer en schaal â alles op één plek.": ["The all-in-one platform for marketing professionals and agencies. Automate, plan, analyze and scale â all in one place.", "Die All-in-One-Plattform für Marketing-Profis und Agenturen. Automatisiere, plane, analysiere und skaliere â alles an einem Ort.", "La plateforme tout-en-un pour les professionnels du marketing et les agences. Automatisez, planifiez, analysez et développez â tout au même endroit."], 789 "© 2026 Senly, handelsnaam van Social Media Tools · KvK 78527465. Alle rechten voorbehouden.": ["© 2026 Senly, a trade name of Social Media Tools · Dutch Chamber of Commerce 78527465. All rights reserved.", "© 2026 Senly, Handelsname von Social Media Tools · Handelskammer 78527465. Alle Rechte vorbehalten.", "© 2026 Senly, nom commercial de Social Media Tools · Chambre de commerce 78527465. Tous droits réservés."] 790}); 791</script>
791 792<link rel="stylesheet" href="/site-widgets.css">
793<script defer src="/site-widgets.js" data-widgets="cookie,chat,track"></script>
vendor: 1 bytes, line 793
793
794<script> 795/* TRK-11: CTA-klik-tracking op statische pagina's (los van de bundle). Meet 796 kliks op de signup-/demo-CTA's als funnel-event, zodat conversie-intentie 797 naast pageviews meetbaar is. */ 798(function(){try{document.addEventListener('click',function(e){try{var el=e.target&&e.target.closest?e.target.closest('a[href], button'):null;if(!el)return;var href=(el.getAttribute('href')||'').toLowerCase();var cls=(el.getAttribute('class')||'').toLowerCase();var cta=null;if(/\/api\/demo\/start/.test(href)||(/demo/.test(href)&&/btn|cta/.test(cls)))cta='demo';else if(/\/signup/.test(href)||/btn-teal|cta-primary/.test(cls))cta='signup';if(!cta)return;var sid='nostore';try{sid=sessionStorage.getItem('sa_sid')||'nostore';}catch(_){} 799var body=JSON.stringify({kind:'event',name:'cta_click:'+cta,path:location.pathname,sessionId:sid});if(navigator.sendBeacon)navigator.sendBeacon('/api/track/pageview',new Blob([body],{type:'application/json'}));else fetch('/api/track/pageview',{method:'POST',headers:{'Content-Type':'application/json'},body:body,keepalive:true}).catch(function(){});}catch(_){}},true);}catch(_){}})(); 800</script>
800 801</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.