PageSourceSearch

https://senly.io/contact

html senly.io collected 2026-10-02 01:57:50 UTC 52,562 bytes, 801 lines download raw bytes

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 &amp; 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">&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.