1<!DOCTYPE html><!-- Last Published: Wed Sep 23 2026 09:16:38 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="the-safe-space-club.webflow.io" data-wf-page="69c7ce1bf6a997e19043f25f" data-wf-site="69b6b413b58a608c07c7ee19" lang="nl-NL"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>1-op-1 begeleiding bij seksueel geweld | The Safe Space Club</title><meta content="Gratis 1-op-1 begeleiding door professionals en ervaringsdeskundigen. Zonder wachtlijst. Jouw tempo, jouw keuze. Neem vrijblijvend contact op." name="description"/><meta content="1-op-1 begeleiding bij seksueel geweld | The Safe Space Club" property="og:title"/><meta content="Gratis 1-op-1 begeleiding door professionals en ervaringsdeskundigen. Zonder wachtlijst. Jouw tempo, jouw keuze. Neem vrijblijvend contact op." property="og:description"/><meta content="1-op-1 begeleiding bij seksueel geweld | The Safe Space Club" name="twitter:title"/><meta content="Gratis 1-op-1 begeleiding door professionals en ervaringsdeskundigen. Zonder wachtlijst. Jouw tempo, jouw keuze. Neem vrijblijvend contact op." name="twitter:description"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/css/the-safe-space-club.webflow.shared.cd87f679f.min.css" rel="stylesheet" type="text/css" integrity="sha384-zYf2ef2C2Lu0LJ3+3HSB/+kfH5L4QxPuJFHTmy7hrBKhQUCUWhAqK34vgbnB48uo" crossorigin="anonymous"/>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/6a15723fdf5ca7cd4cf27e35_favicon.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: light)"/><link href="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/6a15723fdf5ca7cd4cf27e35_favicon.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: dark)"/><link href="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/6a15723f572caf4a59b46396_favicon.png" rel="icon" type="image/png" sizes="48x48"/><link href="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/6a15723f74cc119bd374d0a8_favicon.png" rel="apple-touch-icon" sizes="180x180"/><link href="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/6a15723fd9d7ff3d2f020032_favicon.png" rel="icon" type="image/png" sizes="192x192"/><link href="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/6a15723fff11f179d70226ff_favicon.png" rel="icon" type="image/png" sizes="512x512"/>
1<script type="application/ld+json"> 2{ 3 "@context": "https://schema.org", 4 "@type": "WebPage", 5 "name": "1-op-1 begeleiding bij seksueel geweld", 6 "description": "Gratis 1-op-1 begeleiding door professionals en ervaringsdeskundigen. Zonder wachtlijst. Jouw tempo, jouw keuze. Neem vrijblijvend contact op.", 7 "url": "/steun-bij-seksueel-geweld/the-safe-space-club", 8 "inLanguage": "nl-NL", 9 "about": { 10 "@type": "Service", 11 "name": "1-op-1 begeleiding na seksueel geweld", 12 "description": "Persoonlijke ondersteuning na seksueel geweld door ervaringsdeskundigen en gecertificeerde professionals. Gratis begeleiding zonder wachtlijst, op jouw tempo en voorwaarden.", 13 "provider": { 14 "@type": "Organization", 15 "name": "The Safe Space Club", 16 "url": "/", 17 "logo": { 18 "@type": "ImageObject", 19 "url": "https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69c13ea56723a61d7b205cfb_Group%204.avif" 20 }, 21 "address": { 22 "@type": "PostalAddress", 23 "streetAddress": "Spaarndammerdijk 15A", 24 "addressLocality": "Amsterdam", 25 "addressCountry": "NL" 26 }, 27 "telephone": "+31756128400", 28 "email": "[email protected]", 29 "identifier": "82719403" 30 }, 31 "serviceType": "Begeleiding bij seksueel geweld", 32 "areaServed": { 33 "@type": "Country", 34 "name": "Nederland" 35 }, 36 "availableChannel": { 37 "@type": "ServiceChannel", 38 "servicePhone": { 39 "@type": "ContactPoint", 40 "telephone": "+31756128400", 41 "contactType": "customer support" 42 }, 43 "serviceUrl": "/steun-bij-seksueel-geweld/the-safe-space-club" 44 } 45 }, 46 "mainEntity": { 47 "@type": "FAQPage", 48 "mainEntity": [ 49 { 50 "@type": "Question", 51 "name": "Voor wie is 1-op-1 begeleiding bij The Safe Space Club?", 52 "acceptedAnswer": { 53 "@type": "Answer", 54 "text": "Je hoeft niet in crisis te zijn om hulp te vragen. Je hoeft het ook niet alleen te verwerken terwijl je op een wachtlijst staat. De Safe Space Club is er voor het hele traject: van het eerste gesprek tot en met de stappen die daarna komen." 55 } 56 }, 57 { 58 "@type": "Question", 59 "name": "Hoe werkt het proces van eerste stap tot duurzaam herstel?", 60 "acceptedAnswer": { 61 "@type": "Answer", 62 "text": "Het proces bestaat uit vier stappen: 1) Eerste contact - Neem op jouw manier contact op via het formulier, telefonisch of social media. 2) Kennismaking - We leren elkaar kennen in een veilige, vertrouwelijke sfeer. Jij bepaalt het tempo. 3) Samen in gesprek - Op basis van jouw behoeften kijken we samen welke stappen mogelijk zijn. 4) Begeleiding op maat - We ondersteunen je zo lang als nodig: emotioneel, praktisch of bij instanties." 63 } 64 } 65 ] 66 } 67} 68</script>
68 69<!-- Consent Pro script -->
70<script src="https://api.consentpro.com/v2/cdn/runtime/69b6b413b58a608c07c7ee19.js" type="text/javascript" finsweet="consentpro" siteid="69b6b413b58a608c07c7ee19"></script>
70 71 72<style> 73 [data-menu-wrap] { 74 --nav-height: 4rem; 75} 76 77.mega-nav__panel-col:last-of-type { 78 border: none; 79} 80 81/* Allow easier content editing when panel state is 'active' inside of the designer*/ 82.wf-design-mode [data-nav-content][data-panel-state="active"] { 83 opacity: 1; 84 visibility: visible; 85 pointer-events: auto; 86 position: relative; 87} 88 89.wf-design-mode [data-menu-open]:has( [data-nav-content][data-panel-state="active"]) [data-dropdown-bg] { 90 opacity: 1; 91 inset: 0; 92} 93 94.wf-design-mode [data-mobile-nav="active"] { 95 opacity: 1; 96 visibility: visible; 97} 98</style>
98<script src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19%2F6544eda5f000985a163a8687%2F69fa2c239c5c27333e2543a2%2Ffinsweetcomponentsconfig-1.0.1.js" type="module" async="" siteId="69b6b413b58a608c07c7ee19" finsweet="components"></script>
98</head><body><header><nav aria-label="hoofdnavigatie" data-menu-wrap="" data-menu-open="false" class="mega-nav"><div class="mega-nav_bar"><div class="mega-nav_container"><div class="mega-nav_bar-start"><a aria-label="Logo link naar homepage" data-menu-logo="" href="/" class="mega-nav_bar-logo w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69c13ea56723a61d7b205cfb_Group%204.avif" alt="" class="nav_logo"/></a><div data-nav-list="" data-mobile-nav="" class="mega-nav_bar-inner"><ul class="mega-nav_bar-list"><li data-nav-list-item=""><button data-dropdown-toggle="steun" aria-expanded="false" aria-haspopup="true" class="mega-nav_bar-link is--dropdown"><div class="body-s">Ik wil steun</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 20 20" fill="none" class="mega-nav_bar-link-icon is--dropdown"><path d="M6.6665 8.3335L9.99984 11.6668L13.3332 8.3335" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></li><li data-nav-list-item=""><button data-dropdown-toggle="samenwerken" aria-expanded="false" aria-haspopup="true" class="mega-nav_bar-link is--dropdown"><div class="body-s">Samenwerken</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 20 20" fill="none" class="mega-nav_bar-link-icon is--dropdown"><path d="M6.6665 8.3335L9.99984 11.6668L13.3332 8.3335" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></li><li data-nav-list-item=""><button data-dropdown-toggle="content" aria-expanded="false" aria-haspopup="true" class="mega-nav_bar-link is--dropdown"><div class="body-s">Content Hub</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 20 20" fill="none" class="mega-nav_bar-link-icon is--dropdown"><path d="M6.6665 8.3335L9.99984 11.6668L13.3332 8.3335" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></li><li data-nav-list-item=""><button data-dropdown-toggle="about" aria-expanded="false" aria-haspopup="true" class="mega-nav_bar-link"><div class="body-s">Over ons</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 20 20" fill="none" class="mega-nav_bar-link-icon is--dropdown"><path d="M6.6665 8.3335L9.99984 11.6668L13.3332 8.3335" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></li><li data-nav-list-item=""><a href="/contact" class="mega-nav_bar-link w-inline-block"><div class="body-s">Contact</div></a></li></ul><ul data-nav-list-item="" class="mega-nav_bar-list is--actions"><div class="locales_wrapper w-locales-list"><div role="list" class="w-locales-items"><div role="listitem" class="locale w-locales-item"><a href="#" class="locale_link-block w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69b6b428d0e8070d168799c3_flag-for-flag-netherlands.svg" alt="Nederlandse vlag" class="locale_flag"/><div>NL</div></a></div></div></div><li class="mega-nav_bar-action"><a href="/steun-bij-seksueel-geweld" class="btn is--secondary w-inline-block"><div>Ik wil steun</div></a></li><li class="mega-nav_bar-action"><a href="/doneren" class="btn w-inline-block"><div>Doneren</div></a></li></ul></div><div class="mega-nav_bar-end"><div class="locales_wrapper mobile hide w-locales-list"><div role="list" class="w-locales-items"><div role="listitem" class="locale w-locales-item"><a href="#" class="locale_link-block w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69b6b428d0e8070d168799c3_flag-for-flag-netherlands.svg" alt="Nederlandse vlag" class="locale_flag"/><div>NL</div></a></div></div></div><button data-burger-toggle="" aria-label="toggle menu" aria-expanded="false" class="mega-nav_burger"><span data-burger-line="top" class="mega-nav_burger-line"></span><span data-burger-line="mid" class="mega-nav_burger-line"></span><span data-burger-line="bot" class="mega-nav_burger-line"></span></button></div><div data-mobile-back="" class="mega-nav_back"><button aria-label="back to menu" class="mega-nav_bar-link is--back">
98<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 20 20" fill="none" class="mega-nav_bar-link-icon"><path d="M11.6665 6.6665L8.33317 9.99984L11.6665 13.3332" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="mega-nav_bar-link-label">Back</span></button></div></div></div><div class="nav_deco-wrapper"><div class="nav_deco-circle w-embed"><svg width="currentWidth" height="currentHeight" viewBox="0 0 318 318" fill="none" xmlns="http://www.w3.org/2000/svg"> 99<circle cx="159" cy="159" r="159" fill="currentColor"/> 100</svg></div></div></div><div data-dropdown-wrapper="" class="mega-nav_dropdown-wrapper"><div data-dropdown-container="" class="mega-nav_dropdown-container"><div data-dropdown-bg="" class="mega-nav_dropdown-bg"></div><div data-panel-state="inactive" data-nav-content="steun" role="region" aria-label="Steun menu" class="mega-nav_dropdown-panel"><div class="mega-nav_dropdown-inner"><div data-menu-fade="" class="mega-nav_panel-col"><div class="label-xs is--capitalised">The Safe Space Club</div><ul class="mega-nav_panel-list"><li data-menu-fade=""><a href="/steun-bij-seksueel-geweld" class="mega-nav_panel-link w-inline-block"><div class="body-s font-weight-medium">Begeleiding na seksueel geweld</div><div class="body-s text-color-muted">Gratis hulp voor survivors van seksueel geweld. Geen wachtlijst.</div></a><a href="/steun-bij-seksueel-geweld/the-safe-space-club" aria-current="page" class="mega-nav_panel-link w-inline-block w--current"><div class="body-s font-weight-medium">1-op-1-begeleiding</div><div class="body-s text-color-muted">Persoonlijke begeleiding door professionals die begrijpen wat je doormaakt.</div></a><a href="/steun-bij-seksueel-geweld/groepstrajecten" class="mega-nav_panel-link w-inline-block"><div class="body-s font-weight-medium">Groepstrajecten</div><div class="body-s text-color-muted">Herstel samen met andere survivors in een veilige, vertrouwelijke omgeving.</div></a><a href="/steun-bij-seksueel-geweld/the-club-house" class="mega-nav_panel-link w-inline-block"><div class="body-s font-weight-medium">The Clubhouse</div><div class="body-s text-color-muted">Een ontmoetingsplek voor vrouwen met gedeelde ervaringen.</div></a></li></ul><ul class="mega-nav_panel-list"><li data-menu-fade=""><div class="nav_social-wrapper"><div class="divider _90 align-left xs"></div><div class="spacer _16"></div><div class="body-s font-weight-medium">Stel je vraag via</div><div class="spacer _8"></div><ul role="list" class="social-list w-list-unstyled"><li><a aria-label="Volg ons op Instagram" href="#" class="icon-s is--primary w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none"><path d="M21.94 7.88C21.9206 7.0503 21.7652 6.2294 21.48 5.45C21.2283 4.78181 20.8322 4.17742 20.32 3.68C19.8226 3.16776 19.2182 2.77166 18.55 2.52C17.7706 2.23484 16.9497 2.07945 16.12 2.06C15.06 2 14.72 2 12 2C9.28 2 8.94 2 7.88 2.06C7.0503 2.07945 6.2294 2.23484 5.45 2.52C4.78181 2.77166 4.17742 3.16776 3.68 3.68C3.16743 4.17518 2.77418 4.78044 2.53 5.45C2.23616 6.22734 2.07721 7.04915 2.06 7.88C2 8.94 2 9.28 2 12C2 14.72 2 15.06 2.06 16.12C2.07721 16.9508 2.23616 17.7727 2.53 18.55C2.77418 19.2196 3.16743 19.8248 3.68 20.32C4.17742 20.8322 4.78181 21.2283 5.45 21.48C6.2294 21.7652 7.0503 21.9206 7.88 21.94C8.94 22 9.28 22 12 22C14.72 22 15.06 22 16.12 21.94C16.9497 21.9206 17.7706 21.7652 18.55 21.48C19.2134 21.219 19.816 20.8242 20.3201 20.3201C20.8242 19.816 21.219 19.2134 21.48 18.55C21.7652 17.7706 21.9206 16.9497 21.94 16.12C21.94 15.06 22 14.72 22 12C22 9.28 22 8.94 21.94 7.88ZM20.14 16C20.1327 16.6348 20.0178 17.2637 19.8 17.86C19.6327 18.2913 19.3773 18.683 19.0501 19.0101C18.723 19.3373 18.3313 19.5927 17.9 19.76C17.3037 19.9778 16.6748 20.0927 16.04 20.1C15.04 20.15 14.67 20.16 12.04 20.16C9.41 20.16 9.04 20.16 8.04 20.1C7.38073 20.1148 6.72401 20.0132 6.1 19.8C5.66869 19.6327 5.27698 19.3773 4.94985 19.0501C4.62272 18.723 4.36734 18.3313 4.2 17.9C3.97775 17.2911 3.86271 16.6482 3.86 16C3.86 15 3.8 14.63 3.8 12C3.8 9.37 3.8 9 3.86 8C3.86271 7.35178 3.97775 6.70893 4.2 6.1C4.36734 5.66869 4.62272 5.27698 4.94985 4.94985C5.27698 4.62272 5.66869 4.36734 6.1 4.2C6.70893 3.97775 7.35178 3.86271 8 3.86C9 3.86 9.37 3.8 12 3.8C14.63 3.8 15 3.8 16 3.86C16.6348 3.86728 17.2637 3.98225 17.86 4.2C18.2913 4.36734 18.683 4.62272 19.0101 4.94985C19.3373 5.27698 19.5927 5.66869 19.76 6.1C19.9959 6.7065 20.1245 7.34942 20.14 8C20.19 9 20.2 9.37 20.2 12C20.2 14.63 20.19 15 20.14 16Z" fill="currentColor"></path><path d="M12 6.86C10.9834 6.86 9.98964 7.16146 9.14437 7.72625C8.2991 8.29104 7.64029 9.0938 7.25126 10.033C6.86222 10.9722 6.76044 12.0057 6.95876 13.0028C7.15709 13.9998 7.64663 14.9157 8.36547 15.6345C9.08431 16.3534 10.0002 16.8429 10.9972 17.0412C11.9943 17.2396 13.0278 17.1378 13.967 16.7487C14.9062 16.3597 15.709 15.7009 16.2738 14.8556C16.8385 14.0104 17.14 13.0166 17.14 12C17.14 10.6368 16.5985 9.32941 15.6345 8.36547C14.6706 7.40153 13.3632 6.86 12 6.86ZM12 15.33C11.3414 15.33 10.6976 15.1347 10.15 14.7688C9.60234 14.4029 9.17552 13.8828 8.92348 13.2743C8.67144 12.6659 8.6055 11.9963 8.73399 11.3503C8.86247 10.7044 9.17963 10.111 9.64533 9.64533C10.111 9.17963 10.7044 8.86247 11.3503 8.73399C11.9963 8.6055 12.6659 8.67144 13.2743 8.92348C13.8828 9.17552 14.4029 9.60234 14.7688 10.15C15.1347 10.6976 15.33 11.3414 15.33 12C15.33 12.4373 15.2439 12.8703 15.0765 13.2743C14.9092 13.6784 14.6639 14.0454 14.3547 14.3547C14.0454 14.6639 13.6784 14.9092 13.2743 15.0765C12.8703 15.2439 12.4373 15.33 12 15.33Z" fill="currentColor"></path><path d="M17.34 5.46001C17.1027 5.46001 16.8707 5.53039 16.6733 5.66224C16.476 5.7941 16.3222 5.98152 16.2313 6.20079C16.1405 6.42006 16.1168 6.66134 16.1631 6.89411C16.2094 7.12689 16.3236 7.34071 16.4915 7.50853C16.6593 7.67636 16.8731 7.79065 17.1059 7.83695C17.3387 7.88325 17.5799 7.85949 17.7992 7.76866C18.0185 7.67784 18.2059 7.52403 18.3378 7.32669C18.4696 7.12935 18.54 6.89734 18.54 6.66001C18.54 6.34175 18.4136 6.03652 18.1885 5.81148C17.9635 5.58643 17.6583 5.46001 17.34 5.46001Z" fill="currentColor"></path></svg></a></li><li><a aria-label="Volg ons op LinkedIn" href="#" class="icon-s is--primary w-inline-block">
100<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none"><path d="M19.039 19.043H16.078V14.4C16.078 13.294 16.055 11.87 14.534 11.87C12.99 11.87 12.754 13.07 12.754 14.319V19.041H9.792V9.50001H12.637V10.8H12.676C12.9609 10.3131 13.3725 9.91263 13.867 9.6411C14.3614 9.36957 14.9203 9.23717 15.484 9.25801C18.484 9.25801 19.04 11.233 19.04 13.804V19.042L19.039 19.043ZM6.447 8.19401C6.1069 8.19381 5.7745 8.09279 5.4918 7.90372C5.2091 7.71465 4.98879 7.44601 4.85874 7.13176C4.72868 6.81751 4.6947 6.47176 4.7611 6.13821C4.8275 5.80465 4.99129 5.49827 5.23178 5.25778C5.47226 5.0173 5.77865 4.8535 6.1122 4.7871C6.44575 4.72071 6.79151 4.75468 7.10575 4.88474C7.42 5.0148 7.68864 5.2351 7.87771 5.5178C8.06678 5.8005 8.1678 6.13291 8.168 6.47301C8.16826 6.69909 8.12393 6.923 8.03753 7.13192C7.95114 7.34084 7.82438 7.53066 7.66452 7.69052C7.50466 7.85039 7.31483 7.97714 7.10591 8.06354C6.89699 8.14993 6.67308 8.19427 6.447 8.19401ZM7.932 19.043H4.963V9.50001H7.932V19.043ZM20.521 2.00001H3.476C3.28445 1.99763 3.0943 2.03302 2.91643 2.10417C2.73856 2.17531 2.57646 2.28081 2.43938 2.41464C2.30231 2.54846 2.19295 2.70799 2.11756 2.8841C2.04217 3.06021 2.00222 3.24945 2 3.44101V20.559C2.00222 20.7506 2.04217 20.9398 2.11756 21.1159C2.19295 21.292 2.30231 21.4515 2.43938 21.5854C2.57646 21.7192 2.73856 21.8247 2.91643 21.8958C3.0943 21.967 3.28445 22.0024 3.476 22H20.518C20.9055 22.0051 21.2792 21.8562 21.5571 21.586C21.8349 21.3159 21.9942 20.9465 22 20.559V3.44101C21.9939 3.05359 21.8346 2.68438 21.5568 2.41427C21.279 2.14416 20.9054 1.99519 20.518 2.00001H20.521Z" fill="currentColor"></path></svg></a></li><li><a aria-label="WhatsApp ons" href="#" class="icon-s is--primary w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.049 4.90701C17.3493 3.20721 15.0898 2.18312 12.6912 2.02547C10.2926 1.86782 7.91847 2.58735 6.01096 4.05007C4.10345 5.51278 2.7926 7.61896 2.32257 9.97633C1.85254 12.3337 2.25535 14.7816 3.456 16.864L2.049 22L7.3 20.621C8.75245 21.4124 10.3799 21.8277 12.034 21.829C13.9949 21.8301 15.912 21.2495 17.5429 20.1607C19.1737 19.072 20.445 17.5239 21.1958 15.7125C21.9467 13.9011 22.1434 11.9077 21.7611 9.98441C21.3788 8.06116 20.4346 6.29453 19.048 4.90801L19.049 4.90701ZM12.041 20.157C10.5648 20.1573 9.11572 19.76 7.846 19.007L7.546 18.827L4.428 19.644L5.261 16.605L5.066 16.293C4.38658 15.2118 3.96778 13.9875 3.84265 12.7167C3.71752 11.4459 3.88948 10.1634 4.34497 8.97049C4.80045 7.77755 5.52699 6.70681 6.46722 5.84279C7.40746 4.97877 8.53566 4.34513 9.76277 3.99188C10.9899 3.63863 12.2823 3.57544 13.538 3.8073C14.7937 4.03916 15.9783 4.55973 16.9984 5.3279C18.0184 6.09608 18.8459 7.09084 19.4156 8.23366C19.9853 9.37647 20.2816 10.6361 20.281 11.913C20.2778 14.0977 19.4088 16.192 17.8642 17.7371C16.3197 19.2822 14.2257 20.153 12.041 20.157ZM16.557 13.985C16.311 13.86 15.092 13.263 14.865 13.185C14.638 13.107 14.474 13.06 14.306 13.31C14.138 13.56 13.666 14.11 13.521 14.283C13.376 14.456 13.233 14.47 12.986 14.345C12.2559 14.0533 11.5819 13.6371 10.994 13.115C10.4534 12.6137 9.98909 12.0359 9.616 11.4C9.471 11.154 9.6 11.018 9.726 10.9C9.852 10.782 9.972 10.611 10.097 10.466C10.1992 10.3409 10.2824 10.2014 10.344 10.052C10.3769 9.98367 10.3922 9.90823 10.3887 9.83248C10.3852 9.75674 10.363 9.68304 10.324 9.61801C10.261 9.49301 9.765 8.27401 9.562 7.77801C9.359 7.28201 9.156 7.35201 9 7.34401C8.844 7.33601 8.69 7.33601 8.527 7.33601C8.40171 7.33967 8.2785 7.36898 8.16498 7.42213C8.05147 7.47527 7.95005 7.55113 7.867 7.64501C7.58693 7.9105 7.36521 8.23139 7.21594 8.58725C7.06667 8.94312 6.99313 9.32616 7 9.71201C7.08057 10.6462 7.43193 11.5365 8.011 12.274C9.07331 13.8657 10.5309 15.1541 12.241 16.013C12.831 16.267 13.292 16.419 13.651 16.537C14.156 16.6901 14.6896 16.7244 15.21 16.637C15.5548 16.567 15.8813 16.4264 16.1691 16.224C16.4569 16.0216 16.6996 15.7618 16.882 15.461C17.0444 15.0917 17.0948 14.6827 17.027 14.285C16.969 14.174 16.805 14.114 16.555 13.985H16.557Z" fill="currentColor"></path></svg></a></li></ul></div></li></ul></div><div data-menu-fade="" class="mega-nav_panel-col is--colored has--card"><div class="mega-nav_card"><div class="mega-nav_card-visual">
100<img sizes="(max-width: 960px) 100vw, 960px" srcset="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69ef67a26d04a4addef2139a_TSSC-57-p-500.avif 500w, https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69ef67a26d04a4addef2139a_TSSC-57.avif 960w" alt="" src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69ef67a26d04a4addef2139a_TSSC-57.avif" loading="lazy" class="mega-nav_card-img"/></div><div class="mega-nav_card-content"><div><div class="heading-style-5">Niet zeker welke hulp bij jouw situatie past?</div><div class="body-s text-color-muted">Plan vrijblijvend een gesprek met onze deskundigen en we ontdekken samen welke mogelijkheden bij jouw situatie passen.</div></div><a href="/contact" class="btn is--highlight w-inline-block"><div>Neem contact op</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 20 20" fill="none" class="mega-nav_card-cta-icon"><path d="M8.3335 13.3335L11.6668 10.0002L8.3335 6.66683" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div></div><div data-panel-state="inactive" data-nav-content="samenwerken" role="region" aria-label="Samenwerken menu" class="mega-nav_dropdown-panel"><div class="mega-nav_dropdown-inner"><div data-menu-fade="" class="mega-nav_panel-col"><div class="label-xs is--capitalised">Organisaties</div><ul class="mega-nav_panel-list"><li data-menu-fade=""><a href="/samenwerken" class="mega-nav_panel-link w-inline-block"><div class="body-s font-weight-medium">Samenwerken met The Safe Space Club</div><div class="body-s text-color-muted">Samen bereiken we meer vrouwen die hulp nodig hebben.</div></a></li><li data-menu-fade=""><a href="/samenwerken/overheidsinstanties" class="mega-nav_panel-link w-inline-block"><div class="body-s font-weight-medium">Overheidsinstanties</div><div class="body-s text-color-muted">Hoe wij samenwerken met gemeenten en andere overheidsinstanties.</div></a></li><li data-menu-fade=""><a href="/samenwerken/zorgaanbieders" class="mega-nav_panel-link w-inline-block"><div class="body-s font-weight-medium">Zorgaanbieders</div><div class="body-s text-color-muted">Samen zorgen voor betere opvang en doorverwijzing van slachtoffers.</div></a></li><li data-menu-fade=""><a href="/samenwerken/fondsen-donateurs" class="mega-nav_panel-link w-inline-block"><div class="body-s font-weight-medium">Fondsen & donateurs</div><div class="body-s text-color-muted">Steun ons werk en maak gratis hulp mogelijk voor meer vrouwen.</div></a></li><li data-menu-fade=""><a href="/samenwerken/overige-organisaties" class="mega-nav_panel-link w-inline-block"><div class="body-s font-weight-medium">Overige organisaties</div><div class="body-s text-color-muted">Benieuwd naar samenwerken? We gaan graag het gesprek aan.</div></a></li></ul></div><div data-menu-fade="" class="mega-nav_panel-col is--colored has--card"><div class="mega-nav_card"><div class="mega-nav_card-visual"><img sizes="(max-width: 960px) 100vw, 960px" srcset="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69ef67a2cdbc3ea411ca9bb6_TSSC-54-p-500.avif 500w, https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69ef67a2cdbc3ea411ca9bb6_TSSC-54.avif 960w" alt="" src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69ef67a2cdbc3ea411ca9bb6_TSSC-54.avif" loading="lazy" class="mega-nav_card-img"/></div><div class="mega-nav_card-content"><div><div class="heading-style-5">Word donateur</div><div class="body-s text-color-muted">Elke donatie zorgt ervoor dat wij gratis begeleiding kunnen blijven bieden aan survivors van seksueel geweld.</div></div><a href="/doneren" class="btn is--highlight w-inline-block"><div>Word donateur</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 20 20" fill="none" class="mega-nav_card-cta-icon"><path d="M8.3335 13.3335L11.6668 10.0002L8.3335 6.66683" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div></div><div data-panel-state="inactive" data-nav-content="content" role="region" aria-label="Content Hub menu" class="mega-nav_dropdown-panel"><div class="mega-nav_dropdown-inner"><div data-menu-fade="" class="mega-nav_panel-col"><div class="label-xs is--capitalised">
100Overzicht</div><ul class="mega-nav_panel-list"><li data-menu-fade=""><a href="/content-hub" class="mega-nav_panel-link w-inline-block"><div class="body-s font-weight-medium">Content Hub</div><div class="body-s text-color-muted">Alles op één plek: onze blogs, podcasts en mediamomenten.</div></a><a href="https://the-safe-space-club.webflow.io/content-hub?filter=blogs" class="mega-nav_panel-link w-inline-block"><div class="body-s font-weight-medium">Blogs</div><div class="body-s text-color-muted">Informatieve en persoonlijke blogs over seksueel geweld, herstel en veerkracht.</div></a><a href="https://the-safe-space-club.webflow.io/content-hub?filter=in-de-media" class="mega-nav_panel-link w-inline-block"><div class="body-s font-weight-medium">In de media</div><div class="body-s text-color-muted">Bekijk waar en hoe The Safe Space Club in het nieuws is geweest.</div></a></li></ul></div><div data-menu-fade="" class="mega-nav_panel-col"><div class="label-xs is--capitalised">Nieuwste</div><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><div class="mega-nav_panel-link"><div class="body-s font-weight-medium">Door toename meldingen seksueel grensoverschrijdend gedrag komen hulporganisaties in de knel: 'Kunnen stroom niet aan'</div><div class="body-s text-color-muted">May 6, 2026</div><a href="https://eenvandaag.avrotros.nl/artikelen/door-toename-meldingen-seksueel-grensoverschrijdend-gedrag-komen-hulporganisaties-in-de-knel-kunnen-stroom-niet-aan-152750" target="_blank" class="content-hub_link-is-media w-inline-block"></a></div></div><div role="listitem" class="w-dyn-item"><div class="mega-nav_panel-link"><div class="body-s font-weight-medium">Aantal meldingen van seksueel grensoverschrijdend gedrag is flink gestegen</div><div class="body-s text-color-muted">May 6, 2026</div><a href="https://www.nporadio1.nl/fragmenten/eenvandaag/9d50c0c2-19ff-4ce1-a11a-14bef347bf2f/2024-10-23-aantal-meldingen-van-seksueel-grensoverschrijdend-gedrag-is-flink-gestegen" target="_blank" class="content-hub_link-is-media w-inline-block"></a></div></div><div role="listitem" class="w-dyn-item"><div class="mega-nav_panel-link"><div class="body-s font-weight-medium">Ongewenst seksueel gedrag op de werkvloer: dit kun je ertegen doen volgens experts</div><div class="body-s text-color-muted">May 6, 2026</div><a href="https://www.vogue.nl/cultuur/voices/ongewenst-seksueel-gedrag-intimidatie-werkvloer-tips/" target="_blank" class="content-hub_link-is-media w-inline-block"></a></div></div></div></div></div><div data-menu-fade="" class="mega-nav_panel-col is--colored has--card"><div class="mega-nav_featured-post-collection w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="mega-nav_card w-dyn-item"><a href="https://eenvandaag.avrotros.nl/artikelen/door-toename-meldingen-seksueel-grensoverschrijdend-gedrag-komen-hulporganisaties-in-de-knel-kunnen-stroom-niet-aan-152750" target="_blank" class="content-hub_link-is-media w-inline-block"></a><div class="content-card_label-wrapper"><div class="label-xs">Featured</div></div><div class="mega-nav_card-visual"><img loading="lazy" src="https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/69fb08ad2628bc8f58722ecd_csm_image-default-2021_27b7ce5213.png.avif" alt="" class="mega-nav_card-img"/></div><div class="mega-nav_card-content"><div class="label-s">Door toename meldingen seksueel grensoverschrijdend gedrag komen hulporganisaties in de knel: 'Kunnen stroom niet aan'</div><div class="button-wrapper align-right"><div class="btn is--highlight"><div>Meer</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 20 20" fill="none" class="mega-nav_card-cta-icon"><path d="M8.3335 13.3335L11.6668 10.0002L8.3335 6.66683" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div></div></div></div></div></div></div><div data-panel-state="" data-nav-content="about" role="region" aria-label="products menu" class="mega-nav_dropdown-panel"><div class="mega-nav_dropdown-inner"><div data-menu-fade="" class="mega-nav_panel-col"><div class="label-xs is--capitalised">Over ons</div><ul class="mega-nav_panel-list"><li data-menu-fade=""><a href="/over-ons" class="mega-nav_panel-link w-inline-block"><div class="body-s font-weight-medium">Ons verhaal</div><div class="body-s text-color-muted">Hoe The Safe Space Club ontstond, wat onze missie en visie is én waar we voor staan.</div></a></li><li data-menu-fade=""><a href="https://the-safe-space-club.webflow.io/over-ons/team?filter=team-member" class="mega-nav_panel-link w-inline-block"><div class="body-s font-weight-medium">Ons team</div><div class="body-s text-color-muted">Maak kennis met de gezichten achter The Safe Space Club.</div></a><a href="https://the-safe-space-club.webflow.io/over-ons/team?filter=ambassador" class="mega-nav_panel-link hide w-inline-block"><div class="body-s font-weight-medium">Onze ambassadeurs</div><div class="body-s text-color-muted">De mensen die ons werk een warm hart toedragen en uitdragen.</div></a></li></ul></div><div data-menu-fade="" class="mega-nav_panel-col"><div class="label-xs is--capitalised">Locaties</div><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/over-ons/locaties" class="mega-nav_panel-link w-inline-block"><div class="body-s font-weight-medium">Amsterdam</div></a></div><div role="listitem" class="w-dyn-item"><a href="/over-ons/locaties" class="mega-nav_panel-link w-inline-block"><div class="body-s font-weight-medium">Amsterdam</div></a></div></div></div></div><div data-menu-fade="" class="mega-nav_panel-col is--colored has--card"><div class="mega-nav_card"><div class="mega-nav_card-visual"><img loading="lazy" src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69b6c2fe54938d4c7c874071_DSC_2020%20(1)_edited.avif" alt="" class="mega-nav_card-img"/></div><div class="mega-nav_card-content"><div class="mega-nav_card-text"><div class="label-m">Word donateur</div><div class="body-s">Elke donatie zorgt ervoor dat wij gratis begeleiding kunnen blijven bieden aan vrouwen die seksueel geweld hebben meegemaakt.</div></div><a href="/doneren" class="btn is--highlight w-inline-block"><div>Doneren</div>
100<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 20 20" fill="none" class="mega-nav_card-cta-icon"><path d="M8.3335 13.3335L11.6668 10.0002L8.3335 6.66683" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div></div></div></div><div data-menu-backdrop="" class="mega-nav_backdrop"></div><div class="w-embed"><style> 101 102/* ================================ 103 WEBFLOW EDITOR / DESIGN MODE 104 ================================ */ 105 106/* Verberg alle panels standaard */ 107.wf-design-mode [data-nav-content] { 108 display: none !important; 109} 110 111/* Toon alleen het actieve panel */ 112.wf-design-mode [data-nav-content][data-panel-state="active"] { 113 display: block !important; 114 opacity: 1 !important; 115 visibility: visible !important; 116 pointer-events: auto !important; 117 position: relative !important; 118 height: auto !important; 119 max-height: none !important; 120 overflow: visible !important; 121 transform: none !important; 122 z-index: 10 !important; 123} 124 125/* Dropdown containers */ 126.wf-design-mode .mega-nav_dropdown-panel { 127 height: auto !important; 128 overflow: visible !important; 129} 130 131.wf-design-mode [data-dropdown-wrapper], 132.wf-design-mode [data-dropdown-container] { 133 position: relative !important; 134 height: auto !important; 135 overflow: visible !important; 136} 137 138/* Verberg visuele decoratie */ 139.wf-design-mode [data-dropdown-bg], 140.wf-design-mode [data-menu-backdrop] { 141 display: none !important; 142} 143 144/* Accordion â Designer mode */ 145html.wf-design-mode .accordion-css__item-bottom { 146 grid-template-rows: 1fr !important; 147 visibility: visible !important; 148 opacity: 1 !important; 149} 150 </style></div></nav></header><main><section aria-label="Introductie" class="section_hero old-pink"><div class="padding-global hero bottom-small"><div class="container"><div class="layout dir-down align-center"><div class="content-box _800px"><div data-w-id="06d7b910-52ff-0c56-325a-f1595183b067" style="opacity:0" class="subtitle-l text-align-center">1-op-1 begeleiding</div><div class="spacer _8"></div><h1 data-w-id="2bf5fa34-7983-0440-afb0-a1fcd07d0863" style="opacity:0" class="heading-style-2 text-align-center"><strong>Persoonlijke ondersteuning na <br/>seksueel geweld</strong></h1><div class="spacer _8"></div><p data-w-id="352dcffc-f49c-36de-62c9-b1aea8c1115f" style="opacity:0" class="body-l text-align-center">Wij begrijpen de impact van seksueel geweld, vanuit zowel professionele expertise als ervaringsdeskundigheid. In onze 1-op-1 begeleiding werken we samen aan jouw herstel, op jouw tempo en op jouw voorwaarden.</p><div class="spacer _20"></div><div data-w-id="b8121723-6b12-fb34-b5dd-13328642b926" style="opacity:0" class="button-wrapper align-center"><a href="#Approach" class="btn is--secondary w-inline-block"><div>Bekijk onze aanpak</div></a><a href="#IntakeForm" class="btn w-inline-block"><div>Plan kennismaking</div></a></div></div></div></div><div class="spacer _20"></div><div id="w-node-_2579935c-02c9-4ca3-0994-9f70378d697c-9043f25f" class="w-layout-layout hero_photos-bottom wf-layout-layout"><div id="w-node-_2579935c-02c9-4ca3-0994-9f70378d697d-9043f25f" class="w-layout-cell"><div data-w-id="f56464c7-42ba-9319-9df6-3e86a2f59946" style="opacity:0" class="img_bg-image hero"><img src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69ef67a3f81ec26071324a8a_TSSC-82.avif" loading="lazy" style="opacity:0" data-w-id="f56464c7-42ba-9319-9df6-3e86a2f59947" alt=""/></div></div><div id="w-node-_2579935c-02c9-4ca3-0994-9f70378d697e-9043f25f" class="w-layout-cell hide-mob-p"></div><div id="w-node-bee55619-3433-95f5-e165-9bab6c6b46a9-9043f25f" class="w-layout-cell hide-mob-p"><div data-w-id="b1f72974-10d9-59eb-6ac0-afc31b5cb3e1" style="opacity:0" class="img_bg-image hero"><img src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69ef67a24f717cd70484cdb0_TSSC-64.avif" loading="lazy" style="opacity:0" data-w-id="b1f72974-10d9-59eb-6ac0-afc31b5cb3e2" alt=""/></div></div><div class="w-layout-cell hide-mob-p"><div class="layout align-bottom"><div data-w-id="ecd9264d-7cdd-6dcb-6394-55dc47fcf6bd" style="opacity:0" class="img_bg-image hero small"><img src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69ef67a22085df46e81f634c_TSSC-55.avif" alt="" style="opacity:0" sizes="(max-width: 960px) 100v
150w, 960px" data-w-id="ecd9264d-7cdd-6dcb-6394-55dc47fcf6be" loading="lazy" srcset="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69ef67a22085df46e81f634c_TSSC-55-p-500.avif 500w, https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69ef67a22085df46e81f634c_TSSC-55.avif 960w"/></div></div></div><div class="w-layout-cell hide-mob-p"><div class="layout align-bottom"><div data-w-id="8d6e559a-2027-5337-e42f-f71465738e47" style="opacity:0" class="img_bg-image hero small"><img src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69ef67a2a56f08ce494d4cb9_TSSC-56.avif" alt="" style="opacity:0" sizes="(max-width: 960px) 100vw, 960px" data-w-id="8d6e559a-2027-5337-e42f-f71465738e48" loading="lazy" srcset="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69ef67a2a56f08ce494d4cb9_TSSC-56-p-500.avif 500w, https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69ef67a2a56f08ce494d4cb9_TSSC-56.avif 960w"/></div></div></div></div><div class="spacer _32"></div></div><div class="hero_deco"><div class="circle w-embed"><svg width="currentWidth" height="auto" viewBox="0 0 1754 1351" fill="none" xmlns="http://www.w3.org/2000/svg"> 151<foreignObject x="-64" y="-64" width="1882" height="1479"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(32px);clip-path:url(#bgblur_0_288_7_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="64" d="M877 -4.95629e-06C1361.35 -2.12127e-05 1754 302.432 1754 675.5C1754 1048.57 1361.35 1351 877 1351C392.646 1351 -9.45284e-06 1048.57 -2.9527e-05 675.5C-4.96012e-05 302.432 392.646 1.13002e-05 877 -4.95629e-06Z" fill="#E0D0E3"/> 152<defs> 153<clipPath id="bgblur_0_288_7_clip_path" transform="translate(64 64)"><path d="M877 -4.95629e-06C1361.35 -2.12127e-05 1754 302.432 1754 675.5C1754 1048.57 1361.35 1351 877 1351C392.646 1351 -9.45284e-06 1048.57 -2.9527e-05 675.5C-4.96012e-05 302.432 392.646 1.13002e-05 877 -4.95629e-06Z"/> 154</clipPath></defs> 155</svg></div></div></section><section aria-label="Wat we doen" class="section_aanbod is--old-pink"><div class="padding-global padding-m"><div class="container m"><div class="w-layout-grid _2-1-grid"><div id="w-node-_348a9847-8733-dfdb-7064-7882763cd651-9043f25f" class="content-box _600px"><div data-w-id="ecb17e12-194d-e69a-aeb1-1328976d4165" style="opacity:0" class="subtitle-m">1-op-1 begeleiding</div><div class="spacer _8"></div><h2 data-w-id="ecb17e12-194d-e69a-aeb1-1328976d4167" style="opacity:0" class="heading-style-2">Wat The Safe Space Club voor jou kan doen</h2><p data-w-id="ecb17e12-194d-e69a-aeb1-1328976d416b" style="opacity:0" class="body-l">De stap naar hulp zetten is niet gemakkelijk. Wij begrijpen dat vanuit zowel professionele expertise als eigen ervaringsdeskundigheid. Daarom bieden wij 1-op-1 begeleiding die volledig aansluit bij wat jÃj nodig hebt, zonder druk en zonder oordeel.<br/>â<br/>Onze begeleiding is breed en flexibel. Wij lopen met je mee, zo ver als jij wilt. Jij bepaalt het tempo. Jij deelt wat jij fijn vindt, wanneer jij er klaar voor bent.<br/><br/>The Safe Space Club werkt trauma-geïnformeerd, wat betekent dat we altijd rekening houden met de impact van wat je hebt meegemaakt. We zijn geen vervanging van formele zorg, maar we zijn wél de brug er naartoe, en soms gewoon de plek waar je even op adem kunt komen.</p></div><div data-w-id="703cead2-66ca-c81a-8622-1807f530321a" style="opacity:0" class="img_bg-image"><img src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69ef67a35dfcab9962fa2efc_TSSC-76.avif" loading="lazy" style="opacity:0" data-w-id="703cead2-66ca-c81a-8622-1807f530321b" alt=""/></div></div><div class="highlighted-block bg-color-muted"><div class="line bg-color-primary center w-embed"><svg width="currentWidth" height="currentHeight" viewBox="0 0 1066 226" fill="none" xmlns="http://www.w3.org/2000/svg"> 156<path d="M15.5013 210.085C146.001 196.419 538.906 172.97 521.001 30.5852C510.501 -52.9148 804.001 241.585 1050 151.585" stroke="currentColor" stroke-width="45" stroke-linecap="round"/> 157</svg></div></div></div></div></section><section aria-label="Voor wie het is" class="section_who"><div class="padding-global padding-m"><div class="container m"><div id="w-node-_7663b514-3231-b214-985b-b3057c0dccff-9043f25f" class="w-layout-layout who_qs wf-layout-layout"><div id="w-node-_7663b514-3231-b214-985b-b3057c0dcd00-9043f25f" class="w-layout-cell"><div data-w-id="7663b514-3231-b214-985b-b3057c0dcd01" style="opacity:0" class="subtitle-m">
157Voor wie is 1-op-1 begeleiding bij The Safe Space Club?</div><div class="spacer _8"></div><h2 data-w-id="7663b514-3231-b214-985b-b3057c0dcd03" style="opacity:0" class="heading-style-2">Herken jij jezelf hierin?</h2></div><div id="w-node-_7663b514-3231-b214-985b-b3057c0dcd05-9043f25f" class="w-layout-cell"><div class="content-box _500px"><p data-w-id="7663b514-3231-b214-985b-b3057c0dcd07" style="opacity:0" class="body-l">Onze 1-op-1 begeleiding is er voor iedereen die seksueel geweld heeft meegemaakt, of dat nu recent was of lang geleden. Je kunt instappen wanneer jij er klaar voor bent. Er is geen wachtlijst, geen indicatie en geen verkeerd moment. Je begeleider is iemand die weet hoe het voelt én met je meedenkt hoe je verder kunt. <br/>â<br/>Of je nu net een traumatische ervaring hebt meegemaakt, midden in een aangiftetraject zit, wacht op een GGZ-behandeling of al een tijdje rondloopt met iets wat je nooit goed een plek hebt kunnen geven, wij sluiten aan bij jouw situatie.<br/></p></div></div><div id="w-node-_7663b514-3231-b214-985b-b3057c0dcd0b-9043f25f" class="w-layout-cell"><div class="content-box _500px"><p data-w-id="7663b514-3231-b214-985b-b3057c0dcd0d" style="opacity:0" class="body-l">Je hoeft niet in crisis te zijn om hulp te vragen. Je hoeft het ook niet alleen te verwerken terwijl je op een wachtlijst staat. De Safe Space Club is er voor het hele traject: van het eerste gesprek tot en met de stappen die daarna komen. Wij staan voor je klaar.</p></div></div></div><div class="spacer _20"></div><div class="highlighted-block bg-color-muted"><div class="line bg-color-primary w-embed"><svg width="currentWidth" height="currentHeight" viewBox="0 0 1066 226" fill="none" xmlns="http://www.w3.org/2000/svg"> 158<path d="M15.5013 210.085C146.001 196.419 538.906 172.97 521.001 30.5852C510.501 -52.9148 804.001 241.585 1050 151.585" stroke="currentColor" stroke-width="45" stroke-linecap="round"/> 159</svg></div><div class="w-layout-grid grid-3"><div data-w-id="4b939f53-6ab2-357d-d339-d1bb907e85a2" style="opacity:0" class="card is--old-pink remove-padding"><div class="card_inner padding-l"><h3 class="label-l text-color-body"><strong>Begeleiding door ervaringsdeskundigen</strong></h3><div class="spacer _8"></div><div class="body-m">Onze begeleiders combineren persoonlijke ervaring met professionele kennis. Zo ontstaat een ruimte van echte herkenning, waar je zonder uitleg jezelf kunt zijn.<br/></div></div><div class="deco-circle _3"></div><div class="card_image bottom"><img src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69b6c2fe54938d4c7c874071_DSC_2020%20(1)_edited.avif" loading="lazy" alt=""/></div></div><div data-w-id="4b939f53-6ab2-357d-d339-d1bb907e85ad" style="opacity:0" class="card is--old-pink is--bg-color-subtle remove-padding"><div class="card_inner padding-l"><h3 class="label-l text-color-body"><strong>Jouw tempo, jouw keuze<br/>â</strong></h3><div class="spacer _8"></div><div class="body-m">Herstel verloopt niet in rechte lijnen. Wij lopen met je mee op een manier die voor jou werkt, zonder voorgeschreven stappen of verplichtingen.<br/></div></div><div class="card_image bottom"><img src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/6a19c16188253b878bb9051a_DSC06822.avif" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/6a19c16188253b878bb9051a_DSC06822-p-500.avif 500w, https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/6a19c16188253b878bb9051a_DSC06822-p-800.avif 800w, https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/6a19c16188253b878bb9051a_DSC06822-p-1080.avif 1080w, https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/6a19c16188253b878bb9051a_DSC06822.avif 2048w" alt=""/></div></div><div data-w-id="4b939f53-6ab2-357d-d339-d1bb907e85b7" style="opacity:0" class="card remove-padding border-dark"><div class="card_inner padding-l"><h3 class="label-l"><strong>Laagdrempelig & toegankelijk </strong></h3><div class="spacer _8"></div><div class="body-m">Wij weten hoe groot die stap kan voelen. Daarom is onze aanpak warm, persoonlijk en zonder drempels zodat jij  de ondersteuning vindt die je zoekt.<br/></div></div><div class="card_image bottom"><img src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69bea36c4cae26139e50b057_Therapie.avif" loading="lazy" alt=""/></div></div></div></div></div></div></section>
159<section id="Approach" aria-label="Hoe het werkt" class="section_how-it-works is--old-pink-dark"><div class="w-embed"><style> 160 /* Fade the links that are not active */ 161.tab-content_bottom:has( .tab-content_item.active) .tab-content_item:not(.active) { 162 opacity: 0.5; 163} 164 165@media (hover:hover) and (pointer:fine){ 166 .tab-content_item:not(.active):hover .tab-content_item-bottom { 167 background-color: rgba(0, 0, 0, 0.75); 168 } 169 170 .tab-content_item:not(.active):hover .content-item_nr { 171 transform: translate(25%, 0px); 172 } 173} 174/* Animate Accordion Bottom Grid */ 175.accordion-css_item-bottom { 176 transition: grid-template-rows 0.6s cubic-bezier(0.625, 0.05, 0, 1); 177} 178 179[data-accordion-status="active"] .accordion-css_item-bottom { 180 grid-template-rows: 1fr; 181} 182 183/* Animate Icon */ 184.accordion-css_item-icon { 185 transition: transform 0.6s cubic-bezier(0.625, 0.05, 0, 1); 186} 187 188[data-accordion-status="active"] .accordion-css_item-icon { 189 transform: rotate(0.001deg); 190} 191 192</style></div><div data-tabs-autoplay-duration="5000" data-tabs="wrapper" data-tabs-autoplay="true" class="tab-layout__wrap"><div class="tab-layout__col"><div class="tab-content_wrap"><div class="tab-content_inner"><div class="tab-content_top"><div class="subtitle-m">Hoe werkt het?</div><h2 class="heading-style-2">Van eerste stap tot duurzaam herstel</h2></div><div role="tablist" class="tab-content_bottom"><a role="tab" data-tabs="content-item" href="#" class="tab-content_item w-inline-block"><div class="tab-content_item-main"><div class="content-item_nr"><div>01</div></div><div class="subtitle-m">Eerste contact</div></div><div data-tabs="item-details" class="tab-content_item-detail"><div class="tab-description_spacer"></div><p class="tab-description">Neem op jouw manier contact op. Via het formulier, telefonisch of onze social media kanalen</p><div class="tab-description_spacer"></div></div><div class="tab-content_item-bottom"><div data-tabs="item-progress" class="tab-progress"></div></div></a><a role="tab" data-tabs="content-item" href="#" class="tab-content_item w-inline-block"><div class="tab-content_item-main"><div class="content-item_nr"><div>02</div></div><div class="subtitle-m">Kennismaking</div></div><div data-tabs="item-details" class="tab-content_item-detail"><div class="tab-description_spacer"></div><p class="tab-description">We leren elkaar kennen in een veilige, vertrouwelijke sfeer. Jij bepaalt het tempo.</p><div class="tab-description_spacer"></div></div><div class="tab-content_item-bottom"><div data-tabs="item-progress" class="tab-progress"></div></div></a><a role="tab" data-tabs="content-item" href="#" class="tab-content_item w-inline-block"><div class="tab-content_item-main"><div class="content-item_nr"><div>03</div></div><div class="subtitle-m">Samen in gesprek</div></div><div data-tabs="item-details" class="tab-content_item-detail"><div class="tab-description_spacer"></div><p class="tab-description">Op basis van jouw behoeften kijken we samen welke stappen mogelijk zijn.</p><div class="tab-description_spacer"></div></div><div class="tab-content_item-bottom"><div data-tabs="item-progress" class="tab-progress"></div></div></a><a role="tab" data-tabs="content-item" href="#" class="tab-content_item w-inline-block"><div class="tab-content_item-main"><div class="content-item_nr"><div>04</div></div><div class="subtitle-m">Begeleiding op maat</div></div><div data-tabs="item-details" class="tab-content_item-detail"><div class="tab-description_spacer"></div><p class="tab-description">We ondersteunen je zo lang als nodig: emotioneel, praktisch of bij instanties.</p><div class="tab-description_spacer"></div></div><div class="tab-content_item-bottom"><div data-tabs="item-progress" class="tab-progress"></div></div></a></div></div></div></div><div class="tab-layout__col"><div aria-live="polite" role="region" class="tab-visual__wrap"><div id="tab1" data-tabs="visual-item" role="tabpanel" class="tab-visual_item active"><div class="tab-visual_inner"><img sizes="(max-width: 960px) 100vw, 960px" srcset="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69ef67a32085df46e81f6370_TSSC-78-p-500.avif 500w, https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69ef67a32085df46e81f6370_TSSC-78.avif 960w" alt="" loading="lazy" src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69ef67a32085df46e81f6370_TSSC-78.avif" class="tab-image"/></div></div><div id="tab2" data-tabs="visual-item" role="tabpanel" class="tab-visual_item"><div class="tab-visual_inner"><img src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69bffba800063208cfb8ca8b_DSC_2213.avif" loading="lazy" alt="" class="tab-image"/></div></div><div id="tab3" data-tabs="visual-item" role="tabpanel" class="tab-visual_item"><div class="tab-visual_inner"><img src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69bffba835081701
192592152e4_DSC_2360.avif" loading="lazy" alt="" class="tab-image"/></div></div><div id="tab4" data-tabs="visual-item" role="tabpanel" class="tab-visual_item"><div class="tab-visual_inner"><img sizes="(max-width: 1365px) 100vw, 1365px" srcset="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/6a19c0d2a3238a7795ec460a_DSC06875-p-500.avif 500w, https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/6a19c0d2a3238a7795ec460a_DSC06875-p-800.avif 800w, https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/6a19c0d2a3238a7795ec460a_DSC06875.avif 1365w" alt="" loading="lazy" src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/6a19c0d2a3238a7795ec460a_DSC06875.avif" class="tab-image"/></div></div></div></div></div></section><section aria-label="Het team" class="section_team is--tssc"><div class="padding-global padding-m"><div class="container"><div class="columns-12"><div class="column desk-9 tab-12"><div><div data-w-id="3db184d3-247e-436c-722e-6fda2d25ed32" style="opacity:0" class="subtitle-m">Ons team</div><div class="spacer _8"></div><div class="pill-wrapper"><div data-w-id="3db184d3-247e-436c-722e-6fda2d25ed36" style="opacity:0" class="pill bg-color-default"><div>Ervaringsdeskundigen</div></div><div data-w-id="3db184d3-247e-436c-722e-6fda2d25ed39" style="opacity:0" class="pill bg-color-default"><div>Professionele therapeuten</div></div></div><div class="spacer _8"></div><div class="spacer _8"></div><h2 data-w-id="3db184d3-247e-436c-722e-6fda2d25ed3e" style="opacity:0" class="heading-style-2">Mensen die begrijpen wat jij doormaakt</h2><p data-w-id="3db184d3-247e-436c-722e-6fda2d25ed40" style="opacity:0" class="body-l">Ons team bestaat uit ervaringsdeskundigen en gecertificeerde professionals op het gebied van seksueel geweld en traumaherstel. Die combinatie van geleefde ervaring en professionele expertise maakt onze ondersteuning uniek en effectief</p><div class="spacer _24"></div></div><div class="button-wrapper hide-mob-l"><a data-w-id="3db184d3-247e-436c-722e-6fda2d25ed44" style="opacity:0" href="/over-ons/team" class="btn w-inline-block"><div>Bekijk het hele team</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 20 20" fill="none" class="mega-nav_bar-link-icon"><path d="M8.3335 13.3335L11.6668 10.0002L8.3335 6.66683" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="spacer _24 hide-mob-l"></div></div><div class="column desk-9 tab-12"><div class="team_collection w-dyn-list"><div role="list" class="team_collection-list w-dyn-items"><div id="w-node-_93cfb97f-b263-f282-2e94-d4342c1772be-2c1772bc" role="listitem" class="team_item w-dyn-item"><div class="team_item-inner"><figure class="team_img-wrapper"><img al="" alt="Sara Alaoui" src="https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/69ef6e874567f0a0f439196d_TSSC-23.jpg" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/69ef6e874567f0a0f439196d_TSSC-23-p-500.jpg 500w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/69ef6e874567f0a0f439196d_TSSC-23.jpg 640w"/><div class="team_item-content"><h3 class="label-m is--light">Sara Alaoui</h3><div class="body-m is--light">Founder & Directeur</div></div></figure></div></div><div id="w-node-_93cfb97f-b263-f282-2e94-d4342c1772be-2c1772bc" role="listitem" class="team_item w-dyn-item"><div class="team_item-inner"><figure class="team_img-wrapper"><img al="" alt="Nena Triana Sanchez" src="https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/69ef6e52e41e9dbc9430700a_TSSC-10.jpg" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/69ef6e52e41e9dbc9430700a_TSSC-10-p-500.jpg 500w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/69ef6e52e41e9dbc9430700a_TSSC-10.jpg 640w"/><div class="team_item-content"><h3 class="label-m is--light">Nena Triana Sanchez</h3><div class="body-m is--light">Gedragsspecialist</div></div></figure></div></div><div id="w-node-_93cfb97f-b263-f282-2e94-d4342c1772be-2c1772bc" role="listitem" class="team_item w-dyn-item"><div class="team_item-inner"><figure class="team_img-wrapper"><img al="" alt="Melanie Boomsma" src="https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02f02edaa8158c4d9202dc_DSC05897-Edit.jpg" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02f02edaa8158c4d9202dc_DSC05897-Edit-p-500.jpg 500w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02f02edaa8158c4d9202dc_DSC05897-Edit-p-800.jpg 800w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02f02edaa8158c4d9202dc_DSC05897-Edit-p-1080.jpg 1080w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02f02edaa8158c4d9202dc_DSC05897-Edit.jpg 1463w"/><div class="team_item-content"><h3 class="label-m is--light">Melanie Boomsma</h3><div class="body-m is--light">Hoofdtherapeut</div></div></figure></div></div><div id="w-node-_93cfb97f-b263-f282-2e94-d4342c1772be-2c1772bc" role="listitem" class="team_item w-dyn-item"><div class="team_item-inner"><figure class="team_img-wrapper"><img al="" alt="Hanna Bredius" src="https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02f0bb6c11a19e2ca8959f_DSC06109-Edit.jpg" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02f0bb6c11a19e2ca8959f_DSC06109-Edit-p-500.jpg 500w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02f0bb6c11a19e2ca8959f_DSC06109-Edit-p-800.jpg 800w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02f0bb6c11a19e2ca8959f_DSC06109-Edit-p-1080.jpg 1080w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02f0bb6c11a19e2ca8959f_DSC06109-Edit.jpg 1365w"/><div class="team_item-content"><h3 class="label-m is--light">Hanna Bredius</h3><div class="body-m is--light">Begeleider</div></div></figure></div></div></div></div><div class="spacer _24"></div><div class="button-wrapper align-right hide-desk mob-l-display"><a href="#" class="btn w-inline-block"><div>Bekijk het hele team</div>
192<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 20 20" fill="none" class="mega-nav_bar-link-icon"><path d="M8.3335 13.3335L11.6668 10.0002L8.3335 6.66683" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div></div></section><section aria-label="Ervaringen" class="section_reviews tssc"><div class="padding-global large-bottom"><div class="container"><div data-w-id="d138b4d7-2735-6c71-7407-2b6440b645fa" class="subtitle-m">Ervaringen met The Safe Space Club</div><div class="spacer _16"></div><div data-overlap-slider-init="" class="overlapping-slider_wrap"><div data-overlap-slider-collection="" class="overlapping-slider_collection w-dyn-list"><div data-overlap-slider-list="" role="list" class="overlapping-slider_list w-dyn-items"><div data-overlap-slider-item="" role="listitem" class="overlapping-slider_item w-dyn-item"><div class="demo-card"><div class="body-m">âIk kan nu eerlijk zeggen dat ik gewoon diep slaap, dat is voor mij al zoân grote verandering geweest. En dat weet je pas achteraf, dan kun je zeggen "oh al die tijd liep ik zo rond".â</div><div class="demo-card__bottom"><div class="label-xs">Anoniem</div></div></div></div><div data-overlap-slider-item="" role="listitem" class="overlapping-slider_item w-dyn-item"><div class="demo-card"><div class="body-m">"Ik had heel veel woede in me, boos op wat er gebeurd was, de mensen om me heen. En dat heb ik allemaal letterlijk losgelaten, en dat heeft echt verlichting gebracht."</div><div class="demo-card__bottom"><div class="label-xs">Anoniem</div></div></div></div><div data-overlap-slider-item="" role="listitem" class="overlapping-slider_item w-dyn-item"><div class="demo-card"><div class="body-m">"Het is echt een heel proces van begin tot eind geweest. Als ik terugkijk zeg ik wow, wat een verschil heb ik meegemaakt. Ook al ben ik in kiloâs aangekomen, ik voelde me wel kiloâs lichter."</div><div class="demo-card__bottom"><div class="label-xs">Anoniem</div></div></div></div><div data-overlap-slider-item="" role="listitem" class="overlapping-slider_item w-dyn-item"><div class="demo-card"><div class="body-m">"Los van het harmonieuze gevoel en gevoel van herkenning dat je kan vinden in zoân groep, zie je ook door het proces van anderen, "oh dit is dus mogelijk". Het geeft perspectief."</div><div class="demo-card__bottom"><div class="label-xs">Anoniem</div></div></div></div><div data-overlap-slider-item="" role="listitem" class="overlapping-slider_item w-dyn-item"><div class="demo-card"><div class="body-m">"Hoe spannend het ook elke keer was, ik kon er op vertrouwen dat ik altijd op de andere vrouwen in de groep kon terugvallen. Het voelde echt als een zusterschap."</div><div class="demo-card__bottom"><div class="label-xs">Anoniem</div></div></div></div><div data-overlap-slider-item="" role="listitem" class="overlapping-slider_item w-dyn-item"><div class="demo-card"><div class="body-m">âWat mij het meest aanspreekt bij The Safe Space Club is de diversiteit in de groep. Er is veel oog voor hoe je culturele achtergrond invloed heeft op je verwerking.â</div><div class="demo-card__bottom"><div class="label-xs">Anoniem</div></div></div></div><div data-overlap-slider-item="" role="listitem" class="overlapping-slider_item w-dyn-item"><div class="demo-card"><div class="body-m">âAls je snel hulp nodig hebt, stuit je op een muur op van wachtlijsten. Dat ik zo snel terecht kon zal ik nooit vergeten!â</div><div class="demo-card__bottom"><div class="label-xs">Anoniem</div></div></div></div><div data-overlap-slider-item="" role="listitem" class="overlapping-slider_item w-dyn-item"><div class="demo-card"><div class="body-m">âHet contrast tussen serieus en ontlading is erg fijn. Je bespreekt best heftige en intense onderwerpen. Maar tussendoor konden we ook lachen.â</div><div class="demo-card__bottom"><div class="label-xs">Anoniem</div></div></div></div><div data-overlap-slider-item="" role="listitem" class="overlapping-slider_item w-dyn-item"><div class="demo-card"><div class="body-m">âJe doet alles in je eigen tempo. Als je wat wilt delen dan mag dat, als je liever niets wilt delen is dat ook oké. Dit voelde voor mij al heel snel vertrouwd aan.â</div><div class="demo-card__bottom"><div class="label-xs">Anoniem</div></div></div></div><div data-overlap-slider-item="" role="listitem" class="overlapping-slider_item w-dyn-item"><div class="demo-card"><div class="body-m">âAls ik het Care Project in 2 woorden moet omschrijven, dan kies ik voor 'veilig' en 'warm.' Vanaf de eerste workshop heb ik een heel veilig gevoel gehad.â</div><div class="demo-card__bottom"><div class="label-xs">Anoniem</div></div></div></div><div data-overlap-slider-item="" role="listitem" class="overlapping-slider_item w-dyn-item"><div class="demo-card"><div class="body-m">"Deze organisatie heeft mijn leven gered. Ze waren er op momenten dat ik dit het allerhardst nodig had. Ik word er emotioneel van om erover na te denken.â</div><div class="demo-card__bottom"><div class="label-xs">Anoniem</div></div></div></div><div data-overlap-slider-item="" role="listitem" class="overlapping-slider_item w-dyn-item"><div class="demo-card"><div class="body-m">âDit was mijn eerste stap naar hulp. Ik heb me geen enkel moment alleen gevoeld. Je doet dit echt samen. The Safe Space Club zit in mijn hart.â</div><div class="demo-card__bottom"><div class="label-xs">Anoniem</div></div></div></div><div data-overlap-slider-item="" role="listitem" class="overlapping-slider_item w-dyn-item"><div class="demo-card"><div class="body-m">âIk ben een kind uit de oorlogstijd en heb in mijn leven altijd heel veel moeten doen en veel niet mogen doen. Dit is de eerste keer dat ik heb geschilderd en getekend in mijn leven. Dat ik dit op mijn 91-jarige leeftijd nog mag doen is heel fijn.â</div><div class="demo-card__bottom"><div class="label-xs">Anoniem</div></div></div></div><div data-overlap-slider-item="" role="listitem" class="overlapping-slider_item w-dyn-item"><div class="demo-card"><div class="body-m">âIk heb nog nooit in mijn leven dit gevoel van erkenning ervaren.â</div><div class="demo-card__bottom"><div class="label-xs">Anoniem</div></div></div></div><div data-overlap-slider-item="" role="listitem" class="overlapping-slider_item w-dyn-item"><div class="demo-card"><div class="body-m">âIk heb The Safe Space Club als een warme deken ervaren waar alles welkom was. Het heeft zoiets fijns om te kunnen zijn op een plek waar er ruimte is voor wat op dat moment is. Over de pijn van de trauma'
192s mag het gaan, maar dat hoeft niet per se. En aan een half woord heb je genoeg, omdat je die pijn allemaal kent en begrijpt.â</div><div class="demo-card__bottom"><div class="label-xs">Anoniem</div></div></div></div><div data-overlap-slider-item="" role="listitem" class="overlapping-slider_item w-dyn-item"><div class="demo-card"><div class="body-m">âThe Safe Space Club is de enige organisatie die ik heb kunnen vinden die seksualiteit na misbruik in het aanbod heeft, anders dan seksuologen.â </div><div class="demo-card__bottom"><div class="label-xs">Anoniem</div></div></div></div></div></div></div></div></div></section><section id="IntakeForm" aria-label="Contact opnemen" class="section_contact is--pink"><div class="padding-global padding-l"><div class="container"><div class="w-layout-hflex contact_column-wrapper"><div class="contact_column-left"><div data-w-id="f1c0873c-98d6-d10c-2c3a-4265b90cc29e" style="opacity:0" class="subtitle-m">Plan een kennismaking</div><div class="spacer _8"></div><h2 data-w-id="f1c0873c-98d6-d10c-2c3a-4265b90cc2a1" style="opacity:0" class="heading-style-2">Zet de eerste stap</h2><p data-w-id="f1c0873c-98d6-d10c-2c3a-4265b90cc2a3" style="opacity:0" class="body-l">Via dit formulier zet jij de eerste stap. Je mag delen wat je wil. Niets is verplicht. Als je om steun of advies vraagt, houd dan je inbox in de gaten: je ontvangt een link om een kennismaking in te plannen.<br/><br/>Liever bellen? <a href="tel:+31756128400">T 075 6128 400 </a><br/>Je kunt ons ook bereiken via onze social media accounts.</p><div class="spacer _8"></div><div class="divider _50 xs"></div><div class="spacer _16"></div><div data-w-id="f1c0873c-98d6-d10c-2c3a-4265b90cc2af" style="opacity:0" class="label-s">Wij staan voor je klaar</div><div class="spacer _8"></div><div class="cta_team-collection w-dyn-list"><div data-w-id="f1c0873c-98d6-d10c-2c3a-4265b90cc2b3" style="opacity:0" role="list" class="avatar-stack cta w-dyn-items"><div role="listitem" class="avatar large _20 w-dyn-item"><img src="https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a182c25c527a0f357f3863d_WhatsApp%20Image%202025-06-16%20at%2012.44.02%20Cropped.jpg" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a182c25c527a0f357f3863d_WhatsApp%20Image%202025-06-16%20at%2012.44.02%20Cropped-p-500.jpg 500w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a182c25c527a0f357f3863d_WhatsApp%20Image%202025-06-16%20at%2012.44.02%20Cropped-p-800.jpg 800w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a182c25c527a0f357f3863d_WhatsApp%20Image%202025-06-16%20at%2012.44.02%20Cropped-p-1080.jpg 1080w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a182c25c527a0f357f3863d_WhatsApp%20Image%202025-06-16%20at%2012.44.02%20Cropped-p-1600.jpg 1600w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a182c25c527a0f357f3863d_WhatsApp%20Image%202025-06-16%20at%2012.44.02%20Cropped-p-2000.jpg 2000w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a182c25c527a0f357f3863d_WhatsApp%20Image%202025-06-16%20at%2012.44.02%20Cropped.jpg 2062w"/></div><div role="listitem" class="avatar large _20 w-dyn-item"><img src="https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02fe39a5f1acc28131c205_DSC06516-Edit.jpg" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02fe39a5f1acc28131c205_DSC06516-Edit-p-500.jpg 500w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02fe39a5f1acc28131c205_DSC06516-Edit-p-800.jpg 800w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02fe39a5f1acc28131c205_DSC06516-Edit-p-1080.jpg 1080w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02fe39a5f1acc28131c205_DSC06516-Edit.jpg 1365w"/></div><div role="listitem" class="avatar large _20 w-dyn-item"><img src="https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02fe2a4d37ca0827110fb2_DSC06272-Edit.jpg" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02fe2a4d37ca0827110fb2_DSC06272-Edit-p-500.jpg 500w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02fe2a4d37ca0827110fb2_DSC06272-Edit-p-800.jpg 800w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02fe2a4d37ca0827110fb2_DSC06272-Edit-p-1080.jpg 1080w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02fe2a4d37ca0827110fb2_DSC06272-Edit.jpg 1365w"/></div><div role="listitem" class="avatar large _20 w-dyn-item"><img src="https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02fe
1920371c362630deb233a_DSC06152-Edit.jpg" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02fe0371c362630deb233a_DSC06152-Edit-p-500.jpg 500w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02fe0371c362630deb233a_DSC06152-Edit-p-800.jpg 800w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02fe0371c362630deb233a_DSC06152-Edit-p-1080.jpg 1080w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02fe0371c362630deb233a_DSC06152-Edit.jpg 1365w"/></div><div role="listitem" class="avatar large _20 w-dyn-item"><img src="https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02fcd4fe517a4891d483b8_DSC06410-Edit.jpg" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02fcd4fe517a4891d483b8_DSC06410-Edit-p-500.jpg 500w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02fcd4fe517a4891d483b8_DSC06410-Edit-p-800.jpg 800w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02fcd4fe517a4891d483b8_DSC06410-Edit-p-1080.jpg 1080w, https://cdn.prod.website-files.com/69bc492fb461b44b1fb33983/6a02fcd4fe517a4891d483b8_DSC06410-Edit.jpg 1365w"/></div></div></div></div><div class="contact_column-right"><div class="contact_form-wrapper"><div data-w-id="7bf49e8f-b3a5-0aa5-ce59-1897e0baf875" class="form_block is--base w-form"><form method="get" name="wf-form-Webform-_-Kennismaking-Survivors" data-name="Webform _ Kennismaking Survivors" pattern=".+@.+\.[a-zA-Z]{2,}" title="Vul een volledig e-mailadres in met extensie (bijv. .nl of .com)" id="wf-form-Webform-_-Kennismaking-Survivors" class="form" data-wf-page-id="69c7ce1bf6a997e19043f25f" data-wf-element-id="7bf49e8f-b3a5-0aa5-ce59-1897e0baf876" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div class="field_block"><label for="Voornaam" class="label-s">Voornaam</label><input class="text-input w-input" maxlength="256" name="Voornaam" data-name="Voornaam" placeholder="Jane" type="text" id="Voornaam"/></div><label for="field" class="label-s">E-mail</label><div class="field_block"><input class="text-input w-input" maxlength="256" name="E-mail" data-name="E-mail" pattern=".+@.+\.[a-zA-Z]{2,}" placeholder="" title="Vul een volledig e-mailadres in met extensie (bijv. .nl of .com)" type="email" id="E-mail" required=""/></div><label for="field" class="label-s">Telefoonnummer</label><div class="field_block"><input class="text-input w-input" maxlength="256" name="Te-bereiken-via" data-name="Te bereiken via" placeholder="0612345678" type="tel" id="Te-bereiken-via"/></div><div class="field_block"><label for="email" class="label-s">Stel je vraag</label><div class="spacer _8"></div><textarea id="Bericht" name="Bericht" maxlength="5000" data-name="Bericht" placeholder="Vertel hoe wij je kunnen helpen" required="" class="text-input form w-input"></textarea></div><label class="w-checkbox form-checkbox privacy-policy"><div class="w-checkbox-input w-checkbox-input--inputType-custom check-box"></div><input type="checkbox" name="checkbox" id="checkbox" data-name="Checkbox" required="" style="opacity:0;position:absolute;z-index:-1"/><span for="checkbox" class="w-form-label">Ik ga akkoord met het verwerken van mijn gegevens, zodat The Safe Space Club contact met mij kan opnemen.</span></label><div class="spacer _16"></div><div class="button-wrapper align-right"><input type="submit" data-wait="Onderweg.." class="btn is--highlight w-button" value="Verzenden"/></div></form><div class="form-success w-form-done"><div>Bedankt, je bericht is ontvangen. We nemen z.s.m. contact met je op!</div></div><div class="form_error w-form-fail"><div>Oops! Something went wrong. Please fill in the required fields and try again.</div></div></div></div></div></div><div class="dec-block is--pink contact-section"><div class="w-layout-grid grid-2 tab-1"><div class="w-layout-grid grid-2"><article><a href="/steun-bij-seksueel-geweld/the-club-house" class="card is--purple w-inline-block"><div class="card_inner align-y-space-around"><h3 class="heading-style-5">Liever deelnemen aan een community?</h3><div class="spacer _8"></div><div class="body-m">The Clubhouse is een open plek waar je altijd binnen kunt lopen zonder afspraak en zonder dat je ergens aan vastzit. Samen met andere vrouwen is er ruimte voor ontmoeting, activiteiten en community.</div><div class="spacer _16"></div><div class="button-wrapper align-right margin-top-auto"><div class="btn is--link"><div>Verder lezen</div><div class="icon-m"><div class="icon-m w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ph" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256">
192<path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.2 104.2 0 0 0 128 24Zm47.4 107.1a8.7 8.7 0 0 1-1.8 2.6l-33.9 33.9a7.6 7.6 0 0 1-5.6 2.3a7.8 7.8 0 0 1-5.7-2.3a8 8 0 0 1 0-11.3l20.3-20.3H88a8 8 0 0 1 0-16h60.7l-20.3-20.3a8 8 0 0 1 11.3-11.3l33.9 33.9a8.7 8.7 0 0 1 1.8 2.6a8.3 8.3 0 0 1 0 6.2Z"></path></svg></div></div></div></div></div><div class="decoration top small w-embed"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 600 600"><path d="M231.67539978027344,84.03141021728516C167.40837860107422,82.85339609781902,128.1413599650065,245.68061955769858,140.57591247558594,307.06805419921875C153.01046498616537,368.45548884073895,242.01569366455078,451.1780039469401,306.28271484375,452.35601806640625C370.5497360229492,453.5340321858724,538.6125920613607,375.5235735575358,526.1780395507812,314.1361389160156C513.7434870402018,252.74870427449545,295.94242095947266,85.2094243367513,231.67539978027344,84.03141021728516C167.40837860107422,82.85339609781902,128.1413599650065,245.68061955769858,140.57591247558594,307.06805419921875" fill="currentColor"></path></svg></div></a></article><article><a href="/steun-bij-seksueel-geweld/groepstrajecten" class="card violet w-inline-block"><div class="card_inner align-y-space-around"><h3 class="heading-style-5">Liever therapie in groepsvorm?</h3><div class="spacer _8"></div><div class="body-m">In onze groepstrajecten start je samen met een vaste groep vrouwen aan herstel na seksueel geweld  in een veilige omgeving waar herkenning en steun centraal staan.</div><div class="spacer _16"></div><div class="button-wrapper align-right margin-top-auto"><div class="btn is--link"><div>Verder lezen</div><div class="icon-m"><div class="icon-m w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ph" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.2 104.2 0 0 0 128 24Zm47.4 107.1a8.7 8.7 0 0 1-1.8 2.6l-33.9 33.9a7.6 7.6 0 0 1-5.6 2.3a7.8 7.8 0 0 1-5.7-2.3a8 8 0 0 1 0-11.3l20.3-20.3H88a8 8 0 0 1 0-16h60.7l-20.3-20.3a8 8 0 0 1 11.3-11.3l33.9 33.9a8.7 8.7 0 0 1 1.8 2.6a8.3 8.3 0 0 1 0 6.2Z"></path></svg></div></div></div></div></div><div class="decoration top small w-embed"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 600 600"><path d="M231.67539978027344,84.03141021728516C167.40837860107422,82.85339609781902,128.1413599650065,245.68061955769858,140.57591247558594,307.06805419921875C153.01046498616537,368.45548884073895,242.01569366455078,451.1780039469401,306.28271484375,452.35601806640625C370.5497360229492,453.5340321858724,538.6125920613607,375.5235735575358,526.1780395507812,314.1361389160156C513.7434870402018,252.74870427449545,295.94242095947266,85.2094243367513,231.67539978027344,84.03141021728516C167.40837860107422,82.85339609781902,128.1413599650065,245.68061955769858,140.57591247558594,307.06805419921875" fill="currentColor"></path></svg></div></a></article></div><div class="layout align-bottom hide-mob-l"><div class="social-wrapper"><div class="label-xs">Of neem contact op via</div><div class="spacer _16"></div><ul role="list" class="social-list w-list-unstyled"><li><a aria-label="Volg ons op Instagram" href="#" class="icon-s is--primary w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none"><path d="M21.94 7.88C21.9206 7.0503 21.7652 6.2294 21.48 5.45C21.2283 4.78181 20.8322 4.17742 20.32 3.68C19.8226 3.16776 19.2182 2.77166 18.55 2.52C17.7706 2.23484 16.9497 2.07945 16.12 2.06C15.06 2 14.72 2 12 2C9.28 2 8.94 2 7.88 2.06C7.0503 2.07945 6.2294 2.23484 5.45 2.52C4.78181 2.77166 4.17742 3.16776 3.68 3.68C3.16743 4.17518 2.77418 4.78044 2.53 5.45C2.23616 6.22734 2.07721 7.04915 2.06 7.88C2 8.94 2 9.28 2 12C2 14.72 2 15.06 2.06 16.12C2.07721 16.9508 2.23616 17.7727 2.53 18.55C2.77418 19.2196 3.16743 19.8248 3.68 20.32C4.17742 20.8322 4.78181 21.2283 5.45 21.48C6.2294 21.7652 7.0503 21.9206 7.88 21.94C8.94 22 9.28 22 12 22C14.72 22 15.06 22 16.12 21.94C16.9497 21.9206 17.7706 21.7652 18.55 21.48C19.2134 21.219 19.816 20.8242 20.3201 20.3201C20.8242 19.816 21.219 19.2134 21.48 18.55C21.7652 17.7706 21.9206 16.9497 21.94 16.12C21.94 15.06 22 14.72 22 12C22 9.28 22 8.94 21.94 7.88ZM20.14 16C20.1327 16.6348 20.0178 17.2637 19.8 17.86C19.6327 18.2913
19219.3773 18.683 19.0501 19.0101C18.723 19.3373 18.3313 19.5927 17.9 19.76C17.3037 19.9778 16.6748 20.0927 16.04 20.1C15.04 20.15 14.67 20.16 12.04 20.16C9.41 20.16 9.04 20.16 8.04 20.1C7.38073 20.1148 6.72401 20.0132 6.1 19.8C5.66869 19.6327 5.27698 19.3773 4.94985 19.0501C4.62272 18.723 4.36734 18.3313 4.2 17.9C3.97775 17.2911 3.86271 16.6482 3.86 16C3.86 15 3.8 14.63 3.8 12C3.8 9.37 3.8 9 3.86 8C3.86271 7.35178 3.97775 6.70893 4.2 6.1C4.36734 5.66869 4.62272 5.27698 4.94985 4.94985C5.27698 4.62272 5.66869 4.36734 6.1 4.2C6.70893 3.97775 7.35178 3.86271 8 3.86C9 3.86 9.37 3.8 12 3.8C14.63 3.8 15 3.8 16 3.86C16.6348 3.86728 17.2637 3.98225 17.86 4.2C18.2913 4.36734 18.683 4.62272 19.0101 4.94985C19.3373 5.27698 19.5927 5.66869 19.76 6.1C19.9959 6.7065 20.1245 7.34942 20.14 8C20.19 9 20.2 9.37 20.2 12C20.2 14.63 20.19 15 20.14 16Z" fill="currentColor"></path><path d="M12 6.86C10.9834 6.86 9.98964 7.16146 9.14437 7.72625C8.2991 8.29104 7.64029 9.0938 7.25126 10.033C6.86222 10.9722 6.76044 12.0057 6.95876 13.0028C7.15709 13.9998 7.64663 14.9157 8.36547 15.6345C9.08431 16.3534 10.0002 16.8429 10.9972 17.0412C11.9943 17.2396 13.0278 17.1378 13.967 16.7487C14.9062 16.3597 15.709 15.7009 16.2738 14.8556C16.8385 14.0104 17.14 13.0166 17.14 12C17.14 10.6368 16.5985 9.32941 15.6345 8.36547C14.6706 7.40153 13.3632 6.86 12 6.86ZM12 15.33C11.3414 15.33 10.6976 15.1347 10.15 14.7688C9.60234 14.4029 9.17552 13.8828 8.92348 13.2743C8.67144 12.6659 8.6055 11.9963 8.73399 11.3503C8.86247 10.7044 9.17963 10.111 9.64533 9.64533C10.111 9.17963 10.7044 8.86247 11.3503 8.73399C11.9963 8.6055 12.6659 8.67144 13.2743 8.92348C13.8828 9.17552 14.4029 9.60234 14.7688 10.15C15.1347 10.6976 15.33 11.3414 15.33 12C15.33 12.4373 15.2439 12.8703 15.0765 13.2743C14.9092 13.6784 14.6639 14.0454 14.3547 14.3547C14.0454 14.6639 13.6784 14.9092 13.2743 15.0765C12.8703 15.2439 12.4373 15.33 12 15.33Z" fill="currentColor"></path><path d="M17.34 5.46001C17.1027 5.46001 16.8707 5.53039 16.6733 5.66224C16.476 5.7941 16.3222 5.98152 16.2313 6.20079C16.1405 6.42006 16.1168 6.66134 16.1631 6.89411C16.2094 7.12689 16.3236 7.34071 16.4915 7.50853C16.6593 7.67636 16.8731 7.79065 17.1059 7.83695C17.3387 7.88325 17.5799 7.85949 17.7992 7.76866C18.0185 7.67784 18.2059 7.52403 18.3378 7.32669C18.4696 7.12935 18.54 6.89734 18.54 6.66001C18.54 6.34175 18.4136 6.03652 18.1885 5.81148C17.9635 5.58643 17.6583 5.46001 17.34 5.46001Z" fill="currentColor"></path></svg></a></li><li><a aria-label="Volg ons op LinkedIn" href="#" class="icon-s is--primary w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none"><path d="M19.039 19.043H16.078V14.4C16.078 13.294 16.055 11.87 14.534 11.87C12.99 11.87 12.754 13.07 12.754 14.319V19.041H9.792V9.50001H12.637V10.8H12.676C12.9609 10.3131 13.3725 9.91263 13.867 9.6411C14.3614 9.36957 14.9203 9.23717 15.484 9.25801C18.484 9.25801 19.04 11.233 19.04 13.804V19.042L19.039 19.043ZM6.447 8.19401C6.1069 8.19381 5.7745 8.09279 5.4918 7.90372C5.2091 7.71465 4.98879 7.44601 4.85874 7.13176C4.72868 6.81751 4.6947 6.47176 4.7611 6.13821C4.8275 5.80465 4.99129 5.49827 5.23178 5.25778C5.47226 5.0173 5.77865 4.8535 6.1122 4.7871C6.44575 4.72071 6.79151 4.75468 7.10575 4.88474C7.42 5.0148 7.68864 5.2351 7.87771 5.5178C8.06678 5.8005 8.1678 6.13291 8.168 6.47301C8.16826 6.69909 8.12393 6.923 8.03753 7.13192C7.95114 7.34084 7.82438 7.53066 7.66452 7.69052C7.50466 7.85039 7.31483 7.97714 7.10591 8.06354C6.89699 8.14993 6.67308 8.19427 6.447 8.19401ZM7.932 19.043H4.963V9.50001H7.932V19.043ZM20.521 2.00001H3.476C3.28445 1.99763 3.0943 2.03302 2.91643 2.10417C2.73856 2.17531 2.57646 2.28081 2.43938 2.41464C2.30231 2.54846 2.19295 2.70799 2.11756 2.8841C2.04217 3.06021 2.00222 3.24945 2 3.44101V20.559C2.00222 20.7506 2.04217 20.9398 2.11756 21.1159C2.19295 21.292 2.30231 21.4515 2.43938 21.5854C2.57646 21.7192 2.73856 21.8247 2.91643 21.8958C3.0943 21.967 3.28445 22.0024 3.476 22H20.518C20.9055 22.0051 21.2792 21.8562 21.5571 21.586C21.8349 21.3159 21.9942 20.9465 22 20.559V3.44101C21.9939 3.05359 21.8346 2.68438 21.5568 2.41427C21.279 2.14416 20.9054 1.99519 20.518 2.00001H20.521Z" fill="currentColor"></path></svg></a></li><li><a aria-label="WhatsApp ons" href="#" class="icon-s is--primary w-inline-block">
192<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.049 4.90701C17.3493 3.20721 15.0898 2.18312 12.6912 2.02547C10.2926 1.86782 7.91847 2.58735 6.01096 4.05007C4.10345 5.51278 2.7926 7.61896 2.32257 9.97633C1.85254 12.3337 2.25535 14.7816 3.456 16.864L2.049 22L7.3 20.621C8.75245 21.4124 10.3799 21.8277 12.034 21.829C13.9949 21.8301 15.912 21.2495 17.5429 20.1607C19.1737 19.072 20.445 17.5239 21.1958 15.7125C21.9467 13.9011 22.1434 11.9077 21.7611 9.98441C21.3788 8.06116 20.4346 6.29453 19.048 4.90801L19.049 4.90701ZM12.041 20.157C10.5648 20.1573 9.11572 19.76 7.846 19.007L7.546 18.827L4.428 19.644L5.261 16.605L5.066 16.293C4.38658 15.2118 3.96778 13.9875 3.84265 12.7167C3.71752 11.4459 3.88948 10.1634 4.34497 8.97049C4.80045 7.77755 5.52699 6.70681 6.46722 5.84279C7.40746 4.97877 8.53566 4.34513 9.76277 3.99188C10.9899 3.63863 12.2823 3.57544 13.538 3.8073C14.7937 4.03916 15.9783 4.55973 16.9984 5.3279C18.0184 6.09608 18.8459 7.09084 19.4156 8.23366C19.9853 9.37647 20.2816 10.6361 20.281 11.913C20.2778 14.0977 19.4088 16.192 17.8642 17.7371C16.3197 19.2822 14.2257 20.153 12.041 20.157ZM16.557 13.985C16.311 13.86 15.092 13.263 14.865 13.185C14.638 13.107 14.474 13.06 14.306 13.31C14.138 13.56 13.666 14.11 13.521 14.283C13.376 14.456 13.233 14.47 12.986 14.345C12.2559 14.0533 11.5819 13.6371 10.994 13.115C10.4534 12.6137 9.98909 12.0359 9.616 11.4C9.471 11.154 9.6 11.018 9.726 10.9C9.852 10.782 9.972 10.611 10.097 10.466C10.1992 10.3409 10.2824 10.2014 10.344 10.052C10.3769 9.98367 10.3922 9.90823 10.3887 9.83248C10.3852 9.75674 10.363 9.68304 10.324 9.61801C10.261 9.49301 9.765 8.27401 9.562 7.77801C9.359 7.28201 9.156 7.35201 9 7.34401C8.844 7.33601 8.69 7.33601 8.527 7.33601C8.40171 7.33967 8.2785 7.36898 8.16498 7.42213C8.05147 7.47527 7.95005 7.55113 7.867 7.64501C7.58693 7.9105 7.36521 8.23139 7.21594 8.58725C7.06667 8.94312 6.99313 9.32616 7 9.71201C7.08057 10.6462 7.43193 11.5365 8.011 12.274C9.07331 13.8657 10.5309 15.1541 12.241 16.013C12.831 16.267 13.292 16.419 13.651 16.537C14.156 16.6901 14.6896 16.7244 15.21 16.637C15.5548 16.567 15.8813 16.4264 16.1691 16.224C16.4569 16.0216 16.6996 15.7618 16.882 15.461C17.0444 15.0917 17.0948 14.6827 17.027 14.285C16.969 14.174 16.805 14.114 16.555 13.985H16.557Z" fill="currentColor"></path></svg></a></li></ul></div></div></div><div class="line color-primary opac-10 w-embed"><svg width="currentWidth" height="currentHeight" viewBox="0 0 1066 226" fill="none" xmlns="http://www.w3.org/2000/svg"> 193<path d="M15.5013 210.085C146.001 196.419 538.906 172.97 521.001 30.5852C510.501 -52.9148 804.001 241.585 1050 151.585" stroke="currentColor" stroke-width="45" stroke-linecap="round"/> 194</svg></div></div></div><div class="line is--accent is--xs is-right w-embed"><svg width="currentWidth" height="auto" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40,8 C41,26 46,34 62,40 C46,46 41,54 40,72 C39,54 34,46 18,40 C34,34 39,26 40,8 Z" fill="currentColor"/></svg> 195</div></div></section></main><footer data-w-id="b429ada0-6d96-ddea-97c8-d94aea80dadf" class="footer"><div class="divider _90 xs"></div><div class="spacer"></div><div class="padding-footer"><div class="w-layout-grid _1-2-grid"><div id="w-node-b429ada0-6d96-ddea-97c8-d94aea80dae6-ea80dadf"><div data-menu-logo="" data-w-id="b429ada0-6d96-ddea-97c8-d94aea80dae7" class="footer_logo"><img loading="lazy" src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/69c13ea56723a61d7b205cfb_Group%204.avif" alt="" class="footer_logo"/></div><div class="spacer _16"></div><div class="footer_tagline">Steun voor vrouwen <br/>na seksueel geweld</div><div class="spacer _16"></div><div data-w-id="b429ada0-6d96-ddea-97c8-d94aea80daed" class="divider small"></div><div class="footer_social-wrapper"><div class="spacer _16"></div><ul role="list" class="social-list w-list-unstyled"><li><a aria-label="Volg ons op Instagram" href="#" class="icon-s is--primary w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none">
195<path d="M21.94 7.88C21.9206 7.0503 21.7652 6.2294 21.48 5.45C21.2283 4.78181 20.8322 4.17742 20.32 3.68C19.8226 3.16776 19.2182 2.77166 18.55 2.52C17.7706 2.23484 16.9497 2.07945 16.12 2.06C15.06 2 14.72 2 12 2C9.28 2 8.94 2 7.88 2.06C7.0503 2.07945 6.2294 2.23484 5.45 2.52C4.78181 2.77166 4.17742 3.16776 3.68 3.68C3.16743 4.17518 2.77418 4.78044 2.53 5.45C2.23616 6.22734 2.07721 7.04915 2.06 7.88C2 8.94 2 9.28 2 12C2 14.72 2 15.06 2.06 16.12C2.07721 16.9508 2.23616 17.7727 2.53 18.55C2.77418 19.2196 3.16743 19.8248 3.68 20.32C4.17742 20.8322 4.78181 21.2283 5.45 21.48C6.2294 21.7652 7.0503 21.9206 7.88 21.94C8.94 22 9.28 22 12 22C14.72 22 15.06 22 16.12 21.94C16.9497 21.9206 17.7706 21.7652 18.55 21.48C19.2134 21.219 19.816 20.8242 20.3201 20.3201C20.8242 19.816 21.219 19.2134 21.48 18.55C21.7652 17.7706 21.9206 16.9497 21.94 16.12C21.94 15.06 22 14.72 22 12C22 9.28 22 8.94 21.94 7.88ZM20.14 16C20.1327 16.6348 20.0178 17.2637 19.8 17.86C19.6327 18.2913 19.3773 18.683 19.0501 19.0101C18.723 19.3373 18.3313 19.5927 17.9 19.76C17.3037 19.9778 16.6748 20.0927 16.04 20.1C15.04 20.15 14.67 20.16 12.04 20.16C9.41 20.16 9.04 20.16 8.04 20.1C7.38073 20.1148 6.72401 20.0132 6.1 19.8C5.66869 19.6327 5.27698 19.3773 4.94985 19.0501C4.62272 18.723 4.36734 18.3313 4.2 17.9C3.97775 17.2911 3.86271 16.6482 3.86 16C3.86 15 3.8 14.63 3.8 12C3.8 9.37 3.8 9 3.86 8C3.86271 7.35178 3.97775 6.70893 4.2 6.1C4.36734 5.66869 4.62272 5.27698 4.94985 4.94985C5.27698 4.62272 5.66869 4.36734 6.1 4.2C6.70893 3.97775 7.35178 3.86271 8 3.86C9 3.86 9.37 3.8 12 3.8C14.63 3.8 15 3.8 16 3.86C16.6348 3.86728 17.2637 3.98225 17.86 4.2C18.2913 4.36734 18.683 4.62272 19.0101 4.94985C19.3373 5.27698 19.5927 5.66869 19.76 6.1C19.9959 6.7065 20.1245 7.34942 20.14 8C20.19 9 20.2 9.37 20.2 12C20.2 14.63 20.19 15 20.14 16Z" fill="currentColor"></path><path d="M12 6.86C10.9834 6.86 9.98964 7.16146 9.14437 7.72625C8.2991 8.29104 7.64029 9.0938 7.25126 10.033C6.86222 10.9722 6.76044 12.0057 6.95876 13.0028C7.15709 13.9998 7.64663 14.9157 8.36547 15.6345C9.08431 16.3534 10.0002 16.8429 10.9972 17.0412C11.9943 17.2396 13.0278 17.1378 13.967 16.7487C14.9062 16.3597 15.709 15.7009 16.2738 14.8556C16.8385 14.0104 17.14 13.0166 17.14 12C17.14 10.6368 16.5985 9.32941 15.6345 8.36547C14.6706 7.40153 13.3632 6.86 12 6.86ZM12 15.33C11.3414 15.33 10.6976 15.1347 10.15 14.7688C9.60234 14.4029 9.17552 13.8828 8.92348 13.2743C8.67144 12.6659 8.6055 11.9963 8.73399 11.3503C8.86247 10.7044 9.17963 10.111 9.64533 9.64533C10.111 9.17963 10.7044 8.86247 11.3503 8.73399C11.9963 8.6055 12.6659 8.67144 13.2743 8.92348C13.8828 9.17552 14.4029 9.60234 14.7688 10.15C15.1347 10.6976 15.33 11.3414 15.33 12C15.33 12.4373 15.2439 12.8703 15.0765 13.2743C14.9092 13.6784 14.6639 14.0454 14.3547 14.3547C14.0454 14.6639 13.6784 14.9092 13.2743 15.0765C12.8703 15.2439 12.4373 15.33 12 15.33Z" fill="currentColor"></path><path d="M17.34 5.46001C17.1027 5.46001 16.8707 5.53039 16.6733 5.66224C16.476 5.7941 16.3222 5.98152 16.2313 6.20079C16.1405 6.42006 16.1168 6.66134 16.1631 6.89411C16.2094 7.12689 16.3236 7.34071 16.4915 7.50853C16.6593 7.67636 16.8731 7.79065 17.1059 7.83695C17.3387 7.88325 17.5799 7.85949 17.7992 7.76866C18.0185 7.67784 18.2059 7.52403 18.3378 7.32669C18.4696 7.12935 18.54 6.89734 18.54 6.66001C18.54 6.34175 18.4136 6.03652 18.1885 5.81148C17.9635 5.58643 17.6583 5.46001 17.34 5.46001Z" fill="currentColor"></path></svg></a></li><li><a aria-label="Volg ons op LinkedIn" href="#" class="icon-s is--primary w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none"><path d="M19.039 19.043H16.078V14.4C16.078 13.294 16.055 11.87 14.534 11.87C12.99 11.87 12.754 13.07 12.754 14.319V19.041H9.792V9.50001H12.637V10.8H12.676C12.9609 10.3131 13.3725 9.91263 13.867 9.6411C14.3614 9.36957 14.9203 9.23717 15.484 9.25801C18.484 9.25801 19.04 11.233 19.04 13.804V19.042L19.039 19.043ZM6.447 8.19401C6.1069 8.19381 5.7745 8.09279 5.4918 7.90372C5.2091 7.71465 4.98879 7.44601 4.85874 7.13176C4.72868 6.81751 4.6947 6.47176 4.7611 6.13821C4.8275 5.80465 4.99129 5.49827 5.23178 5.25778C5.47226 5.0173 5.77865 4.8535 6.1122 4.7871C6.44575 4.72071 6.79151 4.75468 7.
19510575 4.88474C7.42 5.0148 7.68864 5.2351 7.87771 5.5178C8.06678 5.8005 8.1678 6.13291 8.168 6.47301C8.16826 6.69909 8.12393 6.923 8.03753 7.13192C7.95114 7.34084 7.82438 7.53066 7.66452 7.69052C7.50466 7.85039 7.31483 7.97714 7.10591 8.06354C6.89699 8.14993 6.67308 8.19427 6.447 8.19401ZM7.932 19.043H4.963V9.50001H7.932V19.043ZM20.521 2.00001H3.476C3.28445 1.99763 3.0943 2.03302 2.91643 2.10417C2.73856 2.17531 2.57646 2.28081 2.43938 2.41464C2.30231 2.54846 2.19295 2.70799 2.11756 2.8841C2.04217 3.06021 2.00222 3.24945 2 3.44101V20.559C2.00222 20.7506 2.04217 20.9398 2.11756 21.1159C2.19295 21.292 2.30231 21.4515 2.43938 21.5854C2.57646 21.7192 2.73856 21.8247 2.91643 21.8958C3.0943 21.967 3.28445 22.0024 3.476 22H20.518C20.9055 22.0051 21.2792 21.8562 21.5571 21.586C21.8349 21.3159 21.9942 20.9465 22 20.559V3.44101C21.9939 3.05359 21.8346 2.68438 21.5568 2.41427C21.279 2.14416 20.9054 1.99519 20.518 2.00001H20.521Z" fill="currentColor"></path></svg></a></li><li><a aria-label="WhatsApp ons" href="#" class="icon-s is--primary w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.049 4.90701C17.3493 3.20721 15.0898 2.18312 12.6912 2.02547C10.2926 1.86782 7.91847 2.58735 6.01096 4.05007C4.10345 5.51278 2.7926 7.61896 2.32257 9.97633C1.85254 12.3337 2.25535 14.7816 3.456 16.864L2.049 22L7.3 20.621C8.75245 21.4124 10.3799 21.8277 12.034 21.829C13.9949 21.8301 15.912 21.2495 17.5429 20.1607C19.1737 19.072 20.445 17.5239 21.1958 15.7125C21.9467 13.9011 22.1434 11.9077 21.7611 9.98441C21.3788 8.06116 20.4346 6.29453 19.048 4.90801L19.049 4.90701ZM12.041 20.157C10.5648 20.1573 9.11572 19.76 7.846 19.007L7.546 18.827L4.428 19.644L5.261 16.605L5.066 16.293C4.38658 15.2118 3.96778 13.9875 3.84265 12.7167C3.71752 11.4459 3.88948 10.1634 4.34497 8.97049C4.80045 7.77755 5.52699 6.70681 6.46722 5.84279C7.40746 4.97877 8.53566 4.34513 9.76277 3.99188C10.9899 3.63863 12.2823 3.57544 13.538 3.8073C14.7937 4.03916 15.9783 4.55973 16.9984 5.3279C18.0184 6.09608 18.8459 7.09084 19.4156 8.23366C19.9853 9.37647 20.2816 10.6361 20.281 11.913C20.2778 14.0977 19.4088 16.192 17.8642 17.7371C16.3197 19.2822 14.2257 20.153 12.041 20.157ZM16.557 13.985C16.311 13.86 15.092 13.263 14.865 13.185C14.638 13.107 14.474 13.06 14.306 13.31C14.138 13.56 13.666 14.11 13.521 14.283C13.376 14.456 13.233 14.47 12.986 14.345C12.2559 14.0533 11.5819 13.6371 10.994 13.115C10.4534 12.6137 9.98909 12.0359 9.616 11.4C9.471 11.154 9.6 11.018 9.726 10.9C9.852 10.782 9.972 10.611 10.097 10.466C10.1992 10.3409 10.2824 10.2014 10.344 10.052C10.3769 9.98367 10.3922 9.90823 10.3887 9.83248C10.3852 9.75674 10.363 9.68304 10.324 9.61801C10.261 9.49301 9.765 8.27401 9.562 7.77801C9.359 7.28201 9.156 7.35201 9 7.34401C8.844 7.33601 8.69 7.33601 8.527 7.33601C8.40171 7.33967 8.2785 7.36898 8.16498 7.42213C8.05147 7.47527 7.95005 7.55113 7.867 7.64501C7.58693 7.9105 7.36521 8.23139 7.21594 8.58725C7.06667 8.94312 6.99313 9.32616 7 9.71201C7.08057 10.6462 7.43193 11.5365 8.011 12.274C9.07331 13.8657 10.5309 15.1541 12.241 16.013C12.831 16.267 13.292 16.419 13.651 16.537C14.156 16.6901 14.6896 16.7244 15.21 16.637C15.5548 16.567 15.8813 16.4264 16.1691 16.224C16.4569 16.0216 16.6996 15.7618 16.882 15.461C17.0444 15.0917 17.0948 14.6827 17.027 14.285C16.969 14.174 16.805 14.114 16.555 13.985H16.557Z" fill="currentColor"></path></svg></a></li></ul></div></div><nav id="w-node-_483310c5-af0e-fcb4-50ec-499ed09d3844-ea80dadf"><div aria-label="Voettekstnavigatie" class="w-layout-grid grid-4"><div aria-label="Voetnavigatie diensten" id="w-node-b429ada0-6d96-ddea-97c8-d94aea80db00-ea80dadf" class="footer_menu-col"><div class="heading-style-5">Wat we doen</div><div class="spacer _8"></div><ul role="list" class="footer_menu-list w-list-unstyled"><li><a href="/steun-bij-seksueel-geweld" class="footer_menu-link">Steun na seksueel geweld</a></li><li><a href="/steun-bij-seksueel-geweld/the-safe-space-club" aria-current="page" class="footer_menu-link w--current">1-op-1 begeleiding</a></li><li><a href="/steun-bij-seksueel-geweld/groepstrajecten" class="footer_menu-link">Groepstrajecten</a></li><li><a href="/steun-bij-seksueel-geweld/the-club-house" class="footer_menu-link">
195The Clubhouse</a></li></ul></div><div id="w-node-_9bff967e-e671-7562-e085-445a3fd7f859-ea80dadf" class="footer_menu-col"><div class="heading-style-5">Samenwerken</div><div class="spacer _8"></div><ul role="list" class="footer_menu-list w-list-unstyled"><li><a href="/samenwerken/overheidsinstanties" class="footer_menu-link">Overheid/gemeenten</a></li><li><a href="/samenwerken/zorgaanbieders" class="footer_menu-link">Zorgaanbieders</a></li><li><a href="/samenwerken/fondsen-donateurs" class="footer_menu-link">Fondsen & donateurs</a></li><li><a href="/samenwerken/overige-organisaties" class="footer_menu-link">Overige organisaties</a></li></ul></div><div id="w-node-b429ada0-6d96-ddea-97c8-d94aea80db2a-ea80dadf" class="footer_menu-col"><div class="heading-style-5">Over ons</div><div class="spacer _8"></div><ul role="list" class="footer_menu-list w-list-unstyled"><li><a href="/over-ons" class="footer_menu-link">Ons verhaal</a></li><li><a href="/over-ons/team" class="footer_menu-link">Ons team</a></li><li><a href="/over-ons/locaties" class="footer_menu-link">Locaties</a></li></ul></div><div id="w-node-b429ada0-6d96-ddea-97c8-d94aea80db3c-ea80dadf" class="footer_menu-col"><div class="heading-style-5">Contact</div><div class="spacer _8"></div><address><ul role="list" class="footer_menu-list w-list-unstyled"><li><div class="footer_menu-link">Spaarndammerdijk 15A</div></li><li><div class="footer_menu-link">Amsterdam</div></li><li><a href="#" class="footer_menu-link">T 075 6128 400</a></li><li><a href="#" class="footer_menu-link">[email protected]</a></li><li><div class="footer_menu-link">KvK: 82719403 </div></li><li><div class="footer_menu-link">IBAN: NL35INGB0006514686</div></li></ul></address></div></div></nav></div><div class="spacer"></div><div class="divider _90 xs"></div><div class="spacer"></div><div class="footer-bottom"><div class="footer_copyright">© 2026 The Safe Space Club created by <a href="https://wedobetter.eu" class="text-color-muted">We Do Better</a></div><nav aria-label="Juridische navigatie" class="footer_bottom-menu"><a href="/privacy--cookiebeleid" class="footer_menu-link is--small">Privacy- & cookiebeleid</a><a typ="button" fs-consent-element="open-preferences" href="#" class="footer_menu-link is--small">Cookievoorkeuren</a><a href="/klachten" class="footer_menu-link is--small">Klacht indienen</a><a href="/contact" class="footer_menu-link is--small">Contact</a></nav></div></div></footer>
195<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=69b6b413b58a608c07c7ee19" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
195<script src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/js/webflow.schunk.36b8fb49256177c8.js" type="text/javascript" integrity="sha384-4abIlA5/v7XaW1HMXKBgnUuhnjBYJ/Z9C1OSg4OhmVw9O3QeHJ/qJqFBERCDPv7G" crossorigin="anonymous"></script>
195<script src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/js/webflow.schunk.e39764bc7456b2b4.js" type="text/javascript" integrity="sha384-LVW7eHcMCtSOWRK1lfvLjr+gJmKg9TG9RotCtzELwYwlZf2nBn42c8gy0taoPR4D" crossorigin="anonymous"></script>
195<script src="https://cdn.prod.website-files.com/69b6b413b58a608c07c7ee19/js/webflow.17a3d4bc.74ebe581e107a4d2.js" type="text/javascript" integrity="sha384-wz4ddbfQ6lXmaYYF744e1veDrpIR83NZJ1x7MtlS6Ah52NIDGAR6lYhFvBAMKuoR" crossorigin="anonymous"></script>
195<script src="https://cdn.prod.website-files.com/gsap/3.15.0/gsap.min.js" type="text/javascript"></script>
195<script src="https://cdn.prod.website-files.com/gsap/3.15.0/SplitText.min.js" type="text/javascript"></script>
195<script src="https://cdn.prod.website-files.com/gsap/3.15.0/ScrollTrigger.min.js" type="text/javascript"></script>
195<script src="https://cdn.prod.website-files.com/gsap/3.15.0/InertiaPlugin.min.js" type="text/javascript"></script>
195<script src="https://cdn.prod.website-files.com/gsap/3.15.0/Draggable.min.js" type="text/javascript"></script>
195<script type="text/javascript">gsap.registerPlugin(SplitText,ScrollTrigger,InertiaPlugin,Draggable);</script>
195 196 197<!-- Google Tag Manager -->
198<script>
vendor: 327 bytes, lines 198-202
198(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 199new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 200j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 201'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 202})(window,document,'script','dataLayer','
202GTM-PGGRZNCL
vendor: 3 bytes, line 202
202');
202</script>
202 203<!-- End Google Tag Manager --> 204 205<!-- Google Tag Manager (noscript) --> 206<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PGGRZNCL" 207height="0" width="0" style="display:none;visibility:hidden"></iframe> 208<!-- End Google Tag Manager (noscript) --> 209 210<!-- NAV -->
211<script> 212 function initMegaNavDirectionalHover() { 213 const DUR = { 214 bgMorph: 0.4, 215 contentIn: 0.3, 216 contentOut: 0.2, 217 stagger: 0.25, 218 backdropIn: 0.3, 219 backdropOut: 0.2, 220 openScale: 0.35, 221 closeScale: 0.25, 222 }; 223 224 const HOVER_ENTER = 120; 225 const HOVER_LEAVE = 150; 226 227 // DOM references 228 const menuWrap = document.querySelector("[data-menu-wrap]"); 229 const navList = document.querySelector("[data-nav-list]"); 230 const dropWrapper = document.querySelector("[data-dropdown-wrapper]"); 231 const dropContainer = document.querySelector("[data-dropdown-container]"); 232 const dropBg = document.querySelector("[data-dropdown-bg]"); 233 const backdrop = document.querySelector("[data-menu-backdrop]"); 234 const toggles = [...document.querySelectorAll("[data-dropdown-toggle]")]; 235 const panels = [...document.querySelectorAll("[data-nav-content]")]; 236 const burger = document.querySelector("[data-burger-toggle]"); 237 const backBtn = document.querySelector("[data-mobile-back]"); 238 const logo = document.querySelector("[data-menu-logo]"); 239 const [lineTop, lineMid, lineBot] = ["top", "mid", "bot"].map( 240 (id) => document.querySelector(`[data-burger-line='${id}']`) 241 ); 242 243 // State 244 const state = { 245 isOpen: false, 246 activePanel: null, 247 activePanelIndex: -1, 248 isMobile: window.innerWidth <= 991, 249 mobileMenuOpen: false, 250 mobilePanelActive: null, 251 hoverTimer: null, 252 leaveTimer: null, 253 tl: null, 254 mobileTl: null, 255 mobilePanelTl: null, 256 }; 257 258 // Helpers 259 const getPanel = (name) => document.querySelector(`[data-nav-content="${name}"]`); 260 const getToggle = (name) => document.querySelector(`[data-dropdown-toggle="${name}"]`); 261 const getFade = (el) => el.querySelectorAll("[data-menu-fade]"); 262 const getNavItems = () => navList.querySelectorAll("[data-nav-list-item]"); 263 const getIndex = (name) => toggles.indexOf(getToggle(name)); 264 const stagger = (n) => (n <= 1 ? 0 : { amount: DUR.stagger }); 265 266 function clearTimers() { 267 clearTimeout(state.hoverTimer); 268 clearTimeout(state.leaveTimer); 269 state.hoverTimer = state.leaveTimer = null; 270 } 271 272 function killTl(key) { 273 if (state[key]) { state[key].kill(); state[key] = null; } 274 } 275 276 function killDropdown() { 277 killTl("tl"); 278 gsap.killTweensOf(dropContainer); 279 gsap.killTweensOf(backdrop); 280 panels.forEach((p) => { gsap.killTweensOf(p); gsap.killTweensOf(getFade(p)); }); 281 } 282 283 function killMobile() { 284 killTl("mobileTl"); 285 gsap.killTweensOf([navList, lineTop, lineMid, lineBot]); 286 } 287 288 function killMobilePanel() { 289 killTl("mobilePanelTl"); 290 gsap.killTweensOf(getNavItems()); 291 gsap.killTweensOf([backBtn, logo]); 292 panels.forEach((p) => { gsap.killTweensOf(p); gsap.killTweensOf(getFade(p)); }); 293 } 294 295 function resetToggles() { 296 toggles.forEach((t) => t.setAttribute("aria-expanded", "false")); 297 } 298 299 function resetDesktop() { 300 panels.forEach((p) => { 301 gsap.set(p, { visibility: "hidden", opacity: 0, pointerEvents: "none", xPercent: 0 }); 302 gsap.set(getFade(p), { autoAlpha: 0, x: 0, y: 0 }); 303 }); 304 gsap.set(dropContainer, { height: 0 }); 305 gsap.set(backdrop, { autoAlpha: 0 }); 306 menuWrap.setAttribute("data-menu-open", "false"); 307 resetToggles(); 308 } 309 310 function setupMobile() { 311 panels.forEach((p) => { 312 gsap.set(p, { autoAlpha: 0, xPercent: 0, visibility: "visible", pointerEvents: "none" }); 313 gsap.set(getFade(p), { xPercent: 20, autoAlpha: 0 }); 314 }); 315 gsap.set(getNavItems(), { xPercent: 0, y: 0, autoAlpha: 1 }); 316 gsap.set(navList, { autoAlpha: 0, x: 0 }); 317 gsap.set(backBtn, { autoAlpha: 0 }); 318 gsap.set(logo, { autoAlpha: 1 }); 319 gsap.set(dropContainer, { clearProps: "height" }); 320 gsap.set(backdrop, { autoAlpha: 0 }); 321 } 322 323 function measurePanel(name) { 324 const el = getPanel(name); 325 if (!el) return 0; 326 const s = el.style; 327 const prev = [s.visibility, s.opacity, s.pointerEvents]; 328 Object.assign(s, { visibility: "visible", opacity: "0", pointerEvents: "none" }); 329 const h = el.getBoundingClientRect().height; 330 [s.visibility, s.opacity, s.pointerEvents] = prev; 331 return h; 332 } 333 334 // DESKTOP â open dropdown (first open) 335 function openDropdown(panelName) { 336 if (state.isOpen && state.activePanel === panelName) return; 337 if (state.isOpen) return switchPanel(state.activePanel, panelName); 338 339 const height = measurePanel(panelName); 340 if (!height) return; 341 342 killDropdown(); 343 resetDesktop(); 344 345 const el = getPanel(panelName); 346 const fade = getFade(el); 347 const toggle = getToggle(panelName); 348 349 state.isOpen = true; 350 state.activePanel = panelName; 351 state.activePanelIndex = getIndex(panelName); 352 menuWrap.setAttribute("data-menu-open", "true"); 353 if (toggle) toggle.setAttribute("aria-expanded", "true"); 354 355 gsap.set(dropContainer, { height: 0 }); 356 357 const tl = gsap.timeline(); 358 state.tl = tl; 359 tl.to(backdrop, { autoAlpha: 1, duration: DUR.backdropIn, ease: "power2.out" }, 0); 360 tl.to(dropContainer, { height, duration: DUR.openScale, ease: "power3.out" }, 0); 361 tl.set(el, { visibility: "visible", opacity: 1, pointerEvents: "auto" }, 0.05); 362 if (fade.length) { 363 tl.fromTo(fade, 364 { autoAlpha: 0, y: 8 }, 365 { autoAlpha: 1, y: 0, duration: DUR.contentIn, stagger: stagger(fade.length), ease: "power3.out" }, 366 0.1 367 ); 368 } 369 } 370 371 // DESKTOP â close dropdown 372 function closeDropdown() { 373 if (!state.isOpen) return; 374 const el = getPanel(state.activePanel); 375 const fade = el ? getFade(el) : []; 376 377 killDropdown(); 378 379 const tl = gsap.timeline({ 380 onComplete() { 381 state.isOpen = false;
382 state.activePanel = null; 383 state.activePanelIndex = -1; 384 state.tl = null; 385 resetDesktop(); 386 }, 387 }); 388 state.tl = tl; 389 if (fade.length) tl.to(fade, { autoAlpha: 0, y: -4, duration: DUR.contentOut * 0.7, ease: "power2.in" }, 0); 390 tl.to(dropContainer, { height: 0, duration: DUR.closeScale, ease: "power2.in" }, 0.05); 391 tl.to(backdrop, { autoAlpha: 0, duration: DUR.backdropOut, ease: "power2.out" }, 0); 392 if (el) tl.set(el, { visibility: "hidden", opacity: 0, pointerEvents: "none" }); 393 } 394 395 // DESKTOP â switch panel (directional) 396 function switchPanel(fromName, toName) { 397 const dir = getIndex(toName) > getIndex(fromName) ? 1 : -1; 398 const fromEl = getPanel(fromName), toEl = getPanel(toName); 399 if (!fromEl || !toEl) return; 400 401 const fromFade = getFade(fromEl), toFade = getFade(toEl); 402 const toHeight = measurePanel(toName); 403 if (!toHeight) return; 404 405 killDropdown(); 406 407 // Reset all panels, then restore fromEl as visible 408 panels.forEach((p) => { 409 gsap.set(p, { visibility: "hidden", opacity: 0, pointerEvents: "none", xPercent: 0 }); 410 gsap.set(getFade(p), { autoAlpha: 0, x: 0, y: 0 }); 411 }); 412 gsap.set(fromEl, { visibility: "visible", opacity: 1, pointerEvents: "auto", x: 0 }); 413 if (fromFade.length) gsap.set(fromFade, { autoAlpha: 1, x: 0, y: 0 }); 414 gsap.set(backdrop, { autoAlpha: 1 }); 415 416 const toToggle = getToggle(toName); 417 state.activePanel = toName; 418 state.activePanelIndex = getIndex(toName); 419 resetToggles(); 420 if (toToggle) toToggle.setAttribute("aria-expanded", "true"); 421 422 const xOut = dir * -30, xIn = dir * 30; 423 const tl = gsap.timeline(); 424 state.tl = tl; 425 426 if (fromFade.length) tl.to(fromFade, { autoAlpha: 0, x: xOut, duration: DUR.contentOut, ease: "power2.in" }, 0); 427 tl.set(fromEl, { visibility: "hidden", opacity: 0, pointerEvents: "none", xPercent: 0 }, DUR.contentOut); 428 if (fromFade.length) tl.set(fromFade, { x: 0 }, DUR.contentOut); 429 tl.to(dropContainer, { height: toHeight, duration: DUR.bgMorph, ease: "power3.out" }, 0.05); 430 tl.set(toEl, { visibility: "visible", opacity: 1, pointerEvents: "auto", xPercent: 0 }, DUR.contentOut * 0.5); 431 if (toFade.length) { 432 tl.fromTo(toFade, 433 { autoAlpha: 0, x: xIn }, 434 { autoAlpha: 1, x: 0, duration: DUR.contentIn, stagger: stagger(toFade.length), ease: "power3.out" }, 435 DUR.contentOut * 0.6 436 ); 437 } 438 } 439 440 // DESKTOP â hover intent 441 function handleToggleEnter(e) { 442 if (state.isMobile) return; 443 const name = e.currentTarget.getAttribute("data-dropdown-toggle"); 444 if (!name) return; 445 clearTimeout(state.leaveTimer); state.leaveTimer = null; 446 clearTimeout(state.hoverTimer); 447 state.hoverTimer = setTimeout(() => openDropdown(name), state.isOpen ? 0 : HOVER_ENTER); 448 } 449 450 function handleToggleLeave() { 451 if (state.isMobile) return; 452 clearTimeout(state.hoverTimer); state.hoverTimer = null; 453 state.leaveTimer = setTimeout(closeDropdown, HOVER_LEAVE); 454 } 455 456 function handleWrapperEnter() { 457 if (state.isMobile) return; 458 clearTimeout(state.leaveTimer); state.leaveTimer = null; 459 } 460 461 function handleWrapperLeave() { 462 if (state.isMobile) return; 463 state.leaveTimer = setTimeout(closeDropdown, HOVER_LEAVE); 464 } 465 466 // DESKTOP â close behaviors 467 function handleEscape(e) { 468 if (e.key !== "Escape") return; 469 if (state.isMobile) { 470 state.mobilePanelActive ? closeMobilePanel() : state.mobileMenuOpen && closeMobileMenu(); 471 return; 472 } 473 if (state.isOpen) { 474 const t = getToggle(state.activePanel); 475 closeDropdown(); 476 if (t) t.focus(); 477 } 478 } 479 480 function handleDocClick(e) { 481 if (state.isMobile || !state.isOpen) return; 482 if (!e.target.closest("[data-menu-wrap]")) closeDropdown(); 483 } 484 485 // DESKTOP â keyboard navigation 486 function focusFirstLink(panelName) { 487 setTimeout(() => { 488 const el = getPanel(panelName); 489 if (!el) return; 490 const link = el.querySelector("a"); 491 if (!link) return; 492 gsap.set(link, { visibility: "visible" }); 493 link.focus(); 494 }, 80); 495 } 496 497 function handleKeydownOnToggle(e) { 498 if (state.isMobile) return; 499 const name = e.currentTarget.getAttribute("data-dropdown-toggle"); 500 501 if (e.key === "Enter" || e.key === " ") { 502 e.preventDefault(); 503 if (state.isOpen && state.activePanel === name) closeDropdown(); 504 else { openDropdown(name); focusFirstLink(name); } 505 return; 506 } 507 if (e.key === "ArrowDown") { 508 e.preventDefault(); 509 if (!state.isOpen || state.activePanel !== name) openDropdown(name); 510 focusFirstLink(name); 511 } 512 if (e.key === "Tab" && !e.shiftKey && state.isOpen && state.activePanel === name) { 513 e.preventDefault(); 514 const link = getPanel(name)?.querySelector("a"); 515 if (link) link.focus(); 516 } 517 } 518 519 function handleKeydownInPanel(e) { 520 if (state.isMobile || !state.isOpen) return; 521 const el = getPanel(state.activePanel); 522 if (!el) return; 523 524 const links = [...el.querySelectorAll("a")]; 525 const idx = links.indexOf(document.activeElement); 526 527 if (e.key === "ArrowDown") { 528 e.preventDefault(); 529 links[(idx + 1) % links.length].focus(); 530 } 531 if (e.key === "ArrowUp") { 532 e.preventDefault(); 533 if (idx <= 0) { const t = getToggle(state.activePanel); if (t) t.focus(); } 534 else links[idx - 1].focus(); 535 } 536 if (e.key === "Tab" && !e.shiftKey && idx === links.length - 1) { 537 e.preventDefault(); 538 const curIdx = toggles.indexOf(getToggle(state.activePanel)); 539 const next = curIdx < toggles.length - 1 ? toggles[curIdx + 1] : null; 540 closeDropdown(); 541 if (next) next.focus(); 542 } 543 if (e.key === "Tab" && e.shiftKey && idx === 0) { 544 e.preventDefault(); 545 const t = getToggle(state.activePanel); 546 if (t) t.focus(); 547 } 548 } 549 550 // MOBILE â burger animation 551 function animateBurger(toX) { 552 const tl = gsap.timeline({ defaults: { ease: "power2.inOut" } }); 553 if (toX) { 554 tl.to(lineTop, { y: "0.3125em", duration: 0.15 }, 0); 555 tl.to(lineBot, { y: "-0.3125em", duration: 0.15 }, 0); 556 tl.to(lineMid, { autoAlpha: 0, duration: 0.1 }, 0.1); 557 tl.to(lineTop, { rotation: 45, duration: 0.2 }, 0.15); 558 tl.to(lineBot, { rotation: -45, duration: 0.2 }, 0.15); 559 } else { 560 tl.to(lineTop, { rotation: 0, duration: 0.2 }, 0); 561 tl.to(lineBot, { rotation: 0, duration: 0.2 }, 0); 562 tl.to(lineTop, { y: 0, duration: 0.15 }, 0.15); 563 tl.to(lineBot, { y: 0, duration: 0.15 }, 0.15); 564 tl.to(lineMid, { autoAlpha: 1, duration: 0.1 }, 0.15); 565 } 566 return tl; 567 } 568 569 // MOBILE â open/close menu 570 function openMobileMenu() { 571 killMobile(); 572 state.mobileMenuOpen = true; 573 menuWrap.setAttribute("data-menu-open", "true"); 574 burger.setAttribute("aria-expanded", "true"); 575 document.body.style.overflow = "hidden"; 576 577 const items = getNavItems(); 578 const tl = gsap.timeline(); 579 state.mobileTl = tl; 580 tl.add(animateBurger(true), 0); 581 tl.to(navList, { autoAlpha: 1, duration: 0.3, ease: "power2.out" }, 0); 582 if (items.length) { 583 tl.fromTo(items, 584 { autoAlpha: 0, y: 12 }, 585 { autoAlpha: 1, y: 0, duration: 0.3, stagger: 0.04, ease: "power3.out" }, 586 0.15 587 ); 588 } 589 } 590 591 function closeMobileMenu() { 592 const hadPanel = state.mobilePanelActive; 593 const panelEl = hadPanel ? getPanel(hadPanel) : null; 594 595 killMobile();
596 killMobilePanel(); 597 598 menuWrap.setAttribute("data-menu-open", "false"); 599 state.mobileMenuOpen = false; 600 state.mobilePanelActive = null; 601 burger.setAttribute("aria-expanded", "false"); 602 603 const tl = gsap.timeline({ 604 onComplete() { 605 document.body.style.overflow = ""; 606 state.mobileTl = null; 607 setupMobile(); 608 }, 609 }); 610 state.mobileTl = tl; 611 612 tl.add(animateBurger(false), 0); 613 614 // If a panel was open, fade it out with the close â no snap reset 615 if (hadPanel && panelEl) { 616 tl.to(panelEl, { autoAlpha: 0, duration: 0.3, ease: "power2.inOut" }, 0.05); 617 tl.to(backBtn, { autoAlpha: 0, duration: 0.2, ease: "power2.in" }, 0.05); 618 } 619 620 // Fade out the nav list container 621 tl.to(navList, { autoAlpha: 0, duration: 0.3, ease: "power2.inOut" }, 0.05); 622 } 623 624 // MOBILE â slide-over panels 625 function openMobilePanel(panelName) { 626 const el = getPanel(panelName); 627 if (!el) return; 628 killMobilePanel(); 629 state.mobilePanelActive = panelName; 630 631 const navItems = getNavItems(); 632 const panelFade = getFade(el); 633 634 const tl = gsap.timeline(); 635 state.mobilePanelTl = tl; 636 637 // Fade out each nav item to the left 638 if (navItems.length) { 639 tl.to(navItems, { 640 xPercent: -10, autoAlpha: 0, 641 duration: 0.35, stagger: 0.03, ease: "power2.in", 642 }, 0); 643 } 644 645 // Logo â back button swap 646 tl.to(logo, { autoAlpha: 0, duration: 0.2, ease: "power2.in" }, 0); 647 tl.to(backBtn, { autoAlpha: 1, duration: 0.25, ease: "power2.inOut" }, 0.15); 648 649 // Show panel container, then fade in its items from the right 650 tl.set(el, { autoAlpha: 1, xPercent: 0, pointerEvents: "auto" }, 0.2); 651 if (panelFade.length) { 652 tl.fromTo(panelFade, 653 { xPercent: 8, autoAlpha: 0 }, 654 { xPercent: 0, autoAlpha: 1, duration: 0.3, stagger: stagger(panelFade.length), ease: "power3.out" }, 655 0.25 656 ); 657 } 658 } 659 660 function closeMobilePanel() { 661 if (!state.mobilePanelActive) return; 662 const el = getPanel(state.mobilePanelActive); 663 if (!el) return; 664 killMobilePanel(); 665 666 const navItems = getNavItems(); 667 const panelFade = getFade(el); 668 669 const tl = gsap.timeline({ 670 onComplete() { state.mobilePanelActive = null; state.mobilePanelTl = null; }, 671 }); 672 state.mobilePanelTl = tl; 673 674 // Fade out panel items to the right 675 if (panelFade.length) { 676 tl.to(el, { 677 xPercent: 20, autoAlpha: 0, 678 duration: 0.3, stagger: 0.02, ease: "power2.in", 679 }, 0); 680 } 681 682 // Hide panel 683 tl.set(el, { autoAlpha: 0, pointerEvents: "none" }, 0.25); 684 685 // Back â logo swap 686 tl.to(backBtn, { autoAlpha: 0, duration: 0.2, ease: "power2.in" }, 0); 687 tl.to(logo, { autoAlpha: 1, duration: 0.25, ease: "power2.out" }, 0.15); 688 689 // Fade nav items back in from center 690 if (navItems.length) { 691 tl.fromTo(navItems, 692 { xPercent: -20, autoAlpha: 0 }, 693 { xPercent: 0, autoAlpha: 1, duration: 0.35, stagger: 0.03, ease: "power3.out" }, 694 0.25 695 ); 696 } 697 } 698 699 function handleToggleClick(e) { 700 if (!state.isMobile || !state.mobileMenuOpen) return; 701 const name = e.currentTarget.getAttribute("data-dropdown-toggle"); 702 if (name) { e.preventDefault(); openMobilePanel(name); } 703 } 704 705 // RESIZE 706 let resizeTimer = null; 707 let lastWidth = window.innerWidth; 708 function handleResize() { 709 const w = window.innerWidth; 710 if (w === lastWidth) return; 711 lastWidth = w; 712 clearTimeout(resizeTimer); 713 resizeTimer = setTimeout(() => { 714 const was = state.isMobile; 715 state.isMobile = window.innerWidth <= 991; 716 717 if (was && !state.isMobile) { 718 killMobile(); killMobilePanel(); 719 gsap.set(navList, { clearProps: "all" }); 720 gsap.set(getNavItems(), { clearProps: "all" }); 721 gsap.set(backBtn, { autoAlpha: 0 }); 722 gsap.set(logo, { clearProps: "all" }); 723 gsap.set([lineTop, lineMid, lineBot], { rotation: 0, y: 0, autoAlpha: 1 }); 724 burger.setAttribute("aria-expanded", "false"); 725 state.mobileMenuOpen = false; 726 state.mobilePanelActive = null; 727 document.body.style.overflow = ""; 728 resetDesktop(); 729 } 730 if (!was && state.isMobile) { 731 killDropdown(); 732 state.isOpen = false; state.activePanel = null; state.activePanelIndex = -1; 733 clearTimers(); 734 menuWrap.setAttribute("data-menu-open", "false"); 735 resetToggles(); 736 setupMobile(); 737 } 738 }, 150); 739 } 740 741 // EVENT BINDING
742 toggles.forEach((btn) => { 743 btn.addEventListener("mouseenter", handleToggleEnter); 744 btn.addEventListener("mouseleave", handleToggleLeave); 745 btn.addEventListener("keydown", handleKeydownOnToggle); 746 btn.addEventListener("click", handleToggleClick); 747 }); 748 dropWrapper.addEventListener("mouseenter", handleWrapperEnter); 749 dropWrapper.addEventListener("mouseleave", handleWrapperLeave); 750 panels.forEach((p) => p.addEventListener("keydown", handleKeydownInPanel)); 751 backdrop.addEventListener("click", closeDropdown); 752 document.addEventListener("keydown", handleEscape); 753 document.addEventListener("click", handleDocClick); 754 burger.addEventListener("click", () => state.mobileMenuOpen ? closeMobileMenu() : openMobileMenu()); 755 backBtn.addEventListener("click", closeMobilePanel); 756 window.addEventListener("resize", handleResize); 757 758 // INIT 759 state.isMobile ? setupMobile() : resetDesktop(); 760} 761 762 763// Initialize Mega Navigation (Directional Hover) 764window.addEventListener('load', () => { 765 setTimeout(() => { 766 initMegaNavDirectionalHover(); 767 console.log; 768 }, 100); 769}); 770 771</script>
771 772 773 774 775 776 777 778<!-- animated tabs way of working -->
779<script> 780 function initTabSystem() { 781 const wrappers = document.querySelectorAll('[data-tabs="wrapper"]'); 782 783 wrappers.forEach((wrapper) => { 784 const contentItems = wrapper.querySelectorAll('[data-tabs="content-item"]'); 785 const visualItems = wrapper.querySelectorAll('[data-tabs="visual-item"]'); 786 787 const autoplay = wrapper.dataset.tabsAutoplay === "true"; 788 const autoplayDuration = parseInt(wrapper.dataset.tabsAutoplayDuration) || 5000; 789 790 let activeContent = null; // keep track of active item/link 791 let activeVisual = null; 792 let isAnimating = false; 793 let progressBarTween = null; // to stop/start the progress bar 794 795 function startProgressBar(index) { 796 if (progressBarTween) progressBarTween.kill(); 797 const bar = contentItems[index].querySelector('[data-tabs="item-progress"]'); 798 if (!bar) return; 799 800 // In this function, you can basically do anything you want, that should happen as a tab is active 801 // Maybe you have a circle filling, some other element growing, you name it. 802 gsap.set(bar, { scaleX: 0, transformOrigin: "left center" }); 803 progressBarTween = gsap.to(bar, { 804 scaleX: 1, 805 duration: autoplayDuration / 1000, 806 ease: "power1.inOut", 807 onComplete: () => { 808 if (!isAnimating) { 809 const nextIndex = (index + 1) % contentItems.length; 810 switchTab(nextIndex); // once bar is full, set next to active â this is important 811 } 812 }, 813 }); 814 } 815 816 function switchTab(index) { 817 if (isAnimating || contentItems[index] === activeContent) return; 818 819 isAnimating = true; 820 if (progressBarTween) progressBarTween.kill(); // Stop any running progress bar here 821 822 const outgoingContent = activeContent; 823 const outgoingVisual = activeVisual; 824 const outgoingBar = outgoingContent?.querySelector('[data-tabs="item-progress"]'); 825 826 const incomingContent = contentItems[index]; 827 const incomingVisual = visualItems[index]; 828 const incomingBar = incomingContent.querySelector('[data-tabs="item-progress"]'); 829 830 outgoingContent?.classList.remove("active"); 831 outgoingVisual?.classList.remove("active"); 832 incomingContent.classList.add("active"); 833 incomingVisual.classList.add("active"); 834 835 const tl = gsap.timeline({ 836 defaults: { duration: 0.65, ease: "power3" }, 837 onComplete: () => { 838 activeContent = incomingContent; 839 activeVisual = incomingVisual; 840 isAnimating = false; 841 if (autoplay) startProgressBar(index); // Start autoplay bar here 842 }, 843 }); 844 845 // Wrap 'outgoing' in a check to prevent warnings on first run of the function 846 // Of course, during first run (on page load), there's no 'outgoing' tab yet! 847 if (outgoingContent) { 848 outgoingContent.classList.remove("active"); 849 outgoingVisual?.classList.remove("active"); 850 tl.set(outgoingBar, { transformOrigin: "right center" }) 851 .to(outgoingBar, { scaleX: 0, duration: 0.3 }, 0) 852 .to(outgoingVisual, { autoAlpha: 0, xPercent: 3 }, 0) 853 .to(outgoingContent.querySelector('[data-tabs="item-details"]'), { height: 0 }, 0); 854 } 855 856 incomingContent.classList.add("active"); 857 incomingVisual.classList.add("active"); 858 tl.fromTo(incomingVisual, { autoAlpha: 0, xPercent: 3 }, { autoAlpha: 1, xPercent: 0 }, 0.3) 859 .fromTo( incomingContent.querySelector('[data-tabs="item-details"]'),{ height: 0 },{ height: "auto" },0) 860 .set(incomingBar, { scaleX: 0, transformOrigin: "left center" }, 0); 861 } 862 863 // on page load, set first to active 864 // idea: you could wrap this in a scrollTrigger 865 // so it will only start once a user reaches this section 866 switchTab(0); 867 868 // switch tabs on click 869 contentItems.forEach((item, i) => 870 item.addEventListener("click", () => { 871 if (item === activeContent) return; // ignore click if current one is already active 872 switchTab(i); 873 }) 874 ); 875 876 }); 877} 878 879// Initialize Tab System with Autoplay Option 880window.addEventListener('load', () => { 881 setTimeout(() => { 882 initTabSystem(); 883 console.log("Tabs geladen"); 884 }, 200); 885}); 886</script>
886 887
888<script> 889 function initOverlappingSlider() { 890 const inits = document.querySelectorAll('[data-overlap-slider-init]'); 891 if (!inits.length) return; 892 893 inits.forEach(setupOverlappingSlider); 894 895 function setupOverlappingSlider(init) { 896 const minScale = +(init.getAttribute('data-scale') ?? 0.45); 897 const maxRotation = +(init.getAttribute('data-rotate') ?? -8); 898 const inertia = true; 899 900 const wrap = init.querySelector('[data-overlap-slider-collection]'); 901 const slider = init.querySelector('[data-overlap-slider-list]'); 902 const slides = Array.from(init.querySelectorAll('[data-overlap-slider-item]')); 903 904 if (!wrap || !slider || !slides.length) return; 905 906 wrap.style.touchAction = 'none'; 907 wrap.style.userSelect = 'none'; 908 909 let spacing = 0, slideW = 0, maxDrag = 0, dragX = 0, draggable; 910 911 function clamp(value) { 912 return Math.min(Math.max(value, 0), maxDrag); 913 } 914 915 function update() { 916 gsap.set(slider, { x: -dragX }); 917 slides.forEach((slide, i) => { 918 const threshold = i * spacing; 919 const local = Math.max(0, dragX - threshold); 920 const t = spacing > 0 ? Math.min(local / spacing, 1) : 0; 921 gsap.set(slide, { 922 x: local, 923 scale: 1 - (1 - minScale) * t, 924 rotation: maxRotation * t, 925 transformOrigin: '75% center' 926 }); 927 }); 928 } 929 930 function recalc() { 931 if (!slides.length) return; 932 const style = getComputedStyle(slides[0]); 933 const gapRight = parseFloat(style.marginRight) || 0; 934 slideW = slides[0].offsetWidth; 935 spacing = slideW + gapRight; 936 maxDrag = spacing * (slides.length - 1); 937 dragX = clamp(dragX); 938 update(); 939 if (draggable) draggable.applyBounds({ minX: -maxDrag, maxX: 0 }); 940 } 941 942 draggable = Draggable.create(slider, { 943 type: 'x', 944 bounds: { minX: -maxDrag, maxX: 0 }, 945 inertia, 946 maxDuration: 1, 947 snap: (raw) => { 948 const d = clamp(-raw); 949 const idx = spacing > 0 ? Math.round(d / spacing) : 0; 950 return -idx * spacing; 951 }, 952 onDrag() { dragX = clamp(-this.x); update(); }, 953 onThrowUpdate() { dragX = clamp(-this.x); update(); } 954 })[0]; 955 956 const ro = new ResizeObserver(() => recalc()); 957 ro.observe(init); 958 959 let active = false, currentIndex = 0; 960 961 function goToSlide(idx) { 962 idx = Math.max(0, Math.min(idx, slides.length - 1)); 963 currentIndex = idx; 964 const targetX = idx * spacing; 965 gsap.to({ value: dragX }, { 966 value: targetX, 967 duration: 0.35, 968 ease: "power4.out", 969 onUpdate: function () { 970 dragX = this.targets()[0].value; 971 gsap.set(slider, { x: -dragX }); 972 update(); 973 } 974 }); 975 } 976 977 const io = new IntersectionObserver(entries => { active = entries[0].isIntersecting; }, { threshold: 0.25 }); 978 io.observe(init); 979 980 window.addEventListener("keydown", (e) => { 981 if (!active) return; 982 if (e.key === "ArrowLeft") { e.preventDefault(); goToSlide(currentIndex - 1); } 983 if (e.key === "ArrowRight") { e.preventDefault(); goToSlide(currentIndex + 1); } 984 }); 985 986 recalc(); 987 } 988 } 989 990 // Initialisatie van alle systemen met veilige vertragingen 991 window.addEventListener('load', () => { 992 // 1. Slider (250ms) 993 setTimeout(() => { 994 if (typeof initOverlappingSlider === 'function') { 995 initOverlappingSlider(); 996 console.log("Slider geladen"); 997 } 998 }, 250); 999 1000 // 2. FAQ Accordion (300ms) 1001 setTimeout(() => { 1002 if (typeof initAccordionCSS === 'function') { 1003 initAccordionCSS(); 1004 console.log("FAQ geladen"); 1005 } 1006 }, 300); 1007 }); 1008</script>
1008 1009
1010<script> 1011 function initLineRevealTestimonials() { 1012 const wraps = document.querySelectorAll("[data-testimonial-wrap]"); 1013 if (!wraps.length) return; 1014 1015 wraps.forEach((wrap) => { 1016 const list = wrap.querySelector("[data-testimonial-list]"); 1017 if (!list) return; 1018 1019 const items = Array.from(list.querySelectorAll("[data-testimonial-item]")); 1020 if (!items.length) return; 1021 1022 const btnPrev = wrap.querySelector("[data-prev]"); 1023 const btnNext = wrap.querySelector("[data-next]"); 1024 const elCurrent = wrap.querySelector("[data-current]"); 1025 const elTotal = wrap.querySelector("[data-total]"); 1026 1027 if (elTotal) elTotal.textContent = String(items.length); 1028 1029 let activeIndex = items.findIndex((el) => el.classList.contains("is--active")); 1030 if (activeIndex < 0) activeIndex = 0; 1031 1032 let isAnimating = false; 1033 let reduceMotion = false; 1034 let isInView = true; 1035 1036 const slides = items.map((item) => ({ 1037 item, 1038 image: item.querySelector("[data-testimonial-img]"), 1039 icon: item.querySelector("[data-testimonial-icon]"), 1040 splitTargets: [ 1041 item.querySelector("[data-testimonial-text]"), 1042 ...item.querySelectorAll("[data-testimonial-split]"), 1043 ].filter(Boolean), 1044 splitInstances: [], 1045 getLines() { 1046 return this.splitInstances.flatMap((instance) => instance.lines); 1047 }, 1048 })); 1049 1050 function setSlideState(slideIndex, isActive) { 1051 const { item } = slides[slideIndex]; 1052 item.classList.toggle("is--active", isActive); 1053 item.setAttribute("aria-hidden", String(!isActive)); 1054 gsap.set(item, { 1055 autoAlpha: isActive ? 1 : 0, 1056 pointerEvents: isActive ? "auto" : "none", 1057 }); 1058 } 1059 1060 function updateCounter() { 1061 if (elCurrent) elCurrent.textContent = String(activeIndex + 1); 1062 } 1063 1064 slides.forEach((_, i) => setSlideState(i, i === activeIndex)); 1065 updateCounter(); 1066 1067 gsap.matchMedia().add( 1068 { reduce: "(prefers-reduced-motion: reduce)" }, 1069 (context) => { 1070 reduceMotion = context.conditions.reduce; 1071 } 1072 ); 1073 1074 slides.forEach((slide, slideIndex) => { 1075 slide.splitInstances = slide.splitTargets.map((el) => 1076 SplitText.create(el, { 1077 type: "lines", 1078 mask: "lines", 1079 linesClass: "text-line", 1080 autoSplit: true, 1081 onSplit(self) { 1082 if (reduceMotion) return; 1083 const isActive = slideIndex === activeIndex; 1084 gsap.set(self.lines, { yPercent: isActive ? 0 : 110 }); 1085 1086 if (slide.image) { 1087 gsap.set(slide.image, { 1088 clipPath: isActive ? "circle(50% at 50% 50%)" : "circle(0% at 50% 50%)", 1089 }); 1090 } 1091 1092 if (slide.icon) { 1093 gsap.set(slide.icon, { scale: isActive ? 1 : 0, autoAlpha: isActive ? 1 : 0 }); 1094 } 1095 }, 1096 }) 1097 ); 1098 }); 1099 1100 function goTo(nextIndex) { 1101 if (isAnimating || nextIndex === activeIndex) return; 1102 isAnimating = true; 1103 1104 const outgoingSlide = slides[activeIndex]; 1105 const incomingSlide = slides[nextIndex]; 1106 1107 const tl = gsap.timeline({ 1108 onComplete: () => { 1109 setSlideState(activeIndex, false); 1110 setSlideState(nextIndex, true); 1111 activeIndex = nextIndex; 1112 updateCounter(); 1113 isAnimating = false; 1114 }, 1115 }); 1116 1117 if (reduceMotion) { 1118 tl.to(outgoingSlide.item, { autoAlpha: 0, duration: 0.4, ease: "power2" }, 0) 1119 .fromTo(incomingSlide.item, { autoAlpha: 0 }, { autoAlpha: 1, duration: 0.4, ease: "power2" }, 0); 1120 return; 1121 } 1122 1123 const outgoingLines = outgoingSlide.getLines(); 1124 const incomingLines = incomingSlide.getLines(); 1125 1126 gsap.set(incomingSlide.item, { autoAlpha: 1, pointerEvents: "auto" }); 1127 gsap.set(incomingLines, { yPercent: 110 }); 1128 1129 tl.to(outgoingLines, { 1130 yPercent: -110, 1131 duration: 0.6, 1132 ease: "power4.inOut", 1133 stagger: { amount: 0.25 }, 1134 }, 0); 1135 1136 if (outgoingSlide.image) { 1137 tl.to(outgoingSlide.image, { 1138 clipPath: "circle(0% at 50% 50%)", 1139 duration: 0.6, 1140 ease: "power4.inOut", 1141 }, 0); 1142 } 1143 1144 if (outgoingSlide.icon) { 1145 tl.to(outgoingSlide.icon, { 1146 scale: 0, 1147 autoAlpha: 0, 1148 duration: 0.5, 1149 ease: "power4.inOut", 1150 }, 0); 1151 } 1152 1153 tl.to(incomingLines, { 1154 yPercent: 0, 1155 duration: 0.7, 1156 ease: "power4.inOut", 1157 stagger: { amount: 0.4 }, 1158 }, ">-=0.3"); 1159 1160 if (incomingSlide.image) { 1161 tl.to(incomingSlide.image, { 1162 clipPath: "circle(50% at 50% 50%)", 1163 duration: 0.75, 1164 ease: "power4.inOut", 1165 }, "<"); 1166 } 1167 1168 if (incomingSlide.icon) { 1169 tl.to(incomingSlide.icon, { 1170 scale: 1, 1171 autoAlpha: 1, 1172 duration: 0.6, 1173 ease: "power4.out", 1174 }, "<"); 1175 } 1176 1177 tl.set(outgoingSlide.item, { autoAlpha: 0 }, ">"); 1178 } 1179 1180 if (btnNext) { 1181 btnNext.addEventListener("click", () => goTo((activeIndex + 1) % slides.length)); 1182 } 1183 1184 if (btnPrev) { 1185 btnPrev.addEventListener("click", () => goTo((activeIndex - 1 + slides.length) % slides.length)); 1186 } 1187 1188 function onKeyDown(e) { 1189 if (!isInView) return; 1190 const t = e.target; 1191 if (t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable)) return; 1192 1193 if (e.key === "ArrowRight") { 1194 e.preventDefault(); 1195 goTo((activeIndex + 1) % slides.length); 1196 } 1197 if (e.key === "ArrowLeft") { 1198 e.preventDefault(); 1199 goTo((activeIndex - 1 + slides.length) % slides.length); 1200 } 1201 } 1202 1203 window.addEventListener("keydown", onKeyDown); 1204 1205 ScrollTrigger.create({ 1206 trigger: wrap, 1207 start: "top bottom", 1208 end: "bottom top", 1209 onEnter: () => isInView = true, 1210 onEnterBack: () => isInView = true, 1211 onLeave: () => isInView = false, 1212 onLeaveBack: () => isInView = false, 1213 }); 1214 }); 1215} 1216 1217window.addEventListener('load', () => { 1218 setTimeout(() => { 1219 if (typeof gsap !== 'undefined' && typeof SplitText !== 'undefined') { 1220 initLineRevealTestimonials(); 1221 } else { 1222 console.log("Testimonials niet geladen: gsap of SplitText ontbreekt"); 1223 } 1224 }, 200); 1225}); 1226</script>
1226 1227</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.