1<!doctype html> 2<html lang="nl-NL" class="relative bg-primary font-sans font-normal text-white antialiased selection:bg-secondary selection:text-white" 3 x-data="{ navOpen: false }" :class="{ 'overflow-hidden relative': navOpen }"> 4 5<head> 6 <meta charset="utf-8">
7<script> 8var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}}); 9</script>
9 10 11 <meta name="viewport" content="width=device-width, initial-scale=1"> 12 <link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96" /> 13 <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> 14 <link rel="shortcut icon" href="/favicon.ico" /> 15 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> 16 <meta name="apple-mobile-web-app-title" content="Benkey" /> 17
17<script type="text/javascript" data-cookieconsent="ignore"> 18 window.dataLayer = window.dataLayer || []; 19 20 function gtag() { 21 dataLayer.push(arguments); 22 } 23 24 gtag("consent", "default", { 25 ad_personalization: "denied", 26 ad_storage: "denied", 27 ad_user_data: "denied", 28 analytics_storage: "denied", 29 functionality_storage: "denied", 30 personalization_storage: "denied", 31 security_storage: "granted", 32 wait_for_update: 500, 33 }); 34 gtag("set", "ads_data_redaction", true); 35 </script>
vendor: 1 bytes, line 35
35
36<script type="text/javascript" data-cookieconsent="ignore"> 37 (function (w, d, s, l, i) { 38 w[l] = w[l] || []; 39 w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); 40 var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l !== 'dataLayer' ? '&l=' + l : ''; 41 j.async = true; 42 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 43 f.parentNode.insertBefore(j, f); 44 })( 45 window, 46 document, 47 'script', 48 'dataLayer', 49 'GTM-WNPGLQD' 50 ); 51</script>
vendor: 1 bytes, line 51
51
52<script type="text/javascript" 53 id="Cookiebot" 54 src="https://consent.cookiebot.com/uc.js" 55 data-implementation="wp" 56 data-cbid="b8928f90-fe44-4e2f-885e-5d4b514ee4cb" 57 data-culture="NL" 58 data-blockingmode="auto" 59 ></script>
59 60<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 61 62 <!-- This site is optimized with the Yoast SEO plugin v28.3 - https://yoast.com/product/yoast-seo-wordpress/ --> 63 <title>Homepagina - Benkey Fund Management B.V.</title> 64<link data-rocket-prefetch href="https://js-eu1.hs-banner.com" rel="dns-prefetch"> 65<link data-rocket-prefetch href="https://js-eu1.usemessages.com" rel="dns-prefetch"> 66<link data-rocket-prefetch href="https://js-eu1.hsadspixel.net" rel="dns-prefetch"> 67<link data-rocket-prefetch href="https://js.hs-analytics.net" rel="dns-prefetch"> 68<link data-rocket-prefetch href="https://www.googletagmanager.com" rel="dns-prefetch"> 69<link data-rocket-prefetch href="https://consent.cookiebot.com" rel="dns-prefetch"> 70<link data-rocket-prefetch href="https://js-eu1.hs-scripts.com" rel="dns-prefetch"> 71<link data-rocket-prefetch href="https://www.google.com" rel="dns-prefetch"> 72 <meta name="description" content="Bij Benkey investeer je in commercieel vastgoed én relaties. Kleinschalig, persoonlijk en resultaatgericht. Ontdek hoe jouw vermogen bij ons groeit." /> 73 <link rel="canonical" href="https://benkey.nl/" /> 74 <meta property="og:locale" content="nl_NL" /> 75 <meta property="og:type" content="website" /> 76 <meta property="og:title" content="Homepagina - Benkey Fund Management B.V." /> 77 <meta property="og:description" content="Bij Benkey investeer je in commercieel vastgoed én relaties. Kleinschalig, persoonlijk en resultaatgericht. Ontdek hoe jouw vermogen bij ons groeit." /> 78 <meta property="og:url" content="https://benkey.nl/" /> 79 <meta property="og:site_name" content="Benkey Fund Management B.V." /> 80 <meta property="article:modified_time" content="2026-08-24T08:24:07+00:00" /> 81 <meta name="twitter:card" content="summary_large_image" /> 82
82<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/benkey.nl\/","url":"https:\/\/benkey.nl\/","name":"Homepagina - Benkey Fund Management B.V.","isPartOf":{"@id":"https:\/\/benkey.nl\/#website"},"datePublished":"2025-08-11T07:41:35+00:00","dateModified":"2026-08-24T08:24:07+00:00","description":"Bij Benkey investeer je in commercieel vastgoed én relaties. Kleinschalig, persoonlijk en resultaatgericht. Ontdek hoe jouw vermogen bij ons groeit.","breadcrumb":{"@id":"https:\/\/benkey.nl\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/benkey.nl\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/benkey.nl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/benkey.nl\/#website","url":"https:\/\/benkey.nl\/","name":"Benkey Fund Management B.V.","description":"Benkey. Altijd binnen handbereik","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/benkey.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"}]}</script>
82 83 <!-- / Yoast SEO plugin. --> 84 85 86<link rel='dns-prefetch' href='//www.google.com' /> 87<style id="wp-img-auto-sizes-contain-inline-css"> 88img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 89/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 90</style> 91<style id="wp-block-library-inline-css"> 92:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
92--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 93 94/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 95</style> 96
97<script id="jquery-core-js" src="https://benkey.nl/wp/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 97
97
98<script id="jquery-migrate-js" src="https://benkey.nl/wp/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 98
98
99<script id="gform_json-js" defer='defer' src="https://benkey.nl/app/plugins/gravityforms/js/jquery.json.min.js?ver=2.10.5"></script>
vendor: 1 bytes, line 99
99
100<script id="gform_gravityforms-js-extra"> 101var gf_global = {"gf_currency_config":{"name":"Euro","symbol_left":"","symbol_right":"€","symbol_padding":" ","thousand_separator":".","decimal_separator":",","decimals":2,"code":"EUR"},"base_url":"https://benkey.nl/app/plugins/gravityforms","number_formats":[],"spinnerUrl":"https://benkey.nl/app/plugins/gravityforms/images/spinner.svg","version_hash":"dd890e625b5ba7a8c82a94fb45841132","strings":{"newRowAdded":"Nieuwe rij toegevoegd.","rowRemoved":"Rij verwijderd","formSaved":"Het formulier is opgeslagen. De inhoud bevat de link om terug te keren en het formulier in te vullen."}}; 102var gform_i18n = {"datepicker":{"days":{"monday":"Ma","tuesday":"Di","wednesday":"Wo","thursday":"Do","friday":"Vr","saturday":"Za","sunday":"Zo"},"months":{"january":"Januari","february":"Februari","march":"Maart","april":"April","may":"Mei","june":"Juni","july":"Juli","august":"Augustus","september":"September","october":"Oktober","november":"November","december":"December"},"firstDay":1,"iconText":"Selecteer een datum"}}; 103var gf_legacy_multi = {"2":""}; 104var gform_gravityforms = {"strings":{"invalid_file_extension":"Dit bestandstype is niet toegestaan. Moet \u00e9\u00e9n van de volgende zijn:","file_uploaded":"Bestand ge\u00fcpload","delete_file":"Dit bestand verwijderen","in_progress":"in behandeling","file_exceeds_limit":"Bestand overschrijdt limiet bestandsgrootte","illegal_extension":"Dit type bestand is niet toegestaan.","max_reached":"Maximale aantal bestanden bereikt","unknown_error":"Er was een probleem bij het opslaan van het bestand op de server","currently_uploading":"Wacht tot het uploaden is voltooid","cancel":"Annuleren","cancel_upload":"Deze upload annuleren","cancelled":"Geannuleerd","error":"Fout","message":"Bericht"},"vars":{"images_url":"https://benkey.nl/app/plugins/gravityforms/images"}}; 105//# sourceURL=gform_gravityforms-js-extra 106</script>
vendor: 1 bytes, line 106
106
107<script id="gform_gravityforms-js" defer='defer' src="https://benkey.nl/app/plugins/gravityforms/js/gravityforms.min.js?ver=2.10.5"></script>
vendor: 1 bytes, line 107
107
108<script id="gform_gravityforms_utils-js" defer='defer' src="https://benkey.nl/app/plugins/gravityforms/assets/js/dist/utils.min.js?ver=3f278756f0a3032bed328ff6a9f6c01d"></script>
vendor: 1 bytes, line 108
108
109<script id="search-filter-plugin-build-js-extra"> 110var SF_LDATA = {"ajax_url":"https://benkey.nl/wp/wp-admin/admin-ajax.php","home_url":"https://benkey.nl/","extensions":[]}; 111//# sourceURL=search-filter-plugin-build-js-extra 112</script>
vendor: 1 bytes, line 112
112
113<script id="search-filter-plugin-build-js" src="https://benkey.nl/app/plugins/search-filter-pro/public/assets/js/search-filter-build.min.js?ver=2.5.21"></script>
vendor: 1 bytes, line 113
113
114<script id="search-filter-plugin-chosen-js" src="https://benkey.nl/app/plugins/search-filter-pro/public/assets/js/chosen.jquery.min.js?ver=2.5.21"></script>
114 115<style id="wp-custom-css"> 116/* Alleen deze pagina (ID 1222) compacter maken */ 117.page-id-1222 h1, 118.page-id-1222 h2, 119.page-id-1222 h3, 120.page-id-1222 h4 { 121 margin-top: 12px !important; 122 margin-bottom: 8px !important; 123} 124 125.prose img {border-radius:30px;} 126 127/* Minder ruimte tussen tekstblokken */ 128.page-id-1222 p, 129.page-id-1222 ul, 130.page-id-1222 ol { 131 margin-bottom: 10px !important; 132} 133 134/* Dit is meestal de echte boosdoener: grote marges rond afbeeldingen/beeldblokken */ 135.page-id-1222 figure, 136.page-id-1222 .wp-block-image, 137.page-id-1222 img { 138 margin-top: 10px !important; 139 margin-bottom: 10px !important; 140} 141.page-stagiaire-commerciele-acquisitie h1, 142.page-stagiaire-commerciele-acquisitie h2, 143.page-stagiaire-commerciele-acquisitie h3, 144.page-stagiaire-commerciele-acquisitie h4, 145.page-stagiaire-commerciele-acquisitie p, 146.page-stagiaire-commerciele-acquisitie ul, 147.page-stagiaire-commerciele-acquisitie ol, 148.page-stagiaire-commerciele-acquisitie figure, 149.page-stagiaire-commerciele-acquisitie .wp-block-image, 150.page-stagiaire-commerciele-acquisitie img { 151 margin-top: 10px !important; 152 margin-bottom: 10px !important; 153} 154/* TEST: als je dit ziet, werkt CSS */ 155.page-stagiaire-commerciele-acquisitie { 156 background: rgba(255, 0, 0, 0.05) !important; 157} 158/* TEST â pagina 1222 */ 159.page-id-1222 { 160 background: rgba(255, 0, 0, 0.05) !important; 161} 162 163</style> 164 165 <link rel="preload" as="style" href="https://benkey.nl/app/themes/benkey/public/build/assets/app-TjCxzAxm.css" /><link rel="preload" as="style" href="https://benkey.nl/app/themes/benkey/public/build/assets/app-B2ZarPwU.css" /><link rel="modulepreload" as="script" href="https://benkey.nl/app/themes/benkey/public/build/assets/app-DEWicxqi.js" /><link rel="stylesheet" href="https://benkey.nl/app/themes/benkey/public/build/assets/app-TjCxzAxm.css" /><link rel="stylesheet" href="https://benkey.nl/app/themes/benkey/public/build/assets/app-B2ZarPwU.css" />
165<script type="module" src="https://benkey.nl/app/themes/benkey/public/build/assets/app-DEWicxqi.js"></script>
165 166 <!-- Google Tag Manager --> 167
167<script>
vendor: 492 bytes, lines 167-181
167 168 (function(w, d, s, l, i) { 169 w[l] = w[l] || []; 170 w[l].push({ 171 'gtm.start': new Date().getTime(), 172 event: 'gtm.js' 173 }); 174 var f = d.getElementsByTagName(s)[0], 175 j = d.createElement(s), 176 dl = l != 'dataLayer' ? '&l=' + l : ''; 177 j.async = true; 178 j.src = 179 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 180 f.parentNode.insertBefore(j, f); 181 })(window, document, 'script', 'dataLayer', '
181GTM-WNPGLQD
vendor: 8 bytes, lines 181-182
181'); 182
182</script>
182 183 <!-- End Google Tag Manager --> 184 <style id="global-styles-inline-css"> 185:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
185--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--xs: .75rem;--wp--preset--font-size--sm: .875rem;--wp--preset--font-size--base: 1rem;--wp--preset--font-size--lg: 1.125rem;--wp--preset--font-size--xl: 1.25rem;--wp--preset--font-size--2-xl: 1.5rem;--wp--preset--font-size--3-xl: 1.875rem;--wp--preset--font-size--4-xl: 2.25rem;--wp--preset--font-size--5-xl: 3rem;--wp--preset--font-size--6-xl: 3.75rem;--wp--preset--font-size--7-xl: 4.5rem;--wp--preset--font-size--8-xl: 6rem;--wp--preset--font-size--9-xl: 8rem;--wp--preset--font-family--sans: Roobert,sans-serif;--wp--preset--font-family--serif: Astrid,serif;--wp--preset--font-family--mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: 48rem;--wp--style--global--wide-size: 48rem; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
185.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xs-font-size{font-size: var(--wp--preset--font-size--xs) !important;}.has-sm-font-size{font-size: var(--wp--preset--font-size--sm) !important;}.has-base-font-size{font-size: var(--wp--preset--font-size--base) !important;}.has-lg-font-size{font-size: var(--wp--preset--font-size--lg) !important;}.has-xl-font-size{font-size: var(--wp--preset--font-size--xl) !important;}.has-2-xl-font-size{font-size: var(--wp--preset--font-size--2-xl) !important;}.has-3-xl-font-size{font-size: var(--wp--preset--font-size--3-xl) !important;}.has-4-xl-font-size{font-size: var(--wp--preset--font-size--4-xl) !important;}.has-5-xl-font-size{font-size: var(--wp--preset--font-size--5-xl) !important;}.has-6-xl-font-size{font-size: var(--wp--preset--font-size--6-xl) !important;}.has-7-xl-font-size{font-size: var(--wp--preset--font-size--7-xl) !important;}.has-8-xl-font-size{font-size: var(--wp--preset--font-size--8-xl) !important;}.has-9-xl-font-size{font-size: var(--wp--preset--font-size--9-xl) !important;}.has-sans-font-family{font-family: var(--wp--preset--font-family--sans) !important;}.has-serif-font-family{font-family: var(--wp--preset--font-family--serif) !important;}.has-mono-font-family{font-family: var(--wp--preset--font-family--mono) !important;} 186/*# sourceURL=global-styles-inline-css */ 187</style> 188 189<meta name="generator" content="WP Rocket 3.23" data-wpr-features="wpr_preconnect_external_domains wpr_cdn wpr_preload_links wpr_desktop" /></head> 190 191<body> 192 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 192-193
192 193 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
193GTM-WNPGLQD
vendor: 95 bytes, lines 193-195
193" height="0" width="0" 194 style="display:none;visibility:hidden"></iframe></noscript> 195
195<!-- End Google Tag Manager (noscript) --> 196 197 <div id="app"> 198 <header class="relative z-[90] border border-transparent" x-data="{ hoveredItem: null }" x-on:mouseleave="hoveredItem = null"> 199 <div class="relative"> 200 <div class="mx-auto max-w-screen-2xl px-4 sm:px-6 md:px-8"> 201 <div class="relative flex flex-row items-center justify-between gap-12 py-4 xl:py-0 2xl:gap-24"> 202 203 <a href="https://benkey.nl/" class="inline-block h-auto w-full xl:hidden"> 204 <svg xmlns="http://www.w3.org/2000/svg" width="184" height="23" fill="none" class="h-full w-auto"> 205 <path fill="#D4DCDC" 206 d="M15.725 0c1.575 0 3.13.526 4.376 1.48l.02.016c.71.555 1.338 1.354 1.82 2.316.456.896.688 1.82.688 2.744 0 1.476-.572 2.769-1.703 3.847 1.116.442 2.03 1.112 2.724 1.996.845 1.054 1.277 2.298 1.277 3.697 0 1.836-.76 3.406-2.261 4.668a7.624 7.624 0 0 1-3.016 1.604l-.011.003c-1.183.282-2.678.425-4.442.425H4.157v-9.767H1.101V9.436h3.054V3.86H-.217V0h15.942Zm37.968 3.932H40.565v7.64l2.458-2.239a3.572 3.572 0 0 1 2.406-.933h7.965v3.932h-12.83v6.532H53.69v3.932h-17.79V0h17.792v3.932ZM70.821.136 84.866 15.88 84.862.005h4.664l.007 22.79h-4.44L70.923 6.917v15.823h-4.665V0h4.44l.123.136Zm36.868 8.246L117.061 0h6.388L111.41 10.386l11.969 12.41h-6.289l-9.044-9.626-.357.307v9.319h-4.665V0h4.665v8.382Zm44.118-4.45h-13.128v7.64l2.457-2.239a3.572 3.572 0 0 1 2.406-.933h7.967v3.932h-12.831v6.532h13.128v3.932h-17.791V0h17.792v3.932Zm24.248 6.502c-1.837 2.953-1.529 3.485-1.554 5.782v6.58h-4.664V16.95c0-.
206098.003-.837.003-4.011 0-1.543.681-2.756 2.318-5.068L177.812 0h5.409l-7.166 10.434ZM8.821 18.864h6.773c1.644 0 2.853-.27 3.594-.804h.002c.755-.56 1.121-1.268 1.121-2.092 0-.824-.354-1.502-1.084-2.072-.729-.576-2.095-.867-4.063-.867H8.821v5.835ZM170.485 5.907c-1.218 1.251-1.764 2.206-2.73 4.027L161.154 0h5.408l3.923 5.907ZM8.819 9.44h5.6c1.33 0 2.302-.244 2.892-.726.572-.47.85-1.188.85-2.099 0-.91-.284-1.577-.869-2.037-.606-.476-1.523-.717-2.724-.717H8.82v5.58Z" /> 207 </svg> 208 </a> 209 210 <div class="relative z-20 hidden w-full xl:block"> 211 <nav class="xl:absolute xl:left-0 xl:right-0 xl:top-0"> 212 <div class="relative z-[900] flex w-full flex-row items-center justify-between gap-16 2xl:gap-20"> 213 214 <div class="flex w-full items-center"> 215 <ul class="flex w-full flex-row items-center justify-between gap-2 2xl:gap-4"> 216 <li class="relative" x-on:mouseenter="hoveredItem = 'investeren'"> 217 <a href="https://benkey.nl/investeren/" 218 class="inline-flex items-center gap-4 text-[0.938rem] font-medium uppercase tracking-wider transition-colors duration-500 hover:text-secondary" 219 :class="(hoveredItem === 'investeren' && false) ? 220 'text-primary' : 221 (false ? 222 'text-secondary' : 223 (hoveredItem !== null ? 'text-primary' : 'text-white'))"> 224 Investeren 225 </a> 226 </li> 227 <li class="relative" x-on:mouseenter="hoveredItem = null"> 228 <a href="https://benkey.nl/over-benkey/" 229 class="inline-flex items-center gap-4 text-[0.938rem] font-medium uppercase tracking-wider transition-colors duration-500 hover:text-secondary" 230 :class="(false) ? 231 'text-secondary' : 232 (hoveredItem !== null ? 'text-primary' : 'text-white')"> 233 Over Benkey 234 </a> 235 </li> 236 <li class="relative" x-on:mouseenter="hoveredItem = 'investor-community'"> 237 <a href="#" 238 class="inline-flex items-center gap-4 text-[0.938rem] font-medium uppercase tracking-wider transition-colors duration-500 hover:text-secondary" 239 :class="(hoveredItem === 'investor-community' && false) ? 240 'text-primary' : 241 (false ? 242 'text-secondary' : 243 (hoveredItem !== null ? 'text-primary' : 'text-white'))"> 244 Investor community 245 </a> 246 </li> 247 </ul> 248 </div> 249 250 <div class="relative z-50 -mt-8 hidden w-48 flex-shrink-0 items-center xl:flex 2xl:w-56"> 251 <a href="https://benkey.nl/"> 252 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 198 181" class="h-auto w-full"> 253 <path fill="#D4DCDC" x-show="hoveredItem == null" x-transition:enter="transition ease-out duration-300" 254 x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" 255 x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100" 256 x-transition:leave-end="opacity-0" 257 d="M100.5 0H0v123.268c0 5.342 3.87 11.651 8.64 14.092l81.716 41.78c4.775 2.441 12.534 2.485 17.334.099l81.617-40.562c4.8-2.386 8.69-8.652 8.69-13.994V0H100.5Z" /> 258 259 <path fill="#000A37" x-show="hoveredItem !== null" x-transition:enter="transition ease-out duration-300" 260 x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" 261 x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100" 262 x-transition:leave-end="opacity-0" 263 d="M100.5 0H0v123.268c0 5.342 3.87 11.651 8.64 14.092l81.716 41.78c4.775 2.441 12.534 2.485 17.334.099l81.617-40.562c4.8-2.386 8.69-8.652 8.69-13.994V0H100.5Z" /> 264 265 <path fill="#D4DCDC" x-show="hoveredItem !== null" x-transition:enter="transition ease-out duration-300" 266 x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" 267 x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100" 268 x-transition:leave-end="opacity-0" 269 d="M69.601 118.42c.665 0 1.33.332 1.634.802v-.724h.782v5.145c0 1.046-.753 1.78-1.82 1.78h-2.326v-.675h2.278c.636 0 1.086-.479 1.086-1.135v-.87c-.235.46-.89.763-1.634.763-1.535 0-2.377-1.105-2.377-2.543 0-1.438.841-2.543 2.377-2.543Zm75.609 0c.666 0 1.331.332 1.634.802v-.724h.782v5.145c0 1.046-.753 1.78-1.819 1.78h-2.328v-.675h2.279c.636 0 1.086-.479 1.086-1.135v-.87c-.235.46-.89.763-1.634.763-1.535 0-2.377-1.105-2.377-2.543 0-1.438.842-2.543 2.377-2.543Zm-105.472 0c1.085 0 1.819.596 1.878 1.506h-.763c-.069-.626-.685-.841-1.135-.841-.577 0-.958.274-.958.704 0 1.33 2.885.01 2.885 2.27 0 .88-.724 1.447-1.81 1.447-1.144 0-1.887-.636-1.965-1.663h.753c.068.636.499.978 1.212.978.617 0 1.028-.342 1.028-.743 0-1.467-2.867-.147-2.867-2.279 0-.831.705-1.379 1.742-1.379Zm10.488 0c1.438 0 2.298.998 2.298 2.309 0 .107-.01.273-.02.341h-3.853c.058 1.018.734 1.742 1.663 1.742.802 0 1.31-.353 1.467-.969h.793c-.167 1.007-1.038 1.663-2.26 1.663-1.458 0-2.436-1.164-2.436-2.572 0-1.448.9-2.514 2.348-2.514Zm6.394 0c1.438 0 2.298.998 2.298 2.309 0 .107-.01.273-.02.341h-3.853c.059 1.018.734 1.742 1.663 1.742.802-.001 1.31-.353 1.467-.969h.792c-.166 1.007-1.036 1.663-2.259 1.663-1.457 0-2.435-1.164-2.435-2.572 0-1.448.9-2.514 2.347-2.514Zm19.922 0c1.468 0 2.514 1.056 2.514 2.543 0 1.477-1.046 2.543-2.514 2.543-1.457 0-2.504-1.066-2.504-2.543 0-1.487 1.047-2.543 2.504-2.543Zm6.563 0c1.438 0 2.299.998 2.299 2.309 0 .107-.01.273-.02.341H81.53c.058 1.018.734 1.742 1.663 1.742.802 0 1.311-.353 1.468-.969h.792c-.167 1.007-1.038 1.663-2.26 1.663-1.457 0-2.436-1.164-2.436-2.572 0-1.448.9-2.514 2.348-2.514Zm8.84 5.008h-.782v-.812c-.294.538-.94.89-1.634.89-1.536 0-2.377-1.105-2.377-2.543 0-1.438.841-2.543 2.377-2.543.694 0 1.34.352 1.633.88v-2.827h.783v6.955Zm26.053-5.008c1.438 0 2.298.998 2.298 2.309 0 .107-.009.273-.019.341h-3.854c.059 1.018.734 1.742 1.663 1.742.802 0 1.311-.353 1.467-.969h.792c-.166 1.007-1.036 1.663-2.259 1.663-1.457 0-2.435-1.164-2.435-2.572 0-1.448.9-2.514 2.347-2.514Zm20.582 0c1.467 0 2.513 1.056 2.513 2.543 0 1.477-1.046 2.543-2.513 2.543-1.458 0-2.504-1.066-2.504-2.543 0-1.487 1.046-2.543 2.504-2.543Zm13.415 0c1.437 0 2.298.998 2.298 2.309 0 .107-.009.273-.019.341h-3.854c.059 1.018.734 1.742 1.663 1.742.802-.001 1.311-.353 1.467-.969h.792c-.166 1.007-1.036 1.663-2.259 1.663-1.457 0-2.435-1.164-2.435-2.572 0-1.448.899-2.514 2.347-2.514Zm-107.044.078h1.515v.694h-1.515v2.67c0 .548.313.871.792.871h.723v.695h-.753c-.938 0-1.544-.587-1.545-1.545v-2.691h-1.027v-.694h1.027v-1.575h.783v1.575Zm18.406-.078c1.115 0 1.839.792 1.839 1.995v3.013h-.782v-2.886c0-.841-.49-1.408-1.233-1.408-.841 0-1.448.675-1.448 1.634v2.66h-.782v-4.93h.782v.948c.254-.684.87-1.026 1.624-1.026Zm34.984 5.008h-.782v-4.93h.782v4.93Zm4.675-5.008c1.115 0 1.839.792 1.839 1.995v3.013h-.782v-2.886c0-.841-.489-1.408-1.233-1.408-.841 0-1.447.675-1.447 1.634v2.66h-.783v-4.93h.783v.948
269c.254-.684.87-1.026 1.623-1.026Zm9.114 4.029 1.399-3.951h.821l-1.81 4.93h-.811l-1.81-4.93h.812l1.399 3.951Zm10.981-2.953c.205-.675.616-.998 1.34-.998h.627v.694h-.686c-.997.001-1.281.9-1.281 2.064v2.172h-.782v-4.93h.782v.998Zm9.265-1.076c1.067 0 1.712.714 1.712 1.907v3.101h-.783v-2.896c0-.841-.42-1.417-1.114-1.418-.822 0-1.312.577-1.312 1.418v2.896h-.782v-2.896c0-.841-.421-1.418-1.105-1.418-.832 0-1.321.577-1.321 1.418v2.896h-.782v-4.93h.782v.948c.186-.596.734-1.026 1.487-1.026.811 0 1.447.371 1.624 1.046.186-.587.841-1.046 1.594-1.046Zm26.356 0c1.115 0 1.839.792 1.839 1.995v3.013h-.782v-2.886c-.001-.841-.49-1.408-1.233-1.408-.841 0-1.448.675-1.448 1.634v2.66h-.782v-4.93h.782v.948c.254-.684.871-1.026 1.624-1.026Zm-89.062.704c-.997 0-1.643.724-1.643 1.839s.646 1.839 1.643 1.839c.988 0 1.633-.724 1.633-1.839s-.645-1.839-1.633-1.839Zm6.872 0c-1.007 0-1.702.763-1.702 1.839s.695 1.839 1.702 1.839c1.018 0 1.712-.763 1.712-1.839s-.694-1.839-1.712-1.839Zm13.055 0c-.988 0-1.643.724-1.643 1.839s.655 1.839 1.643 1.839 1.634-.724 1.634-1.839-.646-1.839-1.634-1.839Zm48.983 0c-1.008 0-1.703.763-1.703 1.839s.695 1.839 1.703 1.839c1.017 0 1.711-.763 1.711-1.839s-.694-1.839-1.711-1.839Zm6.699 0c-.998 0-1.643.724-1.643 1.839s.645 1.839 1.643 1.839c.988 0 1.634-.724 1.634-1.839s-.646-1.839-1.634-1.839Zm-95.053-.039c-.831 0-1.39.489-1.536 1.359h3.032c-.059-.831-.616-1.359-1.496-1.359Zm6.394 0c-.832 0-1.389.489-1.536 1.359h3.033c-.06-.831-.617-1.359-1.497-1.359Zm26.485 0c-.832 0-1.39.489-1.536 1.359h3.033c-.059-.831-.617-1.359-1.497-1.359Zm34.893 0c-.831 0-1.389.489-1.536 1.359h3.033c-.059-.831-.616-1.359-1.497-1.359Zm33.997 0c-.832 0-1.389.489-1.536 1.359h3.033c-.059-.831-.617-1.359-1.497-1.359ZM98.4 117.568h-.9v-1.095h.9v1.095ZM32.904 85a6.31 6.31 0 0 1 3.817 1.291l.018.014c.62.484 1.168 1.181 1.587 2.02.398.781.6 1.588.6 2.394 0 1.288-.498 2.415-1.485 3.355.974.385 1.77.97 2.376 1.74.737.92 1.114 2.005 1.114 3.225 0 1.602-.663 2.972-1.972 4.072a6.648 6.648 0 0 1-2.63 1.4l-.01.002c-1.032.246-2.336.37-3.875.37h-9.63v-8.519H20.15V93.23h2.665v-4.862H19V85h13.904Zm33.117 3.429h-11.45v6.664l2.144-1.952a3.116 3.116 0 0 1 2.098-.814h6.949v3.429H54.57v5.698h11.45v3.429H50.504V85h15.519v3.429Zm14.94-3.31 12.252 13.733-.004-13.847h4.068l.006 19.878H93.41l-12.36-13.85v13.801h-4.07V85h3.874l.107.118Zm32.159 7.192L121.293 85h5.572l-10.501 9.059 10.441 10.824h-5.487l-7.888-8.396-.31.269v8.127h-4.07V85h4.07v7.311Zm38.48-3.882h-11.451v6.664l2.144-1.952a3.115 3.115 0 0 1 2.099-.814h6.948v3.429h-11.192v5.698h11.451v3.429h-15.518V85H151.6v3.429Zm21.149 5.672c-1.602 2.575-1.333 3.04-1.354 5.043v5.739h-4.069v-5.098c0-.086.002-.732.002-3.499 0-1.345.595-2.403 2.024-4.42l4.93-6.866H179l-6.251 9.1Zm-145.865 7.353h5.907c1.434 0 2.489-.235 3.135-.701.66-.489.98-1.107.98-1.825 0-.719-.31-1.31-.946-1.807-.636-.502-1.827-.757-3.544-.757h-5.532v5.09Zm141.008-11.302c-1.063 1.091-1.539 1.924-2.381 3.512L159.753 85h4.717l3.422 5.152Zm-141.01 3.081h4.885c1.159 0 2.007-.213 2.521-.633.499-.41.741-1.036.741-1.83 0-.795-.247-1.376-.758-1.778-.528-.415-1.327-.625-2.375-.625h-5.014v4.866Z" /> 270 271 <path fill="#000A37" x-show="hoveredItem == null" x-transition:enter="transition ease-out duration-300" 272 x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" 273 x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100" 274 x-transition:leave-end="opacity-0" 275 d="M69.601 118.42c.665 0 1.33.332 1.634.802v-.724h.782v5.145c0 1.046-.753 1.78-1.82 1.78h-2.326v-.675h2.278c.636 0 1.086-.479 1.086-1.135v-.87c-.235.46-.89.763-1.634.763-1.535 0-2.377-1.105-2.377-2.543 0-1.438.841-2.543 2.377-2.543Zm75.609 0c.666 0 1.331.332 1.634.802v-.724h.782v5.145c0 1.046-.753 1.78-1.819 1.78h-2.328v-.675h2.279c.636 0 1.086-.479 1.086-1.135v-.87c-.235.46-.89.763-1.634.763-1.535 0-2.377-1.105-2.377-2.543 0-1.438.842-2.543 2.377-2.543Zm-105.472 0c1.085 0 1.819.596 1.878 1.506h-.763c-.069-.626-.685-.841-1.135-.841-.577 0-.958.274-.958.704 0 1.33 2.885.01 2.885 2.27 0 .88-.724 1.447-1.81 1.447-1.144 0-1.887-.636-1.965-1.663h.753c.068.636.499.978 1.212.978.617 0 1.028-.342 1.028-.743 0-1.467-2.867-.147-2.867-2.279 0-.831.705-1.379 1.742-1.379Zm10.488 0c1.438 0 2.298.998 2.298 2.309 0 .107-.01.273-.02.341h-3.853c.058 1.018.734 1.742 1.663 1.742.802 0 1.31-.353 1.467-.969h.793c-.167 1.007-1.038 1.663-2.26 1.663-1.458 0-2.436-1.164-2.436-2.572 0-1.448.9-2.514 2.348-2.514Zm6.394 0c1.438 0 2.298.998 2.298 2.309 0 .107-.01.273-.02.341h-3.853c.059 1.018.734 1.742 1.663 1.742.802-.001 1.31-.353 1.467-.969h.792c-.166 1.007-1.036 1.663-2.259 1.663-1.457 0-2.435-1.164-2.435-2.572 0-1.448.9-2.514 2.347-2.514Zm19.922 0c1.468 0 2.514 1.056 2.514 2.543 0 1.477-1.046 2.543-2.514 2.543-1.457 0-2.504-1.066-2.504-2.543 0-1.487 1.047-2.543 2.504-2.543Zm6.563 0c1.438 0 2.299.998 2.299 2.309 0 .107-.01.273-.02.341H81.53c.058 1.018.734 1.742 1.663 1.742.802 0 1.311-.353 1.468-.969h.792c-.167 1.007-1.038 1.663-2.26 1.663-1.457 0-2.436-1.164-2.436-2.572 0-1.448.9-2.514 2.348-2.514Zm8.84 5.008h-.782v-.812c-.294.538-.94.89-1.634.89-1.536 0-2.377-1.105-2.377-2.543 0-1.438.841-2.543 2.377-2.543.694 0 1.34.352 1.633.88v-2.827h.783v6.955Zm26.053-5.008c1.438 0 2.298.998 2.298 2.309 0 .107-.009.273-.019.341h-3.854c.059 1.018.734 1.742 1.663 1.742.802 0 1.311-.353 1.467-.969h.792c-.166 1.007-1.036 1.663-2.259 1.663-1.457 0-2.435-1.164-2.435-2.572 0-1.448.9-2.514 2.347-2.514Zm20.582 0c1.467 0 2.513 1.056 2.513 2.543 0 1.477-1.046 2.543-2.513 2.543-1.458 0-2.504-1.066-2.504-2.543 0-1.487 1.046-2.543 2.504-2.543Zm13.415 0c1.437 0 2.298.998 2.298 2.309 0 .107-.009.273-.019.341h-3.854c.059 1.018.734 1.742 1.663 1.742.802-.001 1.311-.353 1.467-.969h.792c-.166 1.007-1.036 1.663-2.259 1.663-1.457 0-2.435-1.164-2.435-2.572 0-1.448.899-2.514 2.347-2.514Zm-107.044.078h1.515v.694h-1.515v2.67c0 .548.313.871.792.871h.723v.695h-.753c-.938 0-1.544-.587-1.545-1.545v-2.691h-1.027v-.694h1.027v-1.575h.783v1.575Zm18.406-.078c1.115 0 1.839.792 1.839 1.995v3.013h-.782v-2.886c0-.841-.49-1.408-1.233-1.408-.841 0-1.448.675-1.448 1.634v2.66h-.782v-4.93h.782v.948c.254-.684.87-1.026 1.624-1.026Zm34.984 5.008h-.782v-4.93h.782v4.93Zm4.675-5.008c1.115 0 1.839.792 1.839 1.995v3.013h-.782v-2.886c0-.841-.489-1.408-1.233-1.408-.841 0-1.447.675-1.447 1.634v2.66h-.783v-4.93h.783v.948
275c.254-.684.87-1.026 1.623-1.026Zm9.114 4.029 1.399-3.951h.821l-1.81 4.93h-.811l-1.81-4.93h.812l1.399 3.951Zm10.981-2.953c.205-.675.616-.998 1.34-.998h.627v.694h-.686c-.997.001-1.281.9-1.281 2.064v2.172h-.782v-4.93h.782v.998Zm9.265-1.076c1.067 0 1.712.714 1.712 1.907v3.101h-.783v-2.896c0-.841-.42-1.417-1.114-1.418-.822 0-1.312.577-1.312 1.418v2.896h-.782v-2.896c0-.841-.421-1.418-1.105-1.418-.832 0-1.321.577-1.321 1.418v2.896h-.782v-4.93h.782v.948c.186-.596.734-1.026 1.487-1.026.811 0 1.447.371 1.624 1.046.186-.587.841-1.046 1.594-1.046Zm26.356 0c1.115 0 1.839.792 1.839 1.995v3.013h-.782v-2.886c-.001-.841-.49-1.408-1.233-1.408-.841 0-1.448.675-1.448 1.634v2.66h-.782v-4.93h.782v.948c.254-.684.871-1.026 1.624-1.026Zm-89.062.704c-.997 0-1.643.724-1.643 1.839s.646 1.839 1.643 1.839c.988 0 1.633-.724 1.633-1.839s-.645-1.839-1.633-1.839Zm6.872 0c-1.007 0-1.702.763-1.702 1.839s.695 1.839 1.702 1.839c1.018 0 1.712-.763 1.712-1.839s-.694-1.839-1.712-1.839Zm13.055 0c-.988 0-1.643.724-1.643 1.839s.655 1.839 1.643 1.839 1.634-.724 1.634-1.839-.646-1.839-1.634-1.839Zm48.983 0c-1.008 0-1.703.763-1.703 1.839s.695 1.839 1.703 1.839c1.017 0 1.711-.763 1.711-1.839s-.694-1.839-1.711-1.839Zm6.699 0c-.998 0-1.643.724-1.643 1.839s.645 1.839 1.643 1.839c.988 0 1.634-.724 1.634-1.839s-.646-1.839-1.634-1.839Zm-95.053-.039c-.831 0-1.39.489-1.536 1.359h3.032c-.059-.831-.616-1.359-1.496-1.359Zm6.394 0c-.832 0-1.389.489-1.536 1.359h3.033c-.06-.831-.617-1.359-1.497-1.359Zm26.485 0c-.832 0-1.39.489-1.536 1.359h3.033c-.059-.831-.617-1.359-1.497-1.359Zm34.893 0c-.831 0-1.389.489-1.536 1.359h3.033c-.059-.831-.616-1.359-1.497-1.359Zm33.997 0c-.832 0-1.389.489-1.536 1.359h3.033c-.059-.831-.617-1.359-1.497-1.359ZM98.4 117.568h-.9v-1.095h.9v1.095ZM32.904 85a6.31 6.31 0 0 1 3.817 1.291l.018.014c.62.484 1.168 1.181 1.587 2.02.398.781.6 1.588.6 2.394 0 1.288-.498 2.415-1.485 3.355.974.385 1.77.97 2.376 1.74.737.92 1.114 2.005 1.114 3.225 0 1.602-.663 2.972-1.972 4.072a6.648 6.648 0 0 1-2.63 1.4l-.01.002c-1.032.246-2.336.37-3.875.37h-9.63v-8.519H20.15V93.23h2.665v-4.862H19V85h13.904Zm33.117 3.429h-11.45v6.664l2.144-1.952a3.116 3.116 0 0 1 2.098-.814h6.949v3.429H54.57v5.698h11.45v3.429H50.504V85h15.519v3.429Zm14.94-3.31 12.252 13.733-.004-13.847h4.068l.006 19.878H93.41l-12.36-13.85v13.801h-4.07V85h3.874l.107.118Zm32.159 7.192L121.293 85h5.572l-10.501 9.059 10.441 10.824h-5.487l-7.888-8.396-.31.269v8.127h-4.07V85h4.07v7.311Zm38.48-3.882h-11.451v6.664l2.144-1.952a3.115 3.115 0 0 1 2.099-.814h6.948v3.429h-11.192v5.698h11.451v3.429h-15.518V85H151.6v3.429Zm21.149 5.672c-1.602 2.575-1.333 3.04-1.354 5.043v5.739h-4.069v-5.098c0-.086.002-.732.002-3.499 0-1.345.595-2.403 2.024-4.42l4.93-6.866H179l-6.251 9.1Zm-145.865 7.353h5.907c1.434 0 2.489-.235 3.135-.701.66-.489.98-1.107.98-1.825 0-.719-.31-1.31-.946-1.807-.636-.502-1.827-.757-3.544-.757h-5.532v5.09Zm141.008-11.302c-1.063 1.091-1.539 1.924-2.381 3.512L159.753 85h4.717l3.422 5.152Zm-141.01 3.081h4.885c1.159 0 2.007-.213 2.521-.633.499-.41.741-1.036.741-1.83 0-.795-.247-1.376-.758-1.778-.528-.415-1.327-.625-2.375-.625h-5.014v4.866Z" /> 276 </svg> 277 </a> 278 </div> 279 280 <div class="flex w-full items-center justify-end gap-8"> 281 <ul class="flex w-full flex-row items-center justify-between gap-2 2xl:gap-4"> 282 <li class="relative" x-on:mouseenter="hoveredItem = 'insights'"> 283 <a href="https://benkey.nl/insights/" 284 class="inline-flex items-center gap-4 text-[0.938rem] font-medium uppercase tracking-wider transition-colors duration-500 hover:text-secondary" 285 :class="(hoveredItem === 'insights' && false) ? 286 'text-primary' : 287 (false ? 288 'text-secondary' : 289 (hoveredItem !== null ? 'text-primary' : 'text-white'))"> 290 Insights 291 </a> 292 </li> 293 <li class="relative" x-on:mouseenter="hoveredItem = null"> 294 <a href="https://benkey.nl/werken-bij/" 295 class="inline-flex items-center gap-4 text-[0.938rem] font-medium uppercase tracking-wider transition-colors duration-500 hover:text-secondary" 296 :class="(false) ? 297 'text-secondary' : 298 (hoveredItem !== null ? 'text-primary' : 'text-white')"> 299 Werken bij
300 <span 301 class="absolute right-0 top-0 z-10 -mr-1 mt-0.5 flex size-5 -translate-y-1/2 translate-x-1/2 items-center justify-center rounded-full bg-secondary text-xs text-white"> 302 4 303 </span> 304 </a> 305 </li> 306 <li class="relative" x-on:mouseenter="hoveredItem = null"> 307 <a href="https://benkey.nl/contact/" 308 class="inline-flex items-center gap-4 text-[0.938rem] font-medium uppercase tracking-wider transition-colors duration-500 hover:text-secondary" 309 :class="(false) ? 310 'text-secondary' : 311 (hoveredItem !== null ? 'text-primary' : 'text-white')"> 312 Contact 313 </a> 314 </li> 315 </ul> 316 317 <div class="flex-shrink-0 items-center"> 318 <a href="https://benkey.nl/investerdeersportaal-voor-24-7-inzicht-in-je-vermogen/" target="" 319 class="group inline-flex items-center gap-2 rounded-full bg-secondary px-4 py-2.5 text-sm transition-colors duration-500 hover:bg-primary hover:text-white"> 320 <span class="size-1.5 rounded-full bg-white"></span> 321 Gratis account 322 </a> 323 </div> 324 </div> 325 326 <div class="absolute left-0 top-0 mt-4 flex w-[calc(50%-8rem)] flex-row items-center justify-start gap-6"> 327 <div class="flex flex-wrap items-center justify-center gap-x-2"> 328 <div class="flex flex-row items-center"> 329 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96" class="size-3.5 flex-shrink-0 text-[#daa000]"> 330 <path fill="currentColor" 331 d="m62.803 32.105 33.19 4.813-23.936 23.32 5.675 32.943-29.736-15.423L18.261 93.18l5.799-32.944L0 36.918l33.19-4.813L47.996 2l14.807 30.105Z" /> 332 </svg> 333 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96" class="size-3.5 flex-shrink-0 text-[#daa000]"> 334 <path fill="currentColor" 335 d="m62.803 32.105 33.19 4.813-23.936 23.32 5.675 32.943-29.736-15.423L18.261 93.18l5.799-32.944L0 36.918l33.19-4.813L47.996 2l14.807 30.105Z" /> 336 </svg> 337 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96" class="size-3.5 flex-shrink-0 text-[#daa000]"> 338 <path fill="currentColor" 339 d="m62.803 32.105 33.19 4.813-23.936 23.32 5.675 32.943-29.736-15.423L18.261 93.18l5.799-32.944L0 36.918l33.19-4.813L47.996 2l14.807 30.105Z" /> 340 </svg> 341 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96" class="size-3.5 flex-shrink-0 text-[#daa000]"> 342 <path fill="currentColor" 343 d="m62.803 32.105 33.19 4.813-23.936 23.32 5.675 32.943-29.736-15.423L18.261 93.18l5.799-32.944L0 36.918l33.19-4.813L47.996 2l14.807 30.105Z" /> 344 </svg> 345 346 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96" class="size-3.5 flex-shrink-0 text-[#daa000]"> 347 <path stroke="currentColor" stroke-width="7" 348 d="m61.91 32.644.233.471.521.076 31.183 4.511L71.364 59.56l-.378.368.09.52 5.333 30.894L48.46 76.875l-.46-.238-.46.238-27.942 14.463 5.449-30.887.092-.523-.382-.37L2.159 37.702l31.177-4.51.521-.076.233-.471L48 4.418l13.91 28.226Z" /> 349 <path fill="currentColor" d="m24.062 60.277-5.8 32.878L48 77.763V2.155L33.193 32.201 0 37.004l24.062 23.273Z" /> 350 </svg> 351 352 </div> 353 <p class="text-xs transition-colors duration-500" 354 :class="hoveredItem !== null ? 'text-primary-500' : 'text-tertiary'"> 355 4.5 356 </p> 357 </div> 358 359 360 <a href="https://benkey.nl/benkey-documenten/" 361 class="inline-flex flex-row items-center gap-1 text-xs transition-colors duration-500 hover:text-secondary" 362 :class="hoveredItem !== null ? 'text-primary-500' : 'text-tertiary'" target=""> 363 Downloads 364 </a> 365 </div> 366 367 <div class="absolute right-0 top-0 mt-4 flex w-[calc(50%-8rem)] flex-row items-center justify-end gap-6"> 368 <div x-data="{ 369 units: [ 370 { key: 'days', label: 'dag' }, 371 { key: 'hours', label: 'uur' }, 372 { key: 'minutes', label: 'min' } 373 ], 374 days: 0, 375 hours: 0, 376 minutes: 0, 377 interval: null, 378 target: new Date('2026-10-30T12:00:00'), 379 formattedDate: '',
380 getUnitValue(key) { 381 return this[key]; 382 }, 383 start() { 384 this.update(); 385 this.formattedDate = this.target.toLocaleDateString('nl-NL', { 386 weekday: 'long', 387 day: 'numeric', 388 month: 'long', 389 year: 'numeric' 390 }); 391 this.interval = setInterval(() => this.update(), 1000); 392 }, 393 update() { 394 const now = new Date(); 395 let diff = Math.max(0, this.target - now); 396 this.days = Math.floor(diff / (1000 * 60 * 60 * 24)); 397 diff -= this.days * (1000 * 60 * 60 * 24); 398 this.hours = Math.floor(diff / (1000 * 60 * 60)); 399 diff -= this.hours * (1000 * 60 * 60); 400 this.minutes = Math.floor(diff / (1000 * 60)); 401 } 402 }" x-init="start()" class="mt-6 flex flex-none flex-col gap-6 text-center xl:mt-0"> 403 <a href="https://benkey.nl/investeren/vastgoedfonds/#handelsdagen" 404 class="flex flex-row items-center justify-center gap-2"> 405 <p class="mr-1 text-xs transition-colors duration-500" 406 :class="hoveredItem !== null ? 'text-primary-500' : 'text-tertiary'"> 407 Volgende handelsdag 408 </p> 409 <template x-for="unit in units" :key="unit.key"> 410 <div class="flex size-9 select-none flex-col items-center justify-center rounded bg-secondary p-1"> 411 <p x-text="getUnitValue(unit.key)" class="text-sm/3 font-semibold text-white"></p> 412 <p class="text-xs/3 text-white" x-text="unit.label"></p> 413 </div> 414 </template> 415 </a> 416 </div> 417 418 <a href="https://portaal.benkey.nl/login" 419 class="inline-flex flex-row items-center gap-1 text-xs transition-colors duration-500 hover:text-secondary" 420 :class="hoveredItem !== null ? 'text-primary-500' : 'text-tertiary'" target="_blank"> 421 Inloggen portaal 422 423 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 424 stroke="currentColor" class="size-5"> 425 <path stroke-linecap="round" stroke-linejoin="round" 426 d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" /> 427 </svg> 428 </a> 429 430 431 <div class="flex justify-center text-white"> 432 <div x-data="{ 433 open: false, 434 toggle() { 435 if (this.open) { 436 return this.close() 437 } 438 439 this.$refs.button.focus() 440 441 this.open = true 442 }, 443 close(focusAfter) { 444 if (!this.open) return 445 446 this.open = false 447 448 focusAfter && focusAfter.focus() 449 } 450 }" x-on:keydown.escape.prevent.stop="close($refs.button)" 451 x-on:focusin.window="! $refs.panel.contains($event.target) && close()" x-id="['dropdown-button']" class="relative"> 452 <!-- Button --> 453 <button x-ref="button" x-on:click="toggle()" :aria-expanded="open" :aria-controls="$id('dropdown-button')" 454 type="button" 455 class="bg-white/10 border-white/10 relative flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-lg border px-4 py-2 text-xs text-tertiary shadow-sm transition-colors duration-500 hover:text-white"> 456 <span class="flex items-center gap-2"> 457 <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-nl" viewBox="0 0 640 480" class="size-4"> 458 <path fill="#ae1c28" d="M0 0h640v160H0z" /> 459 <path fill="#fff" d="M0 160h640v160H0z" /> 460 <path fill="#21468b" d="M0 320h640v160H0z" /> 461 </svg> 462 <span>NL</span> 463 </span> 464 465 <!-- Heroicon: micro chevron-down --> 466 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="size-4"> 467 <path fill-rule="evenodd" 468 d="M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z" 469 clip-rule="evenodd" /> 470 </svg> 471 </button> 472 473 <!-- Panel --> 474 <div x-ref="panel" x-show="open" x-transition.origin.top.left x-on:click.outside="close($refs.button)" 475 :id="$id('dropdown-button')" x-cloak 476 class="border-white/10 absolute left-0 z-10 mt-2 min-w-32 origin-top-left rounded-lg border bg-[#1A244C] p-1.5 outline-none"> 477 <a href="https://benkey.eu/" target="_blank" 478 class="flex w-full items-center gap-2 rounded-md px-2 py-2 text-left text-xs text-tertiary transition-colors duration-500 hover:text-white lg:py-1.5"> 479 <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-gb" viewBox="0 0 640 480" class="size-4"> 480 <path fill="#012169" d="M0 0h640v480H0z" /> 481 <path fill="#FFF" 482 d="m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z" /> 483 <path fill="#C8102E" 484 d="m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z" /> 485 <path fill="#FFF" d="M241 0v480h160V0zM0 160v160h640V160z" /> 486 <path fill="#C8102E" d="M0 193v96h640v-96zM273 0v480h96V0z" /> 487 </svg> 488 EN 489 </a> 490 </div> 491 </div> 492</div> 493 494 </div> 495 </div> 496 497 498 <div x-show="hoveredItem === 'investeren'" x-transition:enter="transition ease-out duration-200" 499 x-transition:enter-start="opacity-0 transform translate-y-2" 500 x-transition:enter-end="opacity-100 transform translate-y-0" 501 x-transition:leave="transition ease-in duration-150" 502 x-transition:leave-start="opacity-100 transform translate-y-0" 503 x-transition:leave-end="opacity-0 transform translate-y-2" 504 class="absolute bottom-0 left-0 isolate w-full translate-y-full bg-white pb-20 pt-8 will-change-transform" 505 x-cloak> 506 507 <div class="relative z-50 grid grid-cols-2 gap-8"> 508 <div class="grid grid-cols-2 gap-8"> 509 <article class="flex flex-col gap-8"> 510 <div class="flex flex-col gap-4"> 511 <p class="text-xs font-bold uppercase text-primary"> 512 Investeer in 513 </p> 514 515 <h3 class="font-serif text-5xl text-secondary"> 516 Benkey vastgoedfonds 517 </h3> 518 </div> 519 520 <div class="flex flex-col gap-8"> 521 <div class="flex flex-col gap-2 lg:gap-3"> 522 <p class="inline-flex flex-row items-center gap-1 text-primary lg:gap-4"> 523 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 524 class="size-6 flex-shrink-0 text-[#2a9d8f]"> 525 <path fill-rule="evenodd" 526 d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" 527 clip-rule="evenodd" /> 528 </svg> 529 530 Beste vastgoeddeals in Nederland 531 </p> 532 <p class="inline-flex flex-row items-center gap-1 text-primary lg:gap-4"> 533 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 534 class="size-6 flex-shrink-0 text-[#2a9d8f]"> 535 <path fill-rule="evenodd" 536 d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" 537 clip-rule="evenodd" /> 538 </svg> 539 540 Wij regelen selectie, beheer en strategie 541 </p> 542 <p class="inline-flex flex-row items-center gap-1 text-primary lg:gap-4"> 543 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 544 class="size-6 flex-shrink-0 text-[#2a9d8f]"> 545 <path fill-rule="evenodd" 546 d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" 547 clip-rule="evenodd" /> 548 </svg> 549 550 Een netwerk dat elkaar versterkt 551 </p> 552 <p class="inline-flex flex-row items-center gap-1 text-primary lg:gap-4"> 553 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 554 class="size-6 flex-shrink-0 text-[#2a9d8f]"> 555 <path fill-rule="evenodd" 556 d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" 557 clip-rule="evenodd" /> 558 </svg> 559 560 Evenwichtige spreiding over regioâs, sectoren en strategieën 561 </p> 562 </div> 563 564 <div class=""> 565 <a class="group/button cursor-pointer relative inline-flex items-center justify-center flex-row border gap-3 select-none rounded-lg transition-colors duration-500 lg:text-lg bg-transparent border-primary text-primary hover:bg-secondary hover:border-secondary hover:text-white px-4 py-3 lg:px-4.5 lg:py-3.5" href="https://benkey.nl/investeren/vastgoedfonds/" target="">
566 <span class="relative isolate"> 567 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 568 class="size-6 -rotate-45 transition duration-500 will-change-transform group-hover/button:rotate-0 group-hover/button:scale-90 group-hover/button:text-secondary lg:size-7"> 569 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 570 </svg> 571 <span 572 class="absolute inset-0 -z-10 h-full w-full scale-0 rounded-full bg-transparent transition duration-500 will-change-transform group-hover/button:scale-100 group-hover/button:bg-white"></span> 573 </span> 574 <span> 575 Ontdek meer 576 </span> 577 </a> 578 </div> 579 </div> 580 </article> 581 <article class="flex flex-col gap-8"> 582 <div class="flex flex-col gap-4"> 583 <p class="text-xs font-bold uppercase text-primary"> 584 Investeer in 585 </p> 586 587 <h3 class="font-serif text-5xl text-secondary"> 588 Benkey vastgoedleningen 589 </h3> 590 </div> 591 592 <div class="flex flex-col gap-8"> 593 <div class="flex flex-col gap-2 lg:gap-3"> 594 <p class="inline-flex flex-row items-center gap-1 text-primary lg:gap-4"> 595 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 596 class="size-6 flex-shrink-0 text-[#2a9d8f]"> 597 <path fill-rule="evenodd" 598 d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" 599 clip-rule="evenodd" /> 600 </svg> 601 602 Rechtstreeks investeren 603 </p> 604 <p class="inline-flex flex-row items-center gap-1 text-primary lg:gap-4"> 605 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 606 class="size-6 flex-shrink-0 text-[#2a9d8f]"> 607 <path fill-rule="evenodd" 608 d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" 609 clip-rule="evenodd" /> 610 </svg> 611 612 Maximaal LTV van 75% 613 </p> 614 <p class="inline-flex flex-row items-center gap-1 text-primary lg:gap-4"> 615 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 616 class="size-6 flex-shrink-0 text-[#2a9d8f]"> 617 <path fill-rule="evenodd" 618 d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" 619 clip-rule="evenodd" /> 620 </svg> 621 622 Jaarlijks netto rendement tot 8% 623 </p> 624 <p class="inline-flex flex-row items-center gap-1 text-primary lg:gap-4"> 625 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 626 class="size-6 flex-shrink-0 text-[#2a9d8f]"> 627 <path fill-rule="evenodd" 628 d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" 629 clip-rule="evenodd" /> 630 </svg> 631 632 Looptijd tussen 12 en 36 maanden 633 </p> 634 </div> 635 636 <div class=""> 637 <a class="group/button cursor-pointer relative inline-flex items-center justify-center flex-row border gap-3 select-none rounded-lg transition-colors duration-500 lg:text-lg bg-transparent border-primary text-primary hover:bg-secondary hover:border-secondary hover:text-white px-4 py-3 lg:px-4.5 lg:py-3.5" href="https://benkey.nl/investeren/vastgoedleningen/" target="">
638 <span class="relative isolate"> 639 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 640 class="size-6 -rotate-45 transition duration-500 will-change-transform group-hover/button:rotate-0 group-hover/button:scale-90 group-hover/button:text-secondary lg:size-7"> 641 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 642 </svg> 643 <span 644 class="absolute inset-0 -z-10 h-full w-full scale-0 rounded-full bg-transparent transition duration-500 will-change-transform group-hover/button:scale-100 group-hover/button:bg-white"></span> 645 </span> 646 <span> 647 Ontdek meer 648 </span> 649 </a> 650 </div> 651 </div> 652 </article> 653 </div> 654 655 <div class="group relative ml-auto flex w-full max-w-xl items-center rounded-lg bg-tertiary"> 656 <a href="https://benkey.nl/contact/" class="flex flex-col gap-8 px-8 py-12"> 657 <div 658 class="transition-color absolute right-0 top-0 m-6 inline-flex size-14 items-center justify-center overflow-hidden rounded-md bg-primary duration-500 group-hover:bg-secondary"> 659 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 660 stroke="currentColor" class="size-8 -rotate-45"> 661 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"> 662 </path> 663 </svg> 664 </div> 665 666 <div class="flex flex-col gap-1"> 667 <p class="font-serif text-3xl text-primary 2xl:text-4xl"> 668 Liever persoonlijk contact? 669 </p> 670 671 <p class="text-lg text-primary"> 672 Wij bespreken graag wat er mogelijk is. 673 </p> 674 </div> 675 676 <div class="flex flex-row items-end gap-6 lg:gap-8"> 677 <div class="relative size-24 flex-none select-none overflow-hidden rounded-md md:size-32"> 678 <img width="1500" height="1202" src="https://benkey.nl/app/uploads/2025/10/mark-de-graaf-1500x1202.png" class="absolute inset-0 h-full w-full object-cover" alt="" decoding="async" loading="lazy" srcset="https://benkey.nl/app/uploads/2025/10/mark-de-graaf-1500x1202.png 1500w, https://benkey.nl/app/uploads/2025/10/mark-de-graaf-768x615.png 768w, https://benkey.nl/app/uploads/2025/10/mark-de-graaf-800x641.png 800w, https://benkey.nl/app/uploads/2025/10/mark-de-graaf.png 1508w" sizes="auto, (max-width: 1500px) 100vw, 1500px" /> 679 </div> 680 681 <div class="flex flex-1 flex-col gap-1"> 682 <p class="text-sm font-bold uppercase text-primary"> 683 Mark de Graaf 684 </p> 685 686 <div class="max-w-sm leading-snug text-primary lg:text-lg lg:leading-relaxed"> 687 Invester Relations Manager 688 </div> 689 </div> 690 </div> 691 </a> 692 </div> 693 </div> 694 695 <div 696 class="pointer-events-none absolute inset-0 isolate -z-10 h-screen w-[200vw] -translate-x-1/2 -translate-y-full bg-white"> 697 </div> 698 <div class="pointer-events-none absolute inset-0 isolate -z-10 h-full w-[200vw] -translate-x-1/2 bg-white"> 699 </div> 700 </div> 701 <div x-show="hoveredItem === 'over-benkey'" x-transition:enter="transition ease-out duration-200" 702 x-transition:enter-start="opacity-0 transform translate-y-2" 703 x-transition:enter-end="opacity-100 transform translate-y-0" 704 x-transition:leave="transition ease-in duration-150" 705 x-transition:leave-start="opacity-100 transform translate-y-0" 706 x-transition:leave-end="opacity-0 transform translate-y-2" 707 class="absolute bottom-0 left-0 isolate w-full translate-y-full bg-white pb-20 pt-8 will-change-transform" 708 x-cloak> 709 710 <div class="relative z-50 grid grid-cols-2 gap-8"> 711 712 <div class="group relative ml-auto flex w-full max-w-xl items-center rounded-lg bg-tertiary"> 713 <a href="https://benkey.nl/contact/" class="flex flex-col gap-8 px-8 py-12"> 714 <div 715 class="transition-color absolute right-0 top-0 m-6 inline-flex size-14 items-center justify-center overflow-hidden rounded-md bg-primary duration-500 group-hover:bg-secondary"> 716 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 717 stroke="currentColor" class="size-8 -rotate-45"> 718 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"> 719 </path> 720 </svg> 721 </div> 722 723 <div class="flex flex-col gap-1"> 724 <p class="font-serif text-3xl text-primary 2xl:text-4xl"> 725 Liever persoonlijk contact? 726 </p> 727 728 <p class="text-lg text-primary"> 729 Wij bespreken graag wat er mogelijk is. 730 </p> 731 </div> 732 733 <div class="flex flex-row items-end gap-6 lg:gap-8"> 734 <div class="relative size-24 flex-none select-none overflow-hidden rounded-md md:size-32"> 735 <img width="1500" height="1202" src="https://benkey.nl/app/uploads/2025/10/mark-de-graaf-1500x1202.png" class="absolute inset-0 h-full w-full object-cover" alt="" decoding="async" loading="lazy" srcset="https://benkey.nl/app/uploads/2025/10/mark-de-graaf-1500x1202.png 1500w, https://benkey.nl/app/uploads/2025/10/mark-de-graaf-768x615.png 768w, https://benkey.nl/app/uploads/2025/10/mark-de-graaf-800x641.png 800w, https://benkey.nl/app/uploads/2025/10/mark-de-graaf.png 1508w" sizes="auto, (max-width: 1500px) 100v
735w, 1500px" /> 736 </div> 737 738 <div class="flex flex-1 flex-col gap-1"> 739 <p class="text-sm font-bold uppercase text-primary"> 740 Mark de Graaf 741 </p> 742 743 <div class="max-w-sm leading-snug text-primary lg:text-lg lg:leading-relaxed"> 744 Invester Relations Manager 745 </div> 746 </div> 747 </div> 748 </a> 749 </div> 750 </div> 751 752 <div 753 class="pointer-events-none absolute inset-0 isolate -z-10 h-screen w-[200vw] -translate-x-1/2 -translate-y-full bg-white"> 754 </div> 755 <div class="pointer-events-none absolute inset-0 isolate -z-10 h-full w-[200vw] -translate-x-1/2 bg-white"> 756 </div> 757 </div> 758 <div x-show="hoveredItem === 'investor-community'" x-transition:enter="transition ease-out duration-200" 759 x-transition:enter-start="opacity-0 transform translate-y-2" 760 x-transition:enter-end="opacity-100 transform translate-y-0" 761 x-transition:leave="transition ease-in duration-150" 762 x-transition:leave-start="opacity-100 transform translate-y-0" 763 x-transition:leave-end="opacity-0 transform translate-y-2" 764 class="absolute bottom-0 left-0 isolate w-full translate-y-full bg-white pb-20 pt-8 will-change-transform" 765 x-cloak> 766 767 <div class="relative z-50 grid grid-cols-2 gap-8"> 768 <ul> 769 <li 770 class="border-primary/20 transition-colors duration-500 hover:border-secondary flex flex-col border-b"> 771 <a href="https://benkey.nl/insights/events/" 772 class="text-primary transition-colors duration-500 hover:text-secondary flex w-full cursor-pointer items-center justify-between gap-8 py-4 text-left text-lg" 773 target="" class=""> 774 Events & Kennissessies 775 776 <div class="size-7 -rotate-45 transition-transform duration-500 will-change-transform"> 777 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 778 stroke="currentColor" class="h-full w-full origin-center"> 779 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"> 780 </path> 781 </svg> 782 </div> 783 </a> 784 </li> 785 <li 786 class="border-primary/20 transition-colors duration-500 hover:border-secondary flex flex-col border-b"> 787 <a href="https://benkey.nl/investerdeersportaal-voor-24-7-inzicht-in-je-vermogen/" 788 class="text-primary transition-colors duration-500 hover:text-secondary flex w-full cursor-pointer items-center justify-between gap-8 py-4 text-left text-lg" 789 target="" class=""> 790 Bekijk investeerdersportaal 791 792 <div class="size-7 -rotate-45 transition-transform duration-500 will-change-transform"> 793 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 794 stroke="currentColor" class="h-full w-full origin-center"> 795 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"> 796 </path> 797 </svg> 798 </div> 799 </a> 800 </li> 801 </ul> 802 803 <div class="group relative ml-auto flex w-full max-w-xl items-center rounded-lg bg-primary"> 804 <a href="https://benkey.nl/event/benkey-herfst-grill-2026/" 805 class="flex flex-col gap-6 px-8 py-12"> 806 <div 807 class="transition-color bg-primary-500/25 absolute right-0 top-0 m-6 inline-flex size-14 items-center justify-center overflow-hidden rounded-md duration-500 group-hover:bg-secondary"> 808 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 809 stroke="currentColor" class="size-8 -rotate-45"> 810 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"> 811 </path> 812 </svg> 813 </div> 814 815 <p class="text-xs font-bold uppercase text-secondary"> 816 Exclusieve BBQ-workshop voor investeerders 817 </p> 818 819 <p class="font-serif text-3xl text-tertiary 2xl:text-4xl"> 820 Benkey Herfst Grill 2026 821 </p> 822 823 <div class="flex flex-wrap gap-4"> 824 <p 825 class="inline-flex items-center gap-1 rounded-full border border-secondary bg-secondary px-6 py-2 capitalize text-white"> 826 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 827 stroke="currentColor" class="size-4"> 828 <path stroke-linecap="round" stroke-linejoin="round" 829 d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5" /> 830 </svg> 831 832 woensdag 28 oktober 2026 833 </p> 834 835 <p class="rounded-full border border-white bg-primary px-6 py-2 text-white"> 836 16:00 - 19:30 837 </p> 838 </div> 839 </a> 840 </div> 841 </div> 842 843 <div 844 class="pointer-events-none absolute inset-0 isolate -z-10 h-screen w-[200vw] -translate-x-1/2 -translate-y-full bg-white"> 845 </div> 846 <div class="pointer-events-none absolute inset-0 isolate -z-10 h-full w-[200vw] -translate-x-1/2 bg-white"> 847 </div> 848 </div> 849 <div x-show="hoveredItem === 'insights'" x-transition:enter="transition ease-out duration-200" 850 x-transition:enter-start="opacity-0 transform translate-y-2" 851 x-transition:enter-end="opacity-100 transform translate-y-0" 852 x-transition:leave="transition ease-in duration-150" 853 x-transition:leave-start="opacity-100 transform translate-y-0" 854 x-transition:leave-end="opacity-0 transform translate-y-2" 855 class="absolute bottom-0 left-0 isolate w-full translate-y-full bg-white pb-20 pt-8 will-change-transform" 856 x-cloak> 857 858 <div class="relative z-50 grid grid-cols-2 gap-8"> 859 <ul> 860 <li 861 class="border-primary/20 transition-colors duration-500 hover:border-secondary flex flex-col border-b"> 862 <a href="https://benkey.nl/insights/nieuws-blogs/" 863 class="text-primary transition-colors duration-500 hover:text-secondary flex w-full cursor-pointer items-center justify-between gap-8 py-4 text-left text-lg" 864 target="" class=""> 865 Nieuws & Blogs 866 867 <div class="size-7 -rotate-45 transition-transform duration-500 will-change-transform"> 868 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 869 stroke="currentColor" class="h-full w-full origin-center"> 870 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"> 871 </path> 872 </svg> 873 </div> 874 </a> 875 </li> 876 <li 877 class="border-primary/20 transition-colors duration-500 hover:border-secondary flex flex-col border-b"> 878 <a href="https://benkey.nl/insights/whitepapers/" 879 class="text-primary transition-colors duration-500 hover:text-secondary flex w-full cursor-pointer items-center justify-between gap-8 py-4 text-left text-lg" 880 target="" class=""> 881 Whitepapers 882 883 <div class="size-7 -rotate-45 transition-transform duration-500 will-change-transform"> 884 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 885 stroke="currentColor" class="h-full w-full origin-center"> 886 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"> 887 </path> 888 </svg> 889 </div> 890 </a> 891 </li> 892 <li 893 class="border-primary/20 transition-colors duration-500 hover:border-secondary flex flex-col border-b"> 894 <a href="https://benkey.nl/insights/podcasts-videos/" 895 class="text-primary transition-colors duration-500 hover:text-secondary flex w-full cursor-pointer items-center justify-between gap-8 py-4 text-left text-lg" 896 target="" class=""> 897 Podcasts & Videoâs 898 899 <div class="size-7 -rotate-45 transition-transform duration-500 will-change-transform"> 900 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 901 stroke="currentColor" class="h-full w-full origin-center"> 902 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"> 903 </path> 904 </svg> 905 </div> 906 </a> 907 </li> 908 <li 909 class="border-primary/20 transition-colors duration-500 hover:border-secondary flex flex-col border-b"> 910 <a href="https://benkey.nl/insights/events/" 911 class="text-primary transition-colors duration-500 hover:text-secondary flex w-full cursor-pointer items-center justify-between gap-8 py-4 text-left text-lg" 912 target="" class=""> 913 Events & Kennissessies 914 915 <div class="size-7 -rotate-45 transition-transform duration-500 will-change-transform"> 916 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 917 stroke="currentColor" class="h-full w-full origin-center"> 918 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"> 919 </path> 920 </svg> 921 </div> 922 </a> 923 </li> 924 <li 925 class="border-primary/20 transition-colors duration-500 hover:border-secondary flex flex-col border-b"> 926 <a href="https://benkey.nl/insights/klant-aan-het-woord/" 927 class="text-primary transition-colors duration-500 hover:text-secondary flex w-full cursor-pointer items-center justify-between gap-8 py-4 text-left text-lg" 928 target="" class=""> 929 Investeerder aan het woord 930 931 <div class="size-7 -rotate-45 transition-transform duration-500 will-change-transform"> 932 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 933 stroke="currentColor" class="h-full w-full origin-center"> 934 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"> 935 </path> 936 </svg> 937 </div> 938 </a> 939 </li> 940 </ul> 941 942 <div class="group relative ml-auto flex w-full max-w-xl items-center rounded-lg bg-primary"> 943 <a href="https://benkey.nl/event/benkey-herfst-grill-2026/" 944 class="flex flex-col gap-6 px-8 py-12"> 945 <div 946 class="transition-color bg-primary-500/25 absolute right-0 top-0 m-6 inline-flex size-14 items-center justify-center overflow-hidden rounded-md duration-500 group-hover:bg-secondary"> 947 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 948 stroke="currentColor" class="size-8 -rotate-45"> 949 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"> 950 </path> 951 </svg> 952 </div> 953 954 <p class="text-xs font-bold uppercase text-secondary"> 955 Exclusieve BBQ-workshop voor investeerders 956 </p> 957 958 <p class="font-serif text-3xl text-tertiary 2xl:text-4xl"> 959 Benkey Herfst Grill 2026 960 </p> 961 962 <div class="flex flex-wrap gap-4"> 963 <p 964 class="inline-flex items-center gap-1 rounded-full border border-secondary bg-secondary px-6 py-2 capitalize text-white"> 965 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 966 stroke="currentColor" class="size-4"> 967 <path stroke-linecap="round" stroke-linejoin="round" 968 d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5" /> 969 </svg> 970 971 woensdag 28 oktober 2026 972 </p> 973 974 <p class="rounded-full border border-white bg-primary px-6 py-2 text-white"> 975 16:00 - 19:30 976 </p> 977 </div> 978 </a> 979 </div> 980 </div> 981 982 <div 983 class="pointer-events-none absolute inset-0 isolate -z-10 h-screen w-[200vw] -translate-x-1/2 -translate-y-full bg-white"> 984 </div> 985 <div class="pointer-events-none absolute inset-0 isolate -z-10 h-full w-[200vw] -translate-x-1/2 bg-white"> 986 </div> 987 </div> 988 <div x-show="hoveredItem === 'werken-bij'" x-transition:enter="transition ease-out duration-200" 989 x-transition:enter-start="opacity-0 transform translate-y-2" 990 x-transition:enter-end="opacity-100 transform translate-y-0" 991 x-transition:leave="transition ease-in duration-150" 992 x-transition:leave-start="opacity-100 transform translate-y-0" 993 x-transition:leave-end="opacity-0 transform translate-y-2" 994 class="absolute bottom-0 left-0 isolate w-full translate-y-full bg-white pb-20 pt-8 will-change-transform" 995 x-cloak> 996 997 <div class="relative z-50 grid grid-cols-2 gap-8"> 998 999 <div class="group relative ml-auto flex w-full max-w-xl items-center rounded-lg bg-tertiary"> 1000 <a href="https://benkey.nl/contact/" class="flex flex-col gap-8 px-8 py-12"> 1001 <div 1002 class="transition-color absolute right-0 top-0 m-6 inline-flex size-14 items-center justify-center overflow-hidden rounded-md bg-primary duration-500 group-hover:bg-secondary"> 1003 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 1004 stroke="currentColor" class="size-8 -rotate-45"> 1005 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"> 1006 </path> 1007 </svg> 1008 </div> 1009 1010
1010 <div class="flex flex-col gap-1"> 1011 <p class="font-serif text-3xl text-primary 2xl:text-4xl"> 1012 Liever persoonlijk contact? 1013 </p> 1014 1015 <p class="text-lg text-primary"> 1016 Wij bespreken graag wat er mogelijk is. 1017 </p> 1018 </div> 1019 1020 <div class="flex flex-row items-end gap-6 lg:gap-8"> 1021 <div class="relative size-24 flex-none select-none overflow-hidden rounded-md md:size-32"> 1022 <img width="1500" height="1202" src="https://benkey.nl/app/uploads/2025/10/mark-de-graaf-1500x1202.png" class="absolute inset-0 h-full w-full object-cover" alt="" decoding="async" loading="lazy" srcset="https://benkey.nl/app/uploads/2025/10/mark-de-graaf-1500x1202.png 1500w, https://benkey.nl/app/uploads/2025/10/mark-de-graaf-768x615.png 768w, https://benkey.nl/app/uploads/2025/10/mark-de-graaf-800x641.png 800w, https://benkey.nl/app/uploads/2025/10/mark-de-graaf.png 1508w" sizes="auto, (max-width: 1500px) 100vw, 1500px" /> 1023 </div> 1024 1025 <div class="flex flex-1 flex-col gap-1"> 1026 <p class="text-sm font-bold uppercase text-primary"> 1027 Mark de Graaf 1028 </p> 1029 1030 <div class="max-w-sm leading-snug text-primary lg:text-lg lg:leading-relaxed"> 1031 Invester Relations Manager 1032 </div> 1033 </div> 1034 </div> 1035 </a> 1036 </div> 1037 </div> 1038 1039 <div 1040 class="pointer-events-none absolute inset-0 isolate -z-10 h-screen w-[200vw] -translate-x-1/2 -translate-y-full bg-white"> 1041 </div> 1042 <div class="pointer-events-none absolute inset-0 isolate -z-10 h-full w-[200vw] -translate-x-1/2 bg-white"> 1043 </div> 1044 </div> 1045 <div x-show="hoveredItem === 'contact'" x-transition:enter="transition ease-out duration-200" 1046 x-transition:enter-start="opacity-0 transform translate-y-2" 1047 x-transition:enter-end="opacity-100 transform translate-y-0" 1048 x-transition:leave="transition ease-in duration-150" 1049 x-transition:leave-start="opacity-100 transform translate-y-0" 1050 x-transition:leave-end="opacity-0 transform translate-y-2" 1051 class="absolute bottom-0 left-0 isolate w-full translate-y-full bg-white pb-20 pt-8 will-change-transform" 1052 x-cloak> 1053 1054 <div class="relative z-50 grid grid-cols-2 gap-8"> 1055 1056 <div class="group relative ml-auto flex w-full max-w-xl items-center rounded-lg bg-tertiary"> 1057 <a href="https://benkey.nl/contact/" class="flex flex-col gap-8 px-8 py-12"> 1058 <div 1059 class="transition-color absolute right-0 top-0 m-6 inline-flex size-14 items-center justify-center overflow-hidden rounded-md bg-primary duration-500 group-hover:bg-secondary"> 1060 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 1061 stroke="currentColor" class="size-8 -rotate-45"> 1062 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"> 1063 </path> 1064 </svg> 1065 </div> 1066 1067 <div class="flex flex-col gap-1"> 1068 <p class="font-serif text-3xl text-primary 2xl:text-4xl"> 1069 Liever persoonlijk contact? 1070 </p> 1071 1072 <p class="text-lg text-primary"> 1073 Wij bespreken graag wat er mogelijk is. 1074 </p> 1075 </div> 1076 1077 <div class="flex flex-row items-end gap-6 lg:gap-8"> 1078 <div class="relative size-24 flex-none select-none overflow-hidden rounded-md md:size-32"> 1079 <img width="1500" height="1202" src="https://benkey.nl/app/uploads/2025/10/mark-de-graaf-1500x1202.png" class="absolute inset-0 h-full w-full object-cover" alt="" decoding="async" loading="lazy" srcset="https://benkey.nl/app/uploads/2025/10/mark-de-graaf-1500x1202.png 1500w, https://benkey.nl/app/uploads/2025/10/mark-de-graaf-768x615.png 768w, https://benkey.nl/app/uploads/2025/10/mark-de-graaf-800x641.png 800w, https://benkey.nl/app/uploads/2025/10/mark-de-graaf.png 1508w" sizes="auto, (max-width: 1500px) 100v
1079w, 1500px" /> 1080 </div> 1081 1082 <div class="flex flex-1 flex-col gap-1"> 1083 <p class="text-sm font-bold uppercase text-primary"> 1084 Mark de Graaf 1085 </p> 1086 1087 <div class="max-w-sm leading-snug text-primary lg:text-lg lg:leading-relaxed"> 1088 Invester Relations Manager 1089 </div> 1090 </div> 1091 </div> 1092 </a> 1093 </div> 1094 </div> 1095 1096 <div 1097 class="pointer-events-none absolute inset-0 isolate -z-10 h-screen w-[200vw] -translate-x-1/2 -translate-y-full bg-white"> 1098 </div> 1099 <div class="pointer-events-none absolute inset-0 isolate -z-10 h-full w-[200vw] -translate-x-1/2 bg-white"> 1100 </div> 1101 </div> 1102 1103</nav> 1104 </div> 1105 1106 <div class="block w-full xl:hidden"> 1107 <div x-show="navOpen" class="absolute bottom-0 left-0 -mb-16 h-full w-full bg-primary will-change-transform" 1108 x-transition:enter="transition ease-out duration-500 transform" x-transition:enter-start="-translate-x-full" 1109 x-transition:enter-end="translate-x-0" x-transition:leave="transition ease-in duration-500 transform" 1110 x-transition:leave-start="translate-x-0" x-transition:leave-end="-translate-x-full" x-cloak> 1111 <div class="relative"> 1112 <nav class="mr-2 flex flex-col gap-8 py-12" x-data="{ selected: null }"> 1113 <ul class="flex flex-col gap-3"> 1114 <li class="border-white/25 w-full border-b pb-3"> 1115 <span class="inline-flex w-full items-center justify-between gap-8"> 1116 <a href="https://benkey.nl/investeren/" 1117 class="text-white transition-colors duration-500 hover:text-secondary inline-flex flex-row items-center gap-0.5 transition-colors duration-500"> 1118 Investeren 1119 </a> 1120 1121 <button 1122 @click.prevent="selected !== 1 ? selected = 1 : selected = null" 1123 class="text-white transition-colors duration-500 hover:text-secondary flex cursor-pointer flex-row items-center justify-between gap-8"> 1124 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.2" 1125 stroke-linecap="butt" stroke-linejoin="arcs" class="size-5 flex-none"> 1126 <line x1="12" y1="5" x2="12" y2="19" 1127 class="origin-center transition-transform duration-500 will-change-transform" 1128 x-bind:class="selected == 1 ? 'rotate-90' : 'rotate-0'"></line> 1129 <line x1="5" y1="12" x2="19" y2="12" 1130 class="origin-center transition-transform duration-500 will-change-transform" 1131 x-bind:class="selected == 1 ? 'rotate-180' : 'rotate-0'"></line> 1132 </svg> 1133 </button> 1134 </span> 1135 1136 <div class="relative max-h-0 overflow-hidden transition-all duration-700" 1137 x-ref="container1" 1138 x-bind:style="selected == 1 ? 'max-height: ' + $refs.container1 1139 .scrollHeight + 'px' : ''"> 1140 <ul class="flex flex-col gap-2 py-4"> 1141 <li> 1142 <a href="https://benkey.nl/investeren/vastgoedfonds/" 1143 class="text-white transition-colors duration-500 hover:text-secondary inline-flex items-center gap-2 text-sm"> 1144 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" 1145 stroke="currentColor" class="size-3"> 1146 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /> 1147 </svg> 1148 1149 Vastgoedfonds 1150 </a> 1151 </li> 1152 <li> 1153 <a href="https://benkey.nl/investeren/vastgoedfonds/" 1154 class="text-white transition-colors duration-500 hover:text-secondary inline-flex items-center gap-2 text-sm"> 1155 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" 1156 stroke="currentColor" class="size-3"> 1157 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /> 1158 </svg> 1159 1160 Vastgoedleningen 1161 </a> 1162 </li> 1163 </ul> 1164 </div> 1165 </li> 1166 <li class="border-white/25 w-full border-b pb-3"> 1167 <a href="https://benkey.nl/over-benkey/" 1168 class="text-white transition-colors duration-500 hover:text-secondary inline-flex w-full flex-row items-center gap-0.5 transition-colors duration-500"> 1169 Over Benkey 1170 </a> 1171 </li> 1172 <li class="border-white/25 w-full border-b pb-3">
1173 <span class="inline-flex w-full items-center justify-between gap-8"> 1174 <a href="#" 1175 class="text-white transition-colors duration-500 hover:text-secondary inline-flex flex-row items-center gap-0.5 transition-colors duration-500"> 1176 Investor community 1177 </a> 1178 1179 <button 1180 @click.prevent="selected !== 3 ? selected = 3 : selected = null" 1181 class="text-white transition-colors duration-500 hover:text-secondary flex cursor-pointer flex-row items-center justify-between gap-8"> 1182 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.2" 1183 stroke-linecap="butt" stroke-linejoin="arcs" class="size-5 flex-none"> 1184 <line x1="12" y1="5" x2="12" y2="19" 1185 class="origin-center transition-transform duration-500 will-change-transform" 1186 x-bind:class="selected == 3 ? 'rotate-90' : 'rotate-0'"></line> 1187 <line x1="5" y1="12" x2="19" y2="12" 1188 class="origin-center transition-transform duration-500 will-change-transform" 1189 x-bind:class="selected == 3 ? 'rotate-180' : 'rotate-0'"></line> 1190 </svg> 1191 </button> 1192 </span> 1193 1194 <div class="relative max-h-0 overflow-hidden transition-all duration-700" 1195 x-ref="container3" 1196 x-bind:style="selected == 3 ? 'max-height: ' + $refs.container3 1197 .scrollHeight + 'px' : ''"> 1198 <ul class="flex flex-col gap-2 py-4"> 1199 <li> 1200 <a href="https://benkey.nl/insights/events/" 1201 class="text-white transition-colors duration-500 hover:text-secondary inline-flex items-center gap-2 text-sm"> 1202 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" 1203 stroke="currentColor" class="size-3"> 1204 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /> 1205 </svg> 1206 1207 Events & Kennissessies 1208 </a> 1209 </li> 1210 <li> 1211 <a href="https://benkey.nl/investerdeersportaal-voor-24-7-inzicht-in-je-vermogen/" 1212 class="text-white transition-colors duration-500 hover:text-secondary inline-flex items-center gap-2 text-sm"> 1213 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" 1214 stroke="currentColor" class="size-3"> 1215 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /> 1216 </svg> 1217 1218 Bekijk investeerdersportaal 1219 </a> 1220 </li> 1221 </ul> 1222 </div> 1223 </li> 1224 <li class="border-white/25 w-full border-b pb-3"> 1225 <span class="inline-flex w-full items-center justify-between gap-8"> 1226 <a href="https://benkey.nl/insights/" 1227 class="text-white transition-colors duration-500 hover:text-secondary inline-flex flex-row items-center gap-0.5 transition-colors duration-500"> 1228 Insights 1229 </a> 1230 1231 <button 1232 @click.prevent="selected !== 4 ? selected = 4 : selected = null" 1233 class="text-white transition-colors duration-500 hover:text-secondary flex cursor-pointer flex-row items-center justify-between gap-8"> 1234 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.2" 1235 stroke-linecap="butt" stroke-linejoin="arcs" class="size-5 flex-none"> 1236 <line x1="12" y1="5" x2="12" y2="19" 1237 class="origin-center transition-transform duration-500 will-change-transform" 1238 x-bind:class="selected == 4 ? 'rotate-90' : 'rotate-0'"></line> 1239 <line x1="5" y1="12" x2="19" y2="12" 1240 class="origin-center transition-transform duration-500 will-change-transform" 1241 x-bind:class="selected == 4 ? 'rotate-180' : 'rotate-0'"></line> 1242 </svg> 1243 </button> 1244 </span> 1245 1246 <div class="relative max-h-0 overflow-hidden transition-all duration-700" 1247 x-ref="container4" 1248 x-bind:style="selected == 4 ? 'max-height: ' + $refs.container4 1249 .scrollHeight + 'px' : ''"> 1250 <ul class="flex flex-col gap-2 py-4"> 1251 <li> 1252 <a href="https://benkey.nl/insights/nieuws-blogs/" 1253 class="text-white transition-colors duration-500 hover:text-secondary inline-flex items-center gap-2 text-sm"> 1254 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" 1255 stroke="currentColor" class="size-3"> 1256 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /> 1257 </svg> 1258 1259 Nieuws & Blogs 1260 </a> 1261 </li> 1262 <li> 1263 <a href="https://benkey.nl/insights/whitepapers/" 1264 class="text-white transition-colors duration-500 hover:text-secondary inline-flex items-center gap-2 text-sm"> 1265 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" 1266 stroke="currentColor" class="size-3"> 1267 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /> 1268 </svg> 1269 1270 Whitepapers 1271 </a> 1272 </li> 1273 <li> 1274 <a href="https://benkey.nl/insights/podcasts-videos/" 1275 class="text-white transition-colors duration-500 hover:text-secondary inline-flex items-center gap-2 text-sm"> 1276 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" 1277 stroke="currentColor" class="size-3"> 1278 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /> 1279 </svg> 1280 1281 Podcasts & Videoâs 1282 </a> 1283 </li> 1284 <li> 1285 <a href="https://benkey.nl/insights/events/" 1286 class="text-white transition-colors duration-500 hover:text-secondary inline-flex items-center gap-2 text-sm"> 1287 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" 1288 stroke="currentColor" class="size-3"> 1289 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /> 1290 </svg> 1291 1292 Events & Kennissessies 1293 </a> 1294 </li> 1295 <li> 1296 <a href="https://benkey.nl/insights/klant-aan-het-woord/" 1297 class="text-white transition-colors duration-500 hover:text-secondary inline-flex items-center gap-2 text-sm"> 1298 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" 1299 stroke="currentColor" class="size-3"> 1300 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /> 1301 </svg> 1302 1303 Investeerder aan het woord 1304 </a> 1305 </li> 1306 </ul> 1307 </div> 1308 </li> 1309 <li class="border-white/25 w-full border-b pb-3"> 1310 <a href="https://benkey.nl/werken-bij/" 1311 class="text-white transition-colors duration-500 hover:text-secondary inline-flex w-full flex-row items-center gap-0.5 transition-colors duration-500"> 1312 Werken bij 1313 </a> 1314 </li> 1315 <li class="border-white/25 w-full border-b pb-3"> 1316 <a href="https://benkey.nl/contact/" 1317 class="text-white transition-colors duration-500 hover:text-secondary inline-flex w-full flex-row items-center gap-0.5 transition-colors duration-500"> 1318 Contact 1319 </a> 1320 </li> 1321 </ul> 1322 </nav> 1323 1324 <div class="mb-6 flex flex-shrink-0 flex-col justify-center gap-4 md:flex-row"> 1325 <a href="https://benkey.nl/investerdeersportaal-voor-24-7-inzicht-in-je-vermogen/" target="" 1326 class="group inline-flex items-center justify-center gap-2 rounded-full bg-secondary px-4 py-2.5 text-sm transition-colors duration-500 hover:bg-white hover:text-primary">
1327 <span class="size-1.5 rounded-full bg-white transition-colors duration-500 group-hover:bg-primary"></span> 1328 Gratis account 1329 </a> 1330 1331 <a href="https://benkey.nl/benkey-documenten/" 1332 class="group inline-flex items-center justify-center gap-2 rounded-full bg-white px-4 py-2.5 text-sm text-primary transition-colors duration-500 hover:bg-tertiary hover:text-primary"> 1333 Downloads 1334 </a> 1335 1336 <a href="https://portaal.benkey.nl/login" 1337 class="group inline-flex items-center justify-center gap-2 rounded-full bg-white px-4 py-2.5 text-sm text-primary transition-colors duration-500 hover:bg-tertiary hover:text-primary" 1338 target="_blank"> 1339 Inloggen portaal 1340 1341 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 1342 stroke="currentColor" class="size-5"> 1343 <path stroke-linecap="round" stroke-linejoin="round" 1344 d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" /> 1345 </svg> 1346 </a> 1347 </div> 1348 1349 <div class="flex flex-wrap items-center justify-center gap-x-6 gap-y-2"> 1350 1351 <div class="flex flex-wrap items-center justify-center gap-x-2"> 1352 <div class="flex flex-row items-center"> 1353 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96" class="size-3.5 flex-shrink-0 text-[#daa000]"> 1354 <path fill="currentColor" 1355 d="m62.803 32.105 33.19 4.813-23.936 23.32 5.675 32.943-29.736-15.423L18.261 93.18l5.799-32.944L0 36.918l33.19-4.813L47.996 2l14.807 30.105Z" /> 1356 </svg> 1357 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96" class="size-3.5 flex-shrink-0 text-[#daa000]"> 1358 <path fill="currentColor" 1359 d="m62.803 32.105 33.19 4.813-23.936 23.32 5.675 32.943-29.736-15.423L18.261 93.18l5.799-32.944L0 36.918l33.19-4.813L47.996 2l14.807 30.105Z" /> 1360 </svg> 1361 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96" class="size-3.5 flex-shrink-0 text-[#daa000]"> 1362 <path fill="currentColor" 1363 d="m62.803 32.105 33.19 4.813-23.936 23.32 5.675 32.943-29.736-15.423L18.261 93.18l5.799-32.944L0 36.918l33.19-4.813L47.996 2l14.807 30.105Z" /> 1364 </svg> 1365 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96" class="size-3.5 flex-shrink-0 text-[#daa000]"> 1366 <path fill="currentColor" 1367 d="m62.803 32.105 33.19 4.813-23.936 23.32 5.675 32.943-29.736-15.423L18.261 93.18l5.799-32.944L0 36.918l33.19-4.813L47.996 2l14.807 30.105Z" /> 1368 </svg> 1369 1370 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96" class="size-3.5 flex-shrink-0 text-[#daa000]"> 1371 <path stroke="currentColor" stroke-width="7" 1372 d="m61.91 32.644.233.471.521.076 31.183 4.511L71.364 59.56l-.378.368.09.52 5.333 30.894L48.46 76.875l-.46-.238-.46.238-27.942 14.463 5.449-30.887.092-.523-.382-.37L2.159 37.702l31.177-4.51.521-.076.233-.471L48 4.418l13.91 28.226Z" /> 1373 <path fill="currentColor" d="m24.062 60.277-5.8 32.878L48 77.763V2.155L33.193 32.201 0 37.004l24.062 23.273Z" /> 1374 </svg> 1375 1376 </div> 1377 <p class="text-xs text-tertiary"> 1378 4.5 1379 </p> 1380 </div> 1381 </div> 1382 1383 <div x-data="{ 1384 units: [ 1385 { key: 'days', label: 'dag' }, 1386 { key: 'hours', label: 'uur' }, 1387 { key: 'minutes', label: 'min' } 1388 ], 1389 days: 0, 1390 hours: 0, 1391 minutes: 0, 1392 interval: null, 1393 target: new Date('2026-10-30T12:00:00'), 1394 formattedDate: '', 1395 getUnitValue(key) { 1396 return this[key]; 1397 }, 1398 start() { 1399 this.update(); 1400 this.formattedDate = this.target.toLocaleDateString('nl-NL', { 1401 weekday: 'long', 1402 day: 'numeric', 1403 month: 'long', 1404 year: 'numeric' 1405 }); 1406 this.interval = setInterval(() => this.update(), 1000); 1407 }, 1408 update() { 1409 const now = new Date(); 1410 let diff = Math.max(0, this.target - now); 1411 this.days = Math.floor(diff / (1000 * 60 * 60 * 24)); 1412 diff -= this.days * (1000 * 60 * 60 * 24); 1413 this.hours = Math.floor(diff / (1000 * 60 * 60)); 1414 diff -= this.hours * (1000 * 60 * 60); 1415 this.minutes = Math.floor(diff / (1000 * 60)); 1416 } 1417 }" x-init="start()" class="mt-6 flex flex-none flex-col gap-6 text-center xl:mt-0"> 1418 <a href="https://benkey.nl/investeren/vastgoedfonds/#handelsdagen" 1419 class="flex flex-row items-center justify-center gap-2"> 1420 <p class="mr-1 text-xs transition-colors duration-500" 1421 :class="hoveredItem !== null ? 'text-primary-500' : 'text-tertiary'"> 1422 Volgende handelsdag 1423 </p> 1424 <template x-for="unit in units" :key="unit.key"> 1425 <div class="flex size-9 select-none flex-col items-center justify-center rounded bg-secondary p-1">
1426 <p x-text="getUnitValue(unit.key)" class="text-sm/3 font-semibold text-white"></p> 1427 <p class="text-xs/3 text-white" x-text="unit.label"></p> 1428 </div> 1429 </template> 1430 </a> 1431 </div> 1432 1433 1434 <div class="mt-8"> 1435 <div class="flex justify-center text-white"> 1436 <div x-data="{ 1437 open: false, 1438 toggle() { 1439 if (this.open) { 1440 return this.close() 1441 } 1442 1443 this.$refs.button.focus() 1444 1445 this.open = true 1446 }, 1447 close(focusAfter) { 1448 if (!this.open) return 1449 1450 this.open = false 1451 1452 focusAfter && focusAfter.focus() 1453 } 1454 }" x-on:keydown.escape.prevent.stop="close($refs.button)" 1455 x-on:focusin.window="! $refs.panel.contains($event.target) && close()" x-id="['dropdown-button']" class="relative"> 1456 <!-- Button --> 1457 <button x-ref="button" x-on:click="toggle()" :aria-expanded="open" :aria-controls="$id('dropdown-button')" 1458 type="button" 1459 class="bg-white/10 border-white/10 relative flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-lg border px-4 py-2 text-xs text-tertiary shadow-sm transition-colors duration-500 hover:text-white"> 1460 <span class="flex items-center gap-2"> 1461 <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-nl" viewBox="0 0 640 480" class="size-4"> 1462 <path fill="#ae1c28" d="M0 0h640v160H0z" /> 1463 <path fill="#fff" d="M0 160h640v160H0z" /> 1464 <path fill="#21468b" d="M0 320h640v160H0z" /> 1465 </svg> 1466 <span>NL</span> 1467 </span> 1468 1469 <!-- Heroicon: micro chevron-down --> 1470 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="size-4"> 1471 <path fill-rule="evenodd" 1472 d="M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z" 1473 clip-rule="evenodd" /> 1474 </svg> 1475 </button> 1476 1477 <!-- Panel --> 1478 <div x-ref="panel" x-show="open" x-transition.origin.top.left x-on:click.outside="close($refs.button)" 1479 :id="$id('dropdown-button')" x-cloak 1480 class="border-white/10 absolute left-0 z-10 mt-2 min-w-32 origin-top-left rounded-lg border bg-[#1A244C] p-1.5 outline-none"> 1481 <a href="https://benkey.eu/" target="_blank" 1482 class="flex w-full items-center gap-2 rounded-md px-2 py-2 text-left text-xs text-tertiary transition-colors duration-500 hover:text-white lg:py-1.5"> 1483 <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-gb" viewBox="0 0 640 480" class="size-4"> 1484 <path fill="#012169" d="M0 0h640v480H0z" /> 1485 <path fill="#FFF" 1486 d="m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z" /> 1487 <path fill="#C8102E" 1488 d="m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z" /> 1489 <path fill="#FFF" d="M241 0v480h160V0zM0 160v160h640V160z" /> 1490 <path fill="#C8102E" d="M0 193v96h640v-96zM273 0v480h96V0z" /> 1491 </svg> 1492 EN 1493 </a> 1494 </div> 1495 </div> 1496</div> 1497 </div> 1498 1499 1500 <div class="absolute left-0 top-0 -z-10 h-screen w-[200vw] -translate-x-1/2 bg-primary"></div> 1501 </div> 1502</div> 1503 </div> 1504 1505 1506 <button 1507 class="bg-purple relative z-50 ml-auto flex size-10 flex-shrink-0 cursor-pointer flex-col items-center justify-center gap-1.5 overflow-hidden rounded-lg xl:hidden" 1508 @click="navOpen = !navOpen"> 1509 <span 1510 class="inline-block h-0.5 w-6 origin-left bg-white transition-transform duration-500 will-change-transform" 1511 :class="{ 'scale-x-0': navOpen, 'delay-150': !navOpen }"></span> 1512 <span 1513 class="inline-block h-0.5 w-6 origin-right bg-white transition-transform duration-500 will-change-transform" 1514 :class="{ 'scale-x-0': navOpen, 'delay-150': !navOpen }"></span> 1515 <span 1516 class="absolute inline-block h-0.5 w-5 rotate-45 bg-white transition-transform duration-500 will-change-transform" 1517 :class="{ 'delay-150': navOpen, 'scale-x-0': !navOpen }" x-cloak></span>
1518 <span 1519 class="absolute inline-block h-0.5 w-5 -rotate-45 bg-white transition-transform duration-500 will-change-transform" 1520 :class="{ 'delay-150': navOpen, 'scale-x-0': !navOpen }" x-cloak></span> 1521 </button> 1522 </div> 1523 </div> 1524 </div> 1525 1526 <div x-show="hoveredItem !== null" x-transition:enter="transition ease-out duration-300" 1527 x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" 1528 x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100" 1529 x-transition:leave-end="opacity-0" 1530 class="bg-primary/50 pointer-events-none fixed inset-0 -z-10 h-screen w-screen backdrop-blur-sm" x-cloak> 1531 </div> 1532</header> 1533 1534 <main id="main" class="main"> 1535 <section class="relative -mb-20 overflow-hidden pb-20" data-element="banner" x-data="{ modalOpen: false, videoSrc: 'https://www.youtube.com/embed/8C01uFLlSQU?si=f0xR-HrB6thTtS_i' }"> 1536 1537 <div id="de-finance-boutique-in-vastgoed" 1538 class="pointer-events-none invisible absolute left-0 top-0 -z-50 -mt-12 size-0 opacity-0"> 1539</div> 1540 1541 1542 1543 1544 <div class="relative min-h-[25rem] xl:absolute xl:right-0 xl:top-0 xl:h-full xl:w-1/2"> 1545 <div class="absolute bottom-0 left-0 z-20 mb-20 hidden w-full grid-cols-12 items-center gap-6 p-12 xl:grid" 1546 data-aos="fade-up-alt" data-aos-delay="100"> 1547 1548 <div 1549 class="bg-white/10 col-span-7 relative flex w-full flex-row items-center gap-6 overflow-hidden rounded-lg p-6 backdrop-blur-md"> 1550 <picture class="relative block size-28 overflow-hidden rounded-full"> 1551 <img width="729" height="779" src="https://benkey.nl/app/uploads/2025/10/paul-jans-1.png" class="absolute inset-0 h-full w-full select-none object-cover object-center" alt="" decoding="async" fetchpriority="high" /> 1552 </picture> 1553 1554 <div class="flex flex-col gap-4"> 1555 <p 1556 class="max-w-[16rem] text-xl text-white"> 1557 "Ik had nooit gedacht dat het rendement zó hoog zou zijn, zeker niet in het eerste jaar." 1558 </p> 1559 1560 <p class="text-[0.813rem] text-white"> 1561 <span class="font-bold uppercase"> 1562 Paul Jans 1563 </span> 1564 1565 - Investeerder 1566 </p> 1567 </div> 1568 1569 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 52 35" 1570 class="absolute right-0 top-0 m-6 h-12 text-tertiary"> 1571 <path fill="currentColor" 1572 d="M26.214 12.41c0 6.853 5.555 12.41 12.411 12.407.582 0 1.15-.055 1.71-.135a12.4 12.4 0 0 1-5.942 9.433c9.61-2.775 17.526-11.5 16.64-21.92C50.452 5.363 45.477 0 38.623 0s-12.408 5.555-12.41 12.41ZM0 12.41c0 6.854 5.555 12.41 12.41 12.407.578 0 1.148-.055 1.708-.135a12.4 12.4 0 0 1-5.942 9.433c9.613-2.775 17.529-11.5 16.643-21.92C24.238 5.363 19.263 0 12.41 0S.001 5.555 0 12.41Z" 1573 opacity=".15" /> 1574 </svg> 1575 </div> 1576 1577 <div 1578 class="col-span-5 relative block aspect-[16/9] overflow-hidden rounded-lg"> 1579 <div class="absolute z-20 flex h-full w-full flex-col items-center justify-center gap-2"> 1580 <button type="button" 1581 class="group relative flex size-12 cursor-pointer items-center justify-center gap-2 rounded-2xl bg-secondary p-2 transition-colors duration-500 hover:bg-primary" 1582 x-on:click="modalOpen = true; videoSrc = 'https://www.youtube.com/embed/8C01uFLlSQU?si=f0xR-HrB6thTtS_i'"> 1583 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 1584 stroke="currentColor" class="size-6 duration-500 will-change-transform group-hover:scale-105"> 1585 <path stroke-linecap="round" stroke-linejoin="round"
1586 d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z" /> 1587 </svg> 1588 </button> 1589 1590 <p class="font-semibold text-white"> 1591 Ontdek Benkey in 2 minuten 1592 </p> 1593 </div> 1594 1595 <picture class="absolute inset-0 isolate h-full w-full"> 1596 <div class="bg-primary/40 absolute inset-0 z-10 h-full w-full"></div> 1597 1598 <img width="1500" height="985" src="https://benkey.nl/app/uploads/2025/10/benkey-team-1500x985.png" class="absolute inset-0 h-full w-full select-none object-cover object-center" alt="" decoding="async" srcset="https://benkey.nl/app/uploads/2025/10/benkey-team-1500x985.png 1500w, https://benkey.nl/app/uploads/2025/10/benkey-team-768x504.png 768w, https://benkey.nl/app/uploads/2025/10/benkey-team-1536x1008.png 1536w, https://benkey.nl/app/uploads/2025/10/benkey-team-800x525.png 800w, https://benkey.nl/app/uploads/2025/10/benkey-team.png 1613w" sizes="(max-width: 1500px) 100vw, 1500px" /> 1599 </picture> 1600 </div> 1601 </div> 1602 1603 <video class="absolute inset-0 h-full w-full select-none object-cover object-center" autoplay loop muted 1604 playsinline> 1605 <source src="https://benkey.nl/app/uploads/2025/10/Benkey-videobanners2.mp4" type="video/mp4"> 1606 </video> 1607 </div> 1608 1609 <div class="mx-auto max-w-screen-2xl px-4 sm:px-6 md:px-8"> 1610 <div class="relative grid grid-cols-1 xl:grid-cols-2 xl:justify-end xl:pt-32"> 1611 1612 <div class="flex flex-col gap-6 py-12 lg:py-16 xl:py-28 xl:pr-12 2xl:py-36 2xl:pl-8 2xl:pr-16"> 1613 <h1 1614 class="[&>span]:leading-0 xl:[&>span]:leading-14 xl:[&>span]:block max-w-xl text-5xl lg:text-6xl/none xl:text-7xl/tight 2xl:text-[5.438rem]/tight [&>span]:-mt-2 [&>span]:translate-y-4 [&>span]:font-serif [&>span]:text-secondary" 1615 data-aos="fade-up-alt" data-aos-delay="100"> 1616 De Finance Boutique in <span class="shortcode">vastgoed</span> 1617 </h1> 1618 1619 <div class="prose prose-primary500 prose-xl xl:prose-2xl max-w-none leading-snug xl:leading-relaxed" 1620 data-aos="fade-up-alt" data-aos-delay="200"> 1621 <p style="font-weight: 400;">Waar we geen stenen stapelen, maar waarde.</p> 1622 1623 </div> 1624 1625 <div class="mt-2 flex flex-wrap items-center gap-4" data-aos="fade-up-alt" data-aos-delay="300"> 1626 <a class="group/button cursor-pointer relative inline-flex items-center justify-center flex-row border gap-3 select-none rounded-lg transition-colors duration-500 lg:text-lg bg-tertiary border-tertiary text-primary hover:bg-secondary hover:border-secondary hover:text-white px-4 py-3 lg:px-4.5 lg:py-3.5" href="https://benkey.nl/investeren/" target=""> 1627 <span class="relative isolate"> 1628 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1629 class="size-6 -rotate-45 transition duration-500 will-change-transform group-hover/button:rotate-0 group-hover/button:scale-90 group-hover/button:text-secondary lg:size-7"> 1630 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 1631 </svg> 1632 <span 1633 class="absolute inset-0 -z-10 h-full w-full scale-0 rounded-full bg-transparent transition duration-500 will-change-transform group-hover/button:scale-100 group-hover/button:bg-white"></span> 1634 </span> 1635 <span> 1636 Beleggen in vastgoed 1637 </span> 1638 </a> 1639 <a class="group/button cursor-pointer relative inline-flex items-center justify-center flex-row border gap-3 select-none rounded-lg transition-colors duration-500 lg:text-lg bg-transparent border-primary-500 text-tertiary hover:bg-secondary hover:border-secondary hover:text-white px-4 py-3 lg:px-4.5 lg:py-3.5" href="https://benkey.nl/over-benkey/" target=""> 1640 <span class="relative isolate"> 1641 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1642 class="size-6 -rotate-45 transition duration-500 will-change-transform group-hover/button:rotate-0 group-hover/button:scale-90 group-hover/button:text-secondary lg:size-7"> 1643 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 1644 </svg>
1645 <span 1646 class="absolute inset-0 -z-10 h-full w-full scale-0 rounded-full bg-transparent transition duration-500 will-change-transform group-hover/button:scale-100 group-hover/button:bg-white"></span> 1647 </span> 1648 <span> 1649 Lees ons verhaal 1650 </span> 1651 </a> 1652 </div> 1653 </div> 1654 1655 <div class="absolute bottom-0 left-0 -ml-12 mb-12 hidden 2xl:block"> 1656 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 11 161" class="w-2.5"> 1657 <path fill="#D4DCDC" 1658 d="M10.112 90.814c0 2.212-1.33 3.626-3.36 3.738v-1.414c1.26-.112 2.072-.938 2.072-2.324 0-1.232-.476-2.128-1.54-2.128-2.352 0-.938 5.558-4.55 5.558-1.568 0-2.646-1.372-2.646-3.346 0-2.002 1.162-3.374 2.954-3.5v1.414c-1.008.098-1.666.882-1.666 2.086 0 1.176.532 1.89 1.358 1.89 2.38 0 .798-5.586 4.536-5.586 1.792 0 2.842 1.512 2.842 3.612Zm0-12.92c0 2.52-1.652 4.788-5.012 4.788-3.36 0-5.012-2.296-5.012-4.788 0-2.226 1.344-3.99 3.262-4.256v1.526c-1.148.168-1.974 1.317-1.974 2.745 0 1.903 1.302 3.275 3.724 3.275s3.724-1.371 3.724-3.275c0-1.457-.826-2.619-1.974-2.773v-1.47c1.918.21 3.262 1.96 3.262 4.228Zm-4.76-14.753c.42-.714 1.19-1.176 2.142-1.232L10 61.713v1.414l-2.38.196c-.868.07-1.484.644-1.484 1.484v2.45H10v1.456H.2v-3.836c0-1.974 1.19-3.178 2.94-3.178 1.05 0 1.778.574 2.212 1.442ZM1.46 67.257h3.388v-2.338c0-1.274-.826-1.764-1.708-1.764-.896 0-1.68.49-1.68 1.764v2.338Zm8.652-15.163c0 2.8-2.128 4.872-5.012 4.872-2.884 0-5.012-2.072-5.012-4.872 0-2.786 2.128-4.858 5.012-4.858 2.884 0 5.012 2.072 5.012 4.858Zm-1.288 0c0-1.946-1.582-3.374-3.724-3.374-2.142 0-3.724 1.428-3.724 3.374 0 1.946 1.582 3.388 3.724 3.388 2.142 0 3.724-1.442 3.724-3.388ZM10 42.176H.2V40.72h8.512v-4.774H10v6.23Zm0-10.91H.2V29.81h8.512v-4.774H10v6.23Zm0-10.91H.2V14.07h1.288v4.83h2.814v-3.906H5.59V18.9h3.122v-4.984H10v6.44Zm0-11.498H.2V7.234l7.546-4.718H.2V1.06H10v1.61L2.468 7.402H10v1.456ZM4.646 160.354a.5.5 0 0 0 .708 0l3.182-3.182a.501.501 0 0 0-.708-.708L5 159.293l-2.828-2.829a.5.5 0 0 0-.708.708l3.182 3.182ZM5 112h-.5v48h1v-48H5Z" /> 1659 </svg> 1660 </div> 1661 </div> 1662 </div> 1663 1664 1665 1666 1667 <div x-show="modalOpen" style="display: none" x-on:keydown.escape.prevent.stop="modalOpen = false; videoSrc = ''" 1668 x-effect="if (!modalOpen) videoSrc = ''" role="dialog" aria-modal="true" 1669 class="fixed inset-0 z-[100] select-none overflow-y-auto"> 1670 1671 <div x-show="modalOpen" x-transition:enter="transition ease-out duration-500" x-transition:enter-start="opacity-0" 1672 x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200" 1673 x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" 1674 class="bg-primary/60 fixed inset-0 backdrop-blur-sm"></div> 1675 1676 <div x-show="modalOpen" x-transition:enter="transition ease-out duration-500" 1677 x-transition:enter-start="opacity-0 translate-y-8" x-transition:enter-end="opacity-100 translate-y-0" 1678 x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0" 1679 x-transition:leave-end="opacity-0 translate-y-8" x-on:click="modalOpen = false; videoSrc = ''" 1680 class="relative flex min-h-screen items-center justify-center p-4"> 1681 <div x-on:click.stop x-trap.noscroll.inert="modalOpen" 1682 class="relative w-full min-w-96 max-w-4xl rounded-xl bg-white p-4 shadow-lg"> 1683 1684 <button type="button" x-on:click="modalOpen = false; videoSrc = ''" 1685 class="group absolute right-0 top-0 z-50 flex size-10 -translate-y-1/2 translate-x-1/3 cursor-pointer items-center justify-center rounded-full bg-secondary transition-colors duration-500 hover:bg-primary lg:size-12 lg:translate-x-1/2"> 1686 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" 1687 stroke="currentColor" 1688 class="size-6 transition-transform duration-500 will-change-transform group-hover:rotate-90"> 1689 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /> 1690 </svg> 1691 </button> 1692 1693 <div class="relative aspect-video"> 1694 <iframe width="100%" height="100%" :src="videoSrc" title="YouTube video player" frameborder="0" 1695 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
1696 referrerpolicy="strict-origin-when-cross-origin" allowfullscreen 1697 class="absolute inset-0 h-full w-full"></iframe> 1698 </div> 1699 </div> 1700 </div> 1701</div> 1702 1703 1704 1705 1706</section> 1707 <section class="rounded-t-4xl bg-white relative" data-element="usps" 1708 data-color="bg-white"> 1709 <div class="py-12 lg:py-16 xl:rounded-t-[3.125rem] xl:py-20"> 1710 1711 <div id="usps" 1712 class="pointer-events-none invisible absolute left-0 top-0 -z-50 -mt-12 size-0 opacity-0"> 1713</div> 1714 1715 1716 1717 1718 <div class="mx-auto max-w-screen-2xl px-4 sm:px-6 md:px-8"> 1719 <div class="mx-auto 2xl:pl-8"> 1720 <div class="grid grid-cols-1 gap-8 lg:grid-cols-3 lg:gap-12 xl:gap-16 2xl:gap-20"> 1721 1722 <article class="flex flex-col gap-4 xl:gap-6" data-aos="fade-up-alt" 1723 data-aos-delay="100"> 1724 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" viewBox="0 0 96 96" 1725 class="size-8 flex-shrink-0 lg:size-10 text-secondary"> 1726 <g clip-path="url(#icon-rocket-a)"> 1727 <use xlink:href="#icon-rocket-b" /> 1728 <path fill="currentColor" 1729 d="M46.374.479a2.04 2.04 0 0 1 2.625 0c.518.434 12.787 10.843 19.179 25.856a46.426 46.426 0 0 1 3.594 14.339c.124.155.224.327.295.51l15.707 41.17a10.066 10.066 0 0 1-2.297 10.869 9.272 9.272 0 0 1-10.006 2.135l-23.54-9.122a14.455 14.455 0 0 1-4.244.65 13.758 13.758 0 0 1-4.138-.653l-23.544 9.124A9.33 9.33 0 0 1 16.61 96a9.348 9.348 0 0 1-6.614-2.776 10.07 10.07 0 0 1-2.29-10.868l15.707-41.17c.072-.179.168-.35.292-.502a46.441 46.441 0 0 1 3.595-14.44v-.015c5.414-12.723 14.965-22.05 18.077-24.875.22-.192.407-.368.559-.5.235-.207.39-.335.438-.374ZM11.531 83.812h-.007a6.03 6.03 0 0 0 1.352 6.511 5.172 5.172 0 0 0 5.65 1.229L38.69 83.74c-7.569-5.51-13.234-17.738-14.718-32.568l-12.44 32.64Zm59.986-32.608c-1.448 14.994-7.038 27.11-14.662 32.56l20.096 7.788a5.178 5.178 0 0 0 5.65-1.225 6.04 6.04 0 0 0 1.356-6.515h.004L71.517 51.204Zm-41.75-19.897a38.548 38.548 0 0 0-2.098 12.136c0 21.336 9.165 39.359 20.017 39.355 10.903 0 20.12-18.025 20.12-39.358a38.154 38.154 0 0 0-2.122-12.105 23.845 23.845 0 0 1-17.998 8.295 23.444 23.444 0 0 1-17.918-8.323Zm17.497 22.936a9.214 9.214 0 0 1 9.2 9.2 9.204 9.204 0 0 1-5.678 8.499 9.202 9.202 0 0 1-10.026-1.995 9.202 9.202 0 0 1-1.994-10.026 9.204 9.204 0 0 1 8.498-5.678Zm1.959 4.478a5.109 5.109 0 0 0-5.575 1.108 5.116 5.116 0 0 0-1.109 5.57 5.117 5.117 0 0 0 4.725 3.156 5.119 5.119 0 0 0 5.114-5.11 5.107 5.107 0 0 0-3.155-4.724ZM47.035 5.423c-.072.072-.155.156-.231.227-.176.168-.347.336-.535.523-.111.112-.24.24-.355.36-.171.167-.335.33-.51.51l-.42.435c-.171.183-.343.359-.526.55-.151.16-.307.331-.459.495-.188.195-.367.395-.559.602-.16.176-.322.363-.486.547-.195.22-.383.435-.587.662-.167.188-.343.391-.51.59-.208.232-.411.468-.615.715-.171.207-.35.427-.526.642-.208.252-.419.499-.622.762-.18.223-.364.46-.543.69-.208.268-.423.535-.626.81-.184.24-.363.487-.547.734-.208.284-.423.567-.627.858-.183.255-.362.515-.546.778-.211.295-.416.59-.62.898-.179.27-.361.547-.541.822-.203.311-.403.622-.606.937-.18.288-.36.574-.536.866a56.499 56.499 0 0 0-1.1 1.876 40.18 40.18 0 0 0-.559 1.005c-.167.31-.328.626-.491.94-.176.344-.35.692-.523 1.043-.155.323-.31.646-.462.973h-.004c-.088.195-.176.39-.264.59a19.483 19.483 0 0 0 16.187 8.682 19.94 19.94 0 0 0 16.292-8.597c-.088-.19-.17-.38-.257-.567a45.142 45.142 0 0 0-.99-2.01 55.787 55.787 0 0 0-1.065-1.976c-.167-.3-.34-.595-.51-.89-.204-.347-.415-.69-.619-1.03-.163-.263-.324-.526-.487-.786-.231-.37-.467-.726-.702-1.084-.144-.22-.287-.44-.431-.655a73.47 73.47 0 0 0-.798-1.152c-.115-.176-.236-.343-.355-.51a84.894 84.894 0 0 0-.906-1.226c-.083-.116-.172-.231-.255-.343-.34-.451-.683-.89-1.022-1.32l-.13-.168a80.01 80.01 0 0 0-7.756-8.432c-.203.187-.421.393-.66.624Z" /> 1730 </g> 1731 <defs> 1732 <clipPath id="#icon-rocket-a"> 1733 <use xlink:href="#b" /> 1734 </clipPath> 1735 </defs> 1736 </svg> 1737 1738 <h2 class="text-primary font-serif text-3xl xl:text-4xl"> 1739 Gedreven 1740 </h2> 1741 1742 <div class="prose xl:prose-lg prose-primary max-w-none leading-snug xl:leading-relaxed"> 1743 <p style="font-weight: 400;">We zetten ons vol energie in om de beste vastgoedkansen te vinden. Die toewijding zie je terug in de zorg waarmee we elk pand selecteren en beheren, met jouw belang voorop.</p> 1744 1745 </div> 1746 </article> 1747 <article class="flex flex-col gap-4 xl:gap-6" data-aos="fade-up-alt" 1748 data-aos-delay="200"> 1749 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96" class="size-8 flex-shrink-0 lg:size-10 text-secondary">
1750 <path fill="currentColor" 1751 d="M32.761 6.012c8.992 0 17.144 3.37 23.065 8.817a30.705 30.705 0 0 1 6.05 7.638c.46-.02.915-.027 1.379-.027 8.991 0 17.144 3.37 23.064 8.817C92.297 36.76 96 44.367 96 52.78c0 3.326-.586 6.537-1.666 9.552a29.43 29.43 0 0 1-4.143 7.7l3.668 18.235a2.302 2.302 0 0 1-.333 1.724 2.226 2.226 0 0 1-3.113.626L75.895 80.76a34.41 34.41 0 0 1-5.583 1.638 35.233 35.233 0 0 1-7.062.716 35.06 35.06 0 0 1-9.033-1.179 33.94 33.94 0 0 1-8.34-3.444 2.305 2.305 0 0 1-.836-3.116 2.226 2.226 0 0 1 3.068-.849 29.6 29.6 0 0 0 7.233 2.997 30.788 30.788 0 0 0 7.904 1.015c2.156 0 4.224-.21 6.181-.61a29.698 29.698 0 0 0 5.855-1.837 2.21 2.21 0 0 1 2.118.206l10.968 7.444-2.788-13.849a2.294 2.294 0 0 1 .464-1.898l-.008-.004a24.938 24.938 0 0 0 4.075-7.222 23.693 23.693 0 0 0 1.382-8c0-7.078-3.129-13.495-8.184-18.149-4.974-4.572-11.81-7.451-19.392-7.61a28.24 28.24 0 0 1 1.578 9.33c0 8.413-3.695 16.024-9.68 21.522-5.921 5.443-14.078 8.817-23.065 8.817-2.394 0-4.76-.25-7.062-.72a34.195 34.195 0 0 1-5.583-1.638L5.587 74.176c-1.03.7-2.424.42-3.113-.627a2.281 2.281 0 0 1-.333-1.723l3.668-18.234a29.436 29.436 0 0 1-4.143-7.7A28.275 28.275 0 0 1 0 36.338c0-8.413 3.7-16.024 9.68-21.522C15.602 9.374 23.759 6 32.746 6l.016.012Zm26.447 21.261c-6.227.813-11.79 3.471-16.011 7.354-5.059 4.654-8.184 11.07-8.184 18.149a23.563 23.563 0 0 0 1.804 9.077c6.227-.813 11.79-3.474 16.01-7.354 5.06-4.654 8.184-11.07 8.184-18.148 0-3.195-.64-6.253-1.8-9.074l-.003-.004ZM32.092 62.111a28.509 28.509 0 0 1-1.582-9.335c0-8.413 3.695-16.024 9.68-21.522 4.497-4.136 10.287-7.074 16.747-8.249a26.166 26.166 0 0 0-4.113-4.801c-5.116-4.709-12.208-7.619-20.062-7.619-7.855 0-14.943 2.91-20.063 7.619-5.055 4.65-8.184 11.07-8.184 18.148 0 2.806.487 5.494 1.383 8 .93 2.607 2.32 5.04 4.074 7.222l-.007.008c.413.51.601 1.202.463 1.899L7.64 67.329l10.968-7.444a2.22 2.22 0 0 1 2.118-.206 30.312 30.312 0 0 0 5.855 1.837c1.758.358 3.6.564 5.515.603l-.004-.008Z" /> 1752 </svg> 1753 1754 <h2 class="text-primary font-serif text-3xl xl:text-4xl"> 1755 Club 1756 </h2> 1757 1758 <div class="prose xl:prose-lg prose-primary max-w-none leading-snug xl:leading-relaxed"> 1759 <div><span lang="nl">Sluit je aan bij onze club van investeerders en krijg toegang tot zorgvuldig geselecteerde vastgoeddeals. Meer dan 300 investeerders gingen je al voor.</span></div> 1760 1761 </div> 1762 </article> 1763 <article class="flex flex-col gap-4 xl:gap-6" data-aos="fade-up-alt" 1764 data-aos-delay="300"> 1765 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96" class="size-8 flex-shrink-0 lg:size-10 text-secondary"> 1766 <path fill="currentColor" 1767 d="M85.891 5c-3.318 0-6.044 2.744-6.044 6.096 0 .877.184 1.714.518 2.466L64.587 28.97a5.966 5.966 0 0 0-3.953-1.505c-1.809 0-3.442.821-4.554 2.109l-14.75-6.817c-.474-2.88-2.972-5.093-5.953-5.093-3.319 0-6.044 2.744-6.044 6.095 0 .72.128 1.409.359 2.053L14.14 38.57a5.998 5.998 0 0 0-4.032-1.565c-3.32 0-6.037 2.744-6.037 6.095 0 3.352 2.718 6.108 6.037 6.108s6.048-2.756 6.048-6.108c0-.724-.128-1.42-.359-2.068l15.54-12.75a5.985 5.985 0 0 0 4.043 1.58c2.578 0 4.79-1.661 5.65-3.97l13.714 6.32c-.1.439-.151.894-.151 1.36 0 3.352 2.725 6.096 6.044 6.096 3.319 0 6.036-2.744 6.036-6.096 0-.748-.135-1.464-.382-2.128l15.897-15.531a5.958 5.958 0 0 0 3.702 1.291c3.319 0 6.036-2.756 6.036-6.108C91.927 7.745 89.21 5 85.891 5Zm0 2.965c1.734 0 3.104 1.38 3.104 3.13 0 1.751-1.37 3.143-3.104 3.143a3.08 3.08 0 0 1-2.422-1.158h-.004a1.624 1.624 0 0 0-.163-.234 3.182 3.182 0 0 1-.522-1.75c0-1.75 1.378-3.13 3.111-3.13ZM35.378 20.624c1.733 0 3.1 1.384 3.1 3.134s-1.367 3.13-3.1 3.13a3.086 3.086 0 0 1-2.574-1.355c0-.004 0-.004-.004-.008s-.004-.008-.012-.012a.975.975 0 0 0-.1-.161 3.16 3.16 0 0 1-.425-1.594c0-1.75 1.378-3.134 3.111-3.134h.004Zm41.868 6.007v-.004c-.813 0-1.47.66-1.474 1.477v62.42A1.478 1.478 0 0 0 77.246 92h17.28c.813 0 1.47-.66 1.474-1.477v-62.42a1.478 1.478 0 0 0-1.474-1.476l-17.28.004Zm1.47 2.966h14.352v59.441H78.716V29.597Zm-18.081.836c1.095 0 2.048.56 2.598 1.413v-.004c.02.04.043.076.067.117a3.19 3.19 0 0 1 .435 1.613c0 1.75-1.371 3.13-3.104 3.13s-3.112-1.38-3.112-3.13 1.379-3.143 3.112-3.143l.004.005Zm-33.907 8.849v-.004
1767c-.39 0-.765.152-1.04.434-.275.278-.43.656-.43 1.05v49.761A1.477 1.477 0 0 0 26.728 92h17.284c.813 0 1.47-.66 1.474-1.477v-49.76a1.51 1.51 0 0 0-.43-1.055 1.46 1.46 0 0 0-1.044-.43l-17.284.004Zm-16.619.692a3.09 3.09 0 0 1 2.574 1.36v-.005c.028.049.06.097.096.141a3.14 3.14 0 0 1 .442 1.626c0 1.75-1.379 3.134-3.112 3.134s-3.1-1.384-3.1-3.134 1.367-3.13 3.1-3.13v.008Zm18.093 2.28h14.347v46.788H28.202V42.255ZM51.988 49.1v-.008c-.813 0-1.47.66-1.474 1.477v39.955A1.478 1.478 0 0 0 51.988 92h17.284-.004c.813 0 1.47-.66 1.474-1.477V50.568a1.478 1.478 0 0 0-1.474-1.477l-17.28.008Zm1.47 2.966h14.348V89.04H53.459V52.065ZM1.47 58.619c-.39 0-.765.157-1.04.435-.279.281-.43.66-.43 1.054v30.414A1.477 1.477 0 0 0 1.47 92h17.284c.813 0 1.47-.66 1.474-1.477V60.108a1.474 1.474 0 0 0-1.474-1.489H1.47Zm1.462 2.978h14.36v27.441H2.932V61.597Z" /> 1768 </svg> 1769 1770 <h2 class="text-primary font-serif text-3xl xl:text-4xl"> 1771 Relatiegericht 1772 </h2> 1773 1774 <div class="prose xl:prose-lg prose-primary max-w-none leading-snug xl:leading-relaxed"> 1775 <p style="font-weight: 400;">Persoonlijke aandacht, korte lijnen en een samenwerking die niet stopt bij één deal, maar juist sterker wordt naarmate de tijd verstrijkt.</p> 1776 1777 </div> 1778 </article> 1779 1780 </div> 1781 </div> 1782 </div> 1783 </div> 1784 1785 1786 1787 <div x-data="{ 1788 sectionColor: 'bg-white', 1789 init() { 1790 let prevSection = $el.closest('section')?.previousElementSibling; 1791 if (prevSection && prevSection.tagName === 'SECTION' && prevSection.dataset.color) { 1792 this.sectionColor = prevSection.dataset.color; 1793 } 1794 } 1795}" x-init="init" :class="sectionColor + ' '" 1796 class="pointer-events-none absolute left-0 top-0 -z-10 h-20 w-full"></div> 1797 1798 1799 </section> 1800 <section class="relative" data-element="producten" data-color="bg-tertiary"> 1801 <div 1802 class="rounded-t-4xl relative overflow-hidden bg-tertiary py-12 lg:py-16 xl:rounded-t-[3.125rem] xl:py-20 2xl:py-28"> 1803 1804 1805 <div id="welke-route-kies-jij" 1806 class="pointer-events-none invisible absolute left-0 top-0 -z-50 -mt-12 size-0 opacity-0"> 1807</div> 1808 1809 1810 1811 1812 <div class="mx-auto max-w-screen-2xl px-4 sm:px-6 md:px-8"> 1813 <div class="flex flex-col gap-8 lg:gap-12 xl:gap-16 2xl:gap-20"> 1814 1815 <div class="flex flex-col gap-2 text-center lg:gap-4" data-aos="fade-up-alt" data-aos-delay="100"> 1816 <p class="rounded-full text-xl text-secondary xl:text-2xl"> 1817 Jij bepaalt hoe je instapt 1818 </p> 1819 1820 <h2 class="font-serif text-3xl text-primary xl:text-4xl 2xl:text-5xl"> 1821 Welke route kies jij? 1822 </h2> 1823 </div> 1824 1825 <div x-data="{ 1826 splide: null, 1827 resizeTimeout: null, 1828 currentSlide: 0, 1829 totalSlides: 2, 1830 init() { 1831 this.splide = new Splide($refs.splide, { 1832 type: 'loop', 1833 pauseOnHover: false, 1834 pauseOnFocus: false, 1835 arrows: false, 1836 pagination: false, // Disable default pagination 1837 rewind: true, 1838 align: 'left', 1839 autoWidth: true, 1840 gap: '1.5rem', 1841 }).mount(); 1842 1843 // Update current slide on move 1844 this.splide.on('moved', (newIndex) => { 1845 this.currentSlide = newIndex; 1846 }); 1847 1848 window.addEventListener('resize', this.debouncedCheckWidth.bind(this)); 1849 this.checkWidth(); 1850 }, 1851 debouncedCheckWidth() { 1852 clearTimeout(this.resizeTimeout); 1853 this.resizeTimeout = setTimeout(this.checkWidth.bind(this), 200); 1854 }, 1855 checkWidth() { 1856 if (window.innerWidth >= 1536) { 1857 this.splide.destroy(); 1858 } else { 1859 if (this.splide.state.is(Splide.STATES.DESTROYED)) { 1860 this.splide.mount(); 1861 } 1862 } 1863 }, 1864 goToSlide(index) { 1865 if (this.splide && !this.splide.state.is(Splide.STATES.DESTROYED)) { 1866 this.splide.go(index); 1867 } 1868 }, 1869 prevSlide() { 1870 if (this.splide && !this.splide.state.is(Splide.STATES.DESTROYED)) { 1871 this.splide.go('<'); 1872 } 1873 }, 1874 nextSlide() { 1875 if (this.splide && !this.splide.state.is(Splide.STATES.DESTROYED)) { 1876 this.splide.go('>'); 1877 } 1878 } 1879 }" class="mx-auto w-full xl:mt-16"> 1880 <div class="splide" x-ref="splide"> 1881 <div class="splide__track !overflow-visible"> 1882 <div class="splide__list 2xl:!flex 2xl:flex-row 2xl:justify-center 2xl:gap-20"> 1883 <article class="splide__slide relative flex w-full max-w-[36rem] rounded-2xl bg-white" 1884 data-aos="fade-up-alt" data-aos-delay="100"> 1885 1886 <div 1887 class="bg-secondary absolute left-0 right-0 top-0 z-10 mx-auto hidden size-40 -translate-y-1/2 flex-row items-center justify-center whitespace-normal rounded-full p-4 text-center text-white xl:inline-flex"> 1888 <p class="text-white [&>span]:text-lg [&>span]:font-bold"> 1889
1890 <span class="shortcode">12-15%</span> jaarlijks rendement 1891 </p> 1892 </div> 1893 1894 <div 1895 class="bg-primary relative flex w-full flex-col overflow-clip rounded-xl xl:bg-white"> 1896 <div 1897 class="xl:bg-primary 2xl:y-16 relative isolate flex flex-col gap-6 px-6 py-8 text-center lg:p-8 xl:p-12 xl:pb-0 2xl:pb-0"> 1898 <div class="text-center text-white xl:hidden"> 1899 <p class="text-white"> 1900 <span class="shortcode">12-15%</span> jaarlijks rendement 1901 </p> 1902 </div> 1903 1904 <h3 class="font-serif text-3xl text-white xl:pt-16 xl:text-4xl 2xl:text-5xl"> 1905 Benkey vastgoedfonds 1906 </h3> 1907 1908 <div 1909 class="prose prose-white xl:prose-lg 2xl:prose-xl max-w-none leading-snug xl:leading-relaxed 2xl:leading-relaxed"> 1910 <p style="font-weight: 400;">Investeer in een gespreide portefeuille van commercieel vastgoed, waarbij wij de aankoop, het beheer en de waardecreatie verzorgen.</p> 1911 1912 </div> 1913 </div> 1914 1915 <div class="-mt-2 hidden xl:block"> 1916 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1660 484" 1917 class="text-primary w-full"> 1918 <path fill="currentColor" 1919 d="M842.588.137H0c0 44.77 32.442 97.65 72.444 118.11l685.1 350.164c40.026 20.46 105.082 20.826 145.328.828l684.268-339.958c40.25-19.998 72.86-72.513 72.86-117.282V.137H842.588Z" /> 1920 </svg> 1921 </div> 1922 1923 <div class="relative mt-auto flex flex-col gap-8 bg-white p-6 lg:gap-12 lg:p-8 xl:p-12"> 1924 <div class="flex flex-col gap-2 lg:gap-3"> 1925 <p 1926 class="relative inline-flex flex-row items-center gap-2 text-primary lg:gap-4 xl:text-lg"> 1927 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 1928 class="size-6 flex-shrink-0 text-[#2a9d8f]"> 1929 <path fill-rule="evenodd" 1930 d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" 1931 clip-rule="evenodd" /> 1932 </svg> 1933 1934 <span class="relative inline-flex"> 1935 Beste vastgoeddeals in Nederland 1936 1937 </p> 1938 <p 1939 class="relative inline-flex flex-row items-center gap-2 text-primary lg:gap-4 xl:text-lg"> 1940 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 1941 class="size-6 flex-shrink-0 text-[#2a9d8f]"> 1942 <path fill-rule="evenodd" 1943 d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" 1944 clip-rule="evenodd" /> 1945 </svg> 1946
1947 <span class="relative inline-flex"> 1948 Wij regelen selectie, beheer en strategie 1949 1950 <button x-data="{ open: false }" 1951 class="absolute right-0 top-1/2 -mr-1 hidden -translate-y-1/2 translate-x-full cursor-pointer md:block" 1952 @mouseenter="open = true" @mouseleave="open = false" @focusin="open = true" 1953 @focusout="open = false" tabindex="0"> 1954 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" 1955 fill="currentColor" class="size-5 text-primary"> 1956 <path fill-rule="evenodd" 1957 d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9 9a.75.75 0 0 0 0 1.5h.253a.25.25 0 0 1 .244.304l-.459 2.066A1.75 1.75 0 0 0 10.747 15H11a.75.75 0 0 0 0-1.5h-.253a.25.25 0 0 1-.244-.304l.459-2.066A1.75 1.75 0 0 0 9.253 9H9Z" 1958 clip-rule="evenodd" /> 1959 </svg> 1960 1961 <span x-show="open" x-transition:enter="transition ease-out duration-200" 1962 x-transition:enter-start="opacity-0 translate-y-2" 1963 x-transition:enter-end="opacity-100 translate-y-0" 1964 x-transition:leave="transition ease-in duration-150" 1965 x-transition:leave-start="opacity-100 translate-y-2" 1966 x-transition:leave-end="opacity-0 translate-y-2" 1967 class="absolute bottom-full left-1/2 isolate z-20 mb-4 w-56 -translate-x-1/2 rounded bg-tertiary px-3 py-2 text-center text-sm text-primary" 1968 x-cloak> 1969 Profiteer van een doordachte strategie, zonder dat je er zelf omkijken naar hebt 1970 1971 <span 1972 class="absolute bottom-0 left-0 right-0 z-10 mx-auto size-3 translate-y-1/2 rotate-45 bg-tertiary"> 1973 </span> 1974 </span> 1975 </button> 1976 </span> 1977 </p> 1978 <p 1979 class="relative inline-flex flex-row items-center gap-2 text-primary lg:gap-4 xl:text-lg"> 1980 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 1981 class="size-6 flex-shrink-0 text-[#2a9d8f]"> 1982 <path fill-rule="evenodd" 1983 d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" 1984 clip-rule="evenodd" /> 1985 </svg> 1986 1987 <span class="relative inline-flex"> 1988 Een netwerk dat elkaar versterkt 1989 1990 </p> 1991 <p 1992 class="relative inline-flex flex-row items-center gap-2 text-primary lg:gap-4 xl:text-lg"> 1993 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 1994 class="size-6 flex-shrink-0 text-[#2a9d8f]"> 1995 <path fill-rule="evenodd" 1996 d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" 1997 clip-rule="evenodd" /> 1998 </svg> 1999
2000 <span class="relative inline-flex"> 2001 Evenwichtige spreiding over regioâs, sectoren en strategieën 2002 2003 </p> 2004 <p 2005 class="relative inline-flex flex-row items-center gap-2 text-primary lg:gap-4 xl:text-lg"> 2006 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 2007 class="size-6 flex-shrink-0 text-[#2a9d8f]"> 2008 <path fill-rule="evenodd" 2009 d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" 2010 clip-rule="evenodd" /> 2011 </svg> 2012 2013 <span class="relative inline-flex"> 2014 Alles overzichtelijk geregeld in het investeringsplatform 2015 2016 </p> 2017 <p 2018 class="relative inline-flex flex-row items-center gap-2 text-primary lg:gap-4 xl:text-lg"> 2019 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 2020 class="size-6 flex-shrink-0 text-[#2a9d8f]"> 2021 <path fill-rule="evenodd" 2022 d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" 2023 clip-rule="evenodd" /> 2024 </svg> 2025 2026 <span class="relative inline-flex"> 2027 Minimale inleg â¬250.000,- 2028 2029 </p> 2030 </div> 2031 2032 <div class="w-full"> 2033 <a class="group/button cursor-pointer relative inline-flex items-center justify-center flex-row border gap-3 select-none rounded-lg transition-colors duration-500 lg:text-lg bg-primary border-primary hover:bg-secondary hover:border-secondary hover:text-white w-full px-6 py-3.5" href="https://benkey.nl/investeren/vastgoedfonds/" target=""> 2034 <span class="relative isolate"> 2035 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2036 class="size-6 -rotate-45 transition duration-500 will-change-transform group-hover/button:rotate-0 group-hover/button:scale-90 group-hover/button:text-secondary lg:size-7"> 2037 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2038 </svg> 2039 <span 2040 class="absolute inset-0 -z-10 h-full w-full scale-0 rounded-full bg-transparent transition duration-500 will-change-transform group-hover/button:scale-100 group-hover/button:bg-white"></span> 2041 </span> 2042 <span> 2043 Ontdek ons Vastgoedfonds 2044 </span> 2045 </a> 2046 </div> 2047 </div> 2048 </div> 2049 </article> 2050 <article class="splide__slide relative flex w-full max-w-[36rem] rounded-2xl bg-white" 2051 data-aos="fade-up-alt" data-aos-delay="200"> 2052 2053 <div 2054 class="bg-primary absolute left-0 right-0 top-0 z-10 mx-auto hidden size-40 -translate-y-1/2 flex-row items-center justify-center whitespace-normal rounded-full p-4 text-center text-white xl:inline-flex"> 2055 <p class="text-white [&>span]:text-lg [&>span]:font-bold"> 2056
2057 <span class="shortcode">jij</span> kiest het project 2058 </p> 2059 </div> 2060 2061 <div 2062 class="bg-secondary relative flex w-full flex-col overflow-clip rounded-xl xl:bg-white"> 2063 <div 2064 class="xl:bg-secondary 2xl:y-16 relative isolate flex flex-col gap-6 px-6 py-8 text-center lg:p-8 xl:p-12 xl:pb-0 2xl:pb-0"> 2065 <div class="text-center text-white xl:hidden"> 2066 <p class="text-white"> 2067 <span class="shortcode">jij</span> kiest het project 2068 </p> 2069 </div> 2070 2071 <h3 class="font-serif text-3xl text-white xl:pt-16 xl:text-4xl 2xl:text-5xl"> 2072 Benkey vastgoedleningen 2073 </h3> 2074 2075 <div 2076 class="prose prose-white xl:prose-lg 2xl:prose-xl max-w-none leading-snug xl:leading-relaxed 2xl:leading-relaxed"> 2077 <p style="font-weight: 400;">Met vastgoedleningen investeer je rechtstreeks in één specifiek Benkey-project. Jij kiest waar je instapt. Wij regelen de juiste zekerheden en solide onderpand.</p> 2078 2079 </div> 2080 </div> 2081 2082 <div class="-mt-2 hidden xl:block"> 2083 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1660 484" 2084 class="text-secondary w-full"> 2085 <path fill="currentColor" 2086 d="M842.588.137H0c0 44.77 32.442 97.65 72.444 118.11l685.1 350.164c40.026 20.46 105.082 20.826 145.328.828l684.268-339.958c40.25-19.998 72.86-72.513 72.86-117.282V.137H842.588Z" /> 2087 </svg> 2088 </div> 2089 2090 <div class="relative mt-auto flex flex-col gap-8 bg-white p-6 lg:gap-12 lg:p-8 xl:p-12"> 2091 <div class="flex flex-col gap-2 lg:gap-3"> 2092 <p 2093 class="relative inline-flex flex-row items-center gap-2 text-primary lg:gap-4 xl:text-lg"> 2094 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 2095 class="size-6 flex-shrink-0 text-[#2a9d8f]"> 2096 <path fill-rule="evenodd" 2097 d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" 2098 clip-rule="evenodd" /> 2099 </svg> 2100 2101 <span class="relative inline-flex"> 2102 Rechtstreeks investeren 2103 2104 <button x-data="{ open: false }" 2105 class="absolute right-0 top-1/2 -mr-1 hidden -translate-y-1/2 translate-x-full cursor-pointer md:block" 2106 @mouseenter="open = true" @mouseleave="open = false" @focusin="open = true" 2107 @focusout="open = false" tabindex="0"> 2108 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" 2109 fill="currentColor" class="size-5 text-primary"> 2110 <path fill-rule="evenodd" 2111 d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9 9a.75.75 0 0 0 0 1.5h.253a.25.25 0 0 1 .244.304l-.459 2.066A1.75 1.75 0 0 0 10.747 15H11a.75.75 0 0 0 0-1.5h-.253a.25.25 0 0 1-.244-.304l.459-2.066A1.75 1.75 0 0 0 9.253 9H9Z" 2112 clip-rule="evenodd" /> 2113 </svg> 2114
2115 <span x-show="open" x-transition:enter="transition ease-out duration-200" 2116 x-transition:enter-start="opacity-0 translate-y-2" 2117 x-transition:enter-end="opacity-100 translate-y-0" 2118 x-transition:leave="transition ease-in duration-150" 2119 x-transition:leave-start="opacity-100 translate-y-2" 2120 x-transition:leave-end="opacity-0 translate-y-2" 2121 class="absolute bottom-full left-1/2 isolate z-20 mb-4 w-56 -translate-x-1/2 rounded bg-tertiary px-3 py-2 text-center text-sm text-primary" 2122 x-cloak> 2123 Je investeert direct in een specifiek vastgoedproject van Benkey 2124 2125 <span 2126 class="absolute bottom-0 left-0 right-0 z-10 mx-auto size-3 translate-y-1/2 rotate-45 bg-tertiary"> 2127 </span> 2128 </span> 2129 </button> 2130 </span> 2131 </p> 2132 <p 2133 class="relative inline-flex flex-row items-center gap-2 text-primary lg:gap-4 xl:text-lg"> 2134 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 2135 class="size-6 flex-shrink-0 text-[#2a9d8f]"> 2136 <path fill-rule="evenodd" 2137 d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" 2138 clip-rule="evenodd" /> 2139 </svg> 2140 2141 <span class="relative inline-flex"> 2142 Maximaal LTV van 75% 2143 2144 <button x-data="{ open: false }" 2145 class="absolute right-0 top-1/2 -mr-1 hidden -translate-y-1/2 translate-x-full cursor-pointer md:block" 2146 @mouseenter="open = true" @mouseleave="open = false" @focusin="open = true" 2147 @focusout="open = false" tabindex="0"> 2148 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" 2149 fill="currentColor" class="size-5 text-primary"> 2150 <path fill-rule="evenodd" 2151 d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9 9a.75.75 0 0 0 0 1.5h.253a.25.25 0 0 1 .244.304l-.459 2.066A1.75 1.75 0 0 0 10.747 15H11a.75.75 0 0 0 0-1.5h-.253a.25.25 0 0 1-.244-.304l.459-2.066A1.75 1.75 0 0 0 9.253 9H9Z" 2152 clip-rule="evenodd" /> 2153 </svg> 2154 2155 <span x-show="open" x-transition:enter="transition ease-out duration-200" 2156 x-transition:enter-start="opacity-0 translate-y-2" 2157 x-transition:enter-end="opacity-100 translate-y-0" 2158 x-transition:leave="transition ease-in duration-150" 2159 x-transition:leave-start="opacity-100 translate-y-2" 2160 x-transition:leave-end="opacity-0 translate-y-2" 2161 class="absolute bottom-full left-1/2 isolate z-20 mb-4 w-56 -translate-x-1/2 roun
2161ded bg-tertiary px-3 py-2 text-center text-sm text-primary" 2162 x-cloak> 2163 LTV (Loan-to-Value) betekent maximale financiering van 75% per object 2164 2165 <span 2166 class="absolute bottom-0 left-0 right-0 z-10 mx-auto size-3 translate-y-1/2 rotate-45 bg-tertiary"> 2167 </span> 2168 </span> 2169 </button> 2170 </span> 2171 </p> 2172 <p 2173 class="relative inline-flex flex-row items-center gap-2 text-primary lg:gap-4 xl:text-lg"> 2174 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 2175 class="size-6 flex-shrink-0 text-[#2a9d8f]"> 2176 <path fill-rule="evenodd" 2177 d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" 2178 clip-rule="evenodd" /> 2179 </svg> 2180 2181 <span class="relative inline-flex"> 2182 Jaarlijks netto rendement tot 8% 2183 2184 </p> 2185 <p 2186 class="relative inline-flex flex-row items-center gap-2 text-primary lg:gap-4 xl:text-lg"> 2187 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 2188 class="size-6 flex-shrink-0 text-[#2a9d8f]"> 2189 <path fill-rule="evenodd" 2190 d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" 2191 clip-rule="evenodd" /> 2192 </svg> 2193 2194 <span class="relative inline-flex"> 2195 Looptijd tussen 12 en 36 maanden 2196 2197 <button x-data="{ open: false }" 2198 class="absolute right-0 top-1/2 -mr-1 hidden -translate-y-1/2 translate-x-full cursor-pointer md:block" 2199 @mouseenter="open = true" @mouseleave="open = false" @focusin="open = true" 2200 @focusout="open = false" tabindex="0"> 2201 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" 2202 fill="currentColor" class="size-5 text-primary"> 2203 <path fill-rule="evenodd" 2204 d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9 9a.75.75 0 0 0 0 1.5h.253a.25.25 0 0 1 .244.304l-.459 2.066A1.75 1.75 0 0 0 10.747 15H11a.75.75 0 0 0 0-1.5h-.253a.25.25 0 0 1-.244-.304l.459-2.066A1.75 1.75 0 0 0 9.253 9H9Z" 2205 clip-rule="evenodd" /> 2206 </svg> 2207 2208 <span x-show="open" x-transition:enter="transition ease-out duration-200" 2209 x-transition:enter-start="opacity-0 translate-y-2" 2210 x-transition:enter-end="opacity-100 translate-y-0" 2211 x-transition:leave="transition ease-in duration-150" 2212 x-transition:leave-start="opacity-100 translate-y-2" 2213 x-transition:leave-end="opacity-0 translate-y-2" 2214 class="absolute bottom-full left-1/2 isolate z-20 mb-4 w-56 -translate-x-1/2 roun
2214ded bg-tertiary px-3 py-2 text-center text-sm text-primary" 2215 x-cloak> 2216 Je investering loopt gemiddeld 1 tot 3 jaar, afhankelijk van het project 2217 2218 <span 2219 class="absolute bottom-0 left-0 right-0 z-10 mx-auto size-3 translate-y-1/2 rotate-45 bg-tertiary"> 2220 </span> 2221 </span> 2222 </button> 2223 </span> 2224 </p> 2225 <p 2226 class="relative inline-flex flex-row items-center gap-2 text-primary lg:gap-4 xl:text-lg"> 2227 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 2228 class="size-6 flex-shrink-0 text-[#2a9d8f]"> 2229 <path fill-rule="evenodd" 2230 d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" 2231 clip-rule="evenodd" /> 2232 </svg> 2233 2234 <span class="relative inline-flex"> 2235 Altijd met de juiste zekerheden als onderpand 2236 2237 <button x-data="{ open: false }" 2238 class="absolute right-0 top-1/2 -mr-1 hidden -translate-y-1/2 translate-x-full cursor-pointer md:block" 2239 @mouseenter="open = true" @mouseleave="open = false" @focusin="open = true" 2240 @focusout="open = false" tabindex="0"> 2241 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" 2242 fill="currentColor" class="size-5 text-primary"> 2243 <path fill-rule="evenodd" 2244 d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9 9a.75.75 0 0 0 0 1.5h.253a.25.25 0 0 1 .244.304l-.459 2.066A1.75 1.75 0 0 0 10.747 15H11a.75.75 0 0 0 0-1.5h-.253a.25.25 0 0 1-.244-.304l.459-2.066A1.75 1.75 0 0 0 9.253 9H9Z" 2245 clip-rule="evenodd" /> 2246 </svg> 2247 2248 <span x-show="open" x-transition:enter="transition ease-out duration-200" 2249 x-transition:enter-start="opacity-0 translate-y-2" 2250 x-transition:enter-end="opacity-100 translate-y-0" 2251 x-transition:leave="transition ease-in duration-150" 2252 x-transition:leave-start="opacity-100 translate-y-2" 2253 x-transition:leave-end="opacity-0 translate-y-2" 2254 class="absolute bottom-full left-1/2 isolate z-20 mb-4 w-56 -translate-x-1/2 rounded bg-tertiary px-3 py-2 text-center text-sm text-primary" 2255 x-cloak> 2256 Als onderpand van de vastgoedlening krijg je 1e recht hypotheek en huurverpanding 2257 2258 <span 2259 class="absolute bottom-0 left-0 right-0 z-10 mx-auto size-3 translate-y-1/2 rotate-45 bg-tertiary"> 2260 </span> 2261 </span> 2262 </button> 2263 </span> 2264 </p> 2265 <p 2266 class="relative inline-flex flex-row items-center gap-2 text-primary lg:gap-4 xl:text-lg"> 2267 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 2268 class="size-6 flex-shrink-0 text-[#2a9d8f]"> 2269 <path fill-rule="evenodd" 2270 d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" 2271 clip-rule="evenodd" /> 2272 </svg> 2273
2274 <span class="relative inline-flex"> 2275 Minimale inleg â¬100.000,- 2276 2277 </p> 2278 </div> 2279 2280 <div class="w-full"> 2281 <a class="group/button cursor-pointer relative inline-flex items-center justify-center flex-row border gap-3 select-none rounded-lg transition-colors duration-500 lg:text-lg bg-primary border-primary hover:bg-secondary hover:border-secondary hover:text-white w-full px-6 py-3.5" href="https://benkey.nl/investeren/vastgoedleningen/" target=""> 2282 <span class="relative isolate"> 2283 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2284 class="size-6 -rotate-45 transition duration-500 will-change-transform group-hover/button:rotate-0 group-hover/button:scale-90 group-hover/button:text-secondary lg:size-7"> 2285 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2286 </svg> 2287 <span 2288 class="absolute inset-0 -z-10 h-full w-full scale-0 rounded-full bg-transparent transition duration-500 will-change-transform group-hover/button:scale-100 group-hover/button:bg-white"></span> 2289 </span> 2290 <span> 2291 Ontdek onze Vastgoedleningen 2292 </span> 2293 </a> 2294 </div> 2295 </div> 2296 </div> 2297 </article> 2298</div> 2299</div> 2300</div> 2301 2302 2303<div class="mt-8 flex items-center justify-center gap-4 2xl:hidden"> 2304 2305 <div class="flex items-center gap-2"> 2306 <button @click="goToSlide(0)" 2307 class="size-3 cursor-pointer rounded-full transition-all duration-300" 2308 :class="currentSlide === 0 ? 'bg-primary' : 'bg-primary/30 hover:bg-primary/50'"> 2309 </button> 2310 <button @click="goToSlide(1)" 2311 class="size-3 cursor-pointer rounded-full transition-all duration-300" 2312 :class="currentSlide === 1 ? 'bg-primary' : 'bg-primary/30 hover:bg-primary/50'"> 2313 </button> 2314 </div> 2315</div> 2316</div> 2317 2318 2319</div> 2320</div> 2321 2322 2323</div> 2324 2325 2326<div x-data="{ 2327 sectionColor: 'bg-white', 2328 init() { 2329 let prevSection = $el.closest('section')?.previousElementSibling; 2330 if (prevSection && prevSection.tagName === 'SECTION' && prevSection.dataset.color) { 2331 this.sectionColor = prevSection.dataset.color; 2332 } 2333 } 2334}" x-init="init" :class="sectionColor + ' '" 2335 class="pointer-events-none absolute left-0 top-0 -z-10 h-20 w-full"></div> 2336 2337</section> 2338 <section class="relative" data-element="element #1" data-color="bg-tertiary" 2339 x-data="{ modalOpen: false, videoSrc: 'https://www.youtube.com/embed/kE3U90wN2fw?si=PwuhwhGiAEfQMt0O' }"> 2340 <div class="rounded-t-4xl relative isolate overflow-hidden bg-tertiary"> 2341 2342 2343 <div id="welkom-in-finance-boutique-benkey" 2344 class="pointer-events-none invisible absolute left-0 top-0 -z-50 -mt-12 size-0 opacity-0"> 2345</div> 2346 2347 2348 2349 2350 <div class="mx-auto max-w-screen-2xl px-4 sm:px-6 md:px-8"> 2351 <div class="flex flex-col gap-8 py-12 lg:gap-12 lg:py-16 xl:gap-16 xl:py-20 2xl:gap-20 2xl:py-28"> 2352 <div 2353 class="mx-auto max-w-screen-xl grid grid-cols-1 gap-8 lg:grid-cols-2 lg:items-center lg:gap-12 xl:gap-16"> 2354 2355 <div 2356 class="lg:aspect-square rounded-4xl relative block aspect-[16/11] overflow-hidden 2xl:mr-8" 2357 data-aos="fade-up-alt" data-aos-delay="100"> 2358 <div class="absolute z-20 flex h-full w-full items-center justify-center"> 2359 <button type="button" 2360 class="rounded-4xl group relative flex size-16 cursor-pointer items-center justify-center gap-2 bg-secondary p-4 transition-colors duration-500 hover:bg-primary lg:size-20" 2361 x-on:click="modalOpen = true; videoSrc = 'https://www.youtube.com/embed/kE3U90wN2fw?si=PwuhwhGiAEfQMt0O'"> 2362 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 2363 stroke="currentColor" 2364 class="size-8 duration-500 will-change-transform group-hover:scale-105 lg:size-10"> 2365 <path stroke-linecap="round" stroke-linejoin="round"
2366 d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z" /> 2367 </svg> 2368 </button> 2369 </div> 2370 2371 <div class="bg-primary/20 absolute inset-0 z-10 h-full w-full"></div> 2372 2373 <picture class="absolute inset-0 h-full w-full"> 2374 <img width="1817" height="1207" src="https://benkey.nl/app/uploads/2025/10/finance-boutique.png" class="absolute inset-0 h-full w-full select-none object-cover object-center" alt="" decoding="async" srcset="https://benkey.nl/app/uploads/2025/10/finance-boutique.png 1817w, https://benkey.nl/app/uploads/2025/10/finance-boutique-1500x996.png 1500w, https://benkey.nl/app/uploads/2025/10/finance-boutique-768x510.png 768w, https://benkey.nl/app/uploads/2025/10/finance-boutique-1536x1020.png 1536w, https://benkey.nl/app/uploads/2025/10/finance-boutique-800x531.png 800w" sizes="(max-width: 1817px) 100vw, 1817px" /> 2375 </picture> 2376 </div> 2377 2378 <div class="flex flex-col gap-6 lg:gap-8 xl:gap-10"> 2379 <div class="flex flex-col gap-2 lg:gap-4"> 2380 2381 <h2 2382 class="text-white font-serif text-3xl lg:text-4xl xl:text-[3.25rem] [&>span]:text-secondary" 2383 data-aos="fade-up-alt" data-aos-delay="200"> 2384 Welkom in <span class="shortcode">Finance Boutique Benkey</span> 2385 </h2> 2386 </div> 2387 2388 <div 2389 class="prose prose-primary500 xl:prose-xl max-w-none leading-snug xl:leading-relaxed" 2390 data-aos="fade-up-alt" data-aos-delay="300"> 2391 <p style="font-weight: 400;">Vastgoed draait vaak om cijfers, maar bij Benkey draait het net zo goed om mensen. We combineren onze ervaring en netwerk met een kleinschalige, specialistische aanpak: klein genoeg om jou persoonlijk te kennen, groot genoeg om stevige deals te sluiten. Met vastgoed als fundament en relaties als cement bouwen we aan een samenwerking die stevig staat.</p> 2392 2393 </div> 2394 2395 <div class="mt-2 flex flex-wrap items-center gap-4" data-aos="fade-up-alt" data-aos-delay="400"> 2396 <a class="group/button cursor-pointer relative inline-flex items-center justify-center flex-row border gap-3 select-none rounded-lg transition-colors duration-500 lg:text-lg bg-tertiary border-tertiary text-primary hover:bg-secondary hover:border-secondary hover:text-white px-4 py-3 lg:px-4.5 lg:py-3.5" href="https://benkey.nl/investeren/" target=""> 2397 <span class="relative isolate"> 2398 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2399 class="size-6 -rotate-45 transition duration-500 will-change-transform group-hover/button:rotate-0 group-hover/button:scale-90 group-hover/button:text-secondary lg:size-7"> 2400 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2401 </svg> 2402 <span 2403 class="absolute inset-0 -z-10 h-full w-full scale-0 rounded-full bg-transparent transition duration-500 will-change-transform group-hover/button:scale-100 group-hover/button:bg-white"></span> 2404 </span> 2405 <span> 2406 Start jouw investering 2407 </span> 2408 </a> 2409 <a class="group/button cursor-pointer relative inline-flex items-center justify-center flex-row border gap-3 select-none rounded-lg transition-colors duration-500 lg:text-lg bg-transparent border-primary-500 text-tertiary hover:bg-secondary hover:border-secondary hover:text-white px-4 py-3 lg:px-4.5 lg:py-3.5" href="https://benkey.nl/afspraak-maken/" target=""> 2410 <span class="relative isolate"> 2411 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2412 class="size-6 -rotate-45 transition duration-500 will-change-transform group-hover/button:rotate-0 group-hover/button:scale-90 group-hover/button:text-secondary lg:size-7"> 2413 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2414 </svg>
2415 <span 2416 class="absolute inset-0 -z-10 h-full w-full scale-0 rounded-full bg-transparent transition duration-500 will-change-transform group-hover/button:scale-100 group-hover/button:bg-white"></span> 2417 </span> 2418 <span> 2419 Digitale kennismaking 2420 </span> 2421 </a> 2422 </div> 2423 </div> 2424 2425 </div> 2426 </div> 2427 </div> 2428 2429 2430 2431 <div 2432 class="pointer-events-none absolute inset-0 -z-10 mx-auto h-full w-full max-w-[110rem] overflow-hidden bg-primary xl:rounded-t-[3.125rem]"> 2433 </div> 2434 </div> 2435 2436 2437 <div x-data="{ 2438 sectionColor: 'bg-tertiary', 2439 init() { 2440 let prevSection = $el.closest('section')?.previousElementSibling; 2441 if (prevSection && prevSection.tagName === 'SECTION' && prevSection.dataset.color) { 2442 this.sectionColor = prevSection.dataset.color; 2443 } 2444 } 2445}" x-init="init" :class="sectionColor + ' '" 2446 class="pointer-events-none absolute left-0 top-0 -z-10 h-20 w-full"></div> 2447 2448 2449 2450 <div x-show="modalOpen" style="display: none" x-on:keydown.escape.prevent.stop="modalOpen = false; videoSrc = ''" 2451 x-effect="if (!modalOpen) videoSrc = ''" role="dialog" aria-modal="true" 2452 class="fixed inset-0 z-[100] select-none overflow-y-auto"> 2453 2454 <div x-show="modalOpen" x-transition:enter="transition ease-out duration-500" x-transition:enter-start="opacity-0" 2455 x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200" 2456 x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" 2457 class="bg-primary/60 fixed inset-0 backdrop-blur-sm"></div> 2458 2459 <div x-show="modalOpen" x-transition:enter="transition ease-out duration-500" 2460 x-transition:enter-start="opacity-0 translate-y-8" x-transition:enter-end="opacity-100 translate-y-0" 2461 x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0" 2462 x-transition:leave-end="opacity-0 translate-y-8" x-on:click="modalOpen = false; videoSrc = ''" 2463 class="relative flex min-h-screen items-center justify-center p-4"> 2464 <div x-on:click.stop x-trap.noscroll.inert="modalOpen" 2465 class="relative w-full min-w-96 max-w-4xl rounded-xl bg-white p-4 shadow-lg"> 2466 2467 <button type="button" x-on:click="modalOpen = false; videoSrc = ''" 2468 class="group absolute right-0 top-0 z-50 flex size-10 -translate-y-1/2 translate-x-1/3 cursor-pointer items-center justify-center rounded-full bg-secondary transition-colors duration-500 hover:bg-primary lg:size-12 lg:translate-x-1/2"> 2469 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" 2470 stroke="currentColor" 2471 class="size-6 transition-transform duration-500 will-change-transform group-hover:rotate-90"> 2472 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /> 2473 </svg> 2474 </button> 2475 2476 <div class="relative aspect-video"> 2477 <iframe width="100%" height="100%" :src="videoSrc" title="YouTube video player" frameborder="0" 2478 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 2479 referrerpolicy="strict-origin-when-cross-origin" allowfullscreen 2480 class="absolute inset-0 h-full w-full"></iframe> 2481 </div> 2482 </div> 2483 </div> 2484</div> 2485 2486 </section> 2487 <section class="relative bg-tertiary py-12 lg:py-16 xl:py-20 2xl:py-28" 2488 data-element="call to action" data-color="bg-tertiary"> 2489 2490 <div id="wil-je-even-kennismaken" 2491 class="pointer-events-none invisible absolute left-0 top-0 -z-50 -mt-12 size-0 opacity-0"> 2492</div> 2493 2494 2495 2496 2497 <div class="mx-auto max-w-screen-2xl px-4 sm:px-6 md:px-8"> 2498 <div 2499 class="bg-primary relative overflow-hidden rounded-lg"> 2500 <div class="relative flex flex-col px-8 py-12 lg:p-12 xl:p-16 2xl:p-20"> 2501 <div class="lg:max-w-3/5 flex w-full flex-col gap-6 lg:gap-8 lg:pr-6 xl:gap-12"> 2502 <h2 2503 class="[&>span]:text-secondary max-w-2xl font-serif text-4xl text-white xl:text-5xl 2xl:text-6xl" 2504 data-aos="fade-up-alt" data-aos-delay="100"> 2505 Wil je even <span class="shortcode">
2505kennismaken?</span> 2506 </h2> 2507 2508 <div class="flex flex-row items-end gap-8 2xl:gap-12"> 2509 <div 2510 class="relative isolate hidden aspect-square w-full max-w-40 flex-col justify-end overflow-hidden rounded-lg p-4 lg:p-6 xl:flex 2xl:max-w-60" 2511 data-aos="fade-up-alt" data-aos-delay="100"> 2512 <p class="text-xs font-bold uppercase text-white"> 2513 Mark de Graaf 2514 </p> 2515 2516 <p class="-mt-0.5 text-[0.813rem] text-white"> 2517 Investor Relations Manager 2518 </p> 2519 2520 <picture class="absolute inset-0 isolate -z-10 h-full w-full"> 2521 <div class="from-primary/50 absolute inset-0 z-10 h-full w-full bg-gradient-to-t"></div> 2522 <img width="1508" height="1208" src="https://benkey.nl/app/uploads/2025/10/mark-de-graaf.png" class="absolute inset-0 h-full w-full select-none object-cover object-center" alt="" decoding="async" loading="lazy" srcset="https://benkey.nl/app/uploads/2025/10/mark-de-graaf.png 1508w, https://benkey.nl/app/uploads/2025/10/mark-de-graaf-1500x1202.png 1500w, https://benkey.nl/app/uploads/2025/10/mark-de-graaf-768x615.png 768w, https://benkey.nl/app/uploads/2025/10/mark-de-graaf-800x641.png 800w" sizes="auto, (max-width: 1508px) 100vw, 1508px" /> 2523 </picture> 2524 </div> 2525 2526 <div class="flex flex-col gap-4" data-aos="fade-up-alt" data-aos-delay="200"> 2527 <div class="prose prose-white prose-lg lg:prose-xl max-w-none leading-snug lg:leading-relaxed"> 2528 <p style="font-weight: 400;">Bel ons, stuur een bericht of plan meteen een afspraak. Jij kiest de eerste stap, wij lopen met je mee.</p> 2529 2530 </div> 2531 2532 <div class="mt-2 flex flex-wrap items-center gap-4"> 2533 <a class="group/button cursor-pointer relative inline-flex items-center justify-center flex-row border gap-3 select-none rounded-lg transition-colors duration-500 lg:text-lg bg-tertiary border-tertiary text-primary hover:bg-white hover:border-white hover:text-primary px-4 py-3 lg:px-4.5 lg:py-3.5" href="https://benkey.nl/afspraak-maken/" target=""> 2534 <span class="relative isolate"> 2535 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2536 class="size-6 -rotate-45 transition duration-500 will-change-transform group-hover/button:rotate-0 group-hover/button:scale-90 group-hover/button:text-secondary lg:size-7"> 2537 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2538 </svg> 2539 <span 2540 class="absolute inset-0 -z-10 h-full w-full scale-0 rounded-full bg-transparent transition duration-500 will-change-transform group-hover/button:scale-100 group-hover/button:bg-white"></span> 2541 </span> 2542 <span> 2543 Plan een afspraak 2544 </span> 2545 </a> 2546 <a class="group/button cursor-pointer relative inline-flex items-center justify-center flex-row border gap-3 select-none rounded-lg transition-colors duration-500 lg:text-lg bg-secondary border-secondary hover:bg-white hover:border-white hover:text-primary px-4 py-3 lg:px-4.5 lg:py-3.5" href="tel:035%205555%20333" target=""> 2547 <span class="relative isolate"> 2548 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2549 class="size-6 -rotate-45 transition duration-500 will-change-transform group-hover/button:rotate-0 group-hover/button:scale-90 group-hover/button:text-secondary lg:size-7"> 2550 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2551 </svg> 2552 <span 2553 class="absolute inset-0 -z-10 h-full w-full scale-0 rounded-full bg-transparent transition duration-500 will-change-transform group-hover/button:scale-100 group-hover/button:bg-white"></span> 2554 </span>
2555 <span> 2556 Bel 035 5555 333 2557 </span> 2558 </a> 2559 </div> 2560 </div> 2561 2562 </div> 2563 </div> 2564 </div> 2565 2566 <picture 2567 class="lg:max-w-2/5 relative isolate z-10 block min-h-80 w-full lg:absolute lg:right-0 lg:top-0 lg:h-full"> 2568 <img width="2500" height="1667" src="https://benkey.nl/app/uploads/Richard-Rood-HR2-benkey-WTC-Almere-05-06-2025-1165-2500x1667.jpg" class="absolute inset-0 h-full w-full select-none object-cover object-center" alt="" decoding="async" loading="lazy" srcset="https://benkey.nl/app/uploads/Richard-Rood-HR2-benkey-WTC-Almere-05-06-2025-1165-2500x1667.jpg 2500w, https://benkey.nl/app/uploads/Richard-Rood-HR2-benkey-WTC-Almere-05-06-2025-1165-1500x1000.jpg 1500w, https://benkey.nl/app/uploads/Richard-Rood-HR2-benkey-WTC-Almere-05-06-2025-1165-768x512.jpg 768w, https://benkey.nl/app/uploads/Richard-Rood-HR2-benkey-WTC-Almere-05-06-2025-1165-1536x1024.jpg 1536w, https://benkey.nl/app/uploads/Richard-Rood-HR2-benkey-WTC-Almere-05-06-2025-1165-2048x1365.jpg 2048w, https://benkey.nl/app/uploads/Richard-Rood-HR2-benkey-WTC-Almere-05-06-2025-1165-800x533.jpg 800w" sizes="auto, (max-width: 2500px) 100v
2568w, 2500px" /> 2569 </div> 2570 2571 2572 </div> 2573 </section> 2574 <section class="rounded-t-4xl relative bg-white py-12 lg:py-16 xl:rounded-t-[3.125rem] xl:py-20 2xl:py-28" 2575 data-element="nieuwsbrief" data-color="bg-white"> 2576 2577 2578 <div id="geen-rendement-missen" 2579 class="pointer-events-none invisible absolute left-0 top-0 -z-50 -mt-12 size-0 opacity-0"> 2580</div> 2581 2582 2583 2584 2585 <div class="mx-auto max-w-screen-2xl px-4 sm:px-6 md:px-8"> 2586 2587 <div class="flex flex-col gap-6 lg:gap-8 xl:gap-10 2xl:gap-12"> 2588 <div class="flex flex-col gap-2" data-aos="fade-up-alt" data-aos-delay="100"> 2589 <div class="text-center"> 2590 <h2 class="font-serif text-4xl text-secondary xl:text-5xl 2xl:text-6xl"> 2591 Geen rendement missen? 2592 </h2> 2593 </div> 2594 2595 <div class="prose prose-primary xl:prose-xl mx-auto max-w-none text-center leading-snug xl:leading-relaxed"> 2596 <p style="font-weight: 400;">Ontvang nieuws over kansen, evenementen en beleggingsinzichten direct in je inbox. Alles om jouw vermogen vooruit te helpen.</p> 2597 2598 </div> 2599 </div> 2600 2601 <div class="form form-newsletter relative mx-auto w-full max-w-5xl"> 2602 2603 <div class='gf_browser_unknown gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_2' ><div id='gf_2' class='gform_anchor' tabindex='-1'></div> 2604 <div class='gform_heading'> 2605 <p class='gform_required_legend'>"<span class="gfield_required gfield_required_asterisk">*</span>" geeft vereiste velden aan</p> 2606 </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_2' id='gform_2' action='/#gf_2' data-formid='2' novalidate><div class='gf_invisible ginput_recaptchav3' data-sitekey='6Lfq2_krAAAAAJVEuNqVlgCKZJBmr52HmZMXXju2' data-tabindex='50'><input id="input_82373f5ac5e09977bfd4a6856a47209b" class="gfield_recaptcha_response" type="hidden" name="input_82373f5ac5e09977bfd4a6856a47209b" value=""/></div> 2607 <div class='gform-body gform_body'><div id='gform_fields_2' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_2_1" class="gfield gfield--type-email gfield--input-type-email gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" ><label class='gfield_label gform-field-label' for='input_2_1'>E-mailadres<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_email'> 2608 <input name='input_1' id='input_2_1' type='email' value='' class='large' tabindex='51' placeholder='E-mailadres' aria-required="true" aria-invalid="false" /> 2609 </div></div><fieldset id="field_2_3" class="gfield gfield--type-consent gfield--type-choice gfield--input-type-consent gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Instemming<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></legend><div class='ginput_container ginput_container_consent'><input name='input_3.1' id='input_2_3_1' type='checkbox' value='1' tabindex='52' aria-required="true" aria-invalid="false" /> <label class="gform-field-label gform-field-label--type-inline gfield_consent_label" for='input_2_3_1' >Ik ga akkoord met het <a href="https://benkey.nl/app/uploads/2025/11/Privacy-01.pdf" target="_blank">privacybeleid</a>.</label><input type='hidden' name='input_3.2' value='Ik ga akkoord met het <a href="https://benkey.nl/app/uploads/2025/11/Privacy-01.pdf" target="_blank">privacybeleid</a>.' class='gform_hidden' /><input type='hidden' name='input_3.3' value='1' class='gform_hidden' /></div></fieldset></div></div> 2610 <div class='gform-footer gform_footer top_label'> <button class="group/button cursor-pointer relative inline-flex items-center justify-center flex-row border gap-3 select-none rounded-lg transition-colors duration-500 lg:text-lg bg-primary border-primary hover:bg-secondary hover:border-secondary hover:text-white px-6 py-3 lg:px-8 lg:py-3.5 gform_button button" id="gform_submit_button_2" type="submit" onclick="gform.submission.handleButtonClick(this);">
2611 <span class="relative isolate"> 2612 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 -rotate-45 transition duration-500 will-change-transform group-hover/button:rotate-0 group-hover/button:scale-90 group-hover/button:text-secondary lg:size-7"> 2613 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> 2614 </svg> 2615 <span class="absolute inset-0 -z-10 h-full w-full scale-0 rounded-full bg-transparent transition duration-500 will-change-transform group-hover/button:scale-100 group-hover/button:bg-white"></span> 2616 </span> 2617 <span>Versturen</span> 2618 </button> <input type='hidden' name='gform_ajax' value='form_id=2&title=&description=&tabindex=50&theme=gravity-theme&hash=ab174dfffd766befc8e4ca91514c98b1' /> 2619 <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_2' value='iframe' /> 2620 <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_2' id='gform_theme_2' value='gravity-theme' /> 2621 <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_2' id='gform_style_settings_2' value='' /> 2622 <input type='hidden' class='gform_hidden' name='is_submit_2' value='1' /> 2623 <input type='hidden' class='gform_hidden' name='gform_submit' value='2' /> 2624 2625 <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='EUR' value='E1fde7pbbPEQ9/CTEDF2QoJgoMJdjM+luYzk/0Ly7dNLJPztO5B+hX3GgQaXYwQxaGzXIHZGQ1PlOi4pVVD7qYP7ZxWrqan1UeKmRw69iqTw5kg=' /> 2626 <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> 2627 <input type='hidden' class='gform_hidden' name='state_2' value='WyJ7XCIzLjFcIjpcIjA3MGQ4NDQzYzlhMzk1MzVmMDEwNTJmZThhMzI3MjlhXCIsXCIzLjJcIjpcIjUyMGEwZGRkYmIyZTE1NmNmZjdhNzYzNTQ4ZDhmY2U3XCIsXCIzLjNcIjpcIjA3MGQ4NDQzYzlhMzk1MzVmMDEwNTJmZThhMzI3MjlhXCJ9IiwiZjI4YTUxZGQ0ZWNiNjcyYjQ1YjJjOWNkYzE0NTFlMjIiXQ==' /> 2628 <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_2' id='gform_target_page_number_2' value='0' /> 2629 <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_2' id='gform_source_page_number_2' value='1' /> 2630 <input type='hidden' name='gform_field_values' value='' /> 2631 2632 </div> 2633 </form> 2634 </div> 2635 <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_2' id='gform_ajax_frame_2' title='Dit iframe bevat de vereiste logica om Ajax aangedreven Gravity Forms te verwerken.'></iframe> 2636
2636<script> 2637gform.initializeOnLoaded( function() {gformInitSpinner( 2, 'https://benkey.nl/app/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_2').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_2');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_2').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_2').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_2').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_2').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_2').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_2').val();gformInitSpinner( 2, 'https://benkey.nl/app/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [2, current_page]);window['gf_submitting_2'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_2').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_2').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [2]);window['gf_submitting_2'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_2').text());}else{jQuery('#gform_2').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "2", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_2" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_2"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_2" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; gform.core.triggerPostRenderEvents( 2, current_page ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} ); 2638</script>
2638 2639 </div> 2640 </div> 2641 2642 </div> 2643 2644 2645 2646 <div x-data="{ 2647 sectionColor: 'bg-tertiary', 2648 init() { 2649 let prevSection = $el.closest('section')?.previousElementSibling; 2650 if (prevSection && prevSection.tagName === 'SECTION' && prevSection.dataset.color) { 2651 this.sectionColor = prevSection.dataset.color; 2652 } 2653 } 2654}" x-init="init" :class="sectionColor + ' '" 2655 class="pointer-events-none absolute left-0 top-0 -z-10 h-20 w-full"></div> 2656 2657 </section> 2658 </main> 2659 2660 <footer class="bg-primary"> 2661 2662 <div class="mx-auto max-w-screen-2xl px-4 sm:px-6 md:px-8"> 2663 <div class="flex flex-col items-center justify-between gap-8 lg:flex-row"> 2664 <a href="https://benkey.nl/" class="inline-block h-auto w-32 lg:w-48"> 2665 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 198 181" class="h-auto w-full"> 2666 <path fill="#DC415A" 2667 d="M100.5 0H0v123.268c0 5.342 3.87 11.651 8.64 14.092l81.716 41.78c4.775 2.441 12.534 2.485 17.334.099l81.617-40.562c4.8-2.386 8.69-8.652 8.69-13.994V0H100.5Z" /> 2668 <path fill="#ffffff" 2669 d="M69.601 118.42c.665 0 1.33.332 1.634.802v-.724h.782v5.145c0 1.046-.753 1.78-1.82 1.78h-2.326v-.675h2.278c.636 0 1.086-.479 1.086-1.135v-.87c-.235.46-.89.763-1.634.763-1.535 0-2.377-1.105-2.377-2.543 0-1.438.841-2.543 2.377-2.543Zm75.609 0c.666 0 1.331.332 1.634.802v-.724h.782v5.145c0 1.046-.753 1.78-1.819 1.78h-2.328v-.675h2.279c.636 0 1.086-.479 1.086-1.135v-.87c-.235.46-.89.763-1.634.763-1.535 0-2.377-1.105-2.377-2.543 0-1.438.842-2.543 2.377-2.543Zm-105.472 0c1.085 0 1.819.596 1.878 1.506h-.763c-.069-.626-.685-.841-1.135-.841-.577 0-.958.274-.958.704 0 1.33 2.885.01 2.885 2.27 0 .88-.724 1.447-1.81 1.447-1.144 0-1.887-.636-1.965-1.663h.753c.068.636.499.978 1.212.978.617 0 1.028-.342 1.028-.743 0-1.467-2.867-.147-2.867-2.279 0-.831.705-1.379 1.742-1.379Zm10.488 0c1.438 0 2.298.998 2.298 2.309 0 .107-.01.273-.02.341h-3.853c.058 1.018.734 1.742 1.663 1.742.802 0 1.31-.353 1.467-.969h.793c-.167 1.007-1.038 1.663-2.26 1.663-1.458 0-2.436-1.164-2.436-2.572 0-1.448.9-2.514 2.348-2.514Zm6.394 0c1.438 0 2.298.998 2.298 2.309 0 .107-.01.273-.02.341h-3.853c.059 1.018.734 1.742 1.663 1.742.802-.001 1.31-.353 1.467-.969h.792c-.166 1.007-1.036 1.663-2.259 1.663-1.457 0-2.435-1.164-2.435-2.572 0-1.448.9-2.514 2.347-2.514Zm19.922 0c1.468 0 2.514 1.056 2.514 2.543 0 1.477-1.046 2.543-2.514 2.543-1.457 0-2.504-1.066-2.504-2.543 0-1.487 1.047-2.543 2.504-2.543Zm6.563 0c1.438 0 2.299.998 2.299 2.309 0 .107-.01.273-.02.341H81.53c.058 1.018.734 1.742 1.663 1.742.802 0 1.311-.353 1.468-.969h.792c-.167 1.007-1.038 1.663-2.26 1.663-1.457 0-2.436-1.164-2.436-2.572 0-1.448.9-2.514 2.348-2.514Zm8.84 5.008h-.782v-.812c-.294.538-.94.89-1.634.89-1.536 0-2.377-1.105-2.377-2.543 0-1.438.841-2.543 2.377-2.543.694 0 1.34.352 1.633.88v-2.827h.783v6.955Zm26.053-5.008c1.438 0 2.298.998 2.298 2.309 0 .107-.009.273-.019.341h-3.854c.059 1.018.734 1.742 1.663 1.742.802 0 1.311-.353 1.467-.969h.792c-.166 1.007-1.036 1.663-2.259 1.663-1.457 0-2.435-1.164-2.435-2.572 0-1.448.9-2.514 2.347-2.514Zm20.582 0c1.467 0 2.513 1.056 2.513 2.543 0 1.477-1.046 2.543-2.513 2.543-1.458 0-2.504-1.066-2.504-2.543 0-1.487 1.046-2.543 2.504-2.543Zm13.415 0c1.437 0 2.298.998 2.298 2.309 0 .107-.009.273-.019.341h-3.854c.059 1.018.734 1.742 1.663 1.742.802-.001 1.311-.353 1.467-.969h.792c-.166 1.007-1.036 1.663-2.259 1.663-1.457 0-2.435-1.164-2.435-2.572 0-1.448.899-2.514 2.347-2.514Zm-107.044.078h1.515v.694h-1.515v2.67c0 .548.313.871.792.871h.723v.695h-.753c-.938 0-1.544-.587-1.545-1.545v-2.691h-1.027v-.694h1.027v-1.575h.783v1.575Zm18.406-.078c1.115 0 1.839.792 1.839 1.995v3.013h-.782v-2.886c0-.841-.49-1.408-1.233-1.408-.841 0-1.448.675-1.448 1.634v2.66h-.782v-4.93h.782v.948c.254-.684.87-1.026 1.624-1.026Zm34.984 5.008h-.782v-4.93h.782v4.93Zm4.675-5.008c1.115 0 1.839.792 1.839 1.995v3.013h-.782v-2.886c0-.841-.489-1.408-1.233-1.408-.841 0-1.447.675-1.447 1.634v2.66h-.783v-4.93h.783v.948c.254-.684.87-1.026 1.623-1.026Zm9.114 4.029 1.399-3.951h.821l-1.81 4.93h-.811l-1.81-4.93h.812l1.399 3.951Zm10.981-2.953c.205-.675.616-.998 1.34-.998h.627v.694h-.686c-.997.001-1.281.9-1.281 2.064v2.172h-.782v-4.93h.782v.998Zm9.265-1.076c1.067 0 1.712.714 1.712 1.907v3.101h-.783v-2.896c0-.841-.42-1.417-1.114-1.418-.822 0-1.312.577-1.312 1.418v2.896h-.782v-2.896c0-.841-.421-1.418-1.105-1.418-.832 0-1.321.577-1.321 1.418v2.896h-.782v-4.93h.782v.948c.186-.596.734-1.026 1.487-1.026.811 0 1.447.371 1.624 1.046.186-.587.841-1.046 1.594-1.046Zm26.356 0c1.115 0 1.839.792 1.839 1.995v3.013h-.782v-2.886c-.001-.841-.49-1.408-1.233-1.408-.841 0-1.448.675-1.448 1.634v2.66h-.782v-4.93h.782v.948c.254-.684.871-1.026 1.624-1.026Zm-89.062.704c-.997 0-1.643.724-1.643 1.839s.646 1.839 1.643 1.839c.988 0 1.633-.724 1.633-1.839s-.645-1.839-1.633-1.839Zm6.872 0c-1.007 0-1.702.763-1.702 1.839s.695 1.839 1.702 1.839c1.018 0 1.712-.763 1.712-1.839s-.694-1.839-1.712-1.839Zm13.055 0c-.988 0-1.643.724-1.643 1.839s.655 1.839 1.643 1.839 1.634-.724 1.634-1.839-.646-1.839-1.634-1.839Zm48.983 0c-1.008 0-1.703.763-1.703 1.839s.695 1.839 1.703 1.839c1.017 0 1.711-.763 1.711-1.839s-.694-1.839-1.711-1.839Zm6.699 0c-.998 0-1.643.724-1.643 1.839s.645 1.839 1.643 1.839c.988 0 1.634-.724 1.634-1.839s-.646-1.839-1.634-1.839Zm-95.053-.039c-.831 0-1.39.489-1.536 1.359h3.032c-.059-.831-.616-1.359-1.496-1.359Zm6.394 0c-.832 0-1.389.489-1.536 1.359h3.033c-.06-.831-.617-1.359-1.497-1.359Zm26.485 0c-.832 0-1.39.489-1.536 1.359h3.033c-.059-.831-.617-1.359-1.497-1.359Zm34.893 0c-.831 0-1.389.489-1.536 1.359h3.033c-.059-.831-.616-1.359-1.497-1.359Zm33.997 0c-.832 0-1.389.489-1.536 1.359h3.033c-.059-.831-.617-1.359-1.497-1.359ZM98.4 117.568h-.9v-1.095h.9v1.095ZM32.904 85a6.31 6.31 0 0 1 3.817 1.291l.018.014c.62.484 1.168 1.181 1.587 2.02.398.781.6 1.588.6 2.394 0 1.288-.498 2.415-1.485 3.355.974.385 1.77.97 2.376 1.74.737.92 1.114 2.005 1.114 3.225 0 1.602-.663 2.972-1.972 4.072a6.648 6.648 0 0 1-2.63 1.4l-.01.002c-1.032.246-2.336.37-3.875.37h-9.63v-8.519H20.15V93.23h2.665v-4.862H19V85h13.904Zm33.117 3.429h-11.45v6.664l2.144-1.952a3.116 3.116 0 0 1 2.098-.814h6.949v3.429H54.57v5.698h11.45v3.429H50.504V85h15.519v3.429Zm14.94-3.31 12.252 13.733-.004-13.847h4.068l.006 19.878H93.41l-12.36-13.85v13.801h-4.07V85h3.874l.107.118Zm32.159 7.192L121.293 85h5.572l-10.501 9.059 10.441 10.824h-5.487l-7.888-8.396-.31.269v8.127h-4.07V85h4.07v7.311Zm38.48-3.882h-11.451v6.664l2.144-1.952a3.115 3.115 0 0 1 2.099-.814h6.948v3.429h-11.192v5.698h11.451v3.429h-15.518V85H151.6v3.429Zm21.149 5.672c-1.602 2.575-1.333 3.04-1.354 5.043v5.739h-4.069v-5.098c0-.086.002-.732.002-3.499 0-1.345.595-2.403 2.024-4.42l4.93-6.866H179l-6.251 9.1Zm-145.865 7.353h5.907c1.434 0 2.489-.235 3.135-.701.66-.489.98-1.107.98-1.825 0-.719-.31-1.31-.946-1.807-.636-.502-1.827-.757-3.544-.757h-5.532v5.09Zm141.008-11.302c-1.063 1.091-1.539 1.924-2.381 3.512L159.753 85h4.717l3.422 5.152Zm-141.01 3.081h4.885c1.159 0 2.007-.213 2.521-.633.499-.41.741-1.036.741-1.83 0-.795-.247-1.376-.758-1.778-.528-.415-1.327-.625-2.375-.625h-5.014v4.866Z" /> 2670 </svg> 2671 </a> 2672 2673 <div class="flex flex-col items-center gap-6 xl:flex-row"> 2674 <div class="flex flex-wrap items-center justify-center gap-4"> 2675 <div class="flex flex-row items-center"> 2676 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96" class="size-4 flex-shrink-0 text-[#daa000]">
2677 <path fill="currentColor" 2678 d="m62.803 32.105 33.19 4.813-23.936 23.32 5.675 32.943-29.736-15.423L18.261 93.18l5.799-32.944L0 36.918l33.19-4.813L47.996 2l14.807 30.105Z" /> 2679 </svg> 2680 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96" class="size-4 flex-shrink-0 text-[#daa000]"> 2681 <path fill="currentColor" 2682 d="m62.803 32.105 33.19 4.813-23.936 23.32 5.675 32.943-29.736-15.423L18.261 93.18l5.799-32.944L0 36.918l33.19-4.813L47.996 2l14.807 30.105Z" /> 2683 </svg> 2684 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96" class="size-4 flex-shrink-0 text-[#daa000]"> 2685 <path fill="currentColor" 2686 d="m62.803 32.105 33.19 4.813-23.936 23.32 5.675 32.943-29.736-15.423L18.261 93.18l5.799-32.944L0 36.918l33.19-4.813L47.996 2l14.807 30.105Z" /> 2687 </svg> 2688 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96" class="size-4 flex-shrink-0 text-[#daa000]"> 2689 <path fill="currentColor" 2690 d="m62.803 32.105 33.19 4.813-23.936 23.32 5.675 32.943-29.736-15.423L18.261 93.18l5.799-32.944L0 36.918l33.19-4.813L47.996 2l14.807 30.105Z" /> 2691 </svg> 2692 2693 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96" class="size-4 flex-shrink-0 text-[#daa000]"> 2694 <path stroke="currentColor" stroke-width="7" 2695 d="m61.91 32.644.233.471.521.076 31.183 4.511L71.364 59.56l-.378.368.09.52 5.333 30.894L48.46 76.875l-.46-.238-.46.238-27.942 14.463 5.449-30.887.092-.523-.382-.37L2.159 37.702l31.177-4.51.521-.076.233-.471L48 4.418l13.91 28.226Z" /> 2696 <path fill="currentColor" d="m24.062 60.277-5.8 32.878L48 77.763V2.155L33.193 32.201 0 37.004l24.062 23.273Z" /> 2697 </svg> 2698 2699 </div> 2700 <p class="text-white"> 2701 Benkey krijgt gemiddeld een 4,5 2702 </p> 2703 </div> 2704 2705 <div class="mt-2 flex flex-wrap items-center gap-4"> 2706 <a class="group/button cursor-pointer relative inline-flex items-center justify-center flex-row border gap-3 select-none rounded-lg transition-colors duration-500 lg:text-lg bg-tertiary border-tertiary text-primary hover:bg-secondary hover:border-secondary hover:text-white px-4 py-3 lg:px-4.5 lg:py-3.5" href="https://benkey.nl/afspraak-maken/" target=""> 2707 <span class="relative isolate"> 2708 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2709 class="size-6 -rotate-45 transition duration-500 will-change-transform group-hover/button:rotate-0 group-hover/button:scale-90 group-hover/button:text-secondary lg:size-7"> 2710 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2711 </svg> 2712 <span 2713 class="absolute inset-0 -z-10 h-full w-full scale-0 rounded-full bg-transparent transition duration-500 will-change-transform group-hover/button:scale-100 group-hover/button:bg-white"></span> 2714 </span> 2715 <span> 2716 Plan een afspraak 2717 </span> 2718 </a> 2719 <a class="group/button cursor-pointer relative inline-flex items-center justify-center flex-row border gap-3 select-none rounded-lg transition-colors duration-500 lg:text-lg bg-transparent border-primary-500 text-tertiary hover:bg-secondary hover:border-secondary hover:text-white px-4 py-3 lg:px-4.5 lg:py-3.5" href="tel:035%205555%20333" target=""> 2720 <span class="relative isolate"> 2721 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2722 class="size-6 -rotate-45 transition duration-500 will-change-transform group-hover/button:rotate-0 group-hover/button:scale-90 group-hover/button:text-secondary lg:size-7"> 2723 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2724 </svg> 2725 <span 2726 class="absolute inset-0 -z-10 h-full w-full scale-0 rounded-full bg-transparent transition duration-500 will-change-transform group-hover/button:scale-100 group-hover/button:bg-white"></span> 2727 </span>
2728 <span> 2729 Bel 035 5555 333 2730 </span> 2731 </a> 2732 </div> 2733 </div> 2734 2735 </div> 2736 2737 <div class="border-tertiary/50 mt-8 border-t lg:mt-16"></div> 2738 </div> 2739 2740 2741 2742 <div class="py-8 lg:py-12 xl:py-16"> 2743 <div class="mx-auto max-w-screen-2xl px-4 sm:px-6 md:px-8"> 2744 <nav aria-label="Footer primary navigation"> 2745 <ul class="grid grid-cols-1 gap-8 sm:grid-cols-2 xl:grid-cols-12"> 2746 <li 2747 class="sm:col-span-2 xl:col-span-3"> 2748 <h3 class="mb-4 text-lg font-bold uppercase tracking-widest text-white lg:mb-6 xl:mb-10"> 2749 Investeren 2750 </h3> 2751 2752 <ul class="space-y-2"> 2753 <li class="mb-4 pr-4 lg:mb-6"> 2754 <a href="https://benkey.nl/investeren/vastgoedfonds/" 2755 class="flex items-center justify-between gap-2 border-b py-2 font-serif text-2xl text-white transition-colors duration-300 hover:text-secondary 2xl:text-[2.25rem]"> 2756 Vastgoedfonds 2757 2758 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 2759 stroke-width="1.5" stroke="currentColor" 2760 class="size-6 origin-center -rotate-45 lg:size-8"> 2761 <path stroke-linecap="round" stroke-linejoin="round" 2762 d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> 2763 </svg> 2764 </a> 2765 </li> 2766 <li class="mb-4 pr-4 lg:mb-6"> 2767 <a href="https://benkey.nl/investeren/vastgoedleningen/" 2768 class="flex items-center justify-between gap-2 border-b py-2 font-serif text-2xl text-white transition-colors duration-300 hover:text-secondary 2xl:text-[2.25rem]"> 2769 Vastgoedleningen 2770 2771 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 2772 stroke-width="1.5" stroke="currentColor" 2773 class="size-6 origin-center -rotate-45 lg:size-8"> 2774 <path stroke-linecap="round" stroke-linejoin="round" 2775 d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> 2776 </svg> 2777 </a> 2778 </li> 2779 </ul> 2780 </li> 2781 <li 2782 class="xl:col-span-2"> 2783 <h3 class="mb-4 text-lg font-bold uppercase tracking-widest text-white lg:mb-6 xl:mb-10"> 2784 Benkey 2785 </h3> 2786 2787 <ul class="space-y-2"> 2788 <li> 2789 <a href="https://benkey.nl/over-benkey/" 2790 class="text-primary-500 transition-colors duration-300 hover:text-secondary lg:text-lg"> 2791 Over Benkey 2792 </a> 2793 </li> 2794 <li> 2795 <a href="https://benkey.nl/investeren/vastgoedfonds/#handelsdagen" 2796 class="text-primary-500 transition-colors duration-300 hover:text-secondary lg:text-lg"> 2797 Handelsdagen 2026 2798 </a> 2799 </li> 2800 <li> 2801 <a href="https://benkey.nl/veelgestelde-vragen/" 2802 class="text-primary-500 transition-colors duration-300 hover:text-secondary lg:text-lg"> 2803 Veelgestelde vragen 2804 </a> 2805 </li> 2806 <li> 2807 <a href="https://benkey.nl/werken-bij/" 2808 class="text-primary-500 transition-colors duration-300 hover:text-secondary lg:text-lg"> 2809 Werken bij 2810 </a> 2811 </li> 2812 <li> 2813 <a href="https://benkey.nl/contact/" 2814 class="text-primary-500 transition-colors duration-300 hover:text-secondary lg:text-lg"> 2815 Contact 2816 </a> 2817 </li> 2818 </ul> 2819 </li> 2820 <li 2821 class="xl:col-span-2"> 2822 <h3 class="mb-4 text-lg font-bold uppercase tracking-widest text-white lg:mb-6 xl:mb-10"> 2823 Insights 2824 </h3> 2825 2826 <ul class="space-y-2"> 2827 <li> 2828 <a href="https://benkey.nl/insights/nieuws-blogs/" 2829 class="text-primary-500 transition-colors duration-300 hover:text-secondary lg:text-lg"> 2830 Nieuws & Blogs 2831 </a> 2832 </li> 2833 <li> 2834 <a href="https://benkey.nl/insights/whitepapers/" 2835 class="text-primary-500 transition-colors duration-300 hover:text-secondary lg:text-lg"> 2836 Whitepapers 2837 </a> 2838 </li> 2839 <li> 2840 <a href="https://benkey.nl/insights/podcasts-videos/" 2841 class="text-primary-500 transition-colors duration-300 hover:text-secondary lg:text-lg"> 2842 Podcasts & videoâs 2843 </a> 2844 </li> 2845 <li> 2846 <a href="https://benkey.nl/insights/events/" 2847 class="text-primary-500 transition-colors duration-300 hover:text-secondary lg:text-lg"> 2848 Events & kennissessies 2849 </a> 2850 </li> 2851 <li> 2852 <a href="https://benkey.nl/insights/klant-aan-het-woord/" 2853 class="text-primary-500 transition-colors duration-300 hover:text-secondary lg:text-lg"> 2854 Investeerder aan het woord 2855 </a> 2856 </li> 2857 </ul> 2858 </li> 2859 <li 2860 class="xl:col-span-2"> 2861 <h3 class="mb-4 text-lg font-bold uppercase tracking-widest text-white lg:mb-6 xl:mb-10"> 2862 Direct aan de slag 2863 </h3> 2864 2865 <ul class="space-y-2"> 2866 <li> 2867 <a href="https://benkey.nl/investerdeersportaal-voor-24-7-inzicht-in-je-vermogen/" 2868 class="text-primary-500 transition-colors duration-300 hover:text-secondary lg:text-lg"> 2869 Portaal: 24/7 inzicht 2870 </a> 2871 </li> 2872 <li> 2873 <a href="https://benkey.nl/insights/events/" 2874 class="text-primary-500 transition-colors duration-300 hover:text-secondary lg:text-lg"> 2875 Bezoek een event 2876 </a> 2877 </li> 2878 <li> 2879 <a href="https://benkey.nl/afspraak-maken/" 2880 class="text-primary-500 transition-colors duration-300 hover:text-secondary lg:text-lg"> 2881 Plan een kennismaking 2882 </a> 2883 </li> 2884 <li> 2885 <a href="https://benkey.nl/aanmelden-als-investeerder/" 2886 class="text-primary-500 transition-colors duration-300 hover:text-secondary lg:text-lg"> 2887 Aanmelden als investeerder 2888 </a> 2889 </li> 2890 </ul> 2891 </li> 2892 2893 <li class="xl:col-span-3"> 2894 <h3 class="mb-4 text-lg font-bold uppercase tracking-widest text-white lg:mb-6 xl:mb-10"> 2895 Contact 2896 </h3> 2897 2898 <ul class="space-y-2 text-tertiary lg:text-lg"> 2899 <li>Benkey Fund Management B.V.</li> 2900 <li>Torenlaan 36</li> 2901 <li>1251 HK Laren</li> 2902 2903 <li class="">
2904 <a href="tel:035 555 53 33" 2905 class="transition-colors duration-500 hover:text-secondary"> 2906 035 555 53 33 2907 </a> 2908 </li> 2909 2910 <li> 2911 <a href="mailto:[email protected]" 2912 class="transition-colors duration-500 hover:text-secondary"> 2913 [email protected] 2914 </a> 2915 </li> 2916 </ul> 2917 </li> 2918 </ul> 2919 </nav> 2920 2921 <div class="mt-8 lg:mt-10 xl:mt-12"> 2922 <p class="text-secondary lg:text-lg"> 2923 Benkey. Altijd binnen handbereik 2924 </p> 2925 </div> 2926 2927 2928 <div class="mt-8 flex flex-wrap items-center justify-between gap-8 gap-x-12 lg:mt-10 xl:mt-12"> 2929 <div class="flex flex-col gap-4 lg:gap-6"> 2930 <h3 class="text-lg font-bold uppercase tracking-widest text-white"> 2931 Investeerdersportaal 2932 </h3> 2933 2934 <div class="flex flex-wrap gap-2"> 2935 <a href="https://apps.apple.com/nl/app/benkey-portal/id6504413229" target="_blank"> 2936 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 119 38" 2937 class="h-[38px] w-auto"> 2938 <path fill="#fff" 2939 d="M8.395 37.998c-.303 0-.598-.004-.898-.01a12.611 12.611 0 0 1-1.857-.163 5.848 5.848 0 0 1-1.646-.544 5.373 5.373 0 0 1-1.388-1.01 5.287 5.287 0 0 1-1.014-1.387 5.685 5.685 0 0 1-.539-1.646 12.333 12.333 0 0 1-.165-1.863 90.55 90.55 0 0 1-.015-.907V7.519s.009-.686.015-.888c.007-.623.062-1.245.164-1.86a5.718 5.718 0 0 1 .54-1.651A5.529 5.529 0 0 1 5.636.175C6.252.075 6.875.02 7.499.012L8.395 0h102.092l.907.013c.619.007 1.236.061 1.846.161a5.9 5.9 0 0 1 1.66.544 5.555 5.555 0 0 1 2.399 2.404c.259.516.438 1.069.532 1.638.103.62.161 1.247.173 1.875.002.282.002.584.002.884.008.373.008.728.008 1.085v20.79c0 .362 0 .714-.008 1.069 0 .323 0 .619-.003.924a12.768 12.768 0 0 1-.17 1.84 5.705 5.705 0 0 1-.537 1.66c-.262.509-.602.974-1.009 1.376a5.36 5.36 0 0 1-1.39 1.016 5.826 5.826 0 0 1-1.657.546c-.614.1-1.235.155-1.857.162-.291.007-.595.011-.891.011l-1.077.002-101.02-.002Z" /> 2940 <path fill="#000A37" 2941 d="M24.837 18.889a5.113 5.113 0 0 1 2.434-4.29 5.233 5.233 0 0 0-4.123-2.228c-1.734-.183-3.416 1.038-4.3 1.038-.901 0-2.262-1.02-3.728-.99a5.49 5.49 0 0 0-4.62 2.818c-1.998 3.459-.508 8.543 1.406 11.339.957 1.369 2.076 2.898 3.54 2.844 1.434-.06 1.969-.914 3.698-.914 1.714 0 2.216.914 3.71.88 1.538-.026 2.506-1.376 3.43-2.758a11.324 11.324 0 0 0 1.569-3.195 4.94 4.94 0 0 1-3.016-4.544ZM22.016 10.532a5.034 5.034 0 0 0 1.151-3.606 5.121 5.121 0 0 0-3.313 1.714 4.79 4.79 0 0 0-1.182 3.473 4.235 4.235 0 0 0 3.344-1.581ZM42.028 26.091h-4.702l-1.13 3.334h-1.99l4.453-12.336h2.07l4.453 12.337h-2.026l-1.128-3.335Zm-4.215-1.538h3.727l-1.837-5.412h-.052l-1.838 5.412ZM54.8 24.93c0 2.794-1.496 4.59-3.753 4.59a3.05 3.05 0 0 1-2.83-1.574h-.043v4.455h-1.846v-11.97h1.787v1.497h.034a3.191 3.191 0 0 1 2.864-1.59c2.283 0 3.787 1.804 3.787 4.591Zm-1.897 0c0-1.822-.941-3.019-2.377-3.019-1.41 0-2.36 1.223-2.36 3.018 0 1.812.95 3.026 2.36 3.026 1.436 0 2.377-1.188 2.377-3.026ZM64.701 24.93c0 2.794-1.496 4.59-3.754 4.59a3.05 3.05 0 0 1-2.83-1.574h-.042v4.455h-1.847v-11.97h1.788v1.497h.034a3.19 3.19 0 0 1 2.863-1.59c2.283 0 3.788 1.804 3.788 4.591Zm-1.898 0c0-1.822-.94-3.019-2.377-3.019-1.41 0-2.36 1.223-2.36 3.018 0 1.812.95 3.026 2.36 3.026 1.436 0 2.377-1.188 2.377-3.026ZM71.241 25.988c.137 1.224 1.326 2.027 2.95 2.027 1.556 0 2.675-.803 2.675-1.906 0-.958-.675-1.531-2.274-1.924l-1.599-.385c-2.265-.547-3.316-1.607-3.316-3.326 0-2.128 1.854-3.59 4.487-3.59 2.608 0 4.395 1.462 4.455 3.59h-1.863c-.112-1.23-1.13-1.974-2.617-1.974s-2.505.752-2.505 1.846c0 .872.65 1.386 2.24 1.778l1.36.334c2.53.599 3.581 1.615 3.581 3.42 0 2.308-1.837 3.753-4.761 3.753-2.736 0-4.583-1.411-4.702-3.643h1.89ZM82.801 18.303v2.128h1.71v1.462h-1.71v4.959c0 .77.343 1.129 1.095 1.129.203-.004.405-.018.607-.043v1.453a5.08 5.08 0 0 1-1.025.086c-1.822 0-2.532-.684-2.532-2.429v-5.155H79.64v-1.462h1.307v-2.128h1.855ZM85.502 24.929c0-2.83 1.667-4.608 4.266-4.608 2.607 0 4.266 1.778 4.266 4.608 0 2.838-1.65 4.608-4.266 4.608s-4.266-1.77-4.266-4.608Zm6.651 0c0-1.941-.89-3.087-2.385-3.087-1.496 0-2.386 1.154-2.386 3.087 0 1.949.89 3.086 2.386 3.086 1.495 0 2.385-1.137 2.385-3.086ZM95.557 20.432h1.76v1.53h.043a2.145 2.145 0 0 1 2.163-1.625c.213 0 .425.023.633.07v1.726a2.579 2.579 0 0 0-.83-.111 1.86 1.86 0 0 0-1.923 2.069v5.335h-1.846v-8.994ZM108.668 26.784c-.248 1.633-1.839 2.753-3.873 2.753-2.616 0-4.24-1.753-4.24-4.565 0-2.822 1.632-4.651 4.163-4.651 2.488 0 4.053 1.71 4.053 4.436v.633h-6.353v.111a2.339 2.339 0 0 0 .635 1.82 2.34 2.34 0 0 0 1.785.728 2.033 2.033 0 0 0 2.077-1.265h1.753Zm-6.241-2.684h4.497a2.173 2.173 0 0 0-.605-1.624 2.156 2.156 0 0 0-1.601-.66 2.275 2.275 0 0 0-2.291 2.284ZM37.583 7.804a2.622 2.622 0 0 1 2.789 2.945c0 1.894-1.024 2.983-2.79 2.983h-2.14V7.804h2.14Zm-1.22 5.09h1.117a1.863 1.863 0 0 0 1.954-2.133 1.868 1.868 0 0 0-1.954-2.12h-1.118v4.252ZM41.412 11.493a2.118 2.118 0 1 1 4.22 0 2.12 2.12 0 1 1-4.22 0Zm3.311 0c0-.97-.435-1.537-1.2-1.537-.767 0-1.199.567-1.199 1.537 0 .977.432 1.54 1.2
29411.54.764 0 1.2-.567 1.2-1.54ZM51.239 13.732h-.916l-.925-3.295h-.07l-.92 3.295H47.5l-1.233-4.474h.895l.801 3.414h.066l.92-3.414h.847l.92 3.414h.07l.797-3.414h.883l-1.228 4.474ZM53.504 9.258h.85v.71h.066a1.34 1.34 0 0 1 1.335-.796 1.455 1.455 0 0 1 1.548 1.664v2.895h-.883v-2.674c0-.719-.312-1.076-.965-1.076a1.026 1.026 0 0 0-1.068 1.134v2.617h-.883V9.258ZM58.709 7.512h.883v6.22h-.883v-6.22ZM60.82 11.493a2.12 2.12 0 1 1 4.22 0 2.12 2.12 0 1 1-4.22 0Zm3.312 0c0-.97-.436-1.537-1.2-1.537-.768 0-1.2.567-1.2 1.537 0 .977.432 1.54 1.2 1.54.764 0 1.2-.566 1.2-1.54ZM65.969 12.466c0-.805.6-1.269 1.663-1.335l1.212-.07v-.386c0-.472-.312-.74-.916-.74-.492 0-.834.182-.932.498h-.855c.09-.768.813-1.261 1.828-1.261 1.122 0 1.754.558 1.754 1.503v3.056h-.85v-.628h-.07a1.506 1.506 0 0 1-1.343.702 1.352 1.352 0 0 1-1.491-1.339Zm2.875-.382v-.374l-1.092.07c-.616.041-.896.25-.896.645 0 .403.35.637.83.637a1.056 1.056 0 0 0 1.158-.978ZM70.883 11.493c0-1.413.726-2.309 1.857-2.309a1.474 1.474 0 0 1 1.371.785h.066V7.512h.883v6.22h-.846v-.707h-.07a1.553 1.553 0 0 1-1.404.78c-1.138 0-1.857-.895-1.857-2.312Zm.912 0c0 .949.447 1.52 1.195 1.52.744 0 1.204-.58 1.204-1.516 0-.932-.465-1.52-1.204-1.52-.743 0-1.195.575-1.195 1.516ZM78.82 7.936a.572.572 0 1 1 .57.537.544.544 0 0 1-.57-.537Zm.13 1.322h.88v4.474h-.88V9.258ZM81.256 9.258h.85v.71h.066a1.339 1.339 0 0 1 1.335-.796 1.455 1.455 0 0 1 1.548 1.664v2.895h-.883v-2.674c0-.719-.312-1.076-.965-1.076a1.027 1.027 0 0 0-1.068 1.134v2.617h-.883V9.258ZM88.625 11.493c0-1.413.727-2.309 1.857-2.309a1.475 1.475 0 0 1 1.372.785h.066V7.512h.882v6.22h-.846v-.707h-.07a1.554 1.554 0 0 1-1.404.78c-1.138 0-1.857-.895-1.857-2.312Zm.912 0c0 .949.447 1.52 1.195 1.52.744 0 1.204-.58 1.204-1.516 0-.932-.465-1.52-1.204-1.52-.743 0-1.195.575-1.195 1.516ZM98.034 12.524a1.816 1.816 0 0 1-1.939 1.294 2.032 2.032 0 0 1-2.066-2.309 2.064 2.064 0 0 1 2.062-2.337c1.245 0 1.996.85 1.996 2.255v.308h-3.159v.05a1.182 1.182 0 0 0 1.192 1.281 1.072 1.072 0 0 0 1.064-.542h.85Zm-3.106-1.442h2.26a1.08 1.08 0 0 0-1.102-1.159 1.145 1.145 0 0 0-1.158 1.16Z" /> 2942 </svg> 2943 </a> 2944 2945 <a href="https://play.google.com/store/apps/details?id=com.benkey.myapp&pli=1" target="_blank"> 2946 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 38" 2947 class="h-[38px] w-auto"> 2948 <g clip-path="url(#a)"> 2949 <path fill="#fff" 2950 d="M123.259 0H4.741A4.745 4.745 0 0 0 0 4.75v28.5A4.745 4.745 0 0 0 4.74 38h118.52a4.746 4.746 0 0 0 4.74-4.75V4.75A4.746 4.746 0 0 0 123.259 0Z" /> 2951 <path fill="#fff" 2952 d="M123.259 0H4.741C2.133 0 0 2.138 0 4.75v28.5C0 35.862 2.133 38 4.74 38h118.52c2.608 0 4.741-2.138 4.741-4.75V4.75c0-2.612-2.133-4.75-4.741-4.75Z" /> 2953 <path fill="#000A37" 2954 d="M64.607 20.662c-2.228 0-4.049 1.7-4.049 4.038 0 2.337 1.82 4.037 4.049 4.037 2.228 0 4.049-1.71 4.049-4.037 0-2.328-1.82-4.038-4.05-4.038Zm0 6.489c-1.223 0-2.276-1.007-2.276-2.451 0-1.444 1.053-2.451 2.276-2.451 1.223 0 2.275.997 2.275 2.45 0 1.454-1.052 2.452-2.275 2.452Zm-8.837-6.489c-2.228 0-4.048 1.7-4.048 4.038 0 2.337 1.82 4.037 4.048 4.037 2.228 0 4.049-1.71 4.049-4.037 0-2.328-1.82-4.038-4.049-4.038Zm0 6.489c-1.223 0-2.275-1.007-2.275-2.451 0-1.444 1.052-2.451 2.275-2.451 1.223 0 2.276.997 2.276 2.45 0 1.454-1.053 2.452-2.276 2.452Zm-10.505-5.244v1.71h4.096c-.124.969-.446 1.672-.93 2.156-.597.599-1.526 1.254-3.157 1.254-2.522 0-4.494-2.033-4.494-4.56 0-2.527 1.972-4.56 4.494-4.56a4.33 4.33 0 0 1 3.082 1.226l1.204-1.207c-1.024-.978-2.38-1.729-4.295-1.729-3.452 0-6.353 2.812-6.353 6.28 0 3.467 2.901 6.28 6.353 6.28 1.868 0 3.27-.609 4.37-1.758 1.129-1.13 1.48-2.727 1.48-4.01 0-.398-.029-.769-.095-1.073h-5.755v-.01Zm42.96 1.33c-.332-.903-1.356-2.575-3.451-2.575-2.095 0-3.802 1.634-3.802 4.038 0 2.26 1.707 4.037 4.001 4.037 1.849 0 2.92-1.13 3.357-1.786l-1.375-.921c-.455.674-1.081 1.12-1.982 1.12-.9 0-1.545-.417-1.953-1.225l5.395-2.232-.18-.456h-.01Zm-5.499 1.349c-.047-1.558 1.204-2.356 2.105-2.356.702 0 1.299.351 1.498.855l-3.603 1.5Zm-4.38 3.914h1.773V16.625h-1.773V28.5Zm-2.902-6.935h-.057c-.398-.475-1.156-.903-2.124-.903-2.019 0-3.868 1.777-3.868 4.057 0 2.28 1.849 4.028 3.868 4.028.968 0 1.726-.428 2.124-.922h.057v.58c0 1.548-.825 2.375-2.152 2.375-1.08
29540-1.754-.78-2.03-1.435l-1.545.646c.446 1.074 1.622 2.385 3.575 2.385 2.076 0 3.83-1.226 3.83-4.209V20.91h-1.678v.656Zm-2.038 5.586c-1.223 0-2.247-1.026-2.247-2.432s1.024-2.46 2.247-2.46c1.223 0 2.152 1.044 2.152 2.46 0 1.415-.948 2.432-2.152 2.432ZM96.53 16.625h-4.238V28.5h1.773v-4.503h2.475c1.962 0 3.887-1.425 3.887-3.686s-1.925-3.686-3.887-3.686h-.01Zm.038 5.719h-2.513v-4.076h2.513c1.327 0 2.076 1.102 2.076 2.033 0 .931-.749 2.033-2.076 2.033v.01Zm10.942-1.7c-1.28 0-2.608.57-3.158 1.814l1.574.655c.332-.655.958-.874 1.612-.874.91 0 1.849.551 1.858 1.53v.123a3.951 3.951 0 0 0-1.848-.456c-1.698 0-3.414.931-3.414 2.67 0 1.586 1.385 2.612 2.939 2.612 1.186 0 1.849-.532 2.257-1.159h.057v.922h1.707v-4.55c0-2.11-1.574-3.288-3.603-3.288h.019Zm-.218 6.507c-.579 0-1.385-.295-1.385-1.007 0-.912 1.005-1.264 1.878-1.264.777 0 1.147.171 1.611.4a2.14 2.14 0 0 1-2.104 1.88v-.01Zm10.031-6.251-2.029 5.149h-.057l-2.105-5.15h-1.906l3.158 7.202-1.802 4h1.849l4.864-11.201h-1.972Zm-15.929 7.6h1.773V16.625h-1.773V28.5Z" /> 2955 <path fill="#EA4335" 2956 d="M19.647 18.45 9.549 29.183a2.729 2.729 0 0 0 2.636 2.024c.502 0 .976-.133 1.384-.38l.028-.02 11.36-6.564-5.32-5.804.01.01Z" /> 2957 <path fill="#FBBC04" 2958 d="M29.857 16.625h-.01l-4.901-2.86-5.528 4.931 5.547 5.558 4.883-2.822a2.737 2.737 0 0 0 1.431-2.403 2.703 2.703 0 0 0-1.422-2.394v-.01Z" /> 2959 <path fill="#4285F4" 2960 d="M9.548 8.816a2.857 2.857 0 0 0-.095.703v18.972c0 .247.029.475.095.703l10.44-10.46-10.44-9.918Z" /> 2961 <path fill="#34A853" 2962 d="m19.723 19 5.224-5.234-11.35-6.593a2.74 2.74 0 0 0-4.049 1.634L19.724 18.99V19Z" /> 2963 <path fill="#000A37" stroke="#000A37" stroke-miterlimit="10" stroke-width=".2" 2964 d="M43.823 11.609c-.56.58-1.252.864-2.086.864-.835 0-1.527-.285-2.086-.864-.56-.58-.835-1.283-.835-2.11 0-.826.275-1.538.835-2.108.56-.58 1.251-.865 2.086-.865.834 0 1.517.285 2.086.865a2.93 2.93 0 0 1 .843 2.109c0 .826-.284 1.539-.834 2.109h-.01Zm-3.632-.475c.417.427.939.636 1.546.636.606 0 1.128-.209 1.545-.636.417-.428.635-.97.635-1.634 0-.665-.208-1.207-.635-1.634-.417-.428-.938-.637-1.545-.637s-1.129.21-1.546.637c-.417.427-.635.969-.635 1.634 0 .665.209 1.206.635 1.634Zm5.491 1.216v-5.7h.89l2.77 4.436h.028l-.028-1.102V6.65h.73v5.7h-.759l-2.892-4.646h-.028l.028 1.102v3.553h-.73l-.01-.01Zm7.631 0h-.73V7.353H50.99V6.65h3.907v.703h-1.593v4.997h.01Zm2.513 0v-5.7h1.735c.873 0 1.574.266 2.096.788.521.532.787 1.216.787 2.062 0 .845-.266 1.53-.787 2.061-.522.532-1.223.789-2.096.789h-1.735Zm.73-.703h1.005c.654 0 1.176-.19 1.565-.57.389-.38.578-.903.578-1.587 0-.684-.19-1.197-.578-1.577-.389-.38-.901-.57-1.565-.57h-1.005v4.304Zm8.239-4.294h-2.588v1.805h2.332v.684h-2.332v1.805h2.588v.703h-3.318v-5.7h3.318v.703Zm5.358-.703v.028L68.04 9.12l2.256 3.192v.028h-.9l-1.85-2.66-.872 1.007v1.644h-.73v-5.7h.73v2.935h.029l2.503-2.935h.948v.019Zm2.787 5.7v-5.7h.73v2.44h2.844V6.65h.73v5.7h-.73V9.775H73.67v2.575h-.73Zm8.931-4.997h-2.588v1.805h2.332v.684h-2.332v1.805h2.588v.703h-3.318v-5.7h3.318v.703Zm3.093 4.997h-.73V7.353H82.64V6.65h3.906v.703h-1.593v4.997h.01Zm8.987-.741c-.559.58-1.251.864-2.085.864-.835 0-1.527-.285-2.086-.864-.56-.58-.835-1.283-.835-2.11 0-.826.275-1.538.835-2.108.56-.58 1.251-.865 2.086-.865.834 0 1.517.285 2.085.865.56.58.844 1.282.844 2.109 0 .826-.275 1.539-.834 2.109h-.01Zm-3.63-.475c.416.427.938.636 1.545.636.606 0 1.128-.209 1.545-.636.417-.428.635-.97.635-1.634 0-.665-.208-1.207-.635-1.634-.417-.428-.939-.637-1.545-.637-.607 0-1.129.21-1.546.637-.417.427-.635.969-.635 1.634 0 .665.209 1.206.635 1.634Zm6.219 1.216h-.73v-5.7h1.935c.483 0 .9.161 1.251.484.351.323.531.722.531 1.216s-.18.893-.53 1.216a1.79 1.79 0 0 1-1.252.485H96.54v2.308-.01Zm0-3.012h1.224c.303 0 .55-.104.74-.313a.987.987 0 0 0 .274-.684c0-.247-.095-.475-.275-.684a.952.952 0 0 0-.74-.314h-1.222V9.34Z" /> 2965 </g> 2966 <defs> 2967 <clipPath id="a"> 2968 <path fill="#fff" d="M0 0h128v38H0z" /> 2969 </clipPath> 2970 </defs> 2971 </svg> 2972 </a> 2973 </div> 2974 </div> 2975 2976 <ul class="flex flex-wrap items-center gap-4"> 2977 <li> 2978 <a href="https://nl.linkedin.com/company/benkey-nl" target="_blank" rel="noopener"> 2979 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 2980 class="size-8 text-secondary transition-colors duration-500 hover:text-white"> 2981 <path 2982 d="M22.23 0H1.77C.8 0 0 .77 0 1.72v20.56C0 23.23.8 24 1.7
29827 24h20.46c.98 0 1.77-.77 1.77-1.72V1.72C24 .77 23.2 0 22.23 0zM7.27 20.1H3.65V9.24h3.62V20.1zM5.47 7.76h-.03c-1.22 0-2-.83-2-1.87 0-1.06.8-1.87 2.05-1.87 1.24 0 2 .8 2.02 1.87 0 1.04-.78 1.87-2.05 1.87zM20.34 20.1h-3.63v-5.8c0-1.45-.52-2.45-1.83-2.45-1 0-1.6.67-1.87 1.32-.1.23-.11.55-.11.88v6.05H9.28s.05-9.82 0-10.84h3.63v1.54a3.6 3.6 0 0 1 3.26-1.8c2.39 0 4.18 1.56 4.18 4.89v6.21z" /> 2983 </svg> 2984 </a> 2985 </li> 2986 <li> 2987 <a href="https://www.instagram.com/benkey_financeboutique/" target="_blank" rel="noopener"> 2988 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 2989 class="size-8 text-secondary transition-colors duration-500 hover:text-white"> 2990 <path 2991 d="M16.98 0a6.9 6.9 0 0 1 5.08 1.98A6.94 6.94 0 0 1 24 7.02v9.96c0 2.08-.68 3.87-1.98 5.13A7.14 7.14 0 0 1 16.94 24H7.06a7.06 7.06 0 0 1-5.03-1.89A6.96 6.96 0 0 1 0 16.94V7.02C0 2.8 2.8 0 7.02 0h9.96zm.05 2.23H7.06c-1.45 0-2.7.43-3.53 1.25a4.82 4.82 0 0 0-1.3 3.54v9.92c0 1.5.43 2.7 1.3 3.58a5 5 0 0 0 3.53 1.25h9.88a5 5 0 0 0 3.53-1.25 4.73 4.73 0 0 0 1.4-3.54V7.02a5 5 0 0 0-1.3-3.49 4.82 4.82 0 0 0-3.54-1.3zM12 5.76c3.39 0 6.2 2.8 6.2 6.2a6.2 6.2 0 0 1-12.4 0 6.2 6.2 0 0 1 6.2-6.2zm0 2.22a3.99 3.99 0 0 0-3.97 3.97A3.99 3.99 0 0 0 12 15.92a3.99 3.99 0 0 0 3.97-3.97A3.99 3.99 0 0 0 12 7.98zm6.44-3.77a1.4 1.4 0 1 1 0 2.8 1.4 1.4 0 0 1 0-2.8z" /> 2992 </svg> 2993 </a> 2994 </li> 2995 <li> 2996 <a href="https://www.youtube.com/@Benkey_Laren/videos" target="_blank" rel="noopener"> 2997 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 2998 class="size-8 text-secondary transition-colors duration-500 hover:text-white"> 2999 <path 3000 d="M12.04 3.5c.59 0 7.54.02 9.34.5a3.02 3.02 0 0 1 2.12 2.15C24 8.05 24 12 24 12v.04c0 .43-.03 4.03-.5 5.8A3.02 3.02 0 0 1 21.38 20c-1.76.48-8.45.5-9.3.51h-.17c-.85 0-7.54-.03-9.29-.5A3.02 3.02 0 0 1 .5 17.84c-.42-1.61-.49-4.7-.5-5.6v-.5c.01-.9.08-3.99.5-5.6a3.02 3.02 0 0 1 2.12-2.14c1.8-.49 8.75-.51 9.34-.51zM9.54 8.4v7.18L15.82 12 9.54 8.41z" /> 3001 </svg> 3002 </a> 3003 </li> 3004 <li> 3005 <a href="https://open.spotify.com/show/0glEWruiZVf1QxgyKy3BNe?si=5f064a2e458b4002" target="_blank" rel="noopener"> 3006 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 3007 class="size-8 text-secondary transition-colors duration-500 hover:text-white"> 3008 <path 3009 d="M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm4.87 17.66c-.2 0-.33-.06-.51-.18a12.03 12.03 0 0 0-6.2-1.6c-1.3 0-2.59.16-3.8.42-.19.04-.44.11-.59.11a.75.75 0 0 1-.75-.75c0-.5.29-.75.65-.82 1.48-.34 2.96-.53 4.49-.53 2.62 0 4.97.6 6.98 1.8.3.18.47.36.47.8 0 .43-.35.75-.74.75zm1.3-3.17c-.25 0-.42-.1-.6-.21a15.22 15.22 0 0 0-7.62-1.93c-1.51 0-2.83.21-3.91.5-.24.07-.37.14-.59.14a.94.94 0 0 1-.93-.95c0-.5.24-.86.74-1C6.61 10.67 8 10.4 10 10.4c3.15 0 6.18.78 8.57 2.2.4.24.55.53.55.96 0 .52-.41.94-.93.94zm1.5-3.7c-.25 0-.4-.06-.62-.18-2.18-1.3-5.55-2.02-8.8-2.02-1.63 0-3.29.16-4.8.57-.17.05-.4.14-.62.14-.64 0-1.13-.51-1.13-1.15 0-.65.4-1.02.84-1.15 1.71-.5 3.62-.74 5.7-.74 3.52 0 7.23.73 9.94 2.32.36.2.62.52.62 1.09 0 .65-.53 1.12-1.14 1.12z" /> 3010 </svg> 3011 </a> 3012 </li> 3013 </ul> 3014 </div> 3015 3016 </div> 3017 </div> 3018 3019 3020 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1660 105"> 3021 <path fill="#fff" 3022 d="M1595.15 66.984c-16.62 18.738-13.83 22.119-14.06 36.691v41.752h-42.21v-37.084c0-.62.03-5.306.03-25.456 0-9.787 6.17-17.484 20.98-32.157L1611.05.782H1660l-64.85 66.203ZM144.261.781c14.256 0 28.322 3.337 39.596 9.394l.192.1c6.43 3.522
302212.108 8.592 16.463 14.69 4.128 5.688 6.228 11.553 6.228 17.417 0 9.369-5.178 17.567-15.414 24.41 10.105 2.802 18.372 7.052 24.659 12.665 7.648 6.684 11.549 14.58 11.549 23.456 0 11.653-6.883 21.617-20.46 29.622-8.029 4.852-17.216 8.282-27.285 10.181l-.107.016c-10.702 1.791-24.23 2.694-40.193 2.694H39.573v-61.97H11.931V60.65h27.642V25.274H0V.781h144.261Zm343.592 24.946H369.051v48.476L391.289 60c5.953-3.806 13.72-5.914 21.773-5.914h72.094V79.03H369.039v41.45h118.802v24.946H326.842V.781h161.011v24.946ZM642.851 1.643l127.104 99.907L769.92.814h42.209l.059 144.612h-40.181L643.769 44.665v100.401H601.56V.781h40.181l1.11.862Zm333.641 52.325L1061.29.78h57.82l-108.95 65.902 108.31 78.743h-56.92L979.713 84.35l-3.221 1.949v59.126h-42.221V.781h42.221v53.187Zm399.238-28.241h-118.81v48.476L1279.16 60c5.96-3.806 13.72-5.914 21.77-5.914h72.1V79.03h-116.12v41.45h118.8v24.946h-161V.781h161.02v24.946ZM81.794 120.48h61.286c14.877 0 25.817-1.714 32.522-5.102h.011c6.836-3.555 10.154-8.048 10.154-13.276-.001-5.229-3.21-9.528-9.807-13.142-6.597-3.656-18.958-5.505-36.77-5.505H81.794v37.025ZM1544.75 38.267c-11.02 7.938-15.96 13.995-24.7 25.547L1460.31.782h48.94l35.5 37.486ZM81.77 60.677h50.68c12.026 0 20.83-1.548 26.163-4.61 5.178-2.978 7.696-7.537 7.696-13.317s-2.566-10.005-7.863-12.925c-5.488-3.02-13.78-4.55-24.648-4.55H81.77v35.402Z" 3023 opacity=".1" /> 3024 </svg> 3025 3026 3027 <div class="bg-white py-8 lg:py-12"> 3028 <div class="mx-auto max-w-screen-2xl px-4 sm:px-6 md:px-8"> 3029 <ul class="flex flex-row justify-center gap-4 text-sm xl:gap-8"> 3030 <li class="font-semibold uppercase text-primary"> 3031 Benkey Fund Management B.V. ‐ 2026 3032 </li> 3033 3034 <li> 3035 <a href="https://benkey.nl/app/uploads/Privacy-benkey.pdf" 3036 class="text-primary transition-colors duration-500 hover:text-secondary" target="_blank"> 3037 Privacy 3038 </a> 3039 </li> 3040 <li> 3041 <a href="https://benkey.nl/app/uploads/Disclaimer-benkey.pdf" 3042 class="text-primary transition-colors duration-500 hover:text-secondary" target="_blank"> 3043 Disclaimer 3044 </a> 3045 </li> 3046 </ul> 3047 </div> 3048 </div> 3049 3050</footer> 3051 </div> 3052 3053 <!-- Start of HubSpot Embed Code --> 3054
3054<script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/144950107.js"></script>
3054 3055 <!-- End of HubSpot Embed Code --> 3056 3057
3057<script type="speculationrules"> 3058{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp/wp-*.php","/wp/wp-admin/*","/app/uploads/*","/app/*","/app/plugins/*","/app/themes/benkey/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 3059</script>
3059 3060 <!-- Start of Async HubSpot Analytics Code --> 3061
3061<script type="text/javascript"> 3062 (function(d,s,i,r) { 3063 if (d.getElementById(i)){return;} 3064 var n=d.createElement(s),e=d.getElementsByTagName(s)[0]; 3065 n.id=i;n.src='//js.hs-analytics.net/analytics/'+(Math.ceil(new Date()/r)*r)+'/144950107.js'; 3066 e.parentNode.insertBefore(n, e); 3067 })(document,"script","hs-analytics",300000); 3068 </script>
3068 3069 <!-- End of Async HubSpot Analytics Code --> 3070
3070<script id="wp-dom-ready-js" src="https://benkey.nl/wp/wp-includes/js/dist/dom-ready.min.js?ver=a06281ae5cf5500e9317"></script>
vendor: 1 bytes, line 3070
3070
3071<script id="wp-hooks-js" src="https://benkey.nl/wp/wp-includes/js/dist/hooks.min.js?ver=7496969728ca0f95732d"></script>
vendor: 1 bytes, line 3071
3071
3072<script id="wp-i18n-js" src="https://benkey.nl/wp/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
vendor: 1 bytes, line 3072
3072
3073<script id="wp-i18n-js-after"> 3074wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 3075//# sourceURL=wp-i18n-js-after 3076</script>
vendor: 1 bytes, line 3076
3076
3077<script id="wp-a11y-js-translations"> 3078( function( domain, translations ) { 3079 var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; 3080 localeData[""].domain = domain; 3081 wp.i18n.setLocaleData( localeData, domain ); 3082} )( "default", {"translation-revision-date":"2026-06-03 12:45:46+0000","generator":"GlotPress\/4.0.3","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"nl"},"Notifications":["Meldingen"]}},"comment":{"reference":"wp-includes\/js\/dist\/a11y.js"}} ); 3083//# sourceURL=wp-a11y-js-translations 3084</script>
vendor: 1 bytes, line 3084
3084
3085<script id="wp-a11y-js" src="https://benkey.nl/wp/wp-includes/js/dist/a11y.min.js?ver=af934e5259bc51b8718e"></script>
vendor: 1 bytes, line 3085
3085
3086<script id="gform_placeholder-js" defer='defer' src="https://benkey.nl/app/plugins/gravityforms/js/placeholders.jquery.min.js?ver=2.10.5"></script>
vendor: 1 bytes, line 3086
3086
3087<script id="gform_gravityforms_theme_vendors-js" defer='defer' src="https://benkey.nl/app/plugins/gravityforms/assets/js/dist/vendor-theme.min.js?ver=7c651d0ba638ce98b9c65141edddd567"></script>
vendor: 1 bytes, line 3087
3087
3088<script id="gform_gravityforms_theme-js-extra"> 3089var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"dd890e625b5ba7a8c82a94fb45841132"},"ajax":{"ajaxurl":"https://benkey.nl/wp/wp-admin/admin-ajax.php","ajax_submission_nonce":"321461e906","i18n":{"step_announcement":"Stap %1$s van %2$s, %3$s","unknown_error":"Er was een onbekende fout bij het verwerken van je aanvraag. Probeer het opnieuw.","error_403":"De aanvraag is om onbekende veiligheidsredenen geblokkeerd (403-fout). Verwijder alle code-achtige tekst (scripts of databasequery's) en probeer het opnieuw."}}}},"hmr_dev":"","public_path":"https://benkey.nl/app/plugins/gravityforms/assets/js/dist/","config_nonce":"0fd9b12ce6"}; 3090//# sourceURL=gform_gravityforms_theme-js-extra 3091</script>
vendor: 1 bytes, line 3091
3091
3092<script id="gform_gravityforms_theme-js" defer='defer' src="https://benkey.nl/app/plugins/gravityforms/assets/js/dist/scripts-theme.min.js?ver=301fdc9aa6144168f3b854c4c2c8f6d3"></script>
vendor: 1 bytes, line 3092
3092
3093<script id="jquery-ui-core-js" src="https://benkey.nl/wp/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3"></script>
vendor: 1 bytes, line 3093
3093
3094<script id="jquery-ui-datepicker-js" src="https://benkey.nl/wp/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.13.3"></script>
vendor: 1 bytes, line 3094
3094
3095<script id="jquery-ui-datepicker-js-after"> 3096jQuery(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Sluiten","currentText":"Vandaag","monthNames":["januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december"],"monthNamesShort":["jan","feb","mrt","apr","mei","jun","jul","aug","sep","okt","nov","dec"],"nextText":"Volgende","prevText":"Vorige","dayNames":["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"],"dayNamesShort":["zo","ma","di","wo","do","vr","za"],"dayNamesMin":["Z","M","D","W","D","V","Z"],"dateFormat":"d MM yy","firstDay":1,"isRTL":false});}); 3097//# sourceURL=jquery-ui-datepicker-js-after 3098</script>
vendor: 1 bytes, line 3098
3098
3099<script id="rocket-browser-checker-js-after"> 3100"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); 3101//# sourceURL=rocket-browser-checker-js-after 3102</script>
vendor: 1 bytes, line 3102
3102
3103<script id="rocket-preload-links-js-extra"> 3104var RocketPreloadLinksConfig = {"excludeUris":"/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|/(index.php/)?(.*)wp-json(/.*|$)|/refer/|/go/|/recommend/|/recommends/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://benkey.nl","onHoverDelay":"100","rateThrottle":"3"}; 3105//# sourceURL=rocket-preload-links-js-extra 3106</script>
vendor: 1 bytes, line 3106
3106
3107<script id="rocket-preload-links-js-after"> 3108(function() { 3109"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); 3110}()); 3111 3112//# sourceURL=rocket-preload-links-js-after 3113</script>
vendor: 1 bytes, line 3113
3113
3114<script id="gforms_recaptcha_recaptcha-js-extra"> 3115var gforms_recaptcha_recaptcha_strings = {"nonce":"4ee931e990","disconnect":"Disconnecting","change_connection_type":"Resetting","spinner":"https://benkey.nl/app/plugins/gravityforms/images/spinner.svg","connection_type":"classic","disable_badge":"1","change_connection_type_title":"Change Connection Type","change_connection_type_message":"Changing the connection type will delete your current settings. Do you want to proceed?","disconnect_title":"Disconnect","disconnect_message":"Disconnecting from reCAPTCHA will delete your current settings. Do you want to proceed?","site_key":"6Lfq2_krAAAAAJVEuNqVlgCKZJBmr52HmZMXXju2"}; 3116//# sourceURL=gforms_recaptcha_recaptcha-js-extra 3117</script>
vendor: 127 bytes, lines 3117-3118
3117 3118<script data-wp-strategy="defer" defer id="gforms_recaptcha_recaptcha-js" src="https://www.google.com/recaptcha/api.js?render=
31186Lfq2_krAAAAAJVEuNqVlgCKZJBmr52HmZMXXju2
vendor: 27 bytes, line 3118
3118&ver=2.2.2"></script>
3119<script data-wp-strategy="defer" defer id="gforms_recaptcha_frontend-js" src="https://benkey.nl/app/plugins/gravityformsrecaptcha/js/frontend.min.js?ver=2.2.2"></script>
vendor: 1 bytes, line 3119
3119
3120<script> 3121gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 2) {if(typeof Placeholders != 'undefined'){ 3122 Placeholders.enable(); 3123 }} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); 3124</script>
vendor: 1 bytes, line 3124
3124
3125<script> 3126gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "2", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_2" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_2"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_2" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; gform.core.triggerPostRenderEvents( 2, 1 ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } ); 3127</script>
3127 3128</body> 3129 3130</html> 3131 3132<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1791504073 -->
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.