1<!DOCTYPE html> 2 3<html lang="nl"> 4 5 6<head> 7 <meta charset="utf-8"> 8<meta name="viewport" content="width=device-width, initial-scale=1"> 9 10 11<meta name="csrf-token" content="3ruXsRkT7Pev9uHwMDLJFqMvai1BGdKNkoBMRj3H"> 12 13 14 <meta name="algolia-app-id" content="I2N52OIGXG"> 15 <meta name="algolia-api-key" content="c18b26a81d5e4bbe701ee9bc70fa65a6"> 16 17 18 19 20
21<script> 22 window.dataLayer = window.dataLayer || []; 23 24 25 window.algoliaAppId = 'I2N52OIGXG'; 26 window.algoliaApiKey = 'c18b26a81d5e4bbe701ee9bc70fa65a6'; 27 window.algoliaInsightsDebug = false; 28 </script>
28 29 30<!--------------------------------------------------------------------------------------------------> 31 <!-- --> 32 <!-- Built by Marshmallow.dev --> 33 <!-- --> 34 <!-- __ __ _ _ _ _ --> 35 <!-- | \/ | | | | | | | | --> 36 <!-- | \ / | __ _ _ __ ___| |__ _ __ ___ __ _| | | _____ __ __| | _____ __ --> 37 <!-- | |\/| |/ _` | '__/ __| '_ \| '_ ` _ \ / _` | | |/ _ \ \ /\ / / / _` |/ _ \ \ / / --> 38 <!-- | | | | (_| | | \__ \ | | | | | | | | (_| | | | (_) \ V V / _ | (_| | __/\ V / --> 39 <!-- |_| |_|\__,_|_| |___/_| |_|_| |_| |_|\__,_|_|_|\___/ \_/\_/ (_) \__,_|\___| \_/ --> 40 <!-- --> 41 <!-- --> 42 <!-- --> 43 <!-- Visit us at https://marshmallow.dev --> 44 <!--------------------------------------------------------------------------------------------------> 45 <!-- Marshmallow SEO - HEADER --> 46 47 48 <title>Blog</title> 49 <meta name="description" content="Navetto is dé totaalleverancier voor complete zonnepaneel installaties. Wij hebben een ruim assortiment A-merk zonnepanelen, omvormers en montagesystemen." /> 50 <meta name="robots" content="index, follow" /> 51<meta name="author" content="VDH Power"> 52<meta name="csrf-token" content="3ruXsRkT7Pev9uHwMDLJFqMvai1BGdKNkoBMRj3H"> 53 54 <meta property="og:title" content="Blog" /> 55 <meta property="og:description" content="Navetto is dé totaalleverancier voor complete zonnepaneel installaties. Wij hebben een ruim assortiment A-merk zonnepanelen, omvormers en montagesystemen." /> 56 <meta property="og:image" content="https://d4o2fvgnpv65m.cloudfront.net/vdhpower-social.png" /> 57 58 <meta name="twitter:card" content="summary_large_image" /> 59 <meta name="twitter:site" content="@VdhSolar" /> 60 <meta property="twitter:title" content="Blog" /> 61 <meta property="twitter:description" content="Navetto is dé totaalleverancier voor complete zonnepaneel installaties. Wij hebben een ruim assortiment A-merk zonnepanelen, omvormers en montagesystemen." /> 62 <meta property="twitter:image" content="https://d4o2fvgnpv65m.cloudfront.net/vdhpower-social.png" /> 63 64<meta property="og:url" content="https://navetto.nl/actueel/blog" /> 65<meta property="og:site_name" content="Navetto" /> 66<meta property="og:locale" content="nl_NL" /> 67 68 <link rel="canonical" href="https://navetto.nl/actueel/blog" /> 69 70 71 <meta property="og:type" content="website" /> 72 73 74
74<script type="application/ld+json"> 75 {"@context":"https://schema.org","@graph":[{"@type":"OnlineStore","url":"https://navetto.nl","name":"Navetto","logo":"https://vdhpower.nl/images/vdhpower/logo/logo-black.png","description":"VDH Power is d\u00e9 totaalleverancier voor complete zonnepaneel installaties. Wij hebben een ruim assortiment A-merk zonnepanelen, omvormers en montagesystemen.","email":"[email protected]","telephone":"+31-172-235-990"}]} 76 </script>
76 77 78<!-- GTM Head --> 79
79<script> 80 window.dataLayer = window.dataLayer || []; 81 </script>
81 82
82<script> 83 (function(w, d, s, l, i) { 84 w[l] = w[l] || []; 85 w[l].push({ 86 'gtm.start': new Date().getTime(), 87 event: 'gtm.js' 88 }); 89 var f = d.getElementsByTagName(s)[0], 90 j = d.createElement(s), 91 dl = l != 'dataLayer' ? '&l=' + l : ''; 92 j.async = true; 93 j.src = 94 'https://www.googletagmanager.com/gtm.js?id=' + i + dl + '>m_preview=env-1>m_auth=4YOIISLiOX7Ntl0Bak3Fjw>m_cookies_win=x'; 95 f.parentNode.insertBefore(j, f); 96 })(window, document, 'script', 'dataLayer', 'GTM-TB9ZBB3J'); 97 </script>
97 98 <!-- GTM Head END --> 99 100
100<script> 101 function gtag() { 102 dataLayer.push(arguments); 103 } 104 </script>
104 105 106 <!-- Marshmallow SEO - HEADER END --> 107 108 109 110 111 <link rel="alternate" hreflang="nl" 112 href="https://navetto.nl/actueel/blog" /> 113 <link rel="alternate" hreflang="x-default" 114 href="https://navetto.nl/actueel/blog" /> 115 <link rel="alternate" hreflang="de" 116 href="https://navetto.de/aktuelle/blog" /> 117 <link rel="alternate" hreflang="en" 118 href="https://navetto.com/actual/blog" /> 119 <link rel="alternate" hreflang="da" 120 href="https://navetto.dk/aktuel/blog" /> 121 122<!-- Favicon --> 123<link rel="apple-touch-icon" sizes="180x180" href="https://navetto.nl/images/navetto/favicons/apple-touch-icon.png"> 124 125<link rel="manifest" href="https://navetto.nl/images/navetto/favicons/site.webmanifest"> 126<link rel="shortcut icon" href="https://navetto.nl/images/navetto/favicons/favicon.ico"> 127<link rel="mask-icon" href="https://navetto.nl/images/navetto/favicons/safari-pinned-tab.svg" color="#004986"> 128<meta name="msapplication-TileColor" content="#004986"> 129<meta name="msapplication-config" content="https://navetto.nl/images/navetto/favicons/browserconfig.xml"> 130<meta name="theme-color" content="#ffffff"> 131 132 133 134 <link rel="icon" type="image/png" sizes="32x32" href="https://d4o2fvgnpv65m.cloudfront.net/media-library/domain/6030/favicon-144x144.png"> 135<!-- Styles --> 136<link rel="preconnect" href="https://d4o2fvgnpv65m.cloudfront.net" crossorigin> 137<link rel="preconnect" href="https://fonts.bunny.net" crossorigin> 138<link rel="preload" as="style" 139 href="https://fonts.bunny.net/css?family=inter:300,400,500,600,700|roboto:300,400,500,700&display=swap" 140 onload="this.onload=null;this.rel='stylesheet'"> 141<noscript> 142 <link rel="stylesheet" 143 href="https://fonts.bunny.net/css?family=inter:300,400,500,600,700|roboto:300,400,500,700&display=swap"> 144</noscript> 145 146 147 <link rel="preload" as="style" 148 href="https://fonts.bunny.net/css?family=open-sans:300,400,500,600,700,800&display=swap" 149 onload="this.onload=null;this.rel='stylesheet'"> 150 <noscript> 151 <link rel="stylesheet" href="https://fonts.bunny.net/css?family=open-sans:300,400,500,600,700,800&display=swap"> 152 </noscript> 153 <link rel="preload" as="style" href="https://navetto.nl/build/assets/app-MJV5vGOv.css" /><link rel="stylesheet" href="https://navetto.nl/build/assets/app-MJV5vGOv.css" data-navigate-track="reload" /> 154<link rel="preload" as="style" href="https://navetto.nl/build/assets/media-library-inTIOvZU.css" /><link rel="stylesheet" href="https://navetto.nl/build/assets/media-library-inTIOvZU.css" data-navigate-track="reload" /> 155 156<link rel="preload" as="style" href="https://navetto.nl/build/assets/fontawesome-bundle-JnAcVdgg.css" /><link rel="stylesheet" href="https://navetto.nl/build/assets/fontawesome-bundle-JnAcVdgg.css" data-navigate-track="reload" /> 157<link rel="preload" as="style" href="https://navetto.nl/build/assets/external-iWOHOUy6.css" /><link rel="stylesheet" href="https://navetto.nl/build/assets/external-iWOHOUy6.css" data-navigate-track="reload" /> 158<!-- Livewire --> 159<!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #004986;}[x-cloak="x-cloak"],[x-cloak=""] {display: none !important;}[wire\:cloak="wire:cloak"],[wire\:cloak=""] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 160<style> 161 :root.dark { 162 color-scheme: dark; 163 } 164</style>
165<script> 166 window.Flux = { 167 applyAppearance (appearance) { 168 let applyDark = () => document.documentElement.classList.add('dark') 169 let applyLight = () => document.documentElement.classList.remove('dark') 170 171 if (appearance === 'system') { 172 let media = window.matchMedia('(prefers-color-scheme: dark)') 173 174 window.localStorage.removeItem('flux.appearance') 175 176 media.matches ? applyDark() : applyLight() 177 } else if (appearance === 'dark') { 178 window.localStorage.setItem('flux.appearance', 'dark') 179 180 applyDark() 181 } else if (appearance === 'light') { 182 window.localStorage.setItem('flux.appearance', 'light') 183 184 applyLight() 185 } 186 } 187 } 188 189 window.Flux.applyAppearance(window.localStorage.getItem('flux.appearance') || 'system') 190</script>
190 191 192 193<link rel="preload" as="style" href="https://navetto.nl/build/assets/modules-98GAnYsu.css" /><link rel="modulepreload" as="script" href="https://navetto.nl/build/assets/modules-UtIOYAGE.js" /><link rel="modulepreload" as="script" href="https://navetto.nl/build/assets/rolldown-runtime-DK3Fl9T5.js" /><link rel="stylesheet" href="https://navetto.nl/build/assets/modules-98GAnYsu.css" data-navigate-track="reload" />
193<script type="module" src="https://navetto.nl/build/assets/modules-UtIOYAGE.js" data-navigate-track="reload"></script>
vendor: 1 bytes, line 193
193
194<script> 195 document.addEventListener('alpine:init', () => { 196 197 async function sharePage(shareData) { 198 try { 199 await navigator.share(shareData); 200 } catch (err) { 201 console.warn(`Error: ${err}`); 202 } 203 } 204 205 // Magic: $tooltip 206 Alpine.magic('tooltip', el => message => { 207 let instance = tippy(el, { 208 content: message, 209 trigger: 'manual' 210 }) 211 212 instance.show() 213 214 setTimeout(() => { 215 instance.hide() 216 217 setTimeout(() => instance.destroy(), 150) 218 }, 2000) 219 }) 220 221 // Directive: x-tooltip 222 Alpine.directive('tooltip', (el, { 223 expression 224 }) => { 225 tippy(el, { 226 allowHTML: true, 227 content: expression 228 }) 229 }); 230 231 // Directive: x-track-click 232 Alpine.directive('track-click', (el, { 233 expression 234 }, { 235 evaluate 236 }) => { 237 const config = evaluate(expression); 238 239 // Support both string and object formats 240 const eventName = typeof config === 'string' ? config : config.name; 241 const customParams = typeof config === 'object' ? config.params || {} : {}; 242 243 el.addEventListener('click', () => { 244 const fullEventName = `${eventName}-click`; 245 246 // Merge default params with custom params 247 const eventData = { 248 event_category: 'user_interaction', 249 event_label: eventName, 250 ...customParams 251 }; 252 253 // Send to GA4 254 if (typeof gtag !== 'undefined') { 255 gtag('event', fullEventName, eventData); 256 } 257 258 // Send to GTM dataLayer 259 if (typeof dataLayer !== 'undefined') { 260 dataLayer.push({ 261 event: fullEventName, 262 ...eventData 263 }); 264 } 265 266 // console.log('Click tracked:', fullEventName, eventData); 267 }); 268 }); 269 270 Alpine.bind('shareButton', (shareData) => ({ 271 '@click'(element) { 272 // console.log('Share button clicked', element, shareData); 273 console.debug(shareData); 274 sharePage(shareData); 275 } 276 })); 277 278 }) 279</script>
279 280
281<script> 282 // Fix for aria-hidden focus issue when opening modals 283 document.addEventListener('livewire:init', () => { 284 // When a modal is about to open, blur-sm the active element 285 Livewire.on('modal.componentActivated', () => { 286 if (document.activeElement && document.activeElement !== document.body) { 287 document.activeElement.blur(); 288 } 289 }); 290 291 Livewire.on('slide-over.componentActivated', () => { 292 if (document.activeElement && document.activeElement !== document.body) { 293 document.activeElement.blur(); 294 } 295 }); 296 }); 297</script>
297 298 299<link rel="modulepreload" as="script" href="https://navetto.nl/build/assets/overlay-component-nMogAE-D.js" />
299<script type="module" src="https://navetto.nl/build/assets/overlay-component-nMogAE-D.js" data-navigate-track="reload"></script>
299 300 301 302 <meta name="sentry-trace" content="89445c62ef4f4d88b529f4919e7ae14d-1640b0fb10ca43de-0"/><meta name="baggage" content="sentry-trace_id=89445c62ef4f4d88b529f4919e7ae14d,sentry-sample_rate=0.2,sentry-transaction=%2Factueel%2F%7Btag%7D,sentry-public_key=71d845186acb2b9d96a0d02537ee8117,sentry-org_id=467496,sentry-release=e0daafd261eeb1fb395fa729f1a387b8ad0471ce,sentry-environment=production,sentry-sampled=false,sentry-sample_rand=0.856959"/> 303 304 305
305<script> 306 function ga4PostId(id, value) { 307 let data = new FormData(); 308 data.append(id, value); 309 let xhr = new XMLHttpRequest(); 310 xhr.open('POST', "https://navetto.nl/gaid", true); 311 xhr.setRequestHeader('X-CSRF-TOKEN', '3ruXsRkT7Pev9uHwMDLJFqMvai1BGdKNkoBMRj3H'); 312 xhr.send(data); 313 } 314 315 function postClientId(clientId) { 316 ga4PostId('client_id', clientId); 317 } 318 319 function postSessionId(sessionId) { 320 ga4PostId('session_id', sessionId); 321 } 322 323 function collectClientId() { 324 if (typeof ga !== 'undefined') { 325 ga(function () { 326 let clientId = ga.getAll()[0].get('clientId'); 327 if (clientId !== "ee8e4345-8739-4058-b84d-86aa48a61b3c") { 328 postClientId(clientId); 329 } 330 let sessionId = ga.getAll()[0].get('sessionId'); 331 if (sessionId !== "1791447979") { 332 postSessionId(sessionId); 333 } 334 }); 335 } else if (typeof gtag !== 'undefined') { 336 gtag('get', "G-4ZS6FHEC6L", 'client_id', function (clientId) { 337 if (clientId !== "ee8e4345-8739-4058-b84d-86aa48a61b3c") { 338 postClientId(clientId); 339 } 340 }); 341 gtag('get', "G-4ZS6FHEC6L", 'session_id', function (sessionId) { 342 if (sessionId !== "1791447979") { 343 postSessionId(sessionId); 344 } 345 }); 346 } 347 } 348 349 collectClientId(); 350</script>
350 351 352 353
353<script> 354 window.dataLayer = window.dataLayer || []; 355 356 function gtag() { 357 dataLayer.push(arguments); 358 } 359 </script>
359 360 361
361<script> 362 document.addEventListener('livewire:init', () => { 363 364 365 366 Livewire.on('dispatch-ga-event', (event) => { 367 // console.log('Dispatching GA4 event:', event); 368 if (typeof gtag !== 'undefined') { 369 gtag(event[0], event[1], event[2]); 370 } else { 371 console.warn('gtag function is not available - GA4 event not sent:', event); 372 } 373 }); 374 375 // Listen for dataLayer push events (for GTM triggers) 376 Livewire.on('push-to-datalayer', (event) => { 377 // Initialize dataLayer if it doesn't exist (for GTM compatibility) 378 if (typeof dataLayer === 'undefined') { 379 window.dataLayer = window.dataLayer || []; 380 } 381 382 const eventData = { 383 event: event[0], 384 ...event[1] 385 }; 386 dataLayer.push(eventData); 387 // console.log('Pushed to dataLayer:', eventData); 388 }); 389 }); 390 </script>
390 391 392 393 394 395
395<script> 396 window.__lc = { asyncInit: true }; 397 </script>
397 398 399 <!-- Google Tag Manager -- HEAD -- START --> 400
400<script> 401 (function(w, d, s, l, i) { 402 // Check if GTM is already loaded 403 if (w.gtmLoaded) { 404 return; 405 } 406 407 // Check if GTM script already exists 408 var scripts = d.getElementsByTagName(s); 409 for (var x = 0; x < scripts.length; x++) { 410 if (scripts[x].src && scripts[x].src.indexOf('googletagmanager.com/gtm.js') > -1) { 411 w.gtmLoaded = true; 412 return; 413 } 414 } 415 416 w[l] = w[l] || []; 417 w[l].push({ 418 'gtm.start': new Date().getTime(), 419 event: 'gtm.js' 420 }); 421 var f = d.getElementsByTagName(s)[0], 422 j = d.createElement(s), 423 dl = l != 'dataLayer' ? '&l=' + l : ''; 424 j.async = true; 425 j.src = 426 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 427 f.parentNode.insertBefore(j, f); 428 429 // Mark GTM as loaded 430 w.gtmLoaded = true; 431 })(window, document, 'script', 'dataLayer', 'GTM-TB9ZBB3J'); 432 </script>
432 433 <!-- End Google Tag Manager -- HEAD -- END --> 434 435
435<script src="//embed.typeform.com/next/embed.js"></script>
435 436 <link rel="stylesheet" href="//embed.typeform.com/next/css/popup.css" /> 437 438 439 440</head> 441 442<body id="top" 443 class="app relative min-h-dvh" 444 :class="{ 'overflow-hidden touch-none sm:overflow-auto sm:touch-auto': menuOpen }" 445 x-data="{ 446 stickyShown: false, 447 stickyFooter: false, 448 hasStickyFooter: false, 449 atTop: true, 450 footerArrow: false, 451 menuOpen: false, 452 isImpersonating: false, 453 searchQuery: '', 454 }" x-init="$watch('stickyFooter', function(value) { 455 let stickyFooterActive = value; 456 let livechat = document.getElementById('chat-widget-container'); 457 if (livechat) { 458 if (stickyFooterActive) { 459 livechat.style.bottom = '90px'; 460 } else { 461 livechat.style.bottom = '60px'; 462 } 463 } 464 })"> 465 <!-- Google Tag Manager (noscript) -- BODY -- START -->
vendor: 81 bytes, lines 465-467
465 466 <noscript> 467 <iframe src="https://www.googletagmanager.com/ns.html?id=
467GTM-TB9ZBB3J
vendor: 100 bytes, lines 467-469
467" height="0" width="0" 468 style="display:none;visibility:hidden"></iframe> 469 </noscript>
470<!-- End Google Tag Manager (noscript) -- BODY -- END --> 471 472 <!-- Marshmallow SEO - BODY --> 473 474<!-- GTM Body --> 475 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TB9ZBB3J>m_preview=env-1>m_auth=4YOIISLiOX7Ntl0Bak3Fjw>m_cookies_win=x" 476 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 477 <!-- GTM Body END --> 478 479 <!-- Marshmallow SEO - BODY END --> 480 481 482 <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #004986;}[x-cloak="x-cloak"],[x-cloak=""] {display: none !important;}[wire\:cloak="wire:cloak"],[wire\:cloak=""] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 483 484<!-- Scripts --> 485<link rel="modulepreload" as="script" href="https://navetto.nl/build/assets/app-B0hgNdwx.js" /><link rel="modulepreload" as="script" href="https://navetto.nl/build/assets/rolldown-runtime-DK3Fl9T5.js" /><link rel="modulepreload" as="script" href="https://navetto.nl/build/assets/alpine-oqFTzwjv.js" />
485<script type="module" src="https://navetto.nl/build/assets/app-B0hgNdwx.js" data-navigate-track="reload"></script>
485<script type="module" src="https://navetto.nl/build/assets/alpine-oqFTzwjv.js" data-navigate-track="reload"></script>
485 486<div wire:snapshot="{"data":{"activeComponent":null,"components":[[],{"s":"arr"}]},"memo":{"id":"vccJiw8yrjFh9V2LiHrB","name":"modal-pro","path":"actueel\/blog","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl"},"checksum":"6aba9532bcbf1c339204bd3d2eb3528cba65f40ad01962653addd3d0a07885b1"}" wire:effects="{"listeners":["modal.open"]}" wire:id="vccJiw8yrjFh9V2LiHrB" x-data="WepOverlayComponent({ type: 'modal', animationOverlapDuration: 350 })" @keydown.window.escape="closeIf('close-on-escape')" x-show="open" class="wep-modal" 487 :class="getElementAttribute('component-class')" aria-modal="true" x-cloak> 488 <div x-show="open" x-transition:enter="enter" x-transition:enter-start="start" x-transition:enter-end="end" 489 x-transition:leave="leave" x-transition:leave-start="start" x-transition:leave-end="end" 490 class="wep-modal-backdrop" aria-hidden="true"> 491 </div> 492 493 <div class="wep-modal-container"> 494 <div class="wep-modal-inner-container"> 495 <div x-show="open && showActiveComponent" x-transition:enter="enter" x-transition:enter-start="start" 496 x-transition:enter-end="end" x-transition:leave="leave" x-transition:leave-start="start" 497 x-transition:leave-end="end" x-bind:class="activeComponentWidth" 498 x-trap.inert.noscroll="getElementBehavior('trap-focus') && open" class="wep-modal-content"> 499 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 500 </div> 501 </div> 502</div> 503<div wire:snapshot="{"data":{"activeComponent":null,"components":[[],{"s":"arr"}]},"memo":{"id":"QxHsUTL2mW8MtFXQyQKt","name":"slide-over-pro","path":"actueel\/blog","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl"},"checksum":"0930d5c17ebace5d1b19c98152d13d70512e9ab9f18af7276bcf8c671fe430b0"}" wire:effects="{"listeners":["slide-over.open"]}" wire:id="QxHsUTL2mW8MtFXQyQKt" x-data="WepOverlayComponent({ type: 'slide-over', animationOverlapDuration: 500 })" 504 @keydown.window.escape="closeIf('close-on-escape')" 505 x-show="open" 506 class="wep-slide-over" 507 :class="{ [getElementAttribute('component-class')]: true, 'wep-slide-over-top': onTop }" 508 aria-modal="true" 509 x-cloak> 510 <div x-show="open" 511 @click="open = false" 512 x-transition:enter="enter" 513 x-transition:enter-start="start" 514 x-transition:enter-end="end" 515 x-transition:leave="leave" 516 x-transition:leave-start="start" 517 x-transition:leave-end="end" 518 class="wep-slide-over-backdrop" 519 aria-hidden="true"> 520 </div> 521 522 <div class="wep-slide-over-container"> 523 <div class="wep-slide-over-container-backdrop" @click="closeIf('close-on-backdrop-click')" aria-hidden="true"></div> 524 <div class="wep-slide-over-container-inner"> 525 <div x-show="open && showActiveComponent" 526 x-trap.inert.noscroll="getElementBehavior('trap-focus') && open" 527 x-transition:enter="enter" 528 x-transition:enter-start="start" 529 x-transition:enter-end="end" 530 x-transition:leave="leave" 531 x-transition:leave-start="start" 532 x-transition:leave-end="end" 533 x-bind:class="activeComponentWidth" 534 class="wep-slide-over-container-inner-wrap"> 535 536 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 537 </div> 538 </div> 539</div> 540 541<!-- Livewire -->
542<script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"3ruXsRkT7Pev9uHwMDLJFqMvai1BGdKNkoBMRj3H","uri":"\/livewire\/update","progressBar":"","nonce":""};</script>
542 543 544 <div x-intersect:leave="atTop = false" x-intersect:enter="atTop = true"></div> 545 546 547 548 549 <!-- Start Urgency Banner --> 550 <div class="w-full overflow-hidden relative z-[20] " x-data="{ bannerVisible: true }"> 551 <div id="urgency_banner" class="w-full min-h-8 md:min-h-11" x-show="bannerVisible" 552 x-transition:leave="transition ease-in duration-300" 553 x-transition:leave-start="opacity-100 transform translate-y-0" 554 x-transition:leave-end="opacity-0 transform -translate-y-full"> 555 <div 556 class="relative isolate flex items-center gap-x-6 overflow-hidden bg-primary-500 pl-4 pr-2 py-2.5 sm:px-3.5 sm:before:flex-1 "> 557 558 <div class="absolute left-[max(-7rem,calc(50%-52rem))] top-1/2 -z-10 -translate-y-1/2 transform-gpu blur-2xl" 559 aria-hidden="true"> 560 <div class="aspect-[577/310] w-[36.0625rem] bg-gradient-to-r from-primary-500 to-primary-600 opacity-80" 561 style="clip-path: polygon(74.8% 41.9%, 97.2% 73.2%, 100% 34.9%, 92.5% 0.4%, 87.5% 0%, 75% 28.6%, 58.5% 54.6%, 50.1% 56.8%, 46.9% 44%, 48.3% 17.4%, 24.7% 53.9%, 0% 27.9%, 11.9% 74.2%, 24.9% 54.1%, 68.6% 100%, 74.8% 41.9%)"> 562 </div> 563 </div> 564 <div class="absolute left-[max(45rem,calc(50%+8rem))] top-1/2 -z-10 -translate-y-1/2 transform-gpu blur-2xl" 565 aria-hidden="true"> 566 <div class="aspect-[577/310] w-[36.0625rem] bg-gradient-to-r from-primary-500 to-primary-600 opacity-80" 567 style="clip-path: polygon(74.8% 41.9%, 97.2% 73.2%, 100% 34.9%, 92.5% 0.4%, 87.5% 0%, 75% 28.6%, 58.5% 54.6%, 50.1% 56.8%, 46.9% 44%, 48.3% 17.4%, 24.7% 53.9%, 0% 27.9%, 11.9% 74.2%, 24.9% 54.1%, 68.6% 100%, 74.8% 41.9%)"> 568 </div> 569 </div> 570 571 <div class="flex flex-wrap items-center gap-x-4 gap-y-2"> 572 573 <div class="text-gray-100 dark:text-gray-100 text-xs leading-4 text-left md:leading-6 md:text-left md:text-sm"> 574 <strong class="font-semibold"> 575 Technische Support 576 </strong> 577 <svg viewBox="0 0 2 2" class="mx-2 inline h-0.5 w-0.5 fill-current" aria-hidden="true"> 578 <circle cx="1" cy="1" r="1" /> 579 </svg> 580 <div class="inline"> 581 <?xml encoding="UTF-8"><p class="inline">Direct hulp van onze specialisten</p> 582 583 </div> 584 </div> 585 586 </div> 587 <div class="flex justify-end flex-1"> 588 <button type="button" class="-m-3 p-3 focus-visible:outline-offset-[-4px]" 589 x-on:click="bannerVisible = false"> 590 <span class="sr-only"> 591 Sluit 592 </span> 593 <svg class="w-5 h-5 text-gray-100 dark:text-gray-100 hover:opacity-60" viewBox="0 0 20 20" 594 fill="currentColor" aria-hidden="true"> 595 <path 596 d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" /> 597 </svg> 598 </button> 599 </div> 600 </div> 601 </div> 602 </div> 603 <!-- End Urgency Banner --> 604 605 <div class="relative top-0 z-30 bg-white dark:bg-gray-900" 606 :class="{ 607 'sticky z-[32] shadow-xs': !atTop, 608 'relative': atTop, 609 'top-8 md:top-10': isImpersonating && !atTop, 610 }"> 611 612 <div x-data="{ showSearch: false }" 613 class="relative z-[19] w-full transform border-b border-gray-200 shadow-sm transition md:shadow-none lg:max-h-screen dark:border-gray-600 dark:border-gray-700/80" 614 :class="{ 'shadow-xl md:pb-2': menuOpen }"> 615 616 <div class="relative z-20 w-full pl-0.5 pr-1 mx-auto md:max-w-4xl lg:max-w-7xl xl:max-w-screen-xl 2xl:max-w-screen-2xl sm:px-4 lg:px-12 md:px-8 drop-shadow-none md:pt-6" 617 :class="{ 'md:!pt-3 md:!pb-2': !atTop, 'md:pt-6': atTop }"> 618 619 <div 620 class="relative z-20 items-center justify-between max-w-full md:overflow-x-visible md:overflow-visible no-scrollbar gap-x-4 md:flex md:grid-flow-col md:bg-transparent"> 621 622 623 <!-- Logo --> 624 <div class="items-center hidden h-full md:flex md:py-2" x-show="atTop">
625 <a class="self-start" href="https://navetto.nl/home-navetto" x-track-click="'logo-header'"> 626 627 <svg class="self-start block object-contain object-left w-48 h-auto transition transform max-w-52 dark:fill-white" id="logo_navetto" 628 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 940.13 216.45"> 629 <defs> 630 <style> 631 .cls-1 { 632 fill: #1d1d1b; 633 } 634 635 .cls-2 { 636 fill: #f3bc00; 637 } 638 639 #logo_navetto_white .cls-1 { 640 fill: #fff; 641 } 642 </style> 643 </defs> 644 <g id="Laag_1" data-name="Laag 1"> 645 <path class="cls-1" 646 d="M17.24,0H0v141.11h28.87v-75.64c0-2.06-.07-4.28-.2-6.63-.13-2.36-.29-4.77-.48-7.22l66.54,84.09c1.62,2.06,3.3,3.48,5.05,4.26,1.74.77,3.87,1.15,6.39,1.15h17.05V0h-28.87v74.67c0,2.27.06,4.67.18,7.21.14,2.55.33,5.18.59,7.9L28.08,5.03c-.9-1.09-1.7-1.97-2.41-2.61-.72-.64-1.45-1.14-2.23-1.5-.77-.35-1.65-.59-2.62-.73-.97-.12-2.16-.19-3.58-.19" /> 647 <path class="cls-1" 648 d="M237.07,0h-33.52l-54.63,141.11h25.58c2.71,0,5-.72,6.88-2.17,1.87-1.45,3.13-3.08,3.77-4.89l8.34-24.6h53.65l8.34,24.6c.7,2.07,1.97,3.76,3.82,5.08,1.85,1.33,4.19,1.98,7.03,1.98h25.37L237.07,0ZM214.01,48.72c.97-2.45,2.01-5.36,3.11-8.72,1.09-3.36,2.16-7.01,3.19-10.94,1.09,3.88,2.2,7.47,3.34,10.8,1.13,3.33,2.12,6.22,2.95,8.67l12.98,38.64h-38.55l12.97-38.45Z" /> 649 <path class="cls-1" 650 d="M328.83,141.12h29.63L415.04,0h-26.54c-2.72,0-5.01.72-6.88,2.18-1.87,1.45-3.13,3.08-3.77,4.89l-27.12,75.56c-1.16,3.28-2.34,6.87-3.53,10.75-1.2,3.88-2.25,7.94-3.16,12.21-1.09-4.27-2.28-8.33-3.53-12.21s-2.5-7.46-3.73-10.75l-27.32-75.56c-.77-2.13-2.06-3.84-3.87-5.13-1.8-1.29-4.13-1.93-6.97-1.93h-26.35l56.57,141.12Z" /> 651 <polygon class="cls-1" 652 points="441 0 441 141.11 531.86 141.11 531.86 115.94 473.93 115.94 473.93 82.32 518.3 82.32 518.3 58.12 473.93 58.12 473.93 25.18 531.86 25.18 531.86 0 441 0" /> 653 <path class="cls-1" 654 d="M777.69,25.95V0h-97.85l-8.42,25.95h33.83v115.16h32.73V25.95h39.72ZM661.31,0h-107.95v25.95h39.71v115.16h32.74V25.95h27.07l8.43-25.95Z" /> 655 <path class="cls-2" 656 d="M864.83,0c-9.62.3-18.55,1.88-26.6,5.17-8.86,3.6-16.43,8.58-22.74,14.91-6.3,6.33-11.17,13.8-14.62,22.4-3.44,8.61-5.18,17.91-5.18,27.92s1.73,19.3,5.18,27.91c3.45,8.61,8.32,16.09,14.62,22.45,6.31,6.37,13.88,11.34,22.74,14.95,8.86,3.62,18.67,5.42,29.43,5.42s20.56-1.8,29.38-5.42c8.83-3.61,16.37-8.58,22.64-14.95,2.77-2.8,5.14-5.9,7.35-9.14-8.78-5.98-16.78-12.92-23.97-20.64-1.71,4.55-3.9,8.6-6.77,11.88-3.33,3.8-7.4,6.69-12.21,8.69-4.8,1.99-10.29,2.99-16.42,2.99s-11.72-1-16.57-2.99c-4.84-2-8.92-4.89-12.25-8.69-3.33-3.8-5.87-8.44-7.65-13.91-1.77-
6565.48-2.66-11.67-2.66-18.56s.89-12.99,2.66-18.47c1.77-5.47,4.32-10.1,7.65-13.9,3.33-3.8,7.41-6.71,12.25-8.74,4.84-2.02,10.36-3.04,16.57-3.04l.67.06c-1.99-8.52-3.13-17.32-3.5-26.3M897.05,5.22c-2.27-.94-4.77-1.41-7.17-2.1,2.67,34.56,20.47,65.38,47.25,85.26,1.37-5.76,2.3-11.68,2.3-17.98,0-9.93-1.73-19.21-5.17-27.82-3.45-8.6-8.31-16.07-14.58-22.4-6.27-6.32-13.81-11.31-22.64-14.95" /> 657 <path class="cls-1" 658 d="M269.7,160.72h15.99c4.93,0,6.31.17,8.03.92,3.15,1.38,4.64,4.82,4.64,10.89,0,5.73-1.43,8.94-4.64,10.49-1.78.86-2.06.86-8.66.97h-11.06v14.96h-4.3v-38.24ZM284.2,180.27c8.48,0,9.86-1.03,9.86-7.51,0-4.99-.57-6.88-2.35-7.68-1.15-.52-1.61-.57-6.13-.63h-11.58v15.82h10.2Z" /> 659 <path class="cls-1" 660 d="M329.66,161.58c3.27,1.38,4.99,4.19,5.68,9.12.17,1.72.23,2.64.23,7.51,0,8.94-.06,10.26-.69,13.19-.69,3.38-2.35,5.56-5.1,6.71-2.41,1.03-4.36,1.26-9.97,1.26-6.71,0-8.54-.23-11.01-1.26-2.75-1.2-4.36-3.33-5.1-6.71-.63-2.98-.69-4.24-.69-13.13,0-7.97.34-10.21,1.89-13.13,1.26-2.29,3.5-3.78,6.71-4.41,1.38-.23,4.36-.4,7.68-.4,5.85,0,8.14.29,10.38,1.26ZM309.26,165.88c-1.15,1.32-1.66,3.04-1.89,6.25q-.06.8-.06,7.68,0,7.91.34,10.09c.4,2.64,1.43,4.24,3.21,4.93,1.55.63,3.15.8,8.26.8,6.99,0,8.89-.34,10.2-1.83,1.15-1.32,1.66-3.04,1.89-6.25q.06-.8.06-7.74,0-7.85-.34-10.03c-.4-2.64-1.43-4.24-3.21-4.93-1.55-.63-3.21-.8-8.26-.8-6.99,0-8.89.34-10.2,1.83Z" /> 661 <path class="cls-1" 662 d="M383.21,198.96h-6.54l-8.03-27.52c-.75-2.41-1.15-3.9-1.32-4.47l-.69-2.41h-.06l-.52,1.72-.46,1.72-1.03,3.44-8.2,27.52h-6.42l-11.75-38.24h4.41l8.26,27.46,1.09,3.73c.23.8.52,1.6,1.09,3.73h.12l.52-1.83.52-1.89,1.09-3.67,8.14-27.52h6.36l8.08,27.52,1.09,3.73.52,1.84.52,1.83h.11l.52-1.89.57-1.83,1.15-3.78,8.43-27.4h4.47l-12.04,38.24Z" /> 663 <path class="cls-1" 664 d="M403.96,177.4h19.38v3.61h-19.38v14.22h20.24v3.73h-24.54v-38.24h24.54v3.73h-20.24v12.96Z" /> 665 <path class="cls-1" 666 d="M429.76,160.72h18.17c8.2,0,11.18,2.92,11.18,11.01,0,6.94-1.49,9.23-6.59,10.09v.06c3.96.23,6.13,2.87,6.08,7.4v9.69h-4.3v-8.71c.11-4.87-2.06-6.82-7.22-6.65h-13.01v15.36h-4.3v-38.24ZM446.5,179.87c6.31,0,8.31-1.66,8.31-6.82,0-3.96-.23-5.62-1.03-6.71-.86-1.26-2.75-1.89-5.79-1.89h-13.93v15.42h12.44Z" /> 667 <path class="cls-1" 668 d="M469.48,177.4h19.38v3.61h-19.38v14.22h20.24v3.73h-24.54v-38.24h24.54v3.73h-20.24v12.96Z" /> 669 <path class="cls-1" 670 d="M495.28,160.72h17.66c5.56,0,8.66.98,10.72,3.33,2.52,2.92,3.33,6.31,3.33,14.16,0,9.34-.4,12.5-1.89,15.25-1.49,2.69-3.44,4.19-6.54,4.87-1.72.4-3.44.63-4.53.63h-18.75v-38.24ZM512.02,195.23c4.19,0,7.17-.86,8.48-2.41,1.66-2.06,2.18-4.87,2.18-12.21,0-9.23-.34-11.41-2.01-13.64-1.38-1.84-3.55-2.52-7.74-2.52h-13.36v30.78h12.44Z" /> 671 <path class="cls-1" 672 d="M547.39,160.72h16.91c4.87,0,6.31.23,7.85,1.15,2.52,1.49,3.5,4.07,3.5,9.06s-1.15,6.71-4.87,8.03v.11c4.59,1.09,6.08,3.27,6.08,9.12,0,4.76-1.26,7.91-3.67,9.34-1.49.86-4.19,1.43-7.11,1.43h-18.69v-38.24ZM563.04,177.57c3.61,0,4.81-.17,6.08-.92,1.66-.92,2.24-2.41,2.24-5.96,0-3.32-.57-4.82-2.18-5.68-.92-.46-1.95-.57-4.99-.57h-12.5v13.13h11.35ZM560.86,195.23c6.36,0,7.85-.11,9.29-.75,1.72-.75,2.41-2.35,2.41-5.9s-.57-5.39-2.01-6.36c-1.38-.86-1.95-.92-7.74-.92h-11.12v13.93h9.17Z" /> 673 <path class="cls-1" 674 d="M596.69,182.96v16h-4.3v-16l-14.04-22.24h4.99l8.2,12.9c1.15,1.89,1.83,2.98,2.01,3.27.4.57.75,1.15,1.09,1.72h.11c.46-.8,1.09-1.84,1.49-2.47l1.6-2.52,8.2-12.9h5.1l-14.45,22.24Z" /> 675 <g> 676 <path class="cls-1" 677 d="M658.07,160.27l-13.69,38.69h-6.26l-13.8-38.69h4.64l10.32,29.23c.41,1.28.87,2.55,1.28,3.89.29.7.35.87.7,2.09h.06c.64-2.15,1.04-3.36,1.91-5.92l10.15-29.29h4.7Z" /> 678 <path class="cls-1" 679 d="M660.86,160.27h17.86c5.63,0,8.76.99,10.85,3.36,2.55,2.96,3.36,6.38,3.36,14.33,0,9.45-.41,12.64-1.91,15.43-1.51,2.73-3.48,4.23-6.61,4.93-1.74.41-3.48.64-4.58.64h-18.96v-38.69ZM677.79,195.19c4.23,0,7.25-.87,8.58-2.44,1.68-2.09,2.2-4.93,2.2-12.35,0-9.34-.35-11.54-2.03-13.8-1.39-1.86-3.6-2.55-7.83-2.55h-13.51v31.15h12.59Z" /> 680 <path class="cls-1" 681 d="M729.82,198.96h-4.35v-17.98h-22.62v17.98h-4.35v-38.69h4.35v17.05h22.62v-17.05h4.35v38.69Z" /> 682 <path class="cls-1" 683 d="M750.53,160.27h16.18c4.99,0,6.38.17,8.12.93,3.19,1.39,4.7,4.87,4.7,11.02,0,5.8-1.45,9.05-4.7,10.61-1.8.87-2.09.87-8.76.99h-11.19v15.14h-4.35v-38.69ZM765.2,180.05c8.58,0,9.98-1.04,9.98-7.6,0-5.04-.58-6.96-2.38-7.77-1.16-.52-1.62-.58-6.21-.64h-11.72v16.01h10.32Z" /> 684 <path class="cls-1" 685 d="M810.61,161.14c3.31,1.39,5.05,4.23,5.74,9.22.17,1.74.23,2.67.23,7.6,0,9.05-.06,10.38-.7,13.34-.7,3.42-2.38,5.63-5.16,6.79-2.44,1.04-4.41,1.28-10.09,1.28-6.79,0-8.64-.23-11.14-1.28-2.78-1.22-4.41-3.36-
6855.16-6.79-.64-3.02-.7-4.29-.7-13.28,0-8.06.35-10.32,1.91-13.28,1.28-2.32,3.54-3.83,6.79-4.47,1.39-.23,4.41-.41,7.77-.41,5.92,0,8.24.29,10.5,1.28ZM789.96,165.49c-1.16,1.33-1.68,3.07-1.91,6.32q-.06.81-.06,7.77,0,8,.35,10.21c.41,2.67,1.45,4.29,3.25,4.99,1.57.64,3.19.81,8.35.81,7.08,0,8.99-.35,10.32-1.86,1.16-1.33,1.68-3.07,1.91-6.32q.06-.81.06-7.83,0-7.95-.35-10.15c-.41-2.67-1.45-4.29-3.25-4.99-1.57-.64-3.25-.81-8.35-.81-7.08,0-8.99.35-10.32,1.86Z" /> 686 <path class="cls-1" 687 d="M864.2,198.96h-6.61l-8.12-27.84c-.75-2.44-1.16-3.94-1.33-4.52l-.7-2.44h-.06l-.52,1.74-.46,1.74-1.04,3.48-8.29,27.84h-6.5l-11.89-38.69h4.47l8.35,27.78,1.1,3.77c.23.81.52,1.62,1.1,3.77h.12l.52-1.86.52-1.91,1.1-3.71,8.24-27.84h6.44l8.18,27.84,1.1,3.77.52,1.86.52,1.86h.12l.52-1.91.58-1.86,1.16-3.83,8.53-27.72h4.52l-12.18,38.69Z" /> 688 <path class="cls-1" 689 d="M884.62,177.15h19.6v3.65h-19.6v14.38h20.47v3.77h-24.82v-38.69h24.82v3.77h-20.47v13.11Z" /> 690 <path class="cls-1" 691 d="M910.14,160.27h18.38c8.29,0,11.31,2.96,11.31,11.14,0,7.02-1.51,9.34-6.67,10.21v.06c4,.23,6.21,2.9,6.15,7.48v9.8h-4.35v-8.82c.12-4.93-2.09-6.9-7.31-6.73h-13.17v15.54h-4.35v-38.69ZM927.07,179.64c6.38,0,8.41-1.68,8.41-6.9,0-4-.23-5.68-1.04-6.79-.87-1.28-2.78-1.91-5.86-1.91h-14.09v15.6h12.59Z" /> 692 </g> 693 </g> 694</svg> 695 696 </a> 697 </div> 698 <!-- End Logo --> 699 700 <template x-if="!atTop"> 701 <div class="z-20 items-center justify-start hidden isolate md:flex"> 702 <!-- Desktop menu --> 703<nav class="items-stretch h-full isolate"> 704 <div class="z-50 justify-between hidden w-full py-4 md:flex gap-x-4 " :class="{ '!py-0': !atTop }"> 705 <div class="z-40 flex items-center justify-self-start gap-x-4 lg:gap-x-6"> 706 707 <div class="z-20 isolate" x-data="{ open: false }" x-on:mouseleave="open = false"> 708 709 <a href="/winkel/energieopslag" target="_self" x-on:mouseenter="open = true" 710 gtm-event="rich_menu_hover" gtm-event-trigger="hover" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Energieopslag\u0022}');" aria-expanded="false" 711 :aria-expanded="open" 712 :class="{ 'bg-gray-100 dark:bg-gray-700': open }" class="text-sm items-center font-semibold leading-6 inline-flex text-gray-800 dark:text-gray-200 gap-x-1 rounded-md px-2 py-1 transition-colors hover:bg-gray-100 dark:hover:bg-gray-700"> 713 <span> 714 Energieopslag 715 </span> 716 <i class="transition fa-sm fa-fw fa-regular fa-chevron-down" 717 :class="{ '': !open, '-rotate-180 ': open }"></i> 718 </a> 719 720 <template x-if="open"> 721 <div class="absolute inset-x-0 pt-4 max-w-screen -z-10 bg-white dark:bg-gray-900" 722 x-show="open" 723 x-transition:enter="transition ease-out duration-200" x-on:mouseenter="open = true" 724 x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" 725 x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" 726 x-transition:leave-end="opacity-0 -translate-y-1"> 727 <div 728 class="z-20 bg-white border border-t-0 border-gray-200 shadow-lg rounded-b-3xl ring-0 ring-gray-900/5 dark:border-gray-800 dark:bg-gray-800"> 729 <div 730 class="grid grid-cols-1 px-6 py-10 mx-auto -z-10 max-w-7xl gap-x-8 gap-y-10 md:gap-x-10 lg:grid-cols-2 lg:px-8 xl:max-w-full"> 731 <div class="grid grid-cols-2 gap-x-6 sm:gap-x-8"> 732 <div> 733 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 734 Merken 735 </h3> 736 <div class="flow-root mt-4"> 737 <div class="-my-2 columns-2 gap-x-6"> 738 <a href="/winkel/energieopslag?filters[mm_tag_merk][10991]=Anker+SOLIX" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Anker Solix\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 739 740 <sp
740an class="group-hover:text-secondary-600"> 741 Anker Solix 742 </span> 743 </a> 744 <a href="/winkel/energieopslag?filters[mm_tag_merk][13337]=Dyness" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Dyness\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 745 746 <span class="group-hover:text-secondary-600"> 747 Dyness 748 </span> 749 </a> 750 <a href="/winkel/energieopslag?filters[mm_tag_merk][2498]=Enphase" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Enphase\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 751 752 <span class="group-hover:text-secondary-600"> 753 Enphase 754 </span> 755 </a> 756 <a href="/winkel/energieopslag?filters[mm_tag_merk][13255]=Eniris" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Eniris\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 757 758 <span class="group-hover:text-secondary-600"> 759 Eniris 760 </span> 761 </a> 762 <a href="/winkel/energieopslag?filters[mm_tag_merk][5811]=FoxEss" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Fox-ESS\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 763 764 <sp
764an class="group-hover:text-secondary-600"> 765 Fox-ESS 766 </span> 767 </a> 768 <a href="/winkel/energieopslag?filters[mm_tag_merk][2521]=Hoymiles" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Hoymiles\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 769 770 <span class="group-hover:text-secondary-600"> 771 Hoymiles 772 </span> 773 </a> 774 <a href="/winkel/energieopslag?filters[Merken]=2507" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Huawei\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 775 776 <span class="group-hover:text-secondary-600"> 777 Huawei 778 </span> 779 </a> 780 <a href="/winkel/energieopslag?filters[mm_tag_merk][2512]=KSTAR" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022KSTAR\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 781 782 <span class="group-hover:text-secondary-600"> 783 KSTAR 784 </span> 785 </a> 786 <a href="/winkel/energieopslag?filters[mm_tag_merk][8204]=Marstek" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Marstek\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 787 788 <sp
788an class="group-hover:text-secondary-600"> 789 Marstek 790 </span> 791 </a> 792 <a href="/winkel/energieopslag?filters[Merken]=2524" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Sigenergy\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 793 794 <span class="group-hover:text-secondary-600"> 795 Sigenergy 796 </span> 797 </a> 798 <a href="/winkel/energieopslag?filters[Merken]=2495" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022SolarEdge\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 799 800 <span class="group-hover:text-secondary-600"> 801 SolarEdge 802 </span> 803 </a> 804 </div> 805 <a href="/winkel/energieopslag" target="_self" 806 gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Alle merken\u0022}');" class="flex items-center gap-x-2 mt-3 pt-3 px-2 -mx-2 pb-1 border-t border-gray-100 dark:border-gray-700 text-sm font-medium text-secondary-600 dark:text-secondary-400 transition-colors hover:text-secondary-700 dark:hover:text-secondary-300 cursor-pointer"> 807 Alle merken 808 <i class="fa-regular fa-arrow-right fa-xs"></i> 809 </a> 810 </div> 811 </div> 812 <div> 813 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 814 Direct naar 815 </h3> 816 <div class="flow-root mt-4"> 817 <div class="-my-2"> 818 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Producttype\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 819 820 <sp
820an class=""> 821 Producttype 822 </span> 823 </a> 824 <div 825 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 826 <a href="/winkel/pakket" 827 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Pakket\u0022,\u0022item\u0022:\u0022Producttype\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 828 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 829 Pakket 830 </a> 831 <a href="/winkel/plug-and-play-batterijen" 832 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Plug\u0026Play\u0022,\u0022item\u0022:\u0022Producttype\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 833 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 834 Plug&Play 835 </a> 836 <a href="/winkel/batterij" 837 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Batterij\u0022,\u0022item\u0022:\u0022Producttype\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 838 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 839 Batterij 840 </a> 841 <a href="/winkel/voedingsmodule" 842 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Voedingsmodule\u0022,\u0022item\u0022:\u0022Producttype\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 843 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 844 Voedingsmodule 845 </a> 846 <a href="/winkel/gateway" 847 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Gateway\u0022,\u0022item\u0022:\u0022Producttype\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 848 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 849 Gateway 850 </a> 851 <a href="/winkel/ems" 852 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022EMS\u0022,\u0022item\u0022:\u0022Producttype\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 853 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 854 EMS 855 </a> 856 <a href="/winkel/p1-meter" 857 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022P1-meter\u0022,\u0022item\u0022:\u0022Producttype\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 858 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 859 P1-meter 860 </a> 861 <a href="/winkel/accessoires-energieopslag" 862 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Accessoire\u0022,\u0022item\u0022:\u0022Producttype\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 863 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 864 Accessoire 865 </a> 866 </div> 867 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Projectdoel\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 868 869 <sp
869an class=""> 870 Projectdoel 871 </span> 872 </a> 873 <div 874 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 875 <a href="/winkel/energieopslag?filters[Projectdoel]=2490" 876 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Residentieel\u0022,\u0022item\u0022:\u0022Projectdoel\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 877 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 878 Residentieel 879 </a> 880 <a href="/winkel/energieopslag?filters[Projectdoel]=2491" 881 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Commercieel\u0022,\u0022item\u0022:\u0022Projectdoel\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 882 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 883 Commercieel 884 </a> 885 </div> 886 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Installatie\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 887 888 <span class=""> 889 Installatie 890 </span> 891 </a> 892 <div 893 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 894 <a href="/winkel/energieopslag?filters[Installatie]=2907" 895 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Floor-stand\u0022,\u0022item\u0022:\u0022Installatie\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 896 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 897 Floor-stand 898 </a> 899 <a href="/winkel/energieopslag?filters[Intallatie]=2908" 900 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Wall-mounted\u0022,\u0022item\u0022:\u0022Installatie\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 901 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 902 Wall-mounted 903 </a> 904 </div> 905 </div> 906 </div> 907 </div> 908 </div> 909 910 <div class="grid grid-cols-1 gap-6 lg:grid-cols-2 items-start"> 911 912 <h3 class="sr-only"> 913 Producten 914 </h3> 915 916 <div wire:key="nav-dropdown-product-445" class="rounded-lg outline outline-1 outline-inset outline-secondary-400/30 dark:outline-gray-900 bg-secondary-100/40 dark:bg-gray-900 hover:bg-secondary-100/70 px-4 py-4 transition-colors"> 917 <article 918 class="relative flex flex-col max-w-2xl group isolate gap-x-8 gap-y-6 sm:flex-row sm:items-start lg:flex-col lg:items-start"> 919 <div class="relative flex-none"> 920 <img class="aspect-[2/1] w-full rounded-lg bg-white object-contain object-center sm:aspect-[16/9] sm:h-32 lg:h-auto" 921 src="https://d4o2fvgnpv65m.cloudfront.net/media-library/product/8076/11700094.jpg" 922 alt="Sigen Hybrid Battery Controller Menu Image" loading="lazy" /> 923 924 <div class="absolute inset-0 rounded-lg ring-1 ring-inset ring-gray-900/10"></div> 925 <div class="absolute bottom-2 right-2">
926 <span class="bg-primary-50 text-primary-800 hover:bg-primary-100 border border-primary-300/40 relative z-10 rounded-full px-2 py-1 text-xs font-medium dark:text-gray-300 "> 927 Uitgelicht 928 </span> 929 </div> 930 </div> 931 <div> 932 <div class="flex items-center gap-x-4"> 933 <span class="text-xs leading-6 text-gray-600 line-clamp-1 dark:text-gray-300"> 934 11700094 935 </span> 936 </div> 937 938 <h4 939 class="text-sm font-semibold leading-6 text-gray-900 group-hover:text-secondary-600 md:text-base dark:text-gray-50"> 940 <a href="/winkel/voedingsmodule/sigen-hybrid-battery-controller" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Sigen Hybrid Battery Controller\u0022}');"> 941 <span class="absolute inset-0"></span> 942 Sigen Hybrid Battery Controller 943 </a> 944 </h4> 945 <p 946 class="mt-2 line-clamp-3 text-pretty text-[13px] leading-5 text-gray-600 dark:text-gray-300"> 947 De Sigen Hybrid Battery Controller is een onmisbare batterijcontroller wanneer je werkt met de SigenStor Batterijen 948 </p> 949 </div> 950 </article> 951 </div> 952 953 </div> 954 </div> 955 </div> 956 </div> 957 </template> 958</div> 959 <div class="z-20 isolate" x-data="{ open: false }" x-on:mouseleave="open = false"> 960 961 <a href="/winkel/zonnepanelen" target="_self" x-on:mouseenter="open = true" 962 gtm-event="rich_menu_hover" gtm-event-trigger="hover" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Zonnepanelen\u0022}');" aria-expanded="false" 963 :aria-expanded="open" 964 :class="{ 'bg-gray-100 dark:bg-gray-700': open }" class="text-sm items-center font-semibold leading-6 inline-flex text-gray-800 dark:text-gray-200 gap-x-1 rounded-md px-2 py-1 transition-colors hover:bg-gray-100 dark:hover:bg-gray-700"> 965 <span> 966 Zonnepanelen 967 </span> 968 <i class="transition fa-sm fa-fw fa-regular fa-chevron-down" 969 :class="{ '': !open, '-rotate-180 ': open }"></i> 970 </a> 971 972 <template x-if="open"> 973 <div class="absolute inset-x-0 pt-4 max-w-screen -z-10 bg-white dark:bg-gray-900" 974 x-show="open" 975 x-transition:enter="transition ease-out duration-200" x-on:mouseenter="open = true" 976 x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" 977 x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" 978 x-transition:leave-end="opacity-0 -translate-y-1"> 979 <div 980 class="z-20 bg-white border border-t-0 border-gray-200 shadow-lg rounded-b-3xl ring-0 ring-gray-900/5 dark:border-gray-800 dark:bg-gray-800"> 981 <div 982 class="grid grid-cols-1 px-6 py-10 mx-auto -z-10 max-w-7xl gap-x-8 gap-y-10 md:gap-x-10 lg:grid-cols-2 lg:px-8 xl:max-w-full"> 983 <div class="grid grid-cols-2 gap-x-6 sm:gap-x-8"> 984 <div> 985 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 986 Merken 987 </h3> 988 <div class="flow-root mt-4"> 989 <div class="-my-2"> 990 <a href="/winkel/zonnepanelen?filters[Merken]=2520" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Zonnepanelen\u0022,\u0022value\u0022:\u0022AIKO\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 991 992 <sp
992an class="group-hover:text-secondary-600"> 993 AIKO 994 </span> 995 </a> 996 <a href="/winkel/zonnepanelen?filters[Merken]=2500" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Zonnepanelen\u0022,\u0022value\u0022:\u0022DMEGC\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 997 998 <span class="group-hover:text-secondary-600"> 999 DMEGC 1000 </span> 1001 </a> 1002 <a href="/winkel/zonnepanelen?filters[mm_tag_merk][8232]=TCL+Solar" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Zonnepanelen\u0022,\u0022value\u0022:\u0022TCL Solar\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1003 1004 <span class="group-hover:text-secondary-600"> 1005 TCL Solar 1006 </span> 1007 </a> 1008 </div> 1009 <a href="/winkel/zonnepanelen" target="_self" 1010 gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Zonnepanelen\u0022,\u0022value\u0022:\u0022Alle merken\u0022}');" class="flex items-center gap-x-2 mt-3 pt-3 px-2 -mx-2 pb-1 border-t border-gray-100 dark:border-gray-700 text-sm font-medium text-secondary-600 dark:text-secondary-400 transition-colors hover:text-secondary-700 dark:hover:text-secondary-300 cursor-pointer"> 1011 Alle merken 1012 <i class="fa-regular fa-arrow-right fa-xs"></i> 1013 </a> 1014 </div> 1015 </div> 1016 <div> 1017 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 1018 Direct naar 1019 </h3> 1020 <div class="flow-root mt-4"> 1021 <div class="-my-2"> 1022 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Zonnepanelen\u0022,\u0022value\u0022:\u0022Kenmerken\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 1023 1024 <sp
1024an class=""> 1025 Kenmerken 1026 </span> 1027 </a> 1028 <div 1029 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 1030 <a href="/winkel/zonnepanelen?filters[Type]=5730" 1031 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Glas-Glas\u0022,\u0022item\u0022:\u0022Kenmerken\u0022,\u0022main_parent\u0022:\u0022Zonnepanelen\u0022}');" target="_self" 1032 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1033 Glas-Glas 1034 </a> 1035 <a href="/winkel/zonnepanelen?filters[Type]=2869" 1036 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022PFAS-vrij\u0022,\u0022item\u0022:\u0022Kenmerken\u0022,\u0022main_parent\u0022:\u0022Zonnepanelen\u0022}');" target="_self" 1037 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1038 PFAS-vrij 1039 </a> 1040 </div> 1041 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Zonnepanelen\u0022,\u0022value\u0022:\u0022Vermogen\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 1042 1043 <span class=""> 1044 Vermogen 1045 </span> 1046 </a> 1047 <div 1048 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 1049 <a href="/winkel/zonnepanelen?filters[Vermogen]=2606" 1050 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022\u003C 400 Wp\u0022,\u0022item\u0022:\u0022Vermogen\u0022,\u0022main_parent\u0022:\u0022Zonnepanelen\u0022}');" target="_self" 1051 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1052 < 400 Wp 1053 </a> 1054 <a href="/winkel/zonnepanelen?filters[Vermogen]=2607" 1055 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022400 - 430 Wp\u0022,\u0022item\u0022:\u0022Vermogen\u0022,\u0022main_parent\u0022:\u0022Zonnepanelen\u0022}');" target="_self" 1056 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1057 400 - 430 Wp 1058 </a> 1059 <a href="/winkel/zonnepanelen?filters[Vermogen]=2608" 1060 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022430 - 460 Wp\u0022,\u0022item\u0022:\u0022Vermogen\u0022,\u0022main_parent\u0022:\u0022Zonnepanelen\u0022}');" target="_self" 1061 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1062 430 - 460 Wp 1063 </a> 1064 <a href="/winkel/zonnepanelen?filters[Vermogen]=2609" 1065 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022\u003E 460 Wp\u0022,\u0022item\u0022:\u0022Vermogen\u0022,\u0022main_parent\u0022:\u0022Zonnepanelen\u0022}');" target="_self" 1066 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1067 > 460 Wp 1068 </a> 1069 </div> 1070 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Zonnepanelen\u0022,\u0022value\u0022:\u0022Type backsheet\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 1071 1072 <sp
1072an class=""> 1073 Type backsheet 1074 </span> 1075 </a> 1076 <div class="relative inline-flex items-center justify-start gap-x-2"> 1077 <a href="/winkel/zonnepanelen?filters[type-backsheet]=2530" 1078 target="_self" 1079 class="bg-primary-50 outline-1 relative outline outline-inset outline-gray-300 transition-all rounded-sm shadow-xs w-8 h-8 focus:z-10 dark:outline-gray-600 hover:outline-primary-400/60 hover:opacity-80"> 1080 <span class="sr-only">Transparant</span> 1081 1082 <span id="tooltip_for_nav_swatch_103" class="ml-4" x-data 1083 x-tooltip="Transparant"> 1084 <span class="absolute inset-0"> 1085 </span> 1086 </span> 1087 </a> 1088 <a href="/winkel/zonnepanelen?filters[type-backsheet]=2531" 1089 target="_self" 1090 class="bg-white outline-1 relative outline outline-inset outline-gray-300 transition-all rounded-sm shadow-xs w-8 h-8 focus:z-10 dark:outline-gray-600 hover:outline-primary-400/60 hover:opacity-80"> 1091 <span class="sr-only">Wit</span> 1092 1093 <span id="tooltip_for_nav_swatch_105" class="ml-4" x-data 1094 x-tooltip="Wit"> 1095 <span class="absolute inset-0"> 1096 </span> 1097 </span> 1098 </a> 1099 <a href="/winkel/zonnepanelen?filters[type-backsheet]=2529" 1100 target="_self" 1101 class="bg-gray-800 outline-1 relative outline outline-inset outline-gray-300 transition-all rounded-sm shadow-xs w-8 h-8 focus:z-10 dark:outline-gray-600 hover:outline-primary-400/60 hover:opacity-80"> 1102 <span class="sr-only">Zwart</span> 1103 1104 <span id="tooltip_for_nav_swatch_106" class="ml-4" x-data 1105 x-tooltip="Zwart"> 1106 <span class="absolute inset-0"> 1107 </span> 1108 </span> 1109 </a> 1110 </div> 1111 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Zonnepanelen\u0022,\u0022value\u0022:\u0022Frame kleur\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 1112 1113 <sp
1113an class=""> 1114 Frame kleur 1115 </span> 1116 </a> 1117 <div class="relative inline-flex items-center justify-start gap-x-2"> 1118 <a href="/winkel/zonnepanelen?filters[Frame kleur]=5756" 1119 target="_self" 1120 class="bg-gray-100 outline-1 relative outline outline-inset outline-gray-300 transition-all rounded-sm shadow-xs w-8 h-8 focus:z-10 dark:outline-gray-600 hover:outline-primary-400/60 hover:opacity-80"> 1121 <span class="sr-only">Zilver</span> 1122 1123 <span id="tooltip_for_nav_swatch_314" class="ml-4" x-data 1124 x-tooltip="Zilver"> 1125 <span class="absolute inset-0"> 1126 </span> 1127 </span> 1128 </a> 1129 <a href="/winkel/zonnepanelen?filters[type-backsheet]=2876" 1130 target="_self" 1131 class="bg-gray-800 outline-1 relative outline outline-inset outline-gray-300 transition-all rounded-sm shadow-xs w-8 h-8 focus:z-10 dark:outline-gray-600 hover:outline-primary-400/60 hover:opacity-80"> 1132 <span class="sr-only">Zwart</span> 1133 1134 <span id="tooltip_for_nav_swatch_315" class="ml-4" x-data 1135 x-tooltip="Zwart"> 1136 <span class="absolute inset-0"> 1137 </span> 1138 </span> 1139 </a> 1140 </div> 1141 </div> 1142 </div> 1143 </div> 1144 </div> 1145 1146 <div class="grid grid-cols-1 gap-6 lg:grid-cols-2 items-start"> 1147 1148 <h3 class="sr-only"> 1149 Producten 1150 </h3> 1151 1152 1153 </div> 1154 </div> 1155 </div> 1156 </div> 1157 </template> 1158</div> 1159 <div class="z-20 isolate" x-data="{ open: false }" x-on:mouseleave="open = false"> 1160 1161 <a href="/winkel/omvormers-en-accessoires" target="_self" x-on:mouseenter="open = true" 1162 gtm-event="rich_menu_hover" gtm-event-trigger="hover" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Omvormers\u0022}');" aria-expanded="false" 1163 :aria-expanded="open" 1164 :class="{ 'bg-gray-100 dark:bg-gray-700': open }" class="text-sm items-center font-semibold leading-6 inline-flex text-gray-800 dark:text-gray-200 gap-x-1 rounded-md px-2 py-1 transition-colors hover:bg-gray-100 dark:hover:bg-gray-700">
1165 <span> 1166 Omvormers 1167 </span> 1168 <i class="transition fa-sm fa-fw fa-regular fa-chevron-down" 1169 :class="{ '': !open, '-rotate-180 ': open }"></i> 1170 </a> 1171 1172 <template x-if="open"> 1173 <div class="absolute inset-x-0 pt-4 max-w-screen -z-10 bg-white dark:bg-gray-900" 1174 x-show="open" 1175 x-transition:enter="transition ease-out duration-200" x-on:mouseenter="open = true" 1176 x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" 1177 x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" 1178 x-transition:leave-end="opacity-0 -translate-y-1"> 1179 <div 1180 class="z-20 bg-white border border-t-0 border-gray-200 shadow-lg rounded-b-3xl ring-0 ring-gray-900/5 dark:border-gray-800 dark:bg-gray-800"> 1181 <div 1182 class="grid grid-cols-1 px-6 py-10 mx-auto -z-10 max-w-7xl gap-x-8 gap-y-10 md:gap-x-10 lg:grid-cols-2 lg:px-8 xl:max-w-full"> 1183 <div class="grid grid-cols-2 gap-x-6 sm:gap-x-8"> 1184 <div> 1185 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 1186 Merken 1187 </h3> 1188 <div class="flow-root mt-4"> 1189 <div class="-my-2 columns-2 gap-x-6"> 1190 <a href="/winkel/omvormers-en-accessoires?filters[mm_tag_merk][2506]=APsystems" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022APsystems\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1191 1192 <span class="group-hover:text-secondary-600"> 1193 APsystems 1194 </span> 1195 </a> 1196 <a href="/winkel/omvormers-en-accessoires?filters[Merken]=2498" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Enphase\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1197 1198 <span class="group-hover:text-secondary-600"> 1199 Enphase 1200 </span> 1201 </a> 1202 <a href="/winkel/omvormers-en-accessoires?filters[mm_tag_merk][2501]=GoodWe" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022GoodWe\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1203 1204 <sp
1204an class="group-hover:text-secondary-600"> 1205 GoodWe 1206 </span> 1207 </a> 1208 <a href="/winkel/omvormers-en-accessoires?filters[Merken]=2507" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Huawei\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1209 1210 <span class="group-hover:text-secondary-600"> 1211 Huawei 1212 </span> 1213 </a> 1214 <a href="/winkel/omvormers-en-accessoires?filters[Merken]=2512" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022KSTAR\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1215 1216 <span class="group-hover:text-secondary-600"> 1217 KSTAR 1218 </span> 1219 </a> 1220 <a href="/winkel/omvormers-en-accessoires?filters[Merken]=2524" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Sigenergy\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1221 1222 <span class="group-hover:text-secondary-600"> 1223 Sigenergy 1224 </span> 1225 </a> 1226 <a href="/winkel/omvormers-en-accessoires?filters[mm_tag_merk][2518]=Solis" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Solis\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1227 1228 <sp
1228an class="group-hover:text-secondary-600"> 1229 Solis 1230 </span> 1231 </a> 1232 <a href="/winkel/omvormers-en-accessoires?filters[mm_tag_merk][5813]=Solplanet" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Solplanet\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1233 1234 <span class="group-hover:text-secondary-600"> 1235 Solplanet 1236 </span> 1237 </a> 1238 <a href="/winkel/omvormers-en-accessoires?filters[Merken]=2495" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022SolarEdge\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1239 1240 <span class="group-hover:text-secondary-600"> 1241 SolarEdge 1242 </span> 1243 </a> 1244 <a href="/winkel/omvormers-en-accessoires?filters[mm_tag_merk][5812]=Tigo" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Tigo\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1245 1246 <span class="group-hover:text-secondary-600"> 1247 Tigo 1248 </span> 1249 </a> 1250 </div> 1251 <a href="/winkel/omvormers-en-accessoires" target="_self" 1252 gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Alle merken\u0022}');" class="flex items-center gap-x-2 mt-3 pt-3 px-2 -mx-2 pb-1 border-t border-gray-100 dark:border-gray-700 text-sm font-medium text-secondary-600 dark:text-secondary-400 transition-colors hover:text-secondary-700 dark:hover:text-secondary-300 cursor-pointer"> 1253 Alle merken 1254 <i class="fa-regular fa-arrow-right fa-xs"></i> 1255 </a> 1256 </div> 1257 </div> 1258 <div> 1259 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 1260 Direct naar 1261 </h3> 1262 <div class="flow-root mt-4"> 1263 <div class="-my-2"> 1264 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Projectdoel\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 1265 1266 <sp
1266an class=""> 1267 Projectdoel 1268 </span> 1269 </a> 1270 <div 1271 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 1272 <a href="/winkel/omvormers-en-accessoires?filters[Type]=2490" 1273 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Residentieel\u0022,\u0022item\u0022:\u0022Projectdoel\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 1274 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1275 Residentieel 1276 </a> 1277 <a href="/winkel/omvormers-en-accessoires?filters[Type]=2491" 1278 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Commercieel\u0022,\u0022item\u0022:\u0022Projectdoel\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 1279 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1280 Commercieel 1281 </a> 1282 </div> 1283 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Aantal fase\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 1284 1285 <span class=""> 1286 Aantal fase 1287 </span> 1288 </a> 1289 <div 1290 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 1291 <a href="/winkel/omvormers-en-accessoires?filters[Aantal fase
1291n]=2610" 1292 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u00221-fase\u0022,\u0022item\u0022:\u0022Aantal fase\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 1293 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1294 1-fase 1295 </a> 1296 <a href="/winkel/omvormers-en-accessoires?filters[Aantal fasen]=2611" 1297 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u00223-fase\u0022,\u0022item\u0022:\u0022Aantal fase\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 1298 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1299 3-fase 1300 </a> 1301 </div> 1302 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Type omvormer\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 1303 1304 <span class=""> 1305 Type omvormer 1306 </span> 1307 </a> 1308 <div 1309 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 1310 <a href="/winkel/omvormers-en-accessoires?filters[Type omvormer]=2612" 1311 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Micro\u0022,\u0022item\u0022:\u0022Type omvormer\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 1312 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1313 Micro 1314 </a> 1315 <a href="/winkel/omvormers-en-accessoires?filters[Type omvormer]=2613" 1316 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022String\u0022,\u0022item\u0022:\u0022Type omvormer\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 1317 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1318 String 1319 </a> 1320 <a href="/winkel/omvormers-en-accessoires?filters[Type omvormer]=2614" 1321 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Hybride\u0022,\u0022item\u0022:\u0022Type omvormer\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 1322 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1323 Hybride 1324 </a> 1325 <a href="/winkel/omvormers-en-accessoires?filters[Type omvormer]=5502" 1326 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Optimizer\u0022,\u0022item\u0022:\u0022Type omvormer\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 1327 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1328 Optimizer 1329 </a> 1330 </div> 1331 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Vermogen\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 1332 1333 <sp
1333an class=""> 1334 Vermogen 1335 </span> 1336 </a> 1337 <div 1338 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 1339 <a href="/winkel/omvormers-en-accessoires?filters[Vermogen Groep KW]=2616" 1340 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u00220-4 KW\u0022,\u0022item\u0022:\u0022Vermogen\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 1341 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1342 0-4 KW 1343 </a> 1344 <a href="/winkel/omvormers-en-accessoires?filters[Vermogen Groep KW]=2617" 1345 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u00224-10 KW\u0022,\u0022item\u0022:\u0022Vermogen\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 1346 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1347 4-10 KW 1348 </a> 1349 <a href="/winkel/omvormers-en-accessoires?filters[Vermogen Groep KW]=2618" 1350 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u002210-30 KW\u0022,\u0022item\u0022:\u0022Vermogen\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 1351 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1352 10-30 KW 1353 </a> 1354 <a href="/winkel/omvormers-en-accessoires?filters[Vermogen Groep KW]=2619" 1355 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022\u003E30 KW\u0022,\u0022item\u0022:\u0022Vermogen\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 1356 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1357 >30 KW 1358 </a> 1359 </div> 1360 </div> 1361 </div> 1362 </div> 1363 </div> 1364 1365 <div class="grid grid-cols-1 gap-6 lg:grid-cols-2 items-start"> 1366 1367 <h3 class="sr-only"> 1368 Producten 1369 </h3> 1370 1371 1372 </div> 1373 </div> 1374 </div> 1375 </div> 1376 </template> 1377</div> 1378 <div class="z-20 isolate" x-data="{ open: false }" x-on:mouseleave="open = false"> 1379 1380 <a href="/winkel/montage" target="_self" x-on:mouseenter="open = true" 1381 gtm-event="rich_menu_hover" gtm-event-trigger="hover" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Montage\u0022}');" aria-expanded="false" 1382 :aria-expanded="open" 1383 :class="{ 'bg-gray-100 dark:bg-gray-700': open }" class="text-sm items-center font-semibold leading-6 inline-flex text-gray-800 dark:text-gray-200 gap-x-1 rounded-md px-2 py-1 transition-colors hover:bg-gray-100 dark:hover:bg-gray-700">
1384 <span> 1385 Montage 1386 </span> 1387 <i class="transition fa-sm fa-fw fa-regular fa-chevron-down" 1388 :class="{ '': !open, '-rotate-180 ': open }"></i> 1389 </a> 1390 1391 <template x-if="open"> 1392 <div class="absolute inset-x-0 pt-4 max-w-screen -z-10 bg-white dark:bg-gray-900" 1393 x-show="open" 1394 x-transition:enter="transition ease-out duration-200" x-on:mouseenter="open = true" 1395 x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" 1396 x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" 1397 x-transition:leave-end="opacity-0 -translate-y-1"> 1398 <div 1399 class="z-20 bg-white border border-t-0 border-gray-200 shadow-lg rounded-b-3xl ring-0 ring-gray-900/5 dark:border-gray-800 dark:bg-gray-800"> 1400 <div 1401 class="grid grid-cols-1 px-6 py-10 mx-auto -z-10 max-w-7xl gap-x-8 gap-y-10 md:gap-x-10 lg:grid-cols-2 lg:px-8 xl:max-w-full"> 1402 <div class="grid grid-cols-2 gap-x-6 sm:gap-x-8"> 1403 <div> 1404 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 1405 Merken 1406 </h3> 1407 <div class="flow-root mt-4"> 1408 <div class="-my-2"> 1409 <a href="/winkel/montage?filters[Merken]=5810" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Montage\u0022,\u0022value\u0022:\u0022BirdBlocker\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1410 1411 <span class="group-hover:text-secondary-600"> 1412 BirdBlocker 1413 </span> 1414 </a> 1415 <a href="/winkel/montage?filters[mm_tag_merk][13260]=Cobalt" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Montage\u0022,\u0022value\u0022:\u0022Cobalt\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1416 1417 <span class="group-hover:text-secondary-600"> 1418 Cobalt 1419 </span> 1420 </a> 1421 <a href="/winkel/montage?filters[Merken]=7837" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Montage\u0022,\u0022value\u0022:\u0022Enstall\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1422 1423 <sp
1423an class="group-hover:text-secondary-600"> 1424 Enstall 1425 </span> 1426 </a> 1427 <a href="/winkel/montage?filters[Merken]=2496" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Montage\u0022,\u0022value\u0022:\u0022Valk Solar Systems\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1428 1429 <span class="group-hover:text-secondary-600"> 1430 Valk Solar Systems 1431 </span> 1432 </a> 1433 </div> 1434 <a href="/winkel/montage" target="_self" 1435 gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Montage\u0022,\u0022value\u0022:\u0022Alle merken\u0022}');" class="flex items-center gap-x-2 mt-3 pt-3 px-2 -mx-2 pb-1 border-t border-gray-100 dark:border-gray-700 text-sm font-medium text-secondary-600 dark:text-secondary-400 transition-colors hover:text-secondary-700 dark:hover:text-secondary-300 cursor-pointer"> 1436 Alle merken 1437 <i class="fa-regular fa-arrow-right fa-xs"></i> 1438 </a> 1439 </div> 1440 </div> 1441 <div> 1442 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 1443 Direct naar 1444 </h3> 1445 <div class="flow-root mt-4"> 1446 <div class="-my-2"> 1447 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Montage\u0022,\u0022value\u0022:\u0022Daksoort\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 1448 1449 <span class=""> 1450 Daksoort 1451 </span> 1452 </a> 1453 <div 1454 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 1455 <a href="/winkel/montage?filters[Daksoort]=2829" 1456 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Schuin dak\u0022,\u0022item\u0022:\u0022Daksoort\u0022,\u0022main_parent\u0022:\u0022Montage\u0022}');" target="_self" 1457 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1458 Schuin dak 1459 </a> 1460 <a href="/winkel/montage?filters[Daksoort]=2830" 1461 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Plat dak\u0022,\u0022item\u0022:\u0022Daksoort\u0022,\u0022main_parent\u0022:\u0022Montage\u0022}');" target="_self" 1462 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1463 Plat dak 1464 </a> 1465 <a href="/winkel/montage?filters[Daksoort]=2933" 1466 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Grondopstelling\u0022,\u0022item\u0022:\u0022Daksoort\u0022,\u0022main_parent\u0022:\u0022Montage\u0022}');" target="_self" 1467 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1468 Grondopstelling 1469 </a> 1470 </div> 1471 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Montage\u0022,\u0022value\u0022:\u0022Zonorientatie (plat dak)\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 1472 1473 <sp
1473an class=""> 1474 Zonorientatie (plat dak) 1475 </span> 1476 </a> 1477 <div 1478 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 1479 <a href="/winkel/montage?filters[Zonorientatie]=2845" 1480 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Zuid\u0022,\u0022item\u0022:\u0022Zonorientatie (plat dak)\u0022,\u0022main_parent\u0022:\u0022Montage\u0022}');" target="_self" 1481 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1482 Zuid 1483 </a> 1484 <a href="/winkel/montage?filters[Zonorientatie]=2846" 1485 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Oost-West\u0022,\u0022item\u0022:\u0022Zonorientatie (plat dak)\u0022,\u0022main_parent\u0022:\u0022Montage\u0022}');" target="_self" 1486 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1487 Oost-West 1488 </a> 1489 </div> 1490 </div> 1491 </div> 1492 </div> 1493 </div> 1494 1495 <div class="grid grid-cols-1 gap-6 lg:grid-cols-2 items-start"> 1496 1497 <h3 class="sr-only"> 1498 Producten 1499 </h3> 1500 1501 <div wire:key="nav-dropdown-product-410" class="rounded-lg outline outline-1 outline-inset outline-secondary-400/30 dark:outline-gray-900 bg-secondary-100/40 dark:bg-gray-900 hover:bg-secondary-100/70 px-4 py-4 transition-colors"> 1502 <article 1503 class="relative flex flex-col max-w-2xl group isolate gap-x-8 gap-y-6 sm:flex-row sm:items-start lg:flex-col lg:items-start"> 1504 <div class="relative flex-none"> 1505 <img class="aspect-[2/1] w-full rounded-lg bg-white object-contain object-center sm:aspect-[16/9] sm:h-32 lg:h-auto" 1506 src="https://d4o2fvgnpv65m.cloudfront.net/media-library/product/7771/721570.jpg" 1507 alt="Valkpro+ Max NextGen - Paneelklem zijplaat Menu Image" loading="lazy" /> 1508 1509 <div class="absolute inset-0 rounded-lg ring-1 ring-inset ring-gray-900/10"></div> 1510 <div class="absolute bottom-2 right-2">
1511 <span class="bg-secondary-100 text-secondary-800 hover:bg-secondary-200 border border-secondary-500/40 relative z-10 rounded-full px-2 py-1 text-xs font-medium dark:text-gray-300 "> 1512 Nieuw 1513 </span> 1514 </div> 1515 </div> 1516 <div> 1517 <div class="flex items-center gap-x-4"> 1518 <span class="text-xs leading-6 text-gray-600 line-clamp-1 dark:text-gray-300"> 1519 12300355 1520 </span> 1521 </div> 1522 1523 <h4 1524 class="text-sm font-semibold leading-6 text-gray-900 group-hover:text-secondary-600 md:text-base dark:text-gray-50"> 1525 <a href="/winkel/montage/valkpro-max-nextgen-paneelklem-zijplaat" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Montage\u0022,\u0022value\u0022:\u0022Valkpro+ Max NextGen - Paneelklem zijplaat\u0022}');"> 1526 <span class="absolute inset-0"></span> 1527 Valkpro+ Max NextGen - Paneelklem zijplaat 1528 </a> 1529 </h4> 1530 <p 1531 class="mt-2 line-clamp-3 text-pretty text-[13px] leading-5 text-gray-600 dark:text-gray-300"> 1532 ValkPro+ Max NextGen: het nieuwste montagesysteem voor grote zonnepanelen op platte daken. 1533 </p> 1534 </div> 1535 </article> 1536 </div> 1537 <div wire:key="nav-dropdown-product-227" class="rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 px-4 py-4 transition-colors"> 1538 <article 1539 class="relative flex flex-col max-w-2xl group isolate gap-x-8 gap-y-6 sm:flex-row sm:items-start lg:flex-col lg:items-start"> 1540 <div class="relative flex-none"> 1541 <img class="aspect-[2/1] w-full rounded-lg bg-white object-contain object-center sm:aspect-[16/9] sm:h-32 lg:h-auto" 1542 src="https://d4o2fvgnpv65m.cloudfront.net/media-library/product/4527/0006109_birdblocker-bb125-30m-incl-250-klemmen.jpeg" 1543 alt="BirdBlocker BB125 30M incl. 250 klemmen Menu Image" loading="lazy" /> 1544 1545 <div class="absolute inset-0 rounded-lg ring-1 ring-inset ring-gray-900/10"></div> 1546 <div class="absolute bottom-2 right-2"> 1547 <span class="bg-primary-50 text-primary-800 hover:bg-primary-100 border border-primary-300/40 relative z-10 rounded-full px-2 py-1 text-xs font-medium dark:text-gray-300 "> 1548 Uitgelicht 1549 </span> 1550 </div> 1551 </div> 1552 <div> 1553 <div class="flex items-center gap-x-4"> 1554 <span class="text-xs leading-6 text-gray-600 line-clamp-1 dark:text-gray-300"> 1555 13100000 1556 </span> 1557 </div> 1558 1559 <h4 1560 class="text-sm font-semibold leading-6 text-gray-900 group-hover:text-secondary-600 md:text-base dark:text-gray-50"> 1561 <a href="/winkel/montage/birdblocker-bb125-30m-incl-250-klemmen" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Montage\u0022,\u0022value\u0022:\u0022BirdBlocker BB125 30M incl. 250 klemmen\u0022}');">
1562 <span class="absolute inset-0"></span> 1563 BirdBlocker BB125 30M incl. 250 klemmen 1564 </a> 1565 </h4> 1566 <p 1567 class="mt-2 line-clamp-3 text-pretty text-[13px] leading-5 text-gray-600 dark:text-gray-300"> 1568 BirdBlocker BB125 30M incl. 250 klemmen 1569 </p> 1570 </div> 1571 </article> 1572 </div> 1573 1574 </div> 1575 </div> 1576 </div> 1577 </div> 1578 </template> 1579</div> 1580 <div class="z-20 isolate" x-data="{ open: false }" x-on:mouseleave="open = false"> 1581 1582 <a href="/winkel/ev-chargers" target="_self" x-on:mouseenter="open = true" 1583 gtm-event="rich_menu_hover" gtm-event-trigger="hover" gtm-data="JSON.parse('{\u0022value\u0022:\u0022AC\\\/DC Chargers\u0022}');" aria-expanded="false" 1584 :aria-expanded="open" 1585 :class="{ 'bg-gray-100 dark:bg-gray-700': open }" class="text-sm items-center font-semibold leading-6 inline-flex text-gray-800 dark:text-gray-200 gap-x-1 rounded-md px-2 py-1 transition-colors hover:bg-gray-100 dark:hover:bg-gray-700"> 1586 <span> 1587 AC/DC Chargers 1588 </span> 1589 <i class="transition fa-sm fa-fw fa-regular fa-chevron-down" 1590 :class="{ '': !open, '-rotate-180 ': open }"></i> 1591 </a> 1592 1593 <template x-if="open"> 1594 <div class="absolute inset-x-0 pt-4 max-w-screen -z-10 bg-white dark:bg-gray-900" 1595 x-show="open" 1596 x-transition:enter="transition ease-out duration-200" x-on:mouseenter="open = true" 1597 x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" 1598 x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" 1599 x-transition:leave-end="opacity-0 -translate-y-1"> 1600 <div 1601 class="z-20 bg-white border border-t-0 border-gray-200 shadow-lg rounded-b-3xl ring-0 ring-gray-900/5 dark:border-gray-800 dark:bg-gray-800"> 1602 <div 1603 class="grid grid-cols-1 px-6 py-10 mx-auto -z-10 max-w-7xl gap-x-8 gap-y-10 md:gap-x-10 lg:grid-cols-2 lg:px-8 xl:max-w-full"> 1604 <div class="grid grid-cols-2 gap-x-6 sm:gap-x-8"> 1605 <div> 1606 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 1607 Merken 1608 </h3> 1609 <div class="flow-root mt-4"> 1610 <div class="-my-2"> 1611 <a href="/winkel/ev-chargers?filters[Merken]=2522" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022Alfen\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1612 1613 <span class="group-hover:text-secondary-600"> 1614 Alfen 1615 </span> 1616 </a> 1617 <a href="/winkel/ev-chargers?filters[Merken]=2498" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022Enphase\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1618 1619 <sp
1619an class="group-hover:text-secondary-600"> 1620 Enphase 1621 </span> 1622 </a> 1623 <a href="/winkel/ev-chargers?filters[Merken]=2507" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022Huawei\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1624 1625 <span class="group-hover:text-secondary-600"> 1626 Huawei 1627 </span> 1628 </a> 1629 <a href="/winkel/ev-chargers?filters[mm_tag_merk][13488]=NexBlue" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022NexBlue\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1630 1631 <span class="group-hover:text-secondary-600"> 1632 NexBlue 1633 </span> 1634 </a> 1635 <a href="/winkel/ev-chargers?filters[mm_tag_merk][13489]=ONEPOLE" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022ONEPOLE\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1636 1637 <span class="group-hover:text-secondary-600"> 1638 ONEPOLE 1639 </span> 1640 </a> 1641 <a href="/winkel/ev-chargers?filters[Merken]=2524" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022Sigenergy\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1642 1643 <sp
1643an class="group-hover:text-secondary-600"> 1644 Sigenergy 1645 </span> 1646 </a> 1647 <a href="/winkel/ev-chargers?filters[Merken]=2495" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022SolarEdge\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1648 1649 <span class="group-hover:text-secondary-600"> 1650 SolarEdge 1651 </span> 1652 </a> 1653 </div> 1654 <a href="/winkel/ev-chargers" target="_self" 1655 gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022Alle merken\u0022}');" class="flex items-center gap-x-2 mt-3 pt-3 px-2 -mx-2 pb-1 border-t border-gray-100 dark:border-gray-700 text-sm font-medium text-secondary-600 dark:text-secondary-400 transition-colors hover:text-secondary-700 dark:hover:text-secondary-300 cursor-pointer"> 1656 Alle merken 1657 <i class="fa-regular fa-arrow-right fa-xs"></i> 1658 </a> 1659 </div> 1660 </div> 1661 <div> 1662 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 1663 Direct naar 1664 </h3> 1665 <div class="flow-root mt-4"> 1666 <div class="-my-2"> 1667 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022Producttype\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 1668 1669 <span class=""> 1670 Producttype 1671 </span> 1672 </a> 1673 <div 1674 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 1675 <a href="/winkel/laadstations" 1676 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Laadstations\u0022,\u0022item\u0022:\u0022Producttype\u0022,\u0022main_parent\u0022:\u0022AC\\\/DC Chargers\u0022}');" target="_self" 1677 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1678 Laadstations 1679 </a> 1680 <a href="/winkel/accessoires-ev-chargers" 1681 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Accessoires\u0022,\u0022item\u0022:\u0022Producttype\u0022,\u0022main_parent\u0022:\u0022AC\\\/DC Chargers\u0022}');" target="_self" 1682 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1683 Accessoires 1684 </a> 1685 </div> 1686 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022Opties\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 1687 1688 <sp
1688an class=""> 1689 Opties 1690 </span> 1691 </a> 1692 <div 1693 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 1694 <a href="/winkel/ev-chargers?filters[LBA]=2735" 1695 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022LBA\u0022,\u0022item\u0022:\u0022Opties\u0022,\u0022main_parent\u0022:\u0022AC\\\/DC Chargers\u0022}');" target="_self" 1696 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1697 LBA 1698 </a> 1699 <a href="/winkel/ev-chargers?filters[RFID]=2737" 1700 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022RFID\u0022,\u0022item\u0022:\u0022Opties\u0022,\u0022main_parent\u0022:\u0022AC\\\/DC Chargers\u0022}');" target="_self" 1701 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1702 RFID 1703 </a> 1704 <a href="/winkel/ev-chargers?filters[SIM-kaart]=2739" 1705 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022SIM-kaart\u0022,\u0022item\u0022:\u0022Opties\u0022,\u0022main_parent\u0022:\u0022AC\\\/DC Chargers\u0022}');" target="_self" 1706 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1707 SIM-kaart 1708 </a> 1709 <a href="/winkel/ev-chargers?filters[Socket]=2733" 1710 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Socket\u0022,\u0022item\u0022:\u0022Opties\u0022,\u0022main_parent\u0022:\u0022AC\\\/DC Chargers\u0022}');" target="_self" 1711 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1712 Socket 1713 </a> 1714 <a href="/winkel/ev-chargers?filters[Socket]=4707" 1715 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Kabel\u0022,\u0022item\u0022:\u0022Opties\u0022,\u0022main_parent\u0022:\u0022AC\\\/DC Chargers\u0022}');" target="_self" 1716 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1717 Kabel 1718 </a> 1719 <a href="/winkel/ev-chargers?filters[Scherm]=2729" 1720 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Scherm\u0022,\u0022item\u0022:\u0022Opties\u0022,\u0022main_parent\u0022:\u0022AC\\\/DC Chargers\u0022}');" target="_self" 1721 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1722 Scherm 1723 </a> 1724 </div> 1725 </div> 1726 </div> 1727 </div> 1728 </div> 1729 1730 <div class="grid grid-cols-1 gap-6 lg:grid-cols-2 items-start"> 1731 1732 <h3 class="sr-only"> 1733 Producten 1734 </h3> 1735 1736 <div wire:key="nav-dropdown-product-248" class="rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 px-4 py-4 transition-colors"> 1737 <article 1738 class="relative flex flex-col max-w-2xl group isolate gap-x-8 gap-y-6 sm:flex-row sm:items-start lg:flex-col lg:items-start"> 1739 <div class="relative flex-none"> 1740 <img class="aspect-[2/1] w-full rounded-lg bg-white object-contain object-center sm:aspect-[16/9] sm:h-32 lg:h-auto" 1741 src="https://d4o2fvgnpv65m.cloudfront.net/media-library/product/7541/0007589_sigen-ev-ac-charger-11-kw-4g-5m-cable-type2-white.jpeg" 1742 alt="Sigenergy EV AC Charger 7 kW Menu Image" loading="lazy" /> 1743 1744 <div class="absolute inset-0 rounded-lg ring-1 ring-inset ring-gray-900/10"></div> 1745 <div class="absolute bottom-2 right-2">
1746 <span class="bg-primary-50 text-primary-800 hover:bg-primary-100 border border-primary-300/40 relative z-10 rounded-full px-2 py-1 text-xs font-medium dark:text-gray-300 "> 1747 Nieuw 1748 </span> 1749 </div> 1750 </div> 1751 <div> 1752 <div class="flex items-center gap-x-4"> 1753 <span class="text-xs leading-6 text-gray-600 line-clamp-1 dark:text-gray-300"> 1754 11700091 1755 </span> 1756 </div> 1757 1758 <h4 1759 class="text-sm font-semibold leading-6 text-gray-900 group-hover:text-secondary-600 md:text-base dark:text-gray-50"> 1760 <a href="/winkel/laadstations/sigen-ev-ac-charger-7-kw-4g-5m-cable-type2-white" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022Sigenergy EV AC Charger 7 kW\u0022}');"> 1761 <span class="absolute inset-0"></span> 1762 Sigenergy EV AC Charger 7 kW 1763 </a> 1764 </h4> 1765 <p 1766 class="mt-2 line-clamp-3 text-pretty text-[13px] leading-5 text-gray-600 dark:text-gray-300"> 1767 De Sigen EV AC Charger biedt een laadoplossing voor elektrische voertuigen, waarmee gebruikers snel en efficiënt hun voertuigen kunnen opladen. 1768 </p> 1769 </div> 1770 </article> 1771 </div> 1772 1773 </div> 1774 </div> 1775 </div> 1776 </div> 1777 </template> 1778</div> 1779 <div class="z-20 isolate" x-data="{ open: false }" x-on:mouseleave="open = false"> 1780 1781 <a href="/winkel/installatie" target="_self" x-on:mouseenter="open = true" 1782 gtm-event="rich_menu_hover" gtm-event-trigger="hover" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Installatie\u0022}');" aria-expanded="false" 1783 :aria-expanded="open" 1784 :class="{ 'bg-gray-100 dark:bg-gray-700': open }" class="text-sm items-center font-semibold leading-6 inline-flex text-gray-800 dark:text-gray-200 gap-x-1 rounded-md px-2 py-1 transition-colors hover:bg-gray-100 dark:hover:bg-gray-700"> 1785 <span> 1786 Installatie 1787 </span> 1788 <i class="transition fa-sm fa-fw fa-regular fa-chevron-down" 1789 :class="{ '': !open, '-rotate-180 ': open }"></i> 1790 </a> 1791 1792 <template x-if="open"> 1793 <div class="absolute inset-x-0 pt-4 max-w-screen -z-10 bg-white dark:bg-gray-900" 1794 x-show="open" 1795 x-transition:enter="transition ease-out duration-200" x-on:mouseenter="open = true" 1796 x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" 1797 x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" 1798 x-transition:leave-end="opacity-0 -translate-y-1"> 1799 <div 1800 class="z-20 bg-white border border-t-0 border-gray-200 shadow-lg rounded-b-3xl ring-0 ring-gray-900/5 dark:border-gray-800 dark:bg-gray-800"> 1801 <div 1802 class="grid grid-cols-1 px-6 py-10 mx-auto -z-10 max-w-7xl gap-x-8 gap-y-10 md:gap-x-10 lg:grid-cols-2 lg:px-8 xl:max-w-full"> 1803 <div class="grid grid-cols-2 gap-x-6 sm:gap-x-8"> 1804 <div> 1805 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 1806 Merken 1807 </h3> 1808 <div class="flow-root mt-4"> 1809 <div class="-my-2"> 1810 <a href="/winkel/installatie?filters[Merken]=4995" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Installatie\u0022,\u0022value\u0022:\u0022Athilex\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1811 1812 <sp
1812an class="group-hover:text-secondary-600"> 1813 Athilex 1814 </span> 1815 </a> 1816 <a href="/winkel/installatie?filters[mm_tag_merk][13260]=Cobalt" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Installatie\u0022,\u0022value\u0022:\u0022Cobalt\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1817 1818 <span class="group-hover:text-secondary-600"> 1819 Cobalt 1820 </span> 1821 </a> 1822 <a href="/winkel/installatie?filters[Merken]=2510" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Installatie\u0022,\u0022value\u0022:\u0022Conduct\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1823 1824 <span class="group-hover:text-secondary-600"> 1825 Conduct 1826 </span> 1827 </a> 1828 <a href="/winkel/installatie?filters[Merken]=2523" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Installatie\u0022,\u0022value\u0022:\u0022Ege Kablo\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1829 1830 <span class="group-hover:text-secondary-600"> 1831 Ege Kablo 1832 </span> 1833 </a> 1834 <a href="/winkel/installatie?filters[Merken]=6113" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Installatie\u0022,\u0022value\u0022:\u0022St\\u00e4ubli\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1835 1836 <sp
1836an class="group-hover:text-secondary-600"> 1837 Stäubli 1838 </span> 1839 </a> 1840 <a href="/winkel/installatie?filters[Merken]=2496" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Installatie\u0022,\u0022value\u0022:\u0022Valk Solar Systems\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 1841 1842 <span class="group-hover:text-secondary-600"> 1843 Valk Solar Systems 1844 </span> 1845 </a> 1846 </div> 1847 <a href="/winkel/installatie" target="_self" 1848 gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Installatie\u0022,\u0022value\u0022:\u0022Alle merken\u0022}');" class="flex items-center gap-x-2 mt-3 pt-3 px-2 -mx-2 pb-1 border-t border-gray-100 dark:border-gray-700 text-sm font-medium text-secondary-600 dark:text-secondary-400 transition-colors hover:text-secondary-700 dark:hover:text-secondary-300 cursor-pointer"> 1849 Alle merken 1850 <i class="fa-regular fa-arrow-right fa-xs"></i> 1851 </a> 1852 </div> 1853 </div> 1854 <div> 1855 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 1856 Direct naar 1857 </h3> 1858 <div class="flow-root mt-4"> 1859 <div class="-my-2"> 1860 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Installatie\u0022,\u0022value\u0022:\u0022Installatie\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 1861 1862 <span class=""> 1863 Installatie 1864 </span> 1865 </a> 1866 <div 1867 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 1868 <a href="/winkel/kabels-1" 1869 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Kabels\u0022,\u0022item\u0022:\u0022Installatie\u0022,\u0022main_parent\u0022:\u0022Installatie\u0022}');" target="_self" 1870 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1871 Kabels 1872 </a> 1873 <a href="/winkel/connectoren" 1874 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Connectoren\u0022,\u0022item\u0022:\u0022Installatie\u0022,\u0022main_parent\u0022:\u0022Installatie\u0022}');" target="_self" 1875 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1876 Connectoren 1877 </a> 1878 <a href="/winkel/pv-shelter" 1879 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022PV Shelter\u0022,\u0022item\u0022:\u0022Installatie\u0022,\u0022main_parent\u0022:\u0022Installatie\u0022}');" target="_self" 1880 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1881 PV Shelter 1882 </a> 1883 <a href="/winkel/pv-verdeler" 1884 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022PV Verdeler\u0022,\u0022item\u0022:\u0022Installatie\u0022,\u0022main_parent\u0022:\u0022Installatie\u0022}');" target="_self" 1885 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1886 PV Verdeler 1887 </a> 1888 <a href="/winkel/groepenkast" 1889 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Groepenkast\u0022,\u0022item\u0022:\u0022Installatie\u0022,\u0022main_parent\u0022:\u0022Installatie\u0022}');" target="_self" 1890 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1891 Groepenkast 1892 </a> 1893 <a href="/winkel/groepenkast-componenten" 1894 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Groepenkast Componenten\u0022,\u0022item\u0022:\u0022Installatie\u0022,\u0022main_parent\u0022:\u0022Installatie\u0022}');" target="_self" 1895 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1896 Groepenkast Componenten 1897 </a> 1898 <a href="/winkel/schakelmateriaal" 1899 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Schakelmateriaal\u0022,\u0022item\u0022:\u0022Installatie\u0022,\u0022main_parent\u0022:\u0022Installatie\u0022}');" target="_self" 1900 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1901 Schakelmateriaal 1902 </a> 1903 <a href="/winkel/dakdoorvoer" 1904 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Dakdoorvoer\u0022,\u0022item\u0022:\u0022Installatie\u0022,\u0022main_parent\u0022:\u0022Installatie\u0022}');" target="_self" 1905 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 1906 Dakdoorvoer 1907 </a> 1908 </div> 1909 </div> 1910 </div> 1911 </div> 1912 </div> 1913 1914 <div class="grid grid-cols-1 gap-6 lg:grid-cols-2 items-start"> 1915 1916 <h3 class="sr-only"> 1917 Producten 1918 </h3> 1919 1920 <div wire:key="nav-dropdown-product-273" class="rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 px-4 py-4 transition-colors"> 1921 <article 1922 class="relative flex flex-col max-w-2xl group isolate gap-x-8 gap-y-6 sm:flex-row sm:items-start lg:flex-col lg:items-start"> 1923 <div class="relative flex-none"> 1924 <img class="aspect-[2/1] w-full rounded-lg bg-white object-contain object-center sm:aspect-[16/9] sm:h-32 lg:h-auto" 1925 src="https://d4o2fvgnpv65m.cloudfront.net/media-library/product/6031/0003075_pvboxshelter-min.png" 1926 alt="PVBOXshelter Menu Image" loading="lazy" /> 1927 1928 <div class="absolute inset-0 rounded-lg ring-1 ring-inset ring-gray-900/10"></div> 1929 <div class="absolute bottom-2 right-2">
1930 <span class="bg-primary-50 text-primary-800 hover:bg-primary-100 border border-primary-300/40 relative z-10 rounded-full px-2 py-1 text-xs font-medium dark:text-gray-300 "> 1931 Uitgelicht 1932 </span> 1933 </div> 1934 </div> 1935 <div> 1936 <div class="flex items-center gap-x-4"> 1937 <span class="text-xs leading-6 text-gray-600 line-clamp-1 dark:text-gray-300"> 1938 12600074 1939 </span> 1940 </div> 1941 1942 <h4 1943 class="text-sm font-semibold leading-6 text-gray-900 group-hover:text-secondary-600 md:text-base dark:text-gray-50"> 1944 <a href="/winkel/pv-shelter/pvboxshelter" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Installatie\u0022,\u0022value\u0022:\u0022PVBOXshelter\u0022}');"> 1945 <span class="absolute inset-0"></span> 1946 PVBOXshelter 1947 </a> 1948 </h4> 1949 <p 1950 class="mt-2 line-clamp-3 text-pretty text-[13px] leading-5 text-gray-600 dark:text-gray-300"> 1951 PVshelter is ontwikkeld om de omvormer op het dak te plaatsen en gevaarlijke DC-spanningen buiten het gebouw te houden. 1952 </p> 1953 </div> 1954 </article> 1955 </div> 1956 <div wire:key="nav-dropdown-product-409" class="rounded-lg outline outline-1 outline-inset outline-secondary-400/30 dark:outline-gray-900 bg-secondary-100/40 dark:bg-gray-900 hover:bg-secondary-100/70 px-4 py-4 transition-colors"> 1957 <article 1958 class="relative flex flex-col max-w-2xl group isolate gap-x-8 gap-y-6 sm:flex-row sm:items-start lg:flex-col lg:items-start"> 1959 <div class="relative flex-none"> 1960 <img class="aspect-[2/1] w-full rounded-lg bg-white object-contain object-center sm:aspect-[16/9] sm:h-32 lg:h-auto" 1961 src="https://d4o2fvgnpv65m.cloudfront.net/media-library/product/7854/12300369.jpg" 1962 alt="PV Inverter Shelter Wall Menu Image" loading="lazy" /> 1963 1964 <div class="absolute inset-0 rounded-lg ring-1 ring-inset ring-gray-900/10"></div> 1965 <div class="absolute bottom-2 right-2"> 1966 <span class="bg-secondary-100 text-secondary-800 hover:bg-secondary-200 border border-secondary-500/40 relative z-10 rounded-full px-2 py-1 text-xs font-medium dark:text-gray-300 "> 1967 Nieuw 1968 </span> 1969 </div> 1970 </div> 1971 <div> 1972 <div class="flex items-center gap-x-4"> 1973 <span class="text-xs leading-6 text-gray-600 line-clamp-1 dark:text-gray-300"> 1974 12300369 1975 </span> 1976 </div> 1977 1978 <h4 1979 class="text-sm font-semibold leading-6 text-gray-900 group-hover:text-secondary-600 md:text-base dark:text-gray-50"> 1980 <a href="/winkel/pv-shelter/pv-inverter-shelter-wall-1" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Installatie\u0022,\u0022value\u0022:\u0022PV Inverter Shelter Wall\u0022}');">
1981 <span class="absolute inset-0"></span> 1982 PV Inverter Shelter Wall 1983 </a> 1984 </h4> 1985 <p 1986 class="mt-2 line-clamp-3 text-pretty text-[13px] leading-5 text-gray-600 dark:text-gray-300"> 1987 Ontdek de PV Inverter Shelter Wall. Met slechts 3 onderdelen installeer je deze shelter snel, stevig en zonder gedoe. 1988 </p> 1989 </div> 1990 </article> 1991 </div> 1992 1993 </div> 1994 </div> 1995 </div> 1996 </div> 1997 </template> 1998</div> 1999 </div> 2000 <div class="relative flex items-center justify-self-end lg:gap-x-7 gap-x-4" x-show="atTop"> 2001 <div class="relative" x-data="{ open: false }" x-on:mouseleave="open = false"> 2002 2003 <a href="/support" target="_self" x-on:mouseenter="open = true" 2004 aria-expanded="false" :aria-expanded="open" 2005 gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Support\u0022}');" :class="{ 'bg-gray-100 dark:bg-gray-700': open }" class="font-normal text-sm items-center leading-6 inline-flex text-gray-700 dark:text-gray-200 gap-x-1 rounded-md px-2 py-1 transition-colors hover:bg-gray-100 dark:hover:bg-gray-700"> 2006 <span> 2007 Support 2008 </span> 2009 <i class="transition fa-sm fa-fw fa-regular fa-chevron-down" 2010 :class="{ '': !open, '-rotate-180 ': open }"></i> 2011 </a> 2012 2013 <template x-if="open"> 2014 <div class="absolute z-10 flex w-screen px-4 pt-4 -translate-x-1/2 left-1/2 max-w-max" 2015 x-show="open" x-on:mouseenter="open = true" 2016 x-transition:enter="transition ease-out duration-200" 2017 x-transition:enter-start="opacity-0 translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" 2018 x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" 2019 x-transition:leave-end="opacity-0 translate-y-1"> 2020 <div 2021 class="flex-auto w-screen max-w-md overflow-hidden text-sm leading-6 bg-white border border-t-0 border-gray-200 shadow-lg dark:bg-slate-800 dark:border-gray-600 rounded-b-3xl ring-gray-900/5"> 2022 <div class="p-4"> 2023 2024 2025 <div class="relative flex p-4 rounded-lg group gap-x-6 hover:bg-gray-50 "> 2026 <div 2027 class="relative flex items-center justify-center flex-none mt-1 rounded-lg h-11 w-11 bg-gray-50 group-hover:bg-white dark:bg-gray-800 js-icon-wrapper"> 2028 <i 2029 class="text-gray-600 dark:text-gray-300 fa-fw text-md group-hover:text-secondary-500 fa-regular fa-message"></i> 2030 2031 </div> 2032 <div> 2033 <a href="/support/contact" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Support\u0022,\u0022value\u0022:\u0022Contact\u0022}');" class="flex items-center font-semibold text-gray-900 group-hover:text-secondary-600 dark:text-gray-50 "> 2034 Contact 2035 <span class="absolute inset-0"></span> 2036 </a> 2037 <p class="mt-1 text-gray-600 dark:text-gray-300"> 2038 Neem direct contact met ons op 2039 </p> 2040 </div> 2041 </div> 2042 2043 2044 <div class="relative flex p-4 rounded-lg group gap-x-6 hover:bg-gray-50 "> 2045 <div 2046 class="relative flex items-center justify-center flex-none mt-1 rounded-lg h-11 w-11 bg-gray-50 group-hover:bg-white dark:bg-gray-800 js-icon-wrapper"> 2047 <i 2048 class="text-gray-600 dark:text-gray-300 fa-fw text-md group-hover:text-secondary-500 fa-regular fa-address-book"></i> 2049 2050 </div> 2051 <div> 2052 <a href="/veelgestelde-vragen" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Support\u0022,\u0022value\u0022:\u0022FAQ\u0022}');" class="flex items-center font-semibold text-gray-900 group-hover:text-secondary-600 dark:text-gray-50 "> 2053 FAQ
2054 <span class="absolute inset-0"></span> 2055 </a> 2056 <p class="mt-1 text-gray-600 dark:text-gray-300"> 2057 Veelgestelde vragen 2058 </p> 2059 </div> 2060 </div> 2061 2062 2063 <div class="relative flex p-4 rounded-lg group gap-x-6 hover:bg-gray-50 "> 2064 <div 2065 class="relative flex items-center justify-center flex-none mt-1 rounded-lg h-11 w-11 bg-gray-50 group-hover:bg-white dark:bg-gray-800 js-icon-wrapper"> 2066 <i 2067 class="text-gray-600 dark:text-gray-300 fa-fw text-md group-hover:text-secondary-500 fa-solid fa-bug"></i> 2068 2069 </div> 2070 <div> 2071 <a href="/support/technische-problemen" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Support\u0022,\u0022value\u0022:\u0022Storing melden\u0022}');" class="flex items-center font-semibold text-gray-900 group-hover:text-secondary-600 dark:text-gray-50 "> 2072 Storing melden 2073 <span class="absolute inset-0"></span> 2074 </a> 2075 <p class="mt-1 text-gray-600 dark:text-gray-300"> 2076 Meld een probleem 2077 </p> 2078 </div> 2079 </div> 2080 2081 2082 <div class="relative flex p-4 rounded-lg group gap-x-6 hover:bg-gray-50 "> 2083 <div 2084 class="relative flex items-center justify-center flex-none mt-1 rounded-lg h-11 w-11 bg-gray-50 group-hover:bg-white dark:bg-gray-800 js-icon-wrapper"> 2085 <i 2086 class="text-gray-600 dark:text-gray-300 fa-fw text-md group-hover:text-secondary-500 fa-regular fa-arrow-left-rotate"></i> 2087 2088 </div> 2089 <div> 2090 <a href="/support/retourneren" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Support\u0022,\u0022value\u0022:\u0022Retourneren\u0022}');" class="flex items-center font-semibold text-gray-900 group-hover:text-secondary-600 dark:text-gray-50 "> 2091 Retourneren 2092 <span class="absolute inset-0"></span> 2093 </a> 2094 <p class="mt-1 text-gray-600 dark:text-gray-300"> 2095 Maak een retourmelding via ons RMA-formulier 2096 </p> 2097 </div> 2098 </div> 2099 2100 </div> 2101 2102 <div class="px-4 py-6 bg-gray-50 dark:bg-gray-700"> 2103 <ul role="list" class=""> 2104 <li class="relative px-4 py-2 rounded-lg group hover:bg-gray-100"> 2105 <h3 class="text-sm font-semibold leading-6 text-primary-600"> 2106 Tip 2107 </h3> 2108 <a href="" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Support\u0022,\u0022value\u0022:\u0022Tip\u0022}');" class="block text-sm font-normal leading-6 text-gray-800 dark:text-gray-200 line-clamp-3 group-hover:text-gray-800/60"> 2109 Alle downloads zoals handleidingen en datasheets zijn te vinden bij het desbetreffende product onder het kopje âdownloadsâ.
2110 <span class="absolute inset-0"></span> 2111 </a> 2112 </li> 2113 </ul> 2114 </div> 2115 </div> 2116 </div> 2117 </template> 2118</div> 2119 <div class="relative" x-data="{ open: false }" x-on:mouseleave="open = false"> 2120 2121 <a href="/actueel" target="_self" x-on:mouseenter="open = true" 2122 aria-expanded="false" :aria-expanded="open" 2123 gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Actueel\u0022}');" :class="{ 'bg-gray-100 dark:bg-gray-700': open }" class="font-normal text-sm items-center focus:ring-0 ring-0 outline-0 leading-6 inline-flex text-gray-700 dark:text-gray-200 gap-x-1 rounded-md px-2 py-1 transition-colors hover:bg-gray-100 dark:hover:bg-gray-700"> 2124 <span> 2125 Actueel 2126 </span> 2127 <i class="transition fa-sm fa-fw fa-regular fa-chevron-down" 2128 :class="{ '': !open, '-rotate-180 ': open }"></i> 2129 </a> 2130 2131 <template x-if="open"> 2132 <div class="absolute z-10 origin-top pt-4 w-52 -left-20" 2133 x-show="open" x-on:mouseenter="open = true" 2134 x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-1" 2135 x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" 2136 x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-1"> 2137 <div 2138 class="flex-auto overflow-hidden text-sm leading-6 bg-white border border-t-0 border-gray-200 rounded-b-lg shadow-lg w-52 max-w-52 dark:bg-slate-800 dark:border-gray-600 ring-gray-900/5"> 2139 <div class="p-2"> 2140 2141 2142 <a target="_self" href="/actueel/acties" 2143 aria-label="Acties"gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Actueel\u0022,\u0022value\u0022:\u0022Acties\u0022}');" class="hover:text-secondary-600 hover:bg-gray-50 cursor-pointer relative text-gray-700 font-medium flex py-2 px-2 rounded-md "> 2144 <span> 2145 Acties 2146 </span> 2147</a> 2148 2149 <a target="_self" href="/actueel/agenda" 2150 aria-label="Agenda"gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Actueel\u0022,\u0022value\u0022:\u0022Agenda\u0022}');" class="hover:text-secondary-600 hover:bg-gray-50 cursor-pointer relative text-gray-700 font-medium flex py-2 px-2 rounded-md "> 2151 <span> 2152 Agenda 2153 </span> 2154</a> 2155 2156 <a target="_self" href="/actueel/blog" 2157 aria-label="Blog"gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Actueel\u0022,\u0022value\u0022:\u0022Blog\u0022}');" class="text-primary-700 bg-gray-50/50 font-medium cursor-default relative text-gray-700 font-medium flex py-2 px-2 rounded-md "> 2158 <span> 2159 Blog 2160 </span> 2161</a> 2162 2163 <a target="_self" href="/actueel/nieuws" 2164 aria-label="Nieuws"gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Actueel\u0022,\u0022value\u0022:\u0022Nieuws\u0022}');" class="hover:text-secondary-600 hover:bg-gray-50 cursor-pointer relative text-gray-700 font-medium flex py-2 px-2 rounded-md "> 2165 <span> 2166 Nieuws 2167 </span> 2168</a> 2169 </div> 2170 </div> 2171 </div> 2172 </template> 2173 2174</div> 2175 2176 </div> 2177 2178 </div> 2179 2180</nav> 2181 2182<!-- End Desktop menu --> 2183 </div> 2184 </template> 2185 2186 2187 <div class="flex justify-end flex-1" :class="{ 'relative min-w-1/2': atTop }"> 2188 2189 2190 <div 2191 class="flex flex-row items-center justify-between w-full md:justify-end md:gap-x-4 gap-x-0.5 md:justify-self-end"> 2192 2193 <div class="relative flex items-start justify-start h-auto pt-2 pb-1 md:hidden"> 2194 <div class="relative z-40 flex self-center w-full px-1 h-7 md:hidden"> 2195 <!-- Logo --> 2196 <div class="flex md:hidden"> 2197 <div class="relative self-center md:px-0"> 2198 <div class="flex items-center justify-start shrink-0"> 2199 <a class="cursor-pointer" href="https://navetto.nl/home-navetto" x-track-click="'logo-mobile-header'"> 2200 <svg class="block w-32 h-auto dark:fill-white" id="logo_navetto" 2201 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 940.13 216.45"> 2202 <defs> 2203 <style> 2204 .cls-1 { 2205 fill: #1d1d1b; 2206 } 2207 2208 .cls-2 { 2209 fill: #f3bc00; 2210 } 2211 2212 #logo_navetto_white .cls-1 { 2213 fill: #fff; 2214 } 2215 </style> 2216 </defs> 2217 <g id="Laag_1" data-name="Laag 1"> 2218 <path class="cls-1" 2219 d="M17.24,0H0v141.11h28.87v-75.64c0-2.06-.07-4.28-.2-6.63-.13-2.36-.29-4.77-.48-7.22l66.54,84.09c1.62,2.06,3.3,3.48,5.05,4.26,1.74.77,3.87,1.15,6.39,1.15h17.05V0h-28.87v74.67c0,2.27.06,4.67.18,7.21.14,2.55.33,5.18.59,7.9L28.08,5.03c-.9-1.09-1.7-1.97-2.41-2.61-.72-.64-1.45-1.14-2.23-1.5-.77-.35-1.65-.59-2.62-.73-.97-.12-2.16-.19-3.58-.19" /> 2220 <path class="cls-1" 2221 d="M237.07,0h-33.52l-54.63,141.11h25.58c2.71,0,5-.72,6.88-2.17,1.87-1.45,3.13-3.08,3.77-4.89l8.34-24.6h53.65l8.34,24.6c.7,2.07,1.97,3.76,3.82,5.08,1.85,1.33,4.19,1.98,7.03,1.98h25.37L237.07,0ZM214.01,48.72c.97-2.45,2.01-5.36,3.11-8.72,1.09-3.36,2.16-7.01,3.19-10.94,1.09,3.88,2.2,7.47,3.34,10.8,1.13,3.33,2.12,6.22,2.95,8.67l12.98,38.64h-38.55l12.97-38.45Z" /> 2222 <path class="cls-1" 2223 d="M328.83,141.12h29.63L415.04,0h-26.54c-2.72,0-5.01.72-6.88,2.18-1.87,1.45-3.13,3.08-3.77,4.89l-27.12,75.56c-1.16,3.28-2.34,6.87-3.53,10.75-1.2,3.88-2.25,7.94-3.16,12.21-1.09-4.27-2.28-8.33-3.53-12.21s-2.5-7.46-3.73-10.75l-27.32-75.56c-.77-2.13-2.06-3.84-3.87-5.13-1.8-1.29-4.13-1.93-6.97-1.93h-26.35l56.57,141.12Z" /> 2224 <polygon class="cls-1" 2225 points="441 0 441 141.11 531.86 141.11 531.86 115.94 473.93 115.94 473.93 82.32 518.3 82.32 518.3 58.12 473.93 58.12 473.93 25.18 531.86 25.18 531.86 0 441 0" /> 2226 <path class="cls-1" 2227 d="M777.69,25.95V0h-97.85l-8.42,25.95h33.83v115.16h32.73V25.95h39.72ZM661.31,0h-107.95v25.95h39.71v115.16h32.74V25.95h27.07l8.43-25.95Z" /> 2228 <path class="cls-2" 2229 d="M864.83,0c-9.62.3-18.55,1.88-26.6,5.17-8.86,3.6-16.43,8.58-22.74,14.91-6.3,6.33-11.17,13.8-14.62,22.4-3.44,8.61-5.18,17.91-5.18,27.92s1.73,19.3,5.18,27.91c3.45,8.61,8.32,16.09,14.62,22.45,6.31,6.37,13.88,11.34,22.74,14.95,8.86,3.62,18.67,5.42,29.43,5.42s20.56-1.8,29.38-5.42c8.83-3.61,16.37-8.58,22.64-14.95,2.77-2.8,5.14-5.9,7.35-9.14-8.78-5.98-16.78-12.92-23.97-20.64-1.71,4.55-3.9,8.6-6.77,11.88-3.33,3.8-7.4,6.69-12.21,8.69-4.8,1.99-10.29,2.99-16.42,2.99s-11.72-1-16.57-2.99c-4.84-2-8.92-4.89-12.25-8.69-3.33-3.8-5.87-8.44-7.65-13.91-1.77-
22295.48-2.66-11.67-2.66-18.56s.89-12.99,2.66-18.47c1.77-5.47,4.32-10.1,7.65-13.9,3.33-3.8,7.41-6.71,12.25-8.74,4.84-2.02,10.36-3.04,16.57-3.04l.67.06c-1.99-8.52-3.13-17.32-3.5-26.3M897.05,5.22c-2.27-.94-4.77-1.41-7.17-2.1,2.67,34.56,20.47,65.38,47.25,85.26,1.37-5.76,2.3-11.68,2.3-17.98,0-9.93-1.73-19.21-5.17-27.82-3.45-8.6-8.31-16.07-14.58-22.4-6.27-6.32-13.81-11.31-22.64-14.95" /> 2230 <path class="cls-1" 2231 d="M269.7,160.72h15.99c4.93,0,6.31.17,8.03.92,3.15,1.38,4.64,4.82,4.64,10.89,0,5.73-1.43,8.94-4.64,10.49-1.78.86-2.06.86-8.66.97h-11.06v14.96h-4.3v-38.24ZM284.2,180.27c8.48,0,9.86-1.03,9.86-7.51,0-4.99-.57-6.88-2.35-7.68-1.15-.52-1.61-.57-6.13-.63h-11.58v15.82h10.2Z" /> 2232 <path class="cls-1" 2233 d="M329.66,161.58c3.27,1.38,4.99,4.19,5.68,9.12.17,1.72.23,2.64.23,7.51,0,8.94-.06,10.26-.69,13.19-.69,3.38-2.35,5.56-5.1,6.71-2.41,1.03-4.36,1.26-9.97,1.26-6.71,0-8.54-.23-11.01-1.26-2.75-1.2-4.36-3.33-5.1-6.71-.63-2.98-.69-4.24-.69-13.13,0-7.97.34-10.21,1.89-13.13,1.26-2.29,3.5-3.78,6.71-4.41,1.38-.23,4.36-.4,7.68-.4,5.85,0,8.14.29,10.38,1.26ZM309.26,165.88c-1.15,1.32-1.66,3.04-1.89,6.25q-.06.8-.06,7.68,0,7.91.34,10.09c.4,2.64,1.43,4.24,3.21,4.93,1.55.63,3.15.8,8.26.8,6.99,0,8.89-.34,10.2-1.83,1.15-1.32,1.66-3.04,1.89-6.25q.06-.8.06-7.74,0-7.85-.34-10.03c-.4-2.64-1.43-4.24-3.21-4.93-1.55-.63-3.21-.8-8.26-.8-6.99,0-8.89.34-10.2,1.83Z" /> 2234 <path class="cls-1" 2235 d="M383.21,198.96h-6.54l-8.03-27.52c-.75-2.41-1.15-3.9-1.32-4.47l-.69-2.41h-.06l-.52,1.72-.46,1.72-1.03,3.44-8.2,27.52h-6.42l-11.75-38.24h4.41l8.26,27.46,1.09,3.73c.23.8.52,1.6,1.09,3.73h.12l.52-1.83.52-1.89,1.09-3.67,8.14-27.52h6.36l8.08,27.52,1.09,3.73.52,1.84.52,1.83h.11l.52-1.89.57-1.83,1.15-3.78,8.43-27.4h4.47l-12.04,38.24Z" /> 2236 <path class="cls-1" 2237 d="M403.96,177.4h19.38v3.61h-19.38v14.22h20.24v3.73h-24.54v-38.24h24.54v3.73h-20.24v12.96Z" /> 2238 <path class="cls-1" 2239 d="M429.76,160.72h18.17c8.2,0,11.18,2.92,11.18,11.01,0,6.94-1.49,9.23-6.59,10.09v.06c3.96.23,6.13,2.87,6.08,7.4v9.69h-4.3v-8.71c.11-4.87-2.06-6.82-7.22-6.65h-13.01v15.36h-4.3v-38.24ZM446.5,179.87c6.31,0,8.31-1.66,8.31-6.82,0-3.96-.23-5.62-1.03-6.71-.86-1.26-2.75-1.89-5.79-1.89h-13.93v15.42h12.44Z" /> 2240 <path class="cls-1" 2241 d="M469.48,177.4h19.38v3.61h-19.38v14.22h20.24v3.73h-24.54v-38.24h24.54v3.73h-20.24v12.96Z" /> 2242 <path class="cls-1" 2243 d="M495.28,160.72h17.66c5.56,0,8.66.98,10.72,3.33,2.52,2.92,3.33,6.31,3.33,14.16,0,9.34-.4,12.5-1.89,15.25-1.49,2.69-3.44,4.19-6.54,4.87-1.72.4-3.44.63-4.53.63h-18.75v-38.24ZM512.02,195.23c4.19,0,7.17-.86,8.48-2.41,1.66-2.06,2.18-4.87,2.18-12.21,0-9.23-.34-11.41-2.01-13.64-1.38-1.84-3.55-2.52-7.74-2.52h-13.36v30.78h12.44Z" /> 2244 <path class="cls-1" 2245 d="M547.39,160.72h16.91c4.87,0,6.31.23,7.85,1.15,2.52,1.49,3.5,4.07,3.5,9.06s-1.15,6.71-4.87,8.03v.11c4.59,1.09,6.08,3.27,6.08,9.12,0,4.76-1.26,7.91-3.67,9.34-1.49.86-4.19,1.43-7.11,1.43h-18.69v-38.24ZM563.04,177.57c3.61,0,4.81-.17,6.08-.92,1.66-.92,2.24-2.41,2.24-5.96,0-3.32-.57-4.82-2.18-5.68-.92-.46-1.95-.57-4.99-.57h-12.5v13.13h11.35ZM560.86,195.23c6.36,0,7.85-.11,9.29-.75,1.72-.75,2.41-2.35,2.41-5.9s-.57-5.39-2.01-6.36c-1.38-.86-1.95-.92-7.74-.92h-11.12v13.93h9.17Z" /> 2246 <path class="cls-1" 2247 d="M596.69,182.96v16h-4.3v-16l-14.04-22.24h4.99l8.2,12.9c1.15,1.89,1.83,2.98,2.01,3.27.4.57.75,1.15,1.09,1.72h.11c.46-.8,1.09-1.84,1.49-2.47l1.6-2.52,8.2-12.9h5.1l-14.45,22.24Z" /> 2248 <g> 2249 <path class="cls-1" 2250 d="M658.07,160.27l-13.69,38.69h-6.26l-13.8-38.69h4.64l10.32,29.23c.41,1.28.87,2.55,1.28,3.89.29.7.35.87.7,2.09h.06c.64-2.15,1.04-3.36,1.91-5.92l10.15-29.29h4.7Z" /> 2251 <path class="cls-1" 2252 d="M660.86,160.27h17.86c5.63,0,8.76.99,10.85,3.36,2.55,2.96,3.36,6.38,3.36,14.33,0,9.45-.41,12.64-1.91,15.43-1.51,2.73-3.48,4.23-6.61,4.93-1.74.41-3.48.64-4.58.64h-18.96v-38.69ZM677.79,195.19c4.23,0,7.25-.87,8.58-2.44,1.68-2.09,2.2-4.93,2.2-12.35,0-9.34-.35-11.54-2.03-13.8-1.39-1.86-3.6-2.55-7.83-2.55h-13.51v31.15h12.59Z" /> 2253 <path class="cls-1" 2254 d="M729.82,198.96h-4.35v-17.98h-22.62v17.98h-4.35v-38.69h4.35v17.05h22.62v-17.05h4.35v38.69Z" /> 2255 <path class="cls-1" 2256 d="M750.53,160.27h16.18c4.99,0,6.38.17,8.12.93,3.19,1.39,4.7,4.87,4.7,11.02,0,5.8-1.45,9.05-4.7,10.61-1.8.87-2.09.87-8.76.99h-11.19v15.14h-4.35v-38.69ZM765.2,180.05c8.58,0,9.98-1.04,9.98-7.6,0-5.04-.58-6.96-2.38-7.77-1.16-.52-1.62-.58-6.21-.64h-11.72v16.01h10.32Z" /> 2257 <path class="cls-1" 2258 d="M810.61,161.14c3.31,1.39,5.05,4.23,5.74,9.22.17,1.74.23,2.67.23,7.6,0,9.05-.06,10.38-.7,13.34-.7,3.42-2.38,5.63-5.16,6.79-2.44,1.04-4.41,1.28-10.09,1.28-6.79,0-8.64-.23-11.14-1.28-2.78-1.22-4.41-3.36-
22585.16-6.79-.64-3.02-.7-4.29-.7-13.28,0-8.06.35-10.32,1.91-13.28,1.28-2.32,3.54-3.83,6.79-4.47,1.39-.23,4.41-.41,7.77-.41,5.92,0,8.24.29,10.5,1.28ZM789.96,165.49c-1.16,1.33-1.68,3.07-1.91,6.32q-.06.81-.06,7.77,0,8,.35,10.21c.41,2.67,1.45,4.29,3.25,4.99,1.57.64,3.19.81,8.35.81,7.08,0,8.99-.35,10.32-1.86,1.16-1.33,1.68-3.07,1.91-6.32q.06-.81.06-7.83,0-7.95-.35-10.15c-.41-2.67-1.45-4.29-3.25-4.99-1.57-.64-3.25-.81-8.35-.81-7.08,0-8.99.35-10.32,1.86Z" /> 2259 <path class="cls-1" 2260 d="M864.2,198.96h-6.61l-8.12-27.84c-.75-2.44-1.16-3.94-1.33-4.52l-.7-2.44h-.06l-.52,1.74-.46,1.74-1.04,3.48-8.29,27.84h-6.5l-11.89-38.69h4.47l8.35,27.78,1.1,3.77c.23.81.52,1.62,1.1,3.77h.12l.52-1.86.52-1.91,1.1-3.71,8.24-27.84h6.44l8.18,27.84,1.1,3.77.52,1.86.52,1.86h.12l.52-1.91.58-1.86,1.16-3.83,8.53-27.72h4.52l-12.18,38.69Z" /> 2261 <path class="cls-1" 2262 d="M884.62,177.15h19.6v3.65h-19.6v14.38h20.47v3.77h-24.82v-38.69h24.82v3.77h-20.47v13.11Z" /> 2263 <path class="cls-1" 2264 d="M910.14,160.27h18.38c8.29,0,11.31,2.96,11.31,11.14,0,7.02-1.51,9.34-6.67,10.21v.06c4,.23,6.21,2.9,6.15,7.48v9.8h-4.35v-8.82c.12-4.93-2.09-6.9-7.31-6.73h-13.17v15.54h-4.35v-38.69ZM927.07,179.64c6.38,0,8.41-1.68,8.41-6.9,0-4-.23-5.68-1.04-6.79-.87-1.28-2.78-1.91-5.86-1.91h-14.09v15.6h12.59Z" /> 2265 </g> 2266 </g> 2267</svg> 2268 </a> 2269 </div> 2270 </div> 2271 </div> 2272 <!-- End Logo --> 2273 </div> 2274 </div> 2275 2276 <div class="flex items-center justify-end flex-1 h-auto py-1 gap-x-2 sm:gap-x-2 md:gap-x-4"> 2277 2278 2279 <!-- Start Search --> 2280 <div class="self-center flex-1 hidden w-full md:inline justify-self-end sm:max-w-sm" 2281 :class="{ 'md:!hidden hidden': !atTop, 'hidden md:inline': atTop }"> 2282 <label for="query" class="sr-only">Zoek</label> 2283 <div class="relative"> 2284 <form class="relative" action="https://navetto.nl/zoeken"> 2285 <div 2286 class="absolute inset-y-0 left-0 flex items-center pl-3 text-gray-400 pointer-events-none"> 2287 <i class="fa-light fa-md fa-search"></i> 2288 </div> 2289 <input id="query" name="query" value="" 2290 x-model="searchQuery" required 2291 class="border-1 block w-full rounded-md border border-gray-300 bg-white py-1.5 pl-10 pr-3 text-gray-900 ring-1 ring-inset ring-gray-200/40 placeholder:text-gray-400 focus:border-primary-600/40 focu
2291s:ring-2 focus:ring-inset focus:ring-primary-500/20 sm:text-sm sm:leading-6 dark:border-gray-900 dark:bg-gray-800 dark:text-gray-50 dark:ring-gray-800" 2292 placeholder="Zoeken naar..." type="search"> 2293 2294 <button type="button" aria-label="clear" x-show="searchQuery.length" x-cloak 2295 class="absolute inset-y-0 top-0 items-center px-3 text-gray-600/60 right-5 hover:text-red-500 focus:outline-hidden active:focus:hover:border-0 active:focus:hover:ring-0 group-focus:text-gray-600 peer-focus:peer-hover:text-gray-600 dark:text-gray-300" 2296 x-on:click="searchQuery = ''"> 2297 <i class="my-0 fa-light fa-md fa-xmark"></i> 2298 </button> 2299 <button type="submit" aria-label="submit" x-show="searchQuery.length" x-cloak 2300 class="absolute inset-y-0 top-0 right-0 items-center px-3 text-gray-600/60 hover:text-primary-500 focus:outline-hidden active:focus:hover:border-0 active:focus:hover:ring-0 group-focus:text-primary-600 peer-focus:peer-hover:text-primary-600 dark:text-gray-300"> 2301 <i class="my-0 fa-light fa-md fa-arrow-right"></i> 2302 </button> 2303 </form> 2304 </div> 2305 </div> 2306 2307 <!-- End Search --> 2308 2309 2310 2311 2312 <div x-show="atTop" x-cloak class="px-0 md:px-2 sm:mr-1 sm:border-r dark:border-gray-700"> 2313 <div x-menu class="isolate z-20" x-data x-on:mouseover.away="__isOpen = false"> 2314 2315 <div class="relative flex h-8 items-center"> 2316 <div gtm-event="language_selector" gtm-event-trigger="hover" gtm-data="JSON.parse('[]');"> 2317 <button x-menu:button x-on:mouseover="__isOpen = true" 2318 class="group relative flex cursor-pointer items-center justify-center rounded-full font-sans text-base font-semibold ring-0 transition-all duration-200 ease-in-out focus:ring-0" 2319 x-track-click="'language_selector-header'"> 2320 2321 <div 2322 class="fi-background fi-nl block h-4 w-4 rounded-full !bg-cover bg-center group-hover:border-none md:h-5 md:w-5"> 2323 </div> 2324 <span class="sr-only ml-2 self-center text-xs md:text-sm"> 2325 Nederlands 2326 </span> 2327 2328 <!-- Heroicon: chevron-down --> 2329 <svg class="shrink-0 [:where(&)]:size-4 text-zinc-400 group-hover:text-zinc-800 dark:text-white/80 group-hover:dark:text-white" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon"> 2330 <path fill-rule="evenodd" 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" clip-rule="evenodd"/> 2331</svg> 2332 2333 </button> 2334 2335 2336 2337 <div x-menu:items x-cloak x-transition.scale.origin.top x-transition:leave.scale.origin.top.delay.200ms 2338 class="absolute -right-24 z-20 mt-2 w-52 origin-top rounded-md bg-white p-1 shadow-2xl ring-1 ring-black/5 focus:outline-hidden dark:bg-gray-800" 2339 x-cloak> 2340 <a gtm-event="set_language" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022en\u0022}');" href="https://navetto.com/actual/blog" x-menu:item 2341 class="mt-px flex w-full items-center rounded-sm px-3 py-2 text-left text-sm text-gray-900 transition-all duration-200 ease-in-out first:rounded-t-md last:rounded-b-md dark:text-gray-200" 2342 :class="{ 2343 'font-semibold bg-gray-100/70 dark:bg-gray-500/70 text-gray-900': $menuItem.isActive, 2344 'text-gray-800 dark:hover:text-gray-100 hover:bg-gray-100 hover:text-gray-900 ': ! 2345 $menuItem.isActive, 2346 }" 2347 role="menuitem"> 2348
2349 <span 2350 class="fi-background fi-gb block h-4 w-4 rounded-full !bg-cover bg-center md:h-5 md:w-5"> 2351 </span> 2352 2353 <span class="ml-2 text-[13px] font-semibold text-gray-900 dark:text-gray-200"> 2354 Engels 2355 </span> 2356 </a> 2357 <a gtm-event="set_language" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022de\u0022}');" href="https://navetto.de/aktuelle/blog" x-menu:item 2358 class="mt-px flex w-full items-center rounded-sm px-3 py-2 text-left text-sm text-gray-900 transition-all duration-200 ease-in-out first:rounded-t-md last:rounded-b-md dark:text-gray-200" 2359 :class="{ 2360 'font-semibold bg-gray-100/70 dark:bg-gray-500/70 text-gray-900': $menuItem.isActive, 2361 'text-gray-800 dark:hover:text-gray-100 hover:bg-gray-100 hover:text-gray-900 ': ! 2362 $menuItem.isActive, 2363 }" 2364 role="menuitem"> 2365 2366 <span 2367 class="fi-background fi-de block h-4 w-4 rounded-full !bg-cover bg-center md:h-5 md:w-5"> 2368 </span> 2369 2370 <span class="ml-2 text-[13px] font-semibold text-gray-900 dark:text-gray-200"> 2371 Duits 2372 </span> 2373 </a> 2374 <a gtm-event="set_language" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022da\u0022}');" href="https://navetto.dk/aktuel/blog" x-menu:item 2375 class="mt-px flex w-full items-center rounded-sm px-3 py-2 text-left text-sm text-gray-900 transition-all duration-200 ease-in-out first:rounded-t-md last:rounded-b-md dark:text-gray-200" 2376 :class="{ 2377 'font-semibold bg-gray-100/70 dark:bg-gray-500/70 text-gray-900': $menuItem.isActive, 2378 'text-gray-800 dark:hover:text-gray-100 hover:bg-gray-100 hover:text-gray-900 ': ! 2379 $menuItem.isActive, 2380 }" 2381 role="menuitem"> 2382 2383 <span 2384 class="fi-background fi-dk block h-4 w-4 rounded-full !bg-cover bg-center md:h-5 md:w-5"> 2385 </span> 2386 2387 <span class="ml-2 text-[13px] font-semibold text-gray-900 dark:text-gray-200"> 2388 Deens 2389 </span> 2390 </a> 2391 2392 </div> 2393 </div> 2394 </div> 2395</div> 2396 </div> 2397 2398 2399 2400 <div class="order-0 min-w-6 md:order-5 md:min-w-8" x-data="{ active: false }"> 2401 <div class="z-20 isolate" x-data="{ open: false }" x-on:click.outside="open = false" x-on:keydown.escape.window="open = false"> 2402 <a href="https://navetto.nl/inloggen" class="inline-flex items-center justify-center px-4 py-2 text-sm font-semibold text-center text-white transition-all duration-500 rounded-md shadow-xs cursor-pointer disabled:cursor-not-allowed bg-primary-500 hover:bg-primary-700 hover:text-white disabled:hover-none disabled:hover:text-gray-100 disabled:hover:bg-primary-500 disabled:opacity-50" x-track-click="'register-header'" > 2403 <i class="mr-1 fa-fw fa-regular fa-user"></i> 2404 Aanmelden 2405 </a> 2406 </div> 2407 </div> 2408 2409 <div class="order-6 block pl-1 text-gray-600 min-w-5 md:hidden" 2410 x-on:click="menuOpen = !menuOpen" x-data="{ active: menuOpen }"> 2411 2412 <svg class="shrink-0 [:where(&)]:size-6 text-gray-600 group-hover:text-gray-600/60" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2413 <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/> 2414</svg> 2415 2416 </div> 2417 2418 </div> 2419 </div> 2420 </div> 2421 </div> 2422 2423 <!-- Mobile menu backdrop --> 2424<div x-cloak x-show="menuOpen" x-on:click="menuOpen = false" 2425 class="fixed inset-x-0 top-0 bottom-0 z-8 bg-black/20 sm:hidden" 2426 :style="{ top: $el.closest('[class*=z-30]')?.getBoundingClientRect().bottom + 'px' }" 2427 x-transition:enter="transition ease-out duration-200" 2428 x-transition:enter-start="opacity-0" 2429 x-transition:enter-end="opacity-100" 2430 x-transition:leave="transition ease-in duration-150" 2431 x-transition:leave-start="opacity-100" 2432 x-transition:leave-end="opacity-0"> 2433</div> 2434 2435<!-- Responsive Navigation Menu --> 2436<div x-cloak x-show="menuOpen" x-collapse id="mobileMenu" 2437 class="absolute inset-x-0 top-full flex flex-col max-w-full pb-6 overflow-hidden overflow-y-auto bg-white border-b border-gray-200 z-9 max-h-[calc(100svh-3rem)] shadow-lg dark:border-slate-700 dark:bg-slate-800 sm:hidden" 2438 x-trap.noautofocus="menuOpen"> 2439 <div class="px-1"> 2440 <div class="h-full pt-4"> 2441 <nav class="flex flex-col overflow-visible min-h-auto px-4" data-flux-navlist> 2442 <a href="/winkel/energieopslag" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
2443 <span class="text-gray-900 "> 2444 Energieopslag 2445 </span> 2446 </a> 2447 2448 <a href="/winkel/zonnepanelen" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item"> 2449 <span class="text-gray-900 "> 2450 Zonnepanelen 2451 </span> 2452 </a> 2453 2454 <a href="/winkel/omvormers-en-accessoires" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item"> 2455 <span class="text-gray-900 "> 2456 Omvormers 2457 </span> 2458 </a> 2459 2460 <a href="/winkel/montage" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item"> 2461 <span class="text-gray-900 "> 2462 Montage 2463 </span> 2464 </a> 2465 2466 <a href="/winkel/ev-chargers" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item"> 2467 <span class="text-gray-900 "> 2468 AC/DC Chargers 2469 </span> 2470 </a> 2471 2472 <a href="/winkel/installatie" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item"> 2473 <span class="text-gray-900 "> 2474 Installatie 2475 </span> 2476 </a> 2477 2478 <div class="-mx-[.3125rem] my-[.3125rem] h-px" data-flux-menu-separator> 2479 <div data-orientation="horizontal" role="none" class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full dark:bg-zinc-600!" data-flux-separator></div> 2480</div> 2481 2482 2483 <div x-data="{ expanded: false }"> 2484 <button type="button" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item" x-on:click="expanded = ! expanded"> 2485 <span class="text-gray-900 group"> 2486 Support 2487 <span class="transition-all group-hover:text-primary-600"> 2488 <i class="transition fa-sm fa-fw fa-regular fa-chevron-down" 2489 :class="{ '': !expanded, '-rotate-180 ': expanded }"></i> 2490 </span> 2491 </span> 2492 </button> 2493 <div class="ml-4" x-show="expanded" x-cloak x-collapse> 2494 <a href="/support" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
2495 <span class="font-normal text-gray-700 "> 2496 Support 2497 </span> 2498 </a> 2499 <a href="#" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item"> 2500 <span class="font-normal text-gray-700 "> 2501 Chatten 2502 </span> 2503 </a> 2504 <a href="/support/contact" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item"> 2505 <span class="font-normal text-gray-700 "> 2506 Contact 2507 </span> 2508 </a> 2509 <a href="/veelgestelde-vragen" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item"> 2510 <span class="font-normal text-gray-700 "> 2511 FAQ 2512 </span> 2513 </a> 2514 <a href="/support/technische-problemen" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item"> 2515 <span class="font-normal text-gray-700 "> 2516 Storing melden 2517 </span> 2518 </a> 2519 <a href="/support/retourneren" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item"> 2520 <span class="font-normal text-gray-700 "> 2521 Retourneren 2522 </span> 2523 </a> 2524 <button type="button" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item"> 2525 <span class="font-normal text-gray-700 "> 2526 Tip 2527 </span> 2528 </button> 2529 </div> 2530 </div> 2531 2532 <div x-data="{ expanded: false }"> 2533 <button type="button" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item" x-on:click="expanded = ! expanded">
2534 <span class="text-gray-900 group"> 2535 Actueel 2536 <span class="transition-all group-hover:text-primary-600"> 2537 <i class="transition fa-sm fa-fw fa-regular fa-chevron-down" 2538 :class="{ '': !expanded, '-rotate-180 ': expanded }"></i> 2539 </span> 2540 </span> 2541 </button> 2542 <div class="ml-4" x-show="expanded" x-cloak x-collapse> 2543 <a href="/actueel" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item"> 2544 <span class="font-normal text-gray-700 "> 2545 Actueel 2546 </span> 2547 </a> 2548 <a href="/actueel/acties" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item"> 2549 <span class="font-normal text-gray-700 "> 2550 Acties 2551 </span> 2552 </a> 2553 <a href="/actueel/agenda" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item"> 2554 <span class="font-normal text-gray-700 "> 2555 Agenda 2556 </span> 2557 </a> 2558 <a href="/actueel/blog" data-current="data-current" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item"> 2559 <span class="font-normal text-gray-700 "> 2560 Blog 2561 </span> 2562 </a> 2563 <a href="/actueel/nieuws" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item"> 2564 <span class="font-normal text-gray-700 "> 2565 Nieuws 2566 </span> 2567 </a> 2568 </div> 2569 </div> 2570 2571 2572 <div class="-mx-[.3125rem] my-[.3125rem] h-px" data-flux-menu-separator> 2573 <div data-orientation="horizontal" role="none" class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full dark:bg-zinc-600!" data-flux-separator></div> 2574</div> 2575 2576 <a href="https://navetto.nl/zoeken" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
2577 <span class="text-gray-900 "> 2578 <i class="mr-1 fa-light fa-fw fa-search"></i> Zoeken 2579 </span> 2580 </a> 2581</nav> 2582 </div> 2583 2584 </div> 2585</div> 2586 2587 <template x-if="atTop"> 2588 <div class="relative items-center w-full pt-0 border-gray-200/80 md:mt-2 md:border-t dark:border-gray-600 dark:border-gray-700/80" 2589 x-transition> 2590 <!-- Desktop menu --> 2591<nav class="items-stretch h-full isolate"> 2592 <div class="z-50 justify-between hidden w-full py-4 md:flex gap-x-4 " :class="{ '!py-0': !atTop }"> 2593 <div class="z-40 flex items-center justify-self-start gap-x-4 lg:gap-x-6"> 2594 2595 <div class="z-20 isolate" x-data="{ open: false }" x-on:mouseleave="open = false"> 2596 2597 <a href="/winkel/energieopslag" target="_self" x-on:mouseenter="open = true" 2598 gtm-event="rich_menu_hover" gtm-event-trigger="hover" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Energieopslag\u0022}');" aria-expanded="false" 2599 :aria-expanded="open" 2600 :class="{ 'bg-gray-100 dark:bg-gray-700': open }" class="text-sm items-center font-semibold leading-6 inline-flex text-gray-800 dark:text-gray-200 gap-x-1 rounded-md px-2 py-1 transition-colors hover:bg-gray-100 dark:hover:bg-gray-700"> 2601 <span> 2602 Energieopslag 2603 </span> 2604 <i class="transition fa-sm fa-fw fa-regular fa-chevron-down" 2605 :class="{ '': !open, '-rotate-180 ': open }"></i> 2606 </a> 2607 2608 <template x-if="open"> 2609 <div class="absolute inset-x-0 pt-4 max-w-screen -z-10 bg-white dark:bg-gray-900" 2610 x-show="open" 2611 x-transition:enter="transition ease-out duration-200" x-on:mouseenter="open = true" 2612 x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" 2613 x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" 2614 x-transition:leave-end="opacity-0 -translate-y-1"> 2615 <div 2616 class="z-20 bg-white border border-t-0 border-gray-200 shadow-lg rounded-b-3xl ring-0 ring-gray-900/5 dark:border-gray-800 dark:bg-gray-800"> 2617 <div 2618 class="grid grid-cols-1 px-6 py-10 mx-auto -z-10 max-w-7xl gap-x-8 gap-y-10 md:gap-x-10 lg:grid-cols-2 lg:px-8 xl:max-w-full"> 2619 <div class="grid grid-cols-2 gap-x-6 sm:gap-x-8"> 2620 <div> 2621 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 2622 Merken 2623 </h3> 2624 <div class="flow-root mt-4"> 2625 <div class="-my-2 columns-2 gap-x-6"> 2626 <a href="/winkel/energieopslag?filters[mm_tag_merk][10991]=Anker+SOLIX" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Anker Solix\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 2627 2628 <span class="group-hover:text-secondary-600"> 2629 Anker Solix 2630 </span> 2631 </a> 2632 <a href="/winkel/energieopslag?filters[mm_tag_merk][13337]=Dyness" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Dyness\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 2633 2634 <sp
2634an class="group-hover:text-secondary-600"> 2635 Dyness 2636 </span> 2637 </a> 2638 <a href="/winkel/energieopslag?filters[mm_tag_merk][2498]=Enphase" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Enphase\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 2639 2640 <span class="group-hover:text-secondary-600"> 2641 Enphase 2642 </span> 2643 </a> 2644 <a href="/winkel/energieopslag?filters[mm_tag_merk][13255]=Eniris" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Eniris\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 2645 2646 <span class="group-hover:text-secondary-600"> 2647 Eniris 2648 </span> 2649 </a> 2650 <a href="/winkel/energieopslag?filters[mm_tag_merk][5811]=FoxEss" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Fox-ESS\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 2651 2652 <span class="group-hover:text-secondary-600"> 2653 Fox-ESS 2654 </span> 2655 </a> 2656 <a href="/winkel/energieopslag?filters[mm_tag_merk][2521]=Hoymiles" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Hoymiles\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 2657 2658 <sp
2658an class="group-hover:text-secondary-600"> 2659 Hoymiles 2660 </span> 2661 </a> 2662 <a href="/winkel/energieopslag?filters[Merken]=2507" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Huawei\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 2663 2664 <span class="group-hover:text-secondary-600"> 2665 Huawei 2666 </span> 2667 </a> 2668 <a href="/winkel/energieopslag?filters[mm_tag_merk][2512]=KSTAR" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022KSTAR\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 2669 2670 <span class="group-hover:text-secondary-600"> 2671 KSTAR 2672 </span> 2673 </a> 2674 <a href="/winkel/energieopslag?filters[mm_tag_merk][8204]=Marstek" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Marstek\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 2675 2676 <span class="group-hover:text-secondary-600"> 2677 Marstek 2678 </span> 2679 </a> 2680 <a href="/winkel/energieopslag?filters[Merken]=2524" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Sigenergy\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 2681 2682 <sp
2682an class="group-hover:text-secondary-600"> 2683 Sigenergy 2684 </span> 2685 </a> 2686 <a href="/winkel/energieopslag?filters[Merken]=2495" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022SolarEdge\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 2687 2688 <span class="group-hover:text-secondary-600"> 2689 SolarEdge 2690 </span> 2691 </a> 2692 </div> 2693 <a href="/winkel/energieopslag" target="_self" 2694 gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Alle merken\u0022}');" class="flex items-center gap-x-2 mt-3 pt-3 px-2 -mx-2 pb-1 border-t border-gray-100 dark:border-gray-700 text-sm font-medium text-secondary-600 dark:text-secondary-400 transition-colors hover:text-secondary-700 dark:hover:text-secondary-300 cursor-pointer"> 2695 Alle merken 2696 <i class="fa-regular fa-arrow-right fa-xs"></i> 2697 </a> 2698 </div> 2699 </div> 2700 <div> 2701 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 2702 Direct naar 2703 </h3> 2704 <div class="flow-root mt-4"> 2705 <div class="-my-2"> 2706 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Producttype\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 2707 2708 <span class=""> 2709 Producttype 2710 </span> 2711 </a> 2712 <div 2713 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 2714 <a href="/winkel/pakket" 2715 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Pakket\u0022,\u0022item\u0022:\u0022Producttype\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 2716 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 2717 Pakket 2718 </a> 2719 <a href="/winkel/plug-and-play-batterijen" 2720 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Plug\u0026Play\u0022,\u0022item\u0022:\u0022Producttype\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 2721 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 2722 Plug&Play 2723 </a> 2724 <a href="/winkel/batterij" 2725 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Batterij\u0022,\u0022item\u0022:\u0022Producttype\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 2726 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 2727 Batterij 2728 </a> 2729 <a href="/winkel/voedingsmodule" 2730 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Voedingsmodule\u0022,\u0022item\u0022:\u0022Producttype\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 2731 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 2732 Voedingsmodule 2733 </a> 2734 <a href="/winkel/gateway" 2735 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Gateway\u0022,\u0022item\u0022:\u0022Producttype\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 2736 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 2737 Gateway 2738 </a> 2739 <a href="/winkel/ems" 2740 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022EMS\u0022,\u0022item\u0022:\u0022Producttype\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 2741 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 2742 EMS 2743 </a> 2744 <a href="/winkel/p1-meter" 2745 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022P1-meter\u0022,\u0022item\u0022:\u0022Producttype\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 2746 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 2747 P1-meter 2748 </a> 2749 <a href="/winkel/accessoires-energieopslag" 2750 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Accessoire\u0022,\u0022item\u0022:\u0022Producttype\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 2751 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 2752 Accessoire 2753 </a> 2754 </div> 2755 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Projectdoel\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 2756 2757 <sp
2757an class=""> 2758 Projectdoel 2759 </span> 2760 </a> 2761 <div 2762 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 2763 <a href="/winkel/energieopslag?filters[Projectdoel]=2490" 2764 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Residentieel\u0022,\u0022item\u0022:\u0022Projectdoel\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 2765 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 2766 Residentieel 2767 </a> 2768 <a href="/winkel/energieopslag?filters[Projectdoel]=2491" 2769 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Commercieel\u0022,\u0022item\u0022:\u0022Projectdoel\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 2770 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 2771 Commercieel 2772 </a> 2773 </div> 2774 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Installatie\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 2775 2776 <span class=""> 2777 Installatie 2778 </span> 2779 </a> 2780 <div 2781 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 2782 <a href="/winkel/energieopslag?filters[Installatie]=2907" 2783 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Floor-stand\u0022,\u0022item\u0022:\u0022Installatie\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 2784 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 2785 Floor-stand 2786 </a> 2787 <a href="/winkel/energieopslag?filters[Intallatie]=2908" 2788 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Wall-mounted\u0022,\u0022item\u0022:\u0022Installatie\u0022,\u0022main_parent\u0022:\u0022Energieopslag\u0022}');" target="_self" 2789 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 2790 Wall-mounted 2791 </a> 2792 </div> 2793 </div> 2794 </div> 2795 </div> 2796 </div> 2797 2798 <div class="grid grid-cols-1 gap-6 lg:grid-cols-2 items-start"> 2799 2800 <h3 class="sr-only"> 2801 Producten 2802 </h3> 2803 2804 <div wire:key="nav-dropdown-product-445" class="rounded-lg outline outline-1 outline-inset outline-secondary-400/30 dark:outline-gray-900 bg-secondary-100/40 dark:bg-gray-900 hover:bg-secondary-100/70 px-4 py-4 transition-colors"> 2805 <article 2806 class="relative flex flex-col max-w-2xl group isolate gap-x-8 gap-y-6 sm:flex-row sm:items-start lg:flex-col lg:items-start"> 2807 <div class="relative flex-none"> 2808 <img class="aspect-[2/1] w-full rounded-lg bg-white object-contain object-center sm:aspect-[16/9] sm:h-32 lg:h-auto" 2809 src="https://d4o2fvgnpv65m.cloudfront.net/media-library/product/8076/11700094.jpg" 2810 alt="Sigen Hybrid Battery Controller Menu Image" loading="lazy" /> 2811 2812 <div class="absolute inset-0 rounded-lg ring-1 ring-inset ring-gray-900/10"></div> 2813 <div class="absolute bottom-2 right-2">
2814 <span class="bg-primary-50 text-primary-800 hover:bg-primary-100 border border-primary-300/40 relative z-10 rounded-full px-2 py-1 text-xs font-medium dark:text-gray-300 "> 2815 Uitgelicht 2816 </span> 2817 </div> 2818 </div> 2819 <div> 2820 <div class="flex items-center gap-x-4"> 2821 <span class="text-xs leading-6 text-gray-600 line-clamp-1 dark:text-gray-300"> 2822 11700094 2823 </span> 2824 </div> 2825 2826 <h4 2827 class="text-sm font-semibold leading-6 text-gray-900 group-hover:text-secondary-600 md:text-base dark:text-gray-50"> 2828 <a href="/winkel/voedingsmodule/sigen-hybrid-battery-controller" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Energieopslag\u0022,\u0022value\u0022:\u0022Sigen Hybrid Battery Controller\u0022}');"> 2829 <span class="absolute inset-0"></span> 2830 Sigen Hybrid Battery Controller 2831 </a> 2832 </h4> 2833 <p 2834 class="mt-2 line-clamp-3 text-pretty text-[13px] leading-5 text-gray-600 dark:text-gray-300"> 2835 De Sigen Hybrid Battery Controller is een onmisbare batterijcontroller wanneer je werkt met de SigenStor Batterijen 2836 </p> 2837 </div> 2838 </article> 2839 </div> 2840 2841 </div> 2842 </div> 2843 </div> 2844 </div> 2845 </template> 2846</div> 2847 <div class="z-20 isolate" x-data="{ open: false }" x-on:mouseleave="open = false"> 2848 2849 <a href="/winkel/zonnepanelen" target="_self" x-on:mouseenter="open = true" 2850 gtm-event="rich_menu_hover" gtm-event-trigger="hover" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Zonnepanelen\u0022}');" aria-expanded="false" 2851 :aria-expanded="open" 2852 :class="{ 'bg-gray-100 dark:bg-gray-700': open }" class="text-sm items-center font-semibold leading-6 inline-flex text-gray-800 dark:text-gray-200 gap-x-1 rounded-md px-2 py-1 transition-colors hover:bg-gray-100 dark:hover:bg-gray-700"> 2853 <span> 2854 Zonnepanelen 2855 </span> 2856 <i class="transition fa-sm fa-fw fa-regular fa-chevron-down" 2857 :class="{ '': !open, '-rotate-180 ': open }"></i> 2858 </a> 2859 2860 <template x-if="open"> 2861 <div class="absolute inset-x-0 pt-4 max-w-screen -z-10 bg-white dark:bg-gray-900" 2862 x-show="open" 2863 x-transition:enter="transition ease-out duration-200" x-on:mouseenter="open = true" 2864 x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" 2865 x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" 2866 x-transition:leave-end="opacity-0 -translate-y-1"> 2867 <div 2868 class="z-20 bg-white border border-t-0 border-gray-200 shadow-lg rounded-b-3xl ring-0 ring-gray-900/5 dark:border-gray-800 dark:bg-gray-800"> 2869 <div 2870 class="grid grid-cols-1 px-6 py-10 mx-auto -z-10 max-w-7xl gap-x-8 gap-y-10 md:gap-x-10 lg:grid-cols-2 lg:px-8 xl:max-w-full"> 2871 <div class="grid grid-cols-2 gap-x-6 sm:gap-x-8"> 2872 <div> 2873 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 2874 Merken 2875 </h3> 2876 <div class="flow-root mt-4"> 2877 <div class="-my-2"> 2878 <a href="/winkel/zonnepanelen?filters[Merken]=2520" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Zonnepanelen\u0022,\u0022value\u0022:\u0022AIKO\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 2879 2880 <sp
2880an class="group-hover:text-secondary-600"> 2881 AIKO 2882 </span> 2883 </a> 2884 <a href="/winkel/zonnepanelen?filters[Merken]=2500" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Zonnepanelen\u0022,\u0022value\u0022:\u0022DMEGC\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 2885 2886 <span class="group-hover:text-secondary-600"> 2887 DMEGC 2888 </span> 2889 </a> 2890 <a href="/winkel/zonnepanelen?filters[mm_tag_merk][8232]=TCL+Solar" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Zonnepanelen\u0022,\u0022value\u0022:\u0022TCL Solar\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 2891 2892 <span class="group-hover:text-secondary-600"> 2893 TCL Solar 2894 </span> 2895 </a> 2896 </div> 2897 <a href="/winkel/zonnepanelen" target="_self" 2898 gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Zonnepanelen\u0022,\u0022value\u0022:\u0022Alle merken\u0022}');" class="flex items-center gap-x-2 mt-3 pt-3 px-2 -mx-2 pb-1 border-t border-gray-100 dark:border-gray-700 text-sm font-medium text-secondary-600 dark:text-secondary-400 transition-colors hover:text-secondary-700 dark:hover:text-secondary-300 cursor-pointer"> 2899 Alle merken 2900 <i class="fa-regular fa-arrow-right fa-xs"></i> 2901 </a> 2902 </div> 2903 </div> 2904 <div> 2905 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 2906 Direct naar 2907 </h3> 2908 <div class="flow-root mt-4"> 2909 <div class="-my-2"> 2910 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Zonnepanelen\u0022,\u0022value\u0022:\u0022Kenmerken\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 2911 2912 <sp
2912an class=""> 2913 Kenmerken 2914 </span> 2915 </a> 2916 <div 2917 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 2918 <a href="/winkel/zonnepanelen?filters[Type]=5730" 2919 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Glas-Glas\u0022,\u0022item\u0022:\u0022Kenmerken\u0022,\u0022main_parent\u0022:\u0022Zonnepanelen\u0022}');" target="_self" 2920 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 2921 Glas-Glas 2922 </a> 2923 <a href="/winkel/zonnepanelen?filters[Type]=2869" 2924 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022PFAS-vrij\u0022,\u0022item\u0022:\u0022Kenmerken\u0022,\u0022main_parent\u0022:\u0022Zonnepanelen\u0022}');" target="_self" 2925 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 2926 PFAS-vrij 2927 </a> 2928 </div> 2929 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Zonnepanelen\u0022,\u0022value\u0022:\u0022Vermogen\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 2930 2931 <span class=""> 2932 Vermogen 2933 </span> 2934 </a> 2935 <div 2936 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 2937 <a href="/winkel/zonnepanelen?filters[Vermogen]=2606" 2938 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022\u003C 400 Wp\u0022,\u0022item\u0022:\u0022Vermogen\u0022,\u0022main_parent\u0022:\u0022Zonnepanelen\u0022}');" target="_self" 2939 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 2940 < 400 Wp 2941 </a> 2942 <a href="/winkel/zonnepanelen?filters[Vermogen]=2607" 2943 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022400 - 430 Wp\u0022,\u0022item\u0022:\u0022Vermogen\u0022,\u0022main_parent\u0022:\u0022Zonnepanelen\u0022}');" target="_self" 2944 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 2945 400 - 430 Wp 2946 </a> 2947 <a href="/winkel/zonnepanelen?filters[Vermogen]=2608" 2948 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022430 - 460 Wp\u0022,\u0022item\u0022:\u0022Vermogen\u0022,\u0022main_parent\u0022:\u0022Zonnepanelen\u0022}');" target="_self" 2949 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 2950 430 - 460 Wp 2951 </a> 2952 <a href="/winkel/zonnepanelen?filters[Vermogen]=2609" 2953 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022\u003E 460 Wp\u0022,\u0022item\u0022:\u0022Vermogen\u0022,\u0022main_parent\u0022:\u0022Zonnepanelen\u0022}');" target="_self" 2954 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 2955 > 460 Wp 2956 </a> 2957 </div> 2958 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Zonnepanelen\u0022,\u0022value\u0022:\u0022Type backsheet\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 2959 2960 <sp
2960an class=""> 2961 Type backsheet 2962 </span> 2963 </a> 2964 <div class="relative inline-flex items-center justify-start gap-x-2"> 2965 <a href="/winkel/zonnepanelen?filters[type-backsheet]=2530" 2966 target="_self" 2967 class="bg-primary-50 outline-1 relative outline outline-inset outline-gray-300 transition-all rounded-sm shadow-xs w-8 h-8 focus:z-10 dark:outline-gray-600 hover:outline-primary-400/60 hover:opacity-80"> 2968 <span class="sr-only">Transparant</span> 2969 2970 <span id="tooltip_for_nav_swatch_103" class="ml-4" x-data 2971 x-tooltip="Transparant"> 2972 <span class="absolute inset-0"> 2973 </span> 2974 </span> 2975 </a> 2976 <a href="/winkel/zonnepanelen?filters[type-backsheet]=2531" 2977 target="_self" 2978 class="bg-white outline-1 relative outline outline-inset outline-gray-300 transition-all rounded-sm shadow-xs w-8 h-8 focus:z-10 dark:outline-gray-600 hover:outline-primary-400/60 hover:opacity-80"> 2979 <span class="sr-only">Wit</span> 2980 2981 <span id="tooltip_for_nav_swatch_105" class="ml-4" x-data 2982 x-tooltip="Wit"> 2983 <span class="absolute inset-0"> 2984 </span> 2985 </span> 2986 </a> 2987 <a href="/winkel/zonnepanelen?filters[type-backsheet]=2529" 2988 target="_self" 2989 class="bg-gray-800 outline-1 relative outline outline-inset outline-gray-300 transition-all rounded-sm shadow-xs w-8 h-8 focus:z-10 dark:outline-gray-600 hover:outline-primary-400/60 hover:opacity-80"> 2990 <span class="sr-only">Zwart</span> 2991 2992 <span id="tooltip_for_nav_swatch_106" class="ml-4" x-data 2993 x-tooltip="Zwart"> 2994 <span class="absolute inset-0"> 2995 </span> 2996 </span> 2997 </a> 2998 </div> 2999 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Zonnepanelen\u0022,\u0022value\u0022:\u0022Frame kleur\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 3000 3001 <sp
3001an class=""> 3002 Frame kleur 3003 </span> 3004 </a> 3005 <div class="relative inline-flex items-center justify-start gap-x-2"> 3006 <a href="/winkel/zonnepanelen?filters[Frame kleur]=5756" 3007 target="_self" 3008 class="bg-gray-100 outline-1 relative outline outline-inset outline-gray-300 transition-all rounded-sm shadow-xs w-8 h-8 focus:z-10 dark:outline-gray-600 hover:outline-primary-400/60 hover:opacity-80"> 3009 <span class="sr-only">Zilver</span> 3010 3011 <span id="tooltip_for_nav_swatch_314" class="ml-4" x-data 3012 x-tooltip="Zilver"> 3013 <span class="absolute inset-0"> 3014 </span> 3015 </span> 3016 </a> 3017 <a href="/winkel/zonnepanelen?filters[type-backsheet]=2876" 3018 target="_self" 3019 class="bg-gray-800 outline-1 relative outline outline-inset outline-gray-300 transition-all rounded-sm shadow-xs w-8 h-8 focus:z-10 dark:outline-gray-600 hover:outline-primary-400/60 hover:opacity-80"> 3020 <span class="sr-only">Zwart</span> 3021 3022 <span id="tooltip_for_nav_swatch_315" class="ml-4" x-data 3023 x-tooltip="Zwart"> 3024 <span class="absolute inset-0"> 3025 </span> 3026 </span> 3027 </a> 3028 </div> 3029 </div> 3030 </div> 3031 </div> 3032 </div> 3033 3034 <div class="grid grid-cols-1 gap-6 lg:grid-cols-2 items-start"> 3035 3036 <h3 class="sr-only"> 3037 Producten 3038 </h3> 3039 3040 3041 </div> 3042 </div> 3043 </div> 3044 </div> 3045 </template> 3046</div> 3047 <div class="z-20 isolate" x-data="{ open: false }" x-on:mouseleave="open = false"> 3048 3049 <a href="/winkel/omvormers-en-accessoires" target="_self" x-on:mouseenter="open = true" 3050 gtm-event="rich_menu_hover" gtm-event-trigger="hover" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Omvormers\u0022}');" aria-expanded="false" 3051 :aria-expanded="open" 3052 :class="{ 'bg-gray-100 dark:bg-gray-700': open }" class="text-sm items-center font-semibold leading-6 inline-flex text-gray-800 dark:text-gray-200 gap-x-1 rounded-md px-2 py-1 transition-colors hover:bg-gray-100 dark:hover:bg-gray-700">
3053 <span> 3054 Omvormers 3055 </span> 3056 <i class="transition fa-sm fa-fw fa-regular fa-chevron-down" 3057 :class="{ '': !open, '-rotate-180 ': open }"></i> 3058 </a> 3059 3060 <template x-if="open"> 3061 <div class="absolute inset-x-0 pt-4 max-w-screen -z-10 bg-white dark:bg-gray-900" 3062 x-show="open" 3063 x-transition:enter="transition ease-out duration-200" x-on:mouseenter="open = true" 3064 x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" 3065 x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" 3066 x-transition:leave-end="opacity-0 -translate-y-1"> 3067 <div 3068 class="z-20 bg-white border border-t-0 border-gray-200 shadow-lg rounded-b-3xl ring-0 ring-gray-900/5 dark:border-gray-800 dark:bg-gray-800"> 3069 <div 3070 class="grid grid-cols-1 px-6 py-10 mx-auto -z-10 max-w-7xl gap-x-8 gap-y-10 md:gap-x-10 lg:grid-cols-2 lg:px-8 xl:max-w-full"> 3071 <div class="grid grid-cols-2 gap-x-6 sm:gap-x-8"> 3072 <div> 3073 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 3074 Merken 3075 </h3> 3076 <div class="flow-root mt-4"> 3077 <div class="-my-2 columns-2 gap-x-6"> 3078 <a href="/winkel/omvormers-en-accessoires?filters[mm_tag_merk][2506]=APsystems" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022APsystems\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3079 3080 <span class="group-hover:text-secondary-600"> 3081 APsystems 3082 </span> 3083 </a> 3084 <a href="/winkel/omvormers-en-accessoires?filters[Merken]=2498" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Enphase\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3085 3086 <span class="group-hover:text-secondary-600"> 3087 Enphase 3088 </span> 3089 </a> 3090 <a href="/winkel/omvormers-en-accessoires?filters[mm_tag_merk][2501]=GoodWe" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022GoodWe\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3091 3092 <sp
3092an class="group-hover:text-secondary-600"> 3093 GoodWe 3094 </span> 3095 </a> 3096 <a href="/winkel/omvormers-en-accessoires?filters[Merken]=2507" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Huawei\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3097 3098 <span class="group-hover:text-secondary-600"> 3099 Huawei 3100 </span> 3101 </a> 3102 <a href="/winkel/omvormers-en-accessoires?filters[Merken]=2512" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022KSTAR\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3103 3104 <span class="group-hover:text-secondary-600"> 3105 KSTAR 3106 </span> 3107 </a> 3108 <a href="/winkel/omvormers-en-accessoires?filters[Merken]=2524" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Sigenergy\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3109 3110 <span class="group-hover:text-secondary-600"> 3111 Sigenergy 3112 </span> 3113 </a> 3114 <a href="/winkel/omvormers-en-accessoires?filters[mm_tag_merk][2518]=Solis" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Solis\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3115 3116 <sp
3116an class="group-hover:text-secondary-600"> 3117 Solis 3118 </span> 3119 </a> 3120 <a href="/winkel/omvormers-en-accessoires?filters[mm_tag_merk][5813]=Solplanet" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Solplanet\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3121 3122 <span class="group-hover:text-secondary-600"> 3123 Solplanet 3124 </span> 3125 </a> 3126 <a href="/winkel/omvormers-en-accessoires?filters[Merken]=2495" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022SolarEdge\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3127 3128 <span class="group-hover:text-secondary-600"> 3129 SolarEdge 3130 </span> 3131 </a> 3132 <a href="/winkel/omvormers-en-accessoires?filters[mm_tag_merk][5812]=Tigo" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Tigo\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3133 3134 <span class="group-hover:text-secondary-600"> 3135 Tigo 3136 </span> 3137 </a> 3138 </div> 3139 <a href="/winkel/omvormers-en-accessoires" target="_self" 3140 gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Alle merken\u0022}');" class="flex items-center gap-x-2 mt-3 pt-3 px-2 -mx-2 pb-1 border-t border-gray-100 dark:border-gray-700 text-sm font-medium text-secondary-600 dark:text-secondary-400 transition-colors hover:text-secondary-700 dark:hover:text-secondary-300 cursor-pointer"> 3141 Alle merken 3142 <i class="fa-regular fa-arrow-right fa-xs"></i> 3143 </a> 3144 </div> 3145 </div> 3146 <div> 3147 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 3148 Direct naar 3149 </h3> 3150 <div class="flow-root mt-4"> 3151 <div class="-my-2"> 3152 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Projectdoel\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 3153 3154 <sp
3154an class=""> 3155 Projectdoel 3156 </span> 3157 </a> 3158 <div 3159 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 3160 <a href="/winkel/omvormers-en-accessoires?filters[Type]=2490" 3161 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Residentieel\u0022,\u0022item\u0022:\u0022Projectdoel\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 3162 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3163 Residentieel 3164 </a> 3165 <a href="/winkel/omvormers-en-accessoires?filters[Type]=2491" 3166 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Commercieel\u0022,\u0022item\u0022:\u0022Projectdoel\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 3167 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3168 Commercieel 3169 </a> 3170 </div> 3171 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Aantal fase\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 3172 3173 <span class=""> 3174 Aantal fase 3175 </span> 3176 </a> 3177 <div 3178 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 3179 <a href="/winkel/omvormers-en-accessoires?filters[Aantal fase
3179n]=2610" 3180 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u00221-fase\u0022,\u0022item\u0022:\u0022Aantal fase\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 3181 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3182 1-fase 3183 </a> 3184 <a href="/winkel/omvormers-en-accessoires?filters[Aantal fasen]=2611" 3185 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u00223-fase\u0022,\u0022item\u0022:\u0022Aantal fase\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 3186 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3187 3-fase 3188 </a> 3189 </div> 3190 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Type omvormer\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 3191 3192 <span class=""> 3193 Type omvormer 3194 </span> 3195 </a> 3196 <div 3197 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 3198 <a href="/winkel/omvormers-en-accessoires?filters[Type omvormer]=2612" 3199 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Micro\u0022,\u0022item\u0022:\u0022Type omvormer\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 3200 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3201 Micro 3202 </a> 3203 <a href="/winkel/omvormers-en-accessoires?filters[Type omvormer]=2613" 3204 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022String\u0022,\u0022item\u0022:\u0022Type omvormer\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 3205 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3206 String 3207 </a> 3208 <a href="/winkel/omvormers-en-accessoires?filters[Type omvormer]=2614" 3209 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Hybride\u0022,\u0022item\u0022:\u0022Type omvormer\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 3210 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3211 Hybride 3212 </a> 3213 <a href="/winkel/omvormers-en-accessoires?filters[Type omvormer]=5502" 3214 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Optimizer\u0022,\u0022item\u0022:\u0022Type omvormer\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 3215 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3216 Optimizer 3217 </a> 3218 </div> 3219 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Omvormers\u0022,\u0022value\u0022:\u0022Vermogen\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 3220 3221 <sp
3221an class=""> 3222 Vermogen 3223 </span> 3224 </a> 3225 <div 3226 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 3227 <a href="/winkel/omvormers-en-accessoires?filters[Vermogen Groep KW]=2616" 3228 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u00220-4 KW\u0022,\u0022item\u0022:\u0022Vermogen\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 3229 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3230 0-4 KW 3231 </a> 3232 <a href="/winkel/omvormers-en-accessoires?filters[Vermogen Groep KW]=2617" 3233 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u00224-10 KW\u0022,\u0022item\u0022:\u0022Vermogen\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 3234 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3235 4-10 KW 3236 </a> 3237 <a href="/winkel/omvormers-en-accessoires?filters[Vermogen Groep KW]=2618" 3238 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u002210-30 KW\u0022,\u0022item\u0022:\u0022Vermogen\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 3239 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3240 10-30 KW 3241 </a> 3242 <a href="/winkel/omvormers-en-accessoires?filters[Vermogen Groep KW]=2619" 3243 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022\u003E30 KW\u0022,\u0022item\u0022:\u0022Vermogen\u0022,\u0022main_parent\u0022:\u0022Omvormers\u0022}');" target="_self" 3244 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3245 >30 KW 3246 </a> 3247 </div> 3248 </div> 3249 </div> 3250 </div> 3251 </div> 3252 3253 <div class="grid grid-cols-1 gap-6 lg:grid-cols-2 items-start"> 3254 3255 <h3 class="sr-only"> 3256 Producten 3257 </h3> 3258 3259 3260 </div> 3261 </div> 3262 </div> 3263 </div> 3264 </template> 3265</div> 3266 <div class="z-20 isolate" x-data="{ open: false }" x-on:mouseleave="open = false"> 3267 3268 <a href="/winkel/montage" target="_self" x-on:mouseenter="open = true" 3269 gtm-event="rich_menu_hover" gtm-event-trigger="hover" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Montage\u0022}');" aria-expanded="false" 3270 :aria-expanded="open" 3271 :class="{ 'bg-gray-100 dark:bg-gray-700': open }" class="text-sm items-center font-semibold leading-6 inline-flex text-gray-800 dark:text-gray-200 gap-x-1 rounded-md px-2 py-1 transition-colors hover:bg-gray-100 dark:hover:bg-gray-700">
3272 <span> 3273 Montage 3274 </span> 3275 <i class="transition fa-sm fa-fw fa-regular fa-chevron-down" 3276 :class="{ '': !open, '-rotate-180 ': open }"></i> 3277 </a> 3278 3279 <template x-if="open"> 3280 <div class="absolute inset-x-0 pt-4 max-w-screen -z-10 bg-white dark:bg-gray-900" 3281 x-show="open" 3282 x-transition:enter="transition ease-out duration-200" x-on:mouseenter="open = true" 3283 x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" 3284 x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" 3285 x-transition:leave-end="opacity-0 -translate-y-1"> 3286 <div 3287 class="z-20 bg-white border border-t-0 border-gray-200 shadow-lg rounded-b-3xl ring-0 ring-gray-900/5 dark:border-gray-800 dark:bg-gray-800"> 3288 <div 3289 class="grid grid-cols-1 px-6 py-10 mx-auto -z-10 max-w-7xl gap-x-8 gap-y-10 md:gap-x-10 lg:grid-cols-2 lg:px-8 xl:max-w-full"> 3290 <div class="grid grid-cols-2 gap-x-6 sm:gap-x-8"> 3291 <div> 3292 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 3293 Merken 3294 </h3> 3295 <div class="flow-root mt-4"> 3296 <div class="-my-2"> 3297 <a href="/winkel/montage?filters[Merken]=5810" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Montage\u0022,\u0022value\u0022:\u0022BirdBlocker\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3298 3299 <span class="group-hover:text-secondary-600"> 3300 BirdBlocker 3301 </span> 3302 </a> 3303 <a href="/winkel/montage?filters[mm_tag_merk][13260]=Cobalt" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Montage\u0022,\u0022value\u0022:\u0022Cobalt\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3304 3305 <span class="group-hover:text-secondary-600"> 3306 Cobalt 3307 </span> 3308 </a> 3309 <a href="/winkel/montage?filters[Merken]=7837" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Montage\u0022,\u0022value\u0022:\u0022Enstall\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3310 3311 <sp
3311an class="group-hover:text-secondary-600"> 3312 Enstall 3313 </span> 3314 </a> 3315 <a href="/winkel/montage?filters[Merken]=2496" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Montage\u0022,\u0022value\u0022:\u0022Valk Solar Systems\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3316 3317 <span class="group-hover:text-secondary-600"> 3318 Valk Solar Systems 3319 </span> 3320 </a> 3321 </div> 3322 <a href="/winkel/montage" target="_self" 3323 gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Montage\u0022,\u0022value\u0022:\u0022Alle merken\u0022}');" class="flex items-center gap-x-2 mt-3 pt-3 px-2 -mx-2 pb-1 border-t border-gray-100 dark:border-gray-700 text-sm font-medium text-secondary-600 dark:text-secondary-400 transition-colors hover:text-secondary-700 dark:hover:text-secondary-300 cursor-pointer"> 3324 Alle merken 3325 <i class="fa-regular fa-arrow-right fa-xs"></i> 3326 </a> 3327 </div> 3328 </div> 3329 <div> 3330 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 3331 Direct naar 3332 </h3> 3333 <div class="flow-root mt-4"> 3334 <div class="-my-2"> 3335 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Montage\u0022,\u0022value\u0022:\u0022Daksoort\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 3336 3337 <span class=""> 3338 Daksoort 3339 </span> 3340 </a> 3341 <div 3342 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 3343 <a href="/winkel/montage?filters[Daksoort]=2829" 3344 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Schuin dak\u0022,\u0022item\u0022:\u0022Daksoort\u0022,\u0022main_parent\u0022:\u0022Montage\u0022}');" target="_self" 3345 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3346 Schuin dak 3347 </a> 3348 <a href="/winkel/montage?filters[Daksoort]=2830" 3349 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Plat dak\u0022,\u0022item\u0022:\u0022Daksoort\u0022,\u0022main_parent\u0022:\u0022Montage\u0022}');" target="_self" 3350 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3351 Plat dak 3352 </a> 3353 <a href="/winkel/montage?filters[Daksoort]=2933" 3354 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Grondopstelling\u0022,\u0022item\u0022:\u0022Daksoort\u0022,\u0022main_parent\u0022:\u0022Montage\u0022}');" target="_self" 3355 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3356 Grondopstelling 3357 </a> 3358 </div> 3359 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Montage\u0022,\u0022value\u0022:\u0022Zonorientatie (plat dak)\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 3360 3361 <sp
3361an class=""> 3362 Zonorientatie (plat dak) 3363 </span> 3364 </a> 3365 <div 3366 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 3367 <a href="/winkel/montage?filters[Zonorientatie]=2845" 3368 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Zuid\u0022,\u0022item\u0022:\u0022Zonorientatie (plat dak)\u0022,\u0022main_parent\u0022:\u0022Montage\u0022}');" target="_self" 3369 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3370 Zuid 3371 </a> 3372 <a href="/winkel/montage?filters[Zonorientatie]=2846" 3373 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Oost-West\u0022,\u0022item\u0022:\u0022Zonorientatie (plat dak)\u0022,\u0022main_parent\u0022:\u0022Montage\u0022}');" target="_self" 3374 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3375 Oost-West 3376 </a> 3377 </div> 3378 </div> 3379 </div> 3380 </div> 3381 </div> 3382 3383 <div class="grid grid-cols-1 gap-6 lg:grid-cols-2 items-start"> 3384 3385 <h3 class="sr-only"> 3386 Producten 3387 </h3> 3388 3389 <div wire:key="nav-dropdown-product-410" class="rounded-lg outline outline-1 outline-inset outline-secondary-400/30 dark:outline-gray-900 bg-secondary-100/40 dark:bg-gray-900 hover:bg-secondary-100/70 px-4 py-4 transition-colors"> 3390 <article 3391 class="relative flex flex-col max-w-2xl group isolate gap-x-8 gap-y-6 sm:flex-row sm:items-start lg:flex-col lg:items-start"> 3392 <div class="relative flex-none"> 3393 <img class="aspect-[2/1] w-full rounded-lg bg-white object-contain object-center sm:aspect-[16/9] sm:h-32 lg:h-auto" 3394 src="https://d4o2fvgnpv65m.cloudfront.net/media-library/product/7771/721570.jpg" 3395 alt="Valkpro+ Max NextGen - Paneelklem zijplaat Menu Image" loading="lazy" /> 3396 3397 <div class="absolute inset-0 rounded-lg ring-1 ring-inset ring-gray-900/10"></div> 3398 <div class="absolute bottom-2 right-2">
3399 <span class="bg-secondary-100 text-secondary-800 hover:bg-secondary-200 border border-secondary-500/40 relative z-10 rounded-full px-2 py-1 text-xs font-medium dark:text-gray-300 "> 3400 Nieuw 3401 </span> 3402 </div> 3403 </div> 3404 <div> 3405 <div class="flex items-center gap-x-4"> 3406 <span class="text-xs leading-6 text-gray-600 line-clamp-1 dark:text-gray-300"> 3407 12300355 3408 </span> 3409 </div> 3410 3411 <h4 3412 class="text-sm font-semibold leading-6 text-gray-900 group-hover:text-secondary-600 md:text-base dark:text-gray-50"> 3413 <a href="/winkel/montage/valkpro-max-nextgen-paneelklem-zijplaat" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Montage\u0022,\u0022value\u0022:\u0022Valkpro+ Max NextGen - Paneelklem zijplaat\u0022}');"> 3414 <span class="absolute inset-0"></span> 3415 Valkpro+ Max NextGen - Paneelklem zijplaat 3416 </a> 3417 </h4> 3418 <p 3419 class="mt-2 line-clamp-3 text-pretty text-[13px] leading-5 text-gray-600 dark:text-gray-300"> 3420 ValkPro+ Max NextGen: het nieuwste montagesysteem voor grote zonnepanelen op platte daken. 3421 </p> 3422 </div> 3423 </article> 3424 </div> 3425 <div wire:key="nav-dropdown-product-227" class="rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 px-4 py-4 transition-colors"> 3426 <article 3427 class="relative flex flex-col max-w-2xl group isolate gap-x-8 gap-y-6 sm:flex-row sm:items-start lg:flex-col lg:items-start"> 3428 <div class="relative flex-none"> 3429 <img class="aspect-[2/1] w-full rounded-lg bg-white object-contain object-center sm:aspect-[16/9] sm:h-32 lg:h-auto" 3430 src="https://d4o2fvgnpv65m.cloudfront.net/media-library/product/4527/0006109_birdblocker-bb125-30m-incl-250-klemmen.jpeg" 3431 alt="BirdBlocker BB125 30M incl. 250 klemmen Menu Image" loading="lazy" /> 3432 3433 <div class="absolute inset-0 rounded-lg ring-1 ring-inset ring-gray-900/10"></div> 3434 <div class="absolute bottom-2 right-2"> 3435 <span class="bg-primary-50 text-primary-800 hover:bg-primary-100 border border-primary-300/40 relative z-10 rounded-full px-2 py-1 text-xs font-medium dark:text-gray-300 "> 3436 Uitgelicht 3437 </span> 3438 </div> 3439 </div> 3440 <div> 3441 <div class="flex items-center gap-x-4"> 3442 <span class="text-xs leading-6 text-gray-600 line-clamp-1 dark:text-gray-300"> 3443 13100000 3444 </span> 3445 </div> 3446 3447 <h4 3448 class="text-sm font-semibold leading-6 text-gray-900 group-hover:text-secondary-600 md:text-base dark:text-gray-50"> 3449 <a href="/winkel/montage/birdblocker-bb125-30m-incl-250-klemmen" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Montage\u0022,\u0022value\u0022:\u0022BirdBlocker BB125 30M incl. 250 klemmen\u0022}');">
3450 <span class="absolute inset-0"></span> 3451 BirdBlocker BB125 30M incl. 250 klemmen 3452 </a> 3453 </h4> 3454 <p 3455 class="mt-2 line-clamp-3 text-pretty text-[13px] leading-5 text-gray-600 dark:text-gray-300"> 3456 BirdBlocker BB125 30M incl. 250 klemmen 3457 </p> 3458 </div> 3459 </article> 3460 </div> 3461 3462 </div> 3463 </div> 3464 </div> 3465 </div> 3466 </template> 3467</div> 3468 <div class="z-20 isolate" x-data="{ open: false }" x-on:mouseleave="open = false"> 3469 3470 <a href="/winkel/ev-chargers" target="_self" x-on:mouseenter="open = true" 3471 gtm-event="rich_menu_hover" gtm-event-trigger="hover" gtm-data="JSON.parse('{\u0022value\u0022:\u0022AC\\\/DC Chargers\u0022}');" aria-expanded="false" 3472 :aria-expanded="open" 3473 :class="{ 'bg-gray-100 dark:bg-gray-700': open }" class="text-sm items-center font-semibold leading-6 inline-flex text-gray-800 dark:text-gray-200 gap-x-1 rounded-md px-2 py-1 transition-colors hover:bg-gray-100 dark:hover:bg-gray-700"> 3474 <span> 3475 AC/DC Chargers 3476 </span> 3477 <i class="transition fa-sm fa-fw fa-regular fa-chevron-down" 3478 :class="{ '': !open, '-rotate-180 ': open }"></i> 3479 </a> 3480 3481 <template x-if="open"> 3482 <div class="absolute inset-x-0 pt-4 max-w-screen -z-10 bg-white dark:bg-gray-900" 3483 x-show="open" 3484 x-transition:enter="transition ease-out duration-200" x-on:mouseenter="open = true" 3485 x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" 3486 x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" 3487 x-transition:leave-end="opacity-0 -translate-y-1"> 3488 <div 3489 class="z-20 bg-white border border-t-0 border-gray-200 shadow-lg rounded-b-3xl ring-0 ring-gray-900/5 dark:border-gray-800 dark:bg-gray-800"> 3490 <div 3491 class="grid grid-cols-1 px-6 py-10 mx-auto -z-10 max-w-7xl gap-x-8 gap-y-10 md:gap-x-10 lg:grid-cols-2 lg:px-8 xl:max-w-full"> 3492 <div class="grid grid-cols-2 gap-x-6 sm:gap-x-8"> 3493 <div> 3494 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 3495 Merken 3496 </h3> 3497 <div class="flow-root mt-4"> 3498 <div class="-my-2"> 3499 <a href="/winkel/ev-chargers?filters[Merken]=2522" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022Alfen\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3500 3501 <span class="group-hover:text-secondary-600"> 3502 Alfen 3503 </span> 3504 </a> 3505 <a href="/winkel/ev-chargers?filters[Merken]=2498" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022Enphase\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3506 3507 <sp
3507an class="group-hover:text-secondary-600"> 3508 Enphase 3509 </span> 3510 </a> 3511 <a href="/winkel/ev-chargers?filters[Merken]=2507" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022Huawei\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3512 3513 <span class="group-hover:text-secondary-600"> 3514 Huawei 3515 </span> 3516 </a> 3517 <a href="/winkel/ev-chargers?filters[mm_tag_merk][13488]=NexBlue" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022NexBlue\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3518 3519 <span class="group-hover:text-secondary-600"> 3520 NexBlue 3521 </span> 3522 </a> 3523 <a href="/winkel/ev-chargers?filters[mm_tag_merk][13489]=ONEPOLE" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022ONEPOLE\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3524 3525 <span class="group-hover:text-secondary-600"> 3526 ONEPOLE 3527 </span> 3528 </a> 3529 <a href="/winkel/ev-chargers?filters[Merken]=2524" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022Sigenergy\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3530 3531 <sp
3531an class="group-hover:text-secondary-600"> 3532 Sigenergy 3533 </span> 3534 </a> 3535 <a href="/winkel/ev-chargers?filters[Merken]=2495" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022SolarEdge\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3536 3537 <span class="group-hover:text-secondary-600"> 3538 SolarEdge 3539 </span> 3540 </a> 3541 </div> 3542 <a href="/winkel/ev-chargers" target="_self" 3543 gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022Alle merken\u0022}');" class="flex items-center gap-x-2 mt-3 pt-3 px-2 -mx-2 pb-1 border-t border-gray-100 dark:border-gray-700 text-sm font-medium text-secondary-600 dark:text-secondary-400 transition-colors hover:text-secondary-700 dark:hover:text-secondary-300 cursor-pointer"> 3544 Alle merken 3545 <i class="fa-regular fa-arrow-right fa-xs"></i> 3546 </a> 3547 </div> 3548 </div> 3549 <div> 3550 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 3551 Direct naar 3552 </h3> 3553 <div class="flow-root mt-4"> 3554 <div class="-my-2"> 3555 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022Producttype\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 3556 3557 <span class=""> 3558 Producttype 3559 </span> 3560 </a> 3561 <div 3562 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 3563 <a href="/winkel/laadstations" 3564 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Laadstations\u0022,\u0022item\u0022:\u0022Producttype\u0022,\u0022main_parent\u0022:\u0022AC\\\/DC Chargers\u0022}');" target="_self" 3565 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3566 Laadstations 3567 </a> 3568 <a href="/winkel/accessoires-ev-chargers" 3569 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Accessoires\u0022,\u0022item\u0022:\u0022Producttype\u0022,\u0022main_parent\u0022:\u0022AC\\\/DC Chargers\u0022}');" target="_self" 3570 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3571 Accessoires 3572 </a> 3573 </div> 3574 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022Opties\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 3575 3576 <sp
3576an class=""> 3577 Opties 3578 </span> 3579 </a> 3580 <div 3581 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 3582 <a href="/winkel/ev-chargers?filters[LBA]=2735" 3583 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022LBA\u0022,\u0022item\u0022:\u0022Opties\u0022,\u0022main_parent\u0022:\u0022AC\\\/DC Chargers\u0022}');" target="_self" 3584 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3585 LBA 3586 </a> 3587 <a href="/winkel/ev-chargers?filters[RFID]=2737" 3588 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022RFID\u0022,\u0022item\u0022:\u0022Opties\u0022,\u0022main_parent\u0022:\u0022AC\\\/DC Chargers\u0022}');" target="_self" 3589 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3590 RFID 3591 </a> 3592 <a href="/winkel/ev-chargers?filters[SIM-kaart]=2739" 3593 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022SIM-kaart\u0022,\u0022item\u0022:\u0022Opties\u0022,\u0022main_parent\u0022:\u0022AC\\\/DC Chargers\u0022}');" target="_self" 3594 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3595 SIM-kaart 3596 </a> 3597 <a href="/winkel/ev-chargers?filters[Socket]=2733" 3598 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Socket\u0022,\u0022item\u0022:\u0022Opties\u0022,\u0022main_parent\u0022:\u0022AC\\\/DC Chargers\u0022}');" target="_self" 3599 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3600 Socket 3601 </a> 3602 <a href="/winkel/ev-chargers?filters[Socket]=4707" 3603 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Kabel\u0022,\u0022item\u0022:\u0022Opties\u0022,\u0022main_parent\u0022:\u0022AC\\\/DC Chargers\u0022}');" target="_self" 3604 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3605 Kabel 3606 </a> 3607 <a href="/winkel/ev-chargers?filters[Scherm]=2729" 3608 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Scherm\u0022,\u0022item\u0022:\u0022Opties\u0022,\u0022main_parent\u0022:\u0022AC\\\/DC Chargers\u0022}');" target="_self" 3609 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3610 Scherm 3611 </a> 3612 </div> 3613 </div> 3614 </div> 3615 </div> 3616 </div> 3617 3618 <div class="grid grid-cols-1 gap-6 lg:grid-cols-2 items-start"> 3619 3620 <h3 class="sr-only"> 3621 Producten 3622 </h3> 3623 3624 <div wire:key="nav-dropdown-product-248" class="rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 px-4 py-4 transition-colors"> 3625 <article 3626 class="relative flex flex-col max-w-2xl group isolate gap-x-8 gap-y-6 sm:flex-row sm:items-start lg:flex-col lg:items-start"> 3627 <div class="relative flex-none"> 3628 <img class="aspect-[2/1] w-full rounded-lg bg-white object-contain object-center sm:aspect-[16/9] sm:h-32 lg:h-auto" 3629 src="https://d4o2fvgnpv65m.cloudfront.net/media-library/product/7541/0007589_sigen-ev-ac-charger-11-kw-4g-5m-cable-type2-white.jpeg" 3630 alt="Sigenergy EV AC Charger 7 kW Menu Image" loading="lazy" /> 3631 3632 <div class="absolute inset-0 rounded-lg ring-1 ring-inset ring-gray-900/10"></div> 3633 <div class="absolute bottom-2 right-2">
3634 <span class="bg-primary-50 text-primary-800 hover:bg-primary-100 border border-primary-300/40 relative z-10 rounded-full px-2 py-1 text-xs font-medium dark:text-gray-300 "> 3635 Nieuw 3636 </span> 3637 </div> 3638 </div> 3639 <div> 3640 <div class="flex items-center gap-x-4"> 3641 <span class="text-xs leading-6 text-gray-600 line-clamp-1 dark:text-gray-300"> 3642 11700091 3643 </span> 3644 </div> 3645 3646 <h4 3647 class="text-sm font-semibold leading-6 text-gray-900 group-hover:text-secondary-600 md:text-base dark:text-gray-50"> 3648 <a href="/winkel/laadstations/sigen-ev-ac-charger-7-kw-4g-5m-cable-type2-white" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022AC\\\/DC Chargers\u0022,\u0022value\u0022:\u0022Sigenergy EV AC Charger 7 kW\u0022}');"> 3649 <span class="absolute inset-0"></span> 3650 Sigenergy EV AC Charger 7 kW 3651 </a> 3652 </h4> 3653 <p 3654 class="mt-2 line-clamp-3 text-pretty text-[13px] leading-5 text-gray-600 dark:text-gray-300"> 3655 De Sigen EV AC Charger biedt een laadoplossing voor elektrische voertuigen, waarmee gebruikers snel en efficiënt hun voertuigen kunnen opladen. 3656 </p> 3657 </div> 3658 </article> 3659 </div> 3660 3661 </div> 3662 </div> 3663 </div> 3664 </div> 3665 </template> 3666</div> 3667 <div class="z-20 isolate" x-data="{ open: false }" x-on:mouseleave="open = false"> 3668 3669 <a href="/winkel/installatie" target="_self" x-on:mouseenter="open = true" 3670 gtm-event="rich_menu_hover" gtm-event-trigger="hover" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Installatie\u0022}');" aria-expanded="false" 3671 :aria-expanded="open" 3672 :class="{ 'bg-gray-100 dark:bg-gray-700': open }" class="text-sm items-center font-semibold leading-6 inline-flex text-gray-800 dark:text-gray-200 gap-x-1 rounded-md px-2 py-1 transition-colors hover:bg-gray-100 dark:hover:bg-gray-700"> 3673 <span> 3674 Installatie 3675 </span> 3676 <i class="transition fa-sm fa-fw fa-regular fa-chevron-down" 3677 :class="{ '': !open, '-rotate-180 ': open }"></i> 3678 </a> 3679 3680 <template x-if="open"> 3681 <div class="absolute inset-x-0 pt-4 max-w-screen -z-10 bg-white dark:bg-gray-900" 3682 x-show="open" 3683 x-transition:enter="transition ease-out duration-200" x-on:mouseenter="open = true" 3684 x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" 3685 x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" 3686 x-transition:leave-end="opacity-0 -translate-y-1"> 3687 <div 3688 class="z-20 bg-white border border-t-0 border-gray-200 shadow-lg rounded-b-3xl ring-0 ring-gray-900/5 dark:border-gray-800 dark:bg-gray-800"> 3689 <div 3690 class="grid grid-cols-1 px-6 py-10 mx-auto -z-10 max-w-7xl gap-x-8 gap-y-10 md:gap-x-10 lg:grid-cols-2 lg:px-8 xl:max-w-full"> 3691 <div class="grid grid-cols-2 gap-x-6 sm:gap-x-8"> 3692 <div> 3693 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 3694 Merken 3695 </h3> 3696 <div class="flow-root mt-4"> 3697 <div class="-my-2"> 3698 <a href="/winkel/installatie?filters[Merken]=4995" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Installatie\u0022,\u0022value\u0022:\u0022Athilex\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3699 3700 <sp
3700an class="group-hover:text-secondary-600"> 3701 Athilex 3702 </span> 3703 </a> 3704 <a href="/winkel/installatie?filters[mm_tag_merk][13260]=Cobalt" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Installatie\u0022,\u0022value\u0022:\u0022Cobalt\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3705 3706 <span class="group-hover:text-secondary-600"> 3707 Cobalt 3708 </span> 3709 </a> 3710 <a href="/winkel/installatie?filters[Merken]=2510" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Installatie\u0022,\u0022value\u0022:\u0022Conduct\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3711 3712 <span class="group-hover:text-secondary-600"> 3713 Conduct 3714 </span> 3715 </a> 3716 <a href="/winkel/installatie?filters[Merken]=2523" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Installatie\u0022,\u0022value\u0022:\u0022Ege Kablo\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3717 3718 <span class="group-hover:text-secondary-600"> 3719 Ege Kablo 3720 </span> 3721 </a> 3722 <a href="/winkel/installatie?filters[Merken]=6113" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Installatie\u0022,\u0022value\u0022:\u0022St\\u00e4ubli\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3723 3724 <sp
3724an class="group-hover:text-secondary-600"> 3725 Stäubli 3726 </span> 3727 </a> 3728 <a href="/winkel/installatie?filters[Merken]=2496" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Installatie\u0022,\u0022value\u0022:\u0022Valk Solar Systems\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"> 3729 3730 <span class="group-hover:text-secondary-600"> 3731 Valk Solar Systems 3732 </span> 3733 </a> 3734 </div> 3735 <a href="/winkel/installatie" target="_self" 3736 gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Installatie\u0022,\u0022value\u0022:\u0022Alle merken\u0022}');" class="flex items-center gap-x-2 mt-3 pt-3 px-2 -mx-2 pb-1 border-t border-gray-100 dark:border-gray-700 text-sm font-medium text-secondary-600 dark:text-secondary-400 transition-colors hover:text-secondary-700 dark:hover:text-secondary-300 cursor-pointer"> 3737 Alle merken 3738 <i class="fa-regular fa-arrow-right fa-xs"></i> 3739 </a> 3740 </div> 3741 </div> 3742 <div> 3743 <h3 class="text-sm font-medium leading-6 text-gray-500 dark:text-gray-300"> 3744 Direct naar 3745 </h3> 3746 <div class="flow-root mt-4"> 3747 <div class="-my-2"> 3748 <a target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Installatie\u0022,\u0022value\u0022:\u0022Installatie\u0022}');" class="flex items-center py-2 px-2 -mx-2 rounded-md text-sm leading-6 font-semibold text-gray-900 dark:text-gray-50 group gap-x-4 transition-colors break-inside-avoid"> 3749 3750 <span class=""> 3751 Installatie 3752 </span> 3753 </a> 3754 <div 3755 class="grid items-center justify-start grid-cols-2 pb-1 text-sm text-gray-700 gap-x-1 gap-y-1 dark:text-gray-300"> 3756 <a href="/winkel/kabels-1" 3757 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Kabels\u0022,\u0022item\u0022:\u0022Installatie\u0022,\u0022main_parent\u0022:\u0022Installatie\u0022}');" target="_self" 3758 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3759 Kabels 3760 </a> 3761 <a href="/winkel/connectoren" 3762 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Connectoren\u0022,\u0022item\u0022:\u0022Installatie\u0022,\u0022main_parent\u0022:\u0022Installatie\u0022}');" target="_self" 3763 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3764 Connectoren 3765 </a> 3766 <a href="/winkel/pv-shelter" 3767 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022PV Shelter\u0022,\u0022item\u0022:\u0022Installatie\u0022,\u0022main_parent\u0022:\u0022Installatie\u0022}');" target="_self" 3768 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3769 PV Shelter 3770 </a> 3771 <a href="/winkel/pv-verdeler" 3772 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022PV Verdeler\u0022,\u0022item\u0022:\u0022Installatie\u0022,\u0022main_parent\u0022:\u0022Installatie\u0022}');" target="_self" 3773 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3774 PV Verdeler 3775 </a> 3776 <a href="/winkel/groepenkast" 3777 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Groepenkast\u0022,\u0022item\u0022:\u0022Installatie\u0022,\u0022main_parent\u0022:\u0022Installatie\u0022}');" target="_self" 3778 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3779 Groepenkast 3780 </a> 3781 <a href="/winkel/groepenkast-componenten" 3782 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Groepenkast Componenten\u0022,\u0022item\u0022:\u0022Installatie\u0022,\u0022main_parent\u0022:\u0022Installatie\u0022}');" target="_self" 3783 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3784 Groepenkast Componenten 3785 </a> 3786 <a href="/winkel/schakelmateriaal" 3787 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Schakelmateriaal\u0022,\u0022item\u0022:\u0022Installatie\u0022,\u0022main_parent\u0022:\u0022Installatie\u0022}');" target="_self" 3788 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3789 Schakelmateriaal 3790 </a> 3791 <a href="/winkel/dakdoorvoer" 3792 gtm-event="main-menu-click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Dakdoorvoer\u0022,\u0022item\u0022:\u0022Installatie\u0022,\u0022main_parent\u0022:\u0022Installatie\u0022}');" target="_self" 3793 class="relative items-center justify-center font-medium flex px-2 py-1.5 text-xs text-center transition-all bg-white rounded-sm hover:outline-secondary-500/80 hover:text-secondary-600 hover:bg-gray-100 hover:dark:bg-gray-700 dark:bg-gray-900 outline-1 outline outline-inset outline-gray-300/60 dark:outline-gray-800/60 dark:hover:outline-gray-800/60 focus:z-10 cursor-pointer"> 3794 Dakdoorvoer 3795 </a> 3796 </div> 3797 </div> 3798 </div> 3799 </div> 3800 </div> 3801 3802 <div class="grid grid-cols-1 gap-6 lg:grid-cols-2 items-start"> 3803 3804 <h3 class="sr-only"> 3805 Producten 3806 </h3> 3807 3808 <div wire:key="nav-dropdown-product-273" class="rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 px-4 py-4 transition-colors"> 3809 <article 3810 class="relative flex flex-col max-w-2xl group isolate gap-x-8 gap-y-6 sm:flex-row sm:items-start lg:flex-col lg:items-start"> 3811 <div class="relative flex-none"> 3812 <img class="aspect-[2/1] w-full rounded-lg bg-white object-contain object-center sm:aspect-[16/9] sm:h-32 lg:h-auto" 3813 src="https://d4o2fvgnpv65m.cloudfront.net/media-library/product/6031/0003075_pvboxshelter-min.png" 3814 alt="PVBOXshelter Menu Image" loading="lazy" /> 3815 3816 <div class="absolute inset-0 rounded-lg ring-1 ring-inset ring-gray-900/10"></div> 3817 <div class="absolute bottom-2 right-2">
3818 <span class="bg-primary-50 text-primary-800 hover:bg-primary-100 border border-primary-300/40 relative z-10 rounded-full px-2 py-1 text-xs font-medium dark:text-gray-300 "> 3819 Uitgelicht 3820 </span> 3821 </div> 3822 </div> 3823 <div> 3824 <div class="flex items-center gap-x-4"> 3825 <span class="text-xs leading-6 text-gray-600 line-clamp-1 dark:text-gray-300"> 3826 12600074 3827 </span> 3828 </div> 3829 3830 <h4 3831 class="text-sm font-semibold leading-6 text-gray-900 group-hover:text-secondary-600 md:text-base dark:text-gray-50"> 3832 <a href="/winkel/pv-shelter/pvboxshelter" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Installatie\u0022,\u0022value\u0022:\u0022PVBOXshelter\u0022}');"> 3833 <span class="absolute inset-0"></span> 3834 PVBOXshelter 3835 </a> 3836 </h4> 3837 <p 3838 class="mt-2 line-clamp-3 text-pretty text-[13px] leading-5 text-gray-600 dark:text-gray-300"> 3839 PVshelter is ontwikkeld om de omvormer op het dak te plaatsen en gevaarlijke DC-spanningen buiten het gebouw te houden. 3840 </p> 3841 </div> 3842 </article> 3843 </div> 3844 <div wire:key="nav-dropdown-product-409" class="rounded-lg outline outline-1 outline-inset outline-secondary-400/30 dark:outline-gray-900 bg-secondary-100/40 dark:bg-gray-900 hover:bg-secondary-100/70 px-4 py-4 transition-colors"> 3845 <article 3846 class="relative flex flex-col max-w-2xl group isolate gap-x-8 gap-y-6 sm:flex-row sm:items-start lg:flex-col lg:items-start"> 3847 <div class="relative flex-none"> 3848 <img class="aspect-[2/1] w-full rounded-lg bg-white object-contain object-center sm:aspect-[16/9] sm:h-32 lg:h-auto" 3849 src="https://d4o2fvgnpv65m.cloudfront.net/media-library/product/7854/12300369.jpg" 3850 alt="PV Inverter Shelter Wall Menu Image" loading="lazy" /> 3851 3852 <div class="absolute inset-0 rounded-lg ring-1 ring-inset ring-gray-900/10"></div> 3853 <div class="absolute bottom-2 right-2"> 3854 <span class="bg-secondary-100 text-secondary-800 hover:bg-secondary-200 border border-secondary-500/40 relative z-10 rounded-full px-2 py-1 text-xs font-medium dark:text-gray-300 "> 3855 Nieuw 3856 </span> 3857 </div> 3858 </div> 3859 <div> 3860 <div class="flex items-center gap-x-4"> 3861 <span class="text-xs leading-6 text-gray-600 line-clamp-1 dark:text-gray-300"> 3862 12300369 3863 </span> 3864 </div> 3865 3866 <h4 3867 class="text-sm font-semibold leading-6 text-gray-900 group-hover:text-secondary-600 md:text-base dark:text-gray-50"> 3868 <a href="/winkel/pv-shelter/pv-inverter-shelter-wall-1" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Installatie\u0022,\u0022value\u0022:\u0022PV Inverter Shelter Wall\u0022}');">
3869 <span class="absolute inset-0"></span> 3870 PV Inverter Shelter Wall 3871 </a> 3872 </h4> 3873 <p 3874 class="mt-2 line-clamp-3 text-pretty text-[13px] leading-5 text-gray-600 dark:text-gray-300"> 3875 Ontdek de PV Inverter Shelter Wall. Met slechts 3 onderdelen installeer je deze shelter snel, stevig en zonder gedoe. 3876 </p> 3877 </div> 3878 </article> 3879 </div> 3880 3881 </div> 3882 </div> 3883 </div> 3884 </div> 3885 </template> 3886</div> 3887 </div> 3888 <div class="relative flex items-center justify-self-end lg:gap-x-7 gap-x-4" x-show="atTop"> 3889 <div class="relative" x-data="{ open: false }" x-on:mouseleave="open = false"> 3890 3891 <a href="/support" target="_self" x-on:mouseenter="open = true" 3892 aria-expanded="false" :aria-expanded="open" 3893 gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Support\u0022}');" :class="{ 'bg-gray-100 dark:bg-gray-700': open }" class="font-normal text-sm items-center leading-6 inline-flex text-gray-700 dark:text-gray-200 gap-x-1 rounded-md px-2 py-1 transition-colors hover:bg-gray-100 dark:hover:bg-gray-700"> 3894 <span> 3895 Support 3896 </span> 3897 <i class="transition fa-sm fa-fw fa-regular fa-chevron-down" 3898 :class="{ '': !open, '-rotate-180 ': open }"></i> 3899 </a> 3900 3901 <template x-if="open"> 3902 <div class="absolute z-10 flex w-screen px-4 pt-4 -translate-x-1/2 left-1/2 max-w-max" 3903 x-show="open" x-on:mouseenter="open = true" 3904 x-transition:enter="transition ease-out duration-200" 3905 x-transition:enter-start="opacity-0 translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" 3906 x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" 3907 x-transition:leave-end="opacity-0 translate-y-1"> 3908 <div 3909 class="flex-auto w-screen max-w-md overflow-hidden text-sm leading-6 bg-white border border-t-0 border-gray-200 shadow-lg dark:bg-slate-800 dark:border-gray-600 rounded-b-3xl ring-gray-900/5"> 3910 <div class="p-4"> 3911 3912 3913 <div class="relative flex p-4 rounded-lg group gap-x-6 hover:bg-gray-50 "> 3914 <div 3915 class="relative flex items-center justify-center flex-none mt-1 rounded-lg h-11 w-11 bg-gray-50 group-hover:bg-white dark:bg-gray-800 js-icon-wrapper"> 3916 <i 3917 class="text-gray-600 dark:text-gray-300 fa-fw text-md group-hover:text-secondary-500 fa-regular fa-message"></i> 3918 3919 </div> 3920 <div> 3921 <a href="/support/contact" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Support\u0022,\u0022value\u0022:\u0022Contact\u0022}');" class="flex items-center font-semibold text-gray-900 group-hover:text-secondary-600 dark:text-gray-50 "> 3922 Contact 3923 <span class="absolute inset-0"></span> 3924 </a> 3925 <p class="mt-1 text-gray-600 dark:text-gray-300"> 3926 Neem direct contact met ons op 3927 </p> 3928 </div> 3929 </div> 3930 3931 3932 <div class="relative flex p-4 rounded-lg group gap-x-6 hover:bg-gray-50 "> 3933 <div 3934 class="relative flex items-center justify-center flex-none mt-1 rounded-lg h-11 w-11 bg-gray-50 group-hover:bg-white dark:bg-gray-800 js-icon-wrapper"> 3935 <i 3936 class="text-gray-600 dark:text-gray-300 fa-fw text-md group-hover:text-secondary-500 fa-regular fa-address-book"></i> 3937 3938 </div> 3939 <div> 3940 <a href="/veelgestelde-vragen" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Support\u0022,\u0022value\u0022:\u0022FAQ\u0022}');" class="flex items-center font-semibold text-gray-900 group-hover:text-secondary-600 dark:text-gray-50 "> 3941 FAQ
3942 <span class="absolute inset-0"></span> 3943 </a> 3944 <p class="mt-1 text-gray-600 dark:text-gray-300"> 3945 Veelgestelde vragen 3946 </p> 3947 </div> 3948 </div> 3949 3950 3951 <div class="relative flex p-4 rounded-lg group gap-x-6 hover:bg-gray-50 "> 3952 <div 3953 class="relative flex items-center justify-center flex-none mt-1 rounded-lg h-11 w-11 bg-gray-50 group-hover:bg-white dark:bg-gray-800 js-icon-wrapper"> 3954 <i 3955 class="text-gray-600 dark:text-gray-300 fa-fw text-md group-hover:text-secondary-500 fa-solid fa-bug"></i> 3956 3957 </div> 3958 <div> 3959 <a href="/support/technische-problemen" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Support\u0022,\u0022value\u0022:\u0022Storing melden\u0022}');" class="flex items-center font-semibold text-gray-900 group-hover:text-secondary-600 dark:text-gray-50 "> 3960 Storing melden 3961 <span class="absolute inset-0"></span> 3962 </a> 3963 <p class="mt-1 text-gray-600 dark:text-gray-300"> 3964 Meld een probleem 3965 </p> 3966 </div> 3967 </div> 3968 3969 3970 <div class="relative flex p-4 rounded-lg group gap-x-6 hover:bg-gray-50 "> 3971 <div 3972 class="relative flex items-center justify-center flex-none mt-1 rounded-lg h-11 w-11 bg-gray-50 group-hover:bg-white dark:bg-gray-800 js-icon-wrapper"> 3973 <i 3974 class="text-gray-600 dark:text-gray-300 fa-fw text-md group-hover:text-secondary-500 fa-regular fa-arrow-left-rotate"></i> 3975 3976 </div> 3977 <div> 3978 <a href="/support/retourneren" target="_self" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Support\u0022,\u0022value\u0022:\u0022Retourneren\u0022}');" class="flex items-center font-semibold text-gray-900 group-hover:text-secondary-600 dark:text-gray-50 "> 3979 Retourneren 3980 <span class="absolute inset-0"></span> 3981 </a> 3982 <p class="mt-1 text-gray-600 dark:text-gray-300"> 3983 Maak een retourmelding via ons RMA-formulier 3984 </p> 3985 </div> 3986 </div> 3987 3988 </div> 3989 3990 <div class="px-4 py-6 bg-gray-50 dark:bg-gray-700"> 3991 <ul role="list" class=""> 3992 <li class="relative px-4 py-2 rounded-lg group hover:bg-gray-100"> 3993 <h3 class="text-sm font-semibold leading-6 text-primary-600"> 3994 Tip 3995 </h3> 3996 <a href="" gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Support\u0022,\u0022value\u0022:\u0022Tip\u0022}');" class="block text-sm font-normal leading-6 text-gray-800 dark:text-gray-200 line-clamp-3 group-hover:text-gray-800/60"> 3997 Alle downloads zoals handleidingen en datasheets zijn te vinden bij het desbetreffende product onder het kopje âdownloadsâ.
3998 <span class="absolute inset-0"></span> 3999 </a> 4000 </li> 4001 </ul> 4002 </div> 4003 </div> 4004 </div> 4005 </template> 4006</div> 4007 <div class="relative" x-data="{ open: false }" x-on:mouseleave="open = false"> 4008 4009 <a href="/actueel" target="_self" x-on:mouseenter="open = true" 4010 aria-expanded="false" :aria-expanded="open" 4011 gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Actueel\u0022}');" :class="{ 'bg-gray-100 dark:bg-gray-700': open }" class="font-normal text-sm items-center focus:ring-0 ring-0 outline-0 leading-6 inline-flex text-gray-700 dark:text-gray-200 gap-x-1 rounded-md px-2 py-1 transition-colors hover:bg-gray-100 dark:hover:bg-gray-700"> 4012 <span> 4013 Actueel 4014 </span> 4015 <i class="transition fa-sm fa-fw fa-regular fa-chevron-down" 4016 :class="{ '': !open, '-rotate-180 ': open }"></i> 4017 </a> 4018 4019 <template x-if="open"> 4020 <div class="absolute z-10 origin-top pt-4 w-52 -left-20" 4021 x-show="open" x-on:mouseenter="open = true" 4022 x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-1" 4023 x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" 4024 x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-1"> 4025 <div 4026 class="flex-auto overflow-hidden text-sm leading-6 bg-white border border-t-0 border-gray-200 rounded-b-lg shadow-lg w-52 max-w-52 dark:bg-slate-800 dark:border-gray-600 ring-gray-900/5"> 4027 <div class="p-2"> 4028 4029 4030 <a target="_self" href="/actueel/acties" 4031 aria-label="Acties"gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Actueel\u0022,\u0022value\u0022:\u0022Acties\u0022}');" class="hover:text-secondary-600 hover:bg-gray-50 cursor-pointer relative text-gray-700 font-medium flex py-2 px-2 rounded-md "> 4032 <span> 4033 Acties 4034 </span> 4035</a> 4036 4037 <a target="_self" href="/actueel/agenda" 4038 aria-label="Agenda"gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Actueel\u0022,\u0022value\u0022:\u0022Agenda\u0022}');" class="hover:text-secondary-600 hover:bg-gray-50 cursor-pointer relative text-gray-700 font-medium flex py-2 px-2 rounded-md "> 4039 <span> 4040 Agenda 4041 </span> 4042</a> 4043 4044 <a target="_self" href="/actueel/blog" 4045 aria-label="Blog"gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Actueel\u0022,\u0022value\u0022:\u0022Blog\u0022}');" class="text-primary-700 bg-gray-50/50 font-medium cursor-default relative text-gray-700 font-medium flex py-2 px-2 rounded-md "> 4046 <span> 4047 Blog 4048 </span> 4049</a> 4050 4051 <a target="_self" href="/actueel/nieuws" 4052 aria-label="Nieuws"gtm-event="main_menu_click" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022parent\u0022:\u0022Actueel\u0022,\u0022value\u0022:\u0022Nieuws\u0022}');" class="hover:text-secondary-600 hover:bg-gray-50 cursor-pointer relative text-gray-700 font-medium flex py-2 px-2 rounded-md "> 4053 <span> 4054 Nieuws 4055 </span> 4056</a> 4057 </div> 4058 </div> 4059 </div> 4060 </template> 4061 4062</div> 4063 4064 </div> 4065 4066 </div> 4067 4068</nav> 4069 4070<!-- End Desktop menu --> 4071 </div> 4072 </template> 4073 4074 4075 </div> 4076</div> 4077 </div> 4078 4079 <div class="pt-2 default_section default_px sm:hidden"> 4080 <div class="reer">
4081 <span class="relative items-stretch grow block" x-data="{ query: '' }"> 4082 <form action="https://navetto.nl/zoeken"> 4083 <input class="w-full !rounded-full bg-white/40 pl-4 placeholder:text-sm focus:ring/50 block w-full rounded-md border-0 py-2 px-3 text-gray-900 placeholder:text-sm shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-secondary-600/40 sm:text-sm sm:leading-6 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200 disabled:ring-1 disabled:shadow-none shadow-gray-300/20 read-only:bg-gray-300/20 w-full !rounded-full bg-white/40 pl-4 placeholder:text-sm focus:ring/50" required="required" hideLabel="hideLabel" x-model="query" type="search" name="query" value="" placeholder="Doorzoek de winkel..."> 4084 4085 <button type="button" aria-label="clear" x-show="query.length" 4086 class="absolute inset-y-0 top-0 items-center px-3 text-gray-600/60 right-10 hover:text-red-500 focus:outline-hidden active:focus:hover:border-0 active:focus:hover:ring-0 group-focus:text-gray-600 peer-focus:peer-hover:text-gray-600 dark:text-gray-300" 4087 x-on:click="query = ''"> 4088 <i class="my-0 fa-light fa-lg fa-xmark"></i> 4089 </button> 4090 <button type="submit" aria-label="submit" 4091 class="absolute inset-y-0 top-0 items-center px-3 text-gray-600/60 peer-focus:peer-hover:text-gold-600 group-focus:text-gold-600 hover:text-gold-500 right-2 focus:outline-hidden active:focus:hover:border-0 active:focus:hover:ring-0 dark:text-gray-300"> 4092 <i class="my-0 mr-1 fa-light fa-lg fa-search"></i> 4093 </button> 4094 </form> 4095 </span> 4096 </div> 4097 </div> 4098 4099 <div class="flex flex-col justify-between bg-white min-h-dvh dark:bg-gray-900"> 4100 <div x-intersect:leave.margin.200px="footerArrow = true" x-intersect:enter.margin.200px="footerArrow = false"> 4101 </div> 4102 <main class=" relative isolation-auto block h-full min-h-full flex-1 space-y-0 pt-0"> 4103 4104 <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 4105<div wire:snapshot="{"data":{"layout":[{"intro":"<p>Blijf op de hoogte van de laatste ontwikkelingen in de zonne-energiesector: van technische updates en marktinzichten tot een overzicht van aankomende trainingen en evenementen.<\/p>\n<p>Schrijf je eenvoudig in voor trainingen en kom regelmatig terug om op de hoogte te blijven van de laatste ontwikkelingen.<\/p>","title":"Nieuws, Blogs, Trainingen & Events","sub_title":null},{"s":"arr"}],"blog_tag":null,"blog_tag_id":1,"blogs_tags":[{"1":"Blog","2":"Nieuws","3":"Agenda","4":"Acties"},{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"tag":null,"paginators":[{"page":1},{"s":"arr"}]},"memo":{"id":"ixufyjUpStWFpYm9xFOU","name":"blog.overview","path":"actueel\/blog","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl"},"checksum":"46c3439a433c6b9bef45753064624072ee53b9e71568bec5f886189eaa55113c"}" wire:effects="{"url":{"tag":{"as":"tag","use":"push","alwaysShow":false,"except":null},"paginators.page":{"as":"page","use":"push","alwaysShow":false,"except":null}}}" wire:id="ixufyjUpStWFpYm9xFOU" class="default_section-sm default-pb-sm default_px"> 4106 <div class="relative w-full lg:max-w-3xl lg:shrink-0 xl:max-w-4xl"> 4107 <h2 class="mt-16 text-xs/5 font-semibold uppercase tracking-widest text-gray-500 data-[dark]:text-gray-400"> 4108 4109 </h2> 4110 <h1 class="text-4xl font-semibold tracking-tight text-gray-900 text-pretty sm:text-5xl"> 4111 Blog 4112 </h1> 4113 <div 4114 class="mt-8 prose prose:text-base prose:text-pretty text-pretty text-slate-600 prose-p:text-base prose-strong:font-semibold prose-ol:text-base prose-ul:text-base prose-li:text-base sm:max-w-md lg:max-w-none dark:text-slate-100"> 4115 <p>
4115Blijf op de hoogte van de laatste ontwikkelingen in de zonne-energiesector: van technische updates en marktinzichten tot een overzicht van aankomende trainingen en evenementen.</p> 4116<p>Schrijf je eenvoudig in voor trainingen en kom regelmatig terug om op de hoogte te blijven van de laatste ontwikkelingen.</p> 4117 </div> 4118 4119 </div> 4120 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 4121 <div id="blogs"> 4122 <div class="sm:hidden"> 4123 <label for="blogs_tags" class="sr-only">Selecteer een categorie</label> 4124 <select wire:model.live="blog_tag" id="blogs_tags" 4125 class="block w-full border-gray-300 rounded-md focus:border-secondary-550 focus:ring-secondary-550"> 4126 <option value="">Alle actualiteit</option> 4127 <!--[if BLOCK]><![endif]--> <option value="1"> 4128 Blog 4129 </option> 4130 <option value="2"> 4131 Nieuws 4132 </option> 4133 <option value="3"> 4134 Agenda 4135 </option> 4136 <option value="4"> 4137 Acties 4138 </option> 4139 <!--[if ENDBLOCK]><![endif]--> </select> 4140 </div> 4141 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 4142 4143 <!--[if BLOCK]><![endif]--> <div class="relative mx-auto mt-12 lg:max-w-none"> 4144 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <div class="grid max-w-lg gap-5 mx-auto mt-12 lg:max-w-none lg:grid-cols-3"> 4145 <!--[if BLOCK]><![endif]--> <div wire:key='blog_516' 4146 class="flex flex-col overflow-hidden transition-all bg-white rounded-md shadow-xs outline outline-1 outline-gray-200/80 hover:shadow-md hover:outline-primary-500/20"> 4147 <!--[if BLOCK]><![endif]--> <div class="shrink-0"> 4148 <img alt="Piekbelasting: oorzaken, gevolgen en oplossingen" class="object-cover aspect-[3/2] w-full" loading="lazy" srcset="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10102/responsive-images/Woning-in-de-avond-met-een-opladende-elektrische-auto-warmtepomp-en-verlichte-keuken-ter-illustratie-van-gelijktijdig-energieverbruik-dat-piekbelasting-veroorzaakt___media_library_original_1536_1024.webp 1536w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10102/responsive-images/Woning-in-de-avond-met-een-opladende-elektrische-auto-warmtepomp-en-verlichte-keuken-ter-illustratie-van-gelijktijdig-energieverbruik-dat-piekbelasting-veroorzaakt___media_library_original_1285_857.webp 1285w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10102/responsive-images/Woning-in-de-avond-met-een-opladende-elektrische-auto-warmtepomp-en-verlichte-keuken-ter-illustratie-van-gelijktijdig-energieverbruik-dat-piekbelasting-veroorzaakt___media_library_original_1075_717.webp 1075w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10102/responsive-images/Woning-in-de-avond-met-een-opladende-elektrische-auto-warmtepomp-en-verlichte-keuken-ter-illustratie-van-gelijktijdig-energieverbruik-dat-piekbelasting-veroorzaakt___media_library_original_899_599.webp 899w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10102/responsive-images/Woning-in-de-avond-met-een-opladende-elektrische-auto-warmtepomp-en-verlichte-keuken-ter-illustratie-van-gelijktijdig-energieverbruik-dat-piekbelasting-veroorzaakt___media_library_original_752_501.webp 752w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10102/responsive-images/Woning-in-de-avond-met-een-opladende-elektrische-auto-warmtepomp-en-verlichte-keuken-ter-illustratie-van-gelijktijdig-energieverbruik-dat-piekbelasting-veroorzaakt___media_library_original_629_419.webp 629w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10102/responsive-images/Woning-in-de-avond-met-een-opladende-elektrische-auto-warmtepomp-en-verlichte-keuken-ter-illustratie-van-gelijktijdig-energieverbruik-dat-piekbelasting-veroorzaakt___media_library_original_526_351.webp 526w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10102/responsive-images/Woning-in-de-avond-met-een-opladende-elektrische-auto-warmtepomp-en-verlichte-keuken-ter-illustratie-van-gelijktijdig-energieverbruik-dat-piekbelasting-veroorzaakt___media_library_original_440_293.webp 440w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10102/responsive-images/Woning-in-de-avond-met-een-opladende-elektrische-auto-warmtepomp-en-verlichte-keuken-ter-illustratie-van-gelijktijdig-energieverbruik-dat-piekbelasting-veroorzaakt___media_library_original_368_245.webp 368w, data:image/svg+xml;
4148base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTUzNiAxMDI0Ij4KCTxpbWFnZSB3aWR0aD0iMTUzNiIgaGVpZ2h0PSIxMDI0IiB4bGluazpocmVmPSJkYXRhOmltYWdlL2pwZWc7YmFzZTY0LC85ai80QUFRU2taSlJnQUJBUUFBQUFBQUFBRC8yd0JEQUFNQ0FnSUNBZ01DQWdJREF3TURCQVlFQkFRRUJBZ0dCZ1VHQ1FnS0Nna0lDUWtLREE4TUNnc09Dd2tKRFJFTkRnOFFFQkVRQ2d3U0V4SVFFdzhRRUJELzJ3QkRBUU1EQXdRREJBZ0VCQWdRQ3drTEVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkQvd0FBUkNBQVZBQ0FEQVJFQUFoRUJBeEVCLzhRQUZ3QUFBd0VBQUFBQUFBQUFBQUFBQUFBQUJBWUhCZi9FQUNnUUFBRUVBUVFCQXdRREFBQUFBQUFBQUFFQ0F3UUZFUUFHSVRFU0IwR0JDQk1VSWlOUmtmL0VBQmdCQVFFQUF3QUFBQUFBQUFBQUFBQUFBQVVFQWdNRy84UUFKeEVBQVFRQkF3SUdBd0FBQUFBQUFBQUFBUUFDQXhFRUJSSXhFeUVHRkNKQlVaRmhjYkgvMmdBTUF3RUFBaEVERVFBL0FGSDFBMjlBcTk4c1dNdHRxTkNnTENFTHlGSkNRTXFVZXdPTW5QOEFRMGZIcmtNcnFhNnlrNU5HbGpGdUZCVFQxSStvTFlOcklYdDNiR3pXck5zckxCbHkyd0U0UEJVZ2QvUEdtTjI5dnJSWjlEcWpVcXRxaXNyckdHMnF2UzVHTEx6aTJRb3BDeVBIR2NjKytqYytZNDBRTFBjMGtkT2dia3kwL3ZRdFlGUFkxOFZTb2tXQUkwbHh4YWd0Q0R3bnlKeG5IeDhhS3k1NWIzY2dVbDhLR0lEYnc0MnRTUnVUZWtPdWt0dDdyc2JIeUFVV3BqNWVDK2VpazlqVjgrbTR1OE9aR0Fma2NvcUhQeU9tZHp5ZndlNFM3VzMyOElVOXFVM0Rpc3JQOFJLWTZjZmJKT2VENzg5NnpkaU5JQWRkRHZ5dGJjeDlrdEFzOXVGU2JYYjlyVHpvVmsxNFdMYkxLbjNRK3Z4NGRTbFpBNFBBNTFKbGdhbGptRXUybStmMFVoaWgyblRpWnJkd3Irb0t0OVo1Rkp0aGRReHMrcGZqS2VjUDVJS1NyOW5Ddnh5UjBPdEM1WGhMelUzV014Qm9ENkZmS1J4L0U0eDQrbUlnUlpQMmJVcm9Jb2d5UklaZGNLd08xS3pydDNSajNYSU1lNXBzSmlWSmNXMWhRQnljNXdNLzdyQXhnclkyUndSemU0cm1GQ2NZYm5PTGJMZmhodytXRTR4Z1o2R05ReTRjWmNISytMTmthMHNVN21XMGlMQ1hBU2hCU1hDdlBQZXJDZXlPOTEvLzJRPT0iPgoJPC9pbWFnZT4KPC9zdmc+ 32w" 4149 onload="window.requestAnimationFrame(function(){if(!(size=getBoundingClientRect().width))return;onload=null;sizes=Math.ceil(size/window.innerWidth*100)+'vw';});" 4150 sizes="32vw" src="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10102/Woning-in-de-avond-met-een-opladende-elektrische-auto-warmtepomp-en-verlichte-keuken-ter-illustratie-van-gelijktijdig-energieverbruik-dat-piekbelasting-veroorzaakt.webp" width="1536" height="1024" 4151 alt="Woning in de avond met een opladende elektrische auto, warmtepomp en verlichte keuken, ter illustratie van gelijktijdig energieverbruik dat piekbelasting veroorzaakt"> 4152 4153 </div> 4154 <!--[if ENDBLOCK]><![endif]--> <div class="flex flex-col justify-between flex-1 p-6 bg-white"> 4155 <div class="flex-1"> 4156 4157 <div class="items-center justify-between mb-2 md:flex flex"> 4158 <div> 4159 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 4160 <p class="text-xs font-medium text-primary-500"> 4161 <a href="https://navetto.nl/actueel/blog" 4162 class="bg-gray-50 dark:bg-gray-600 text-gray-600 dark:text-gray-300 hover:bg-gray-100 relative z-10 rounded-full px-3 py-1.5 font-medium"> 4163 Blog 4164 </a> 4165 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </p> 4166 </div> 4167 <div class="my-3 border-b border-gray-100"></div> 4168 4169 <a href="https://navetto.nl/actueel/blog/piekbelasting" class="block mt-2"> 4170 <p 4171 class="text-lg font-semibold leading-snug tracking-tight text-gray-900 text-pretty"> 4172 Piekbelasting: oorzaken, gevolgen en oplossingen 4173 </p> 4174 </a> 4175 <p class="mt-1 text-sm text-gray-600"> 4176 Piekbelasting is het moment waarop veel elektriciteit tegelijk wordt gevraagd van het stroomnet. Het... 4177 </p> 4178 </div> 4179 <div class="flex gap-2 mt-6"> 4180 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a href="https://navetto.nl/actueel/blog/piekbelasting" class="relative flex items-center justify-center font-medium text-gray-900 bg-white rounded-md disabled:hover:bg-white disabled:cursor-not-allowed disabled:hover-none ring-1 ring-inset ring-gray-300 hover:ring-gray-300 hover:bg-gray-100 focus-visible:ring-transparent px-4 py-2 text-sm w-full"> 4181 <!--[if BLOCK]><![endif]--> Lees meer <span aria-hidden="true" class="ml-1">â</span> 4182 <!--[if ENDBLOCK]><![endif]--> 4183 </a> 4184<!--[if ENDBLOCK]><![endif]--> </div> 4185 </div> 4186 </div> 4187 <div wire:key='blog_521' 4188 class="flex flex-col overflow-hidden transition-all bg-white rounded-md shadow-xs outline outline-1 outline-gray-200/80 hover:shadow-md hover:outline-primary-500/20"> 4189 <!--[if BLOCK]><![endif]--> <div class="shrink-0"> 4190 <img alt="Energiemanagementsysteem: werking, typen en kosten" class="object-cover aspect-[3/2] w-full" loading="lazy" srcset="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10112/responsive-images/Persoon-bekijkt-een-energiemanagementsysteem-op-een-tablet-met-inzicht-in-zonnepanelen-batterij-en-verbruik-in-de-woning___media_library_original_1536_1024.webp 1536w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10112/responsive-images/Persoon-bekijkt-een-energiemanagementsysteem-op-een-tablet-met-inzicht-in-zonnepanelen-batterij-en-verbruik-in-de-woning___media_library_original_1285_857.webp 1285w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10112/responsive-images/Persoon-bekijkt-een-energiemanagementsysteem-op-een-tablet-met-inzicht-in-zonnepanelen-batterij-en-verbruik-in-de-woning___media_library_original_1075_717.webp 1075w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10112/responsive-images/Persoon-bekijkt-een-energiemanagementsysteem-op-een-tablet-met-inzicht-in-zonnepanelen-batterij-en-verbruik-in-de-woning___media_library_original_899_599.webp 899w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10112/responsive-images/Persoon-bekijkt-een-energiemanagementsysteem-op-een-tablet-met-inzicht-in-zonnepanelen-batterij-en-verbruik-in-de-woning___media_library_original_752_501.webp 752w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10112/responsive-images/Persoon-bekijkt-een-energiemanagementsysteem-op-een-tablet-met-inzicht-in-zonnepanelen-batterij-en-verbruik-in-de-woning___media_library_original_629_419.webp 629w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10112/responsive-images/Persoon-bekijkt-een-energiemanagementsysteem-op-een-tablet-met-inzicht-in-zonnepanelen-batterij-en-verbruik-in-de-woning___media_library_original_526_351.webp 526w, data:image/svg+xml;
4190base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTUzNiAxMDI0Ij4KCTxpbWFnZSB3aWR0aD0iMTUzNiIgaGVpZ2h0PSIxMDI0IiB4bGluazpocmVmPSJkYXRhOmltYWdlL2pwZWc7YmFzZTY0LC85ai80QUFRU2taSlJnQUJBUUFBQUFBQUFBRC8yd0JEQUFNQ0FnSUNBZ01DQWdJREF3TURCQVlFQkFRRUJBZ0dCZ1VHQ1FnS0Nna0lDUWtLREE4TUNnc09Dd2tKRFJFTkRnOFFFQkVRQ2d3U0V4SVFFdzhRRUJELzJ3QkRBUU1EQXdRREJBZ0VCQWdRQ3drTEVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkQvd0FBUkNBQVZBQ0FEQVJFQUFoRUJBeEVCLzhRQUdBQUJBQU1CQUFBQUFBQUFBQUFBQUFBQUJ3UUZDQUQveEFBbkVBQUJBd01EQkFFRkFBQUFBQUFBQUFBQkFnTUVCUVlSQUNFeEJ3Z1NFMkVVTW9HUm9mL0VBQmtCQVFFQkFRRUJBQUFBQUFBQUFBQUFBQVVFQXdJQUFmL0VBQ01SQUFJQ0FnQUdBd0VBQUFBQUFBQUFBQUVDQXdRQUVRVVNFeUVpTVVGUllhSC8yZ0FNQXdFQUFoRURFUUEvQURtbVhWSXBFV1MrTGZZbU9zeUFFb2NJWlNHODQ4dkkvR05FdE1lVWtMdkVEQjVhQjFsWjFYN3JJZG16MmFIUUxjaVNsdVFRNUpjUkpCRExpaWNKeUFRZHNIODZxcHBKYWk2anJ5bjZ5ZTBVcnlkTU56WkU2Uzkvc2V3YVE3VGJndEtYTFM2NTdHMU5QZytBSjNBQkdxa2dhTWR6a1lrQk9LRVB2VzZQOVpxOVRMZmwyaFV3NGxDbEVUMEorbjhna25LaWhSUDgwWnhhcGJ0UmNsVnRIRmVHMmEwRGxyQTJNQitsZHd2MU9uVkNsbXBQU1ljeGtsMXQ5MzJyT01FQUVqSTNBNDF0WmxraDhRTmZ1ZDhQclIyVHpNZC9tWjF1MlJNbTE2b1RuZ3BoYnJ5aDZTMlU0UU5rajlhWHFzRmc4WDduMk1JdWhqWU8wMFBqS1V1ZTB0UjFQN0hISTRPdkR1ZFpHUVZCZldOZmJ0WmM2clZpdFZ5Skdka3FnUWtwanBRMXM0dFNoa0Q1QXpyR2VaWTVsais4c3AxMmxydE1Sclg5d3dzNjVLblFxa3pLcDd5bTFJVURzcjd2ZzY3WkZsVXF3N1o4aWxlQnc2SFJ6WlZyVUczN2d0K05YSk5FaWgyWTJGdUFvQ3NrODduUmZRV0p0TGlyMjVKeHR6N3pyNjZCOU5hOVlsVXFhYmZqd0owSnNQdHlJcUFoUk9kd2NjZzYxa2RraUxLZldaUVJwSk1FWWRqa3p0S1JHdDl5WkJpeGtyYWpJVDRoWEo1NTBkVmthYXdHYkZiY2F3VmlxZXMvLzlrPSI+Cgk8L2ltYWdlPgo8L3N2Zz4= 32w" 4191 onload="window.requestAnimationFrame(function(){if(!(size=getBoundingClientRect().width))return;onload=null;sizes=Math.ceil(size/window.innerWidth*100)+'vw';});" 4192 sizes="32vw" src="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10112/Persoon-bekijkt-een-energiemanagementsysteem-op-een-tablet-met-inzicht-in-zonnepanelen-batterij-en-verbruik-in-de-woning.webp" width="1536" height="1024" 4193 alt="Persoon bekijkt een energiemanagementsysteem op een tablet, met inzicht in zonnepanelen, batterij en verbruik in de woning"> 4194 4195 </div> 4196 <!--[if ENDBLOCK]><![endif]--> <div class="flex flex-col justify-between flex-1 p-6 bg-white"> 4197 <div class="flex-1"> 4198 4199 <div class="items-center justify-between mb-2 md:flex flex"> 4200 <div> 4201 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 4202 <p class="text-xs font-medium text-primary-500"> 4203 <a href="https://navetto.nl/actueel/blog" 4204 class="bg-gray-50 dark:bg-gray-600 text-gray-600 dark:text-gray-300 hover:bg-gray-100 relative z-10 rounded-full px-3 py-1.5 font-medium"> 4205 Blog 4206 </a> 4207 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </p> 4208 </div> 4209 <div class="my-3 border-b border-gray-100"></div> 4210 4211 <a href="https://navetto.nl/actueel/blog/energiemanagementsysteem" class="block mt-2"> 4212 <p 4213 class="text-lg font-semibold leading-snug tracking-tight text-gray-900 text-pretty"> 4214 Energiemanagementsysteem: werking, typen en kosten 4215 </p> 4216 </a> 4217 <p class="mt-1 text-sm text-gray-600"> 4218 Bedrijven besparen 10 tot 30% op energiekosten met een energiemanagementsysteem, en in woningen bepa... 4219 </p> 4220 </div> 4221 <div class="flex gap-2 mt-6"> 4222 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]-->
4222 <a href="https://navetto.nl/actueel/blog/energiemanagementsysteem" class="relative flex items-center justify-center font-medium text-gray-900 bg-white rounded-md disabled:hover:bg-white disabled:cursor-not-allowed disabled:hover-none ring-1 ring-inset ring-gray-300 hover:ring-gray-300 hover:bg-gray-100 focus-visible:ring-transparent px-4 py-2 text-sm w-full"> 4223 <!--[if BLOCK]><![endif]--> Lees meer <span aria-hidden="true" class="ml-1">â</span> 4224 <!--[if ENDBLOCK]><![endif]--> 4225 </a> 4226<!--[if ENDBLOCK]><![endif]--> </div> 4227 </div> 4228 </div> 4229 <div wire:key='blog_520' 4230 class="flex flex-col overflow-hidden transition-all bg-white rounded-md shadow-xs outline outline-1 outline-gray-200/80 hover:shadow-md hover:outline-primary-500/20"> 4231 <!--[if BLOCK]><![endif]--> <div class="shrink-0"> 4232 <img alt="NEN 1010 meterkast: de eisen voor groepenkast en batterij" class="object-cover aspect-[3/2] w-full" loading="lazy" srcset="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10110/responsive-images/Open-groepenkast-met-aardlekschakelaars-en-installatieautomaten-volgens-de-eisen-van-NEN-1010___media_library_original_1536_1024.webp 1536w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10110/responsive-images/Open-groepenkast-met-aardlekschakelaars-en-installatieautomaten-volgens-de-eisen-van-NEN-1010___media_library_original_1285_857.webp 1285w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10110/responsive-images/Open-groepenkast-met-aardlekschakelaars-en-installatieautomaten-volgens-de-eisen-van-NEN-1010___media_library_original_1075_717.webp 1075w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10110/responsive-images/Open-groepenkast-met-aardlekschakelaars-en-installatieautomaten-volgens-de-eisen-van-NEN-1010___media_library_original_899_599.webp 899w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10110/responsive-images/Open-groepenkast-met-aardlekschakelaars-en-installatieautomaten-volgens-de-eisen-van-NEN-1010___media_library_original_752_501.webp 752w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10110/responsive-images/Open-groepenkast-met-aardlekschakelaars-en-installatieautomaten-volgens-de-eisen-van-NEN-1010___media_library_original_629_419.webp 629w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10110/responsive-images/Open-groepenkast-met-aardlekschakelaars-en-installatieautomaten-volgens-de-eisen-van-NEN-1010___media_library_original_526_351.webp 526w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10110/responsive-images/Open-groepenkast-met-aardlekschakelaars-en-installatieautomaten-volgens-de-eisen-van-NEN-1010___media_library_original_440_293.webp 440w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTUzNiAxMDI0Ij4KCTxpbWFnZSB3aWR0aD0iMTUzNiIgaGVpZ2h0PSIxMDI0IiB4bGluazpocmVmPSJkYXRhOmltYWdlL2pwZWc7YmFzZTY0LC85ai80QUFRU2taSlJnQUJBUUFBQUFBQUFBRC8yd0JEQUFNQ0FnSUNBZ01DQWdJREF3TURCQVlFQkFRRUJBZ0dCZ1VHQ1FnS0Nna0lDUWtLREE4TUNnc09Dd2tKRFJFTkRnOFFFQkVRQ2d3U0V4SVFFdzhRRUJELzJ3QkRBUU1EQXdRREJBZ0VCQWdRQ3drTEVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkQvd0FBUkNBQVZBQ0FEQVJFQUFoRUJBeEVCLzhRQUdRQUFBd0FEQUFBQUFBQUFBQUFBQUFBQUJBWUlBZ1VILzhRQUxCQUFBUVFCQXdNREFnY0JBQUFBQUFBQUFRSURCQVVHQUJFaEJ4SkJDQk14WWNFVUZ5SWpVVktCb2YvRUFCa0JBUUVBQXdFQUFBQUFBQUFBQUFBQUFBUUNBQU1GQWYvRUFDQVJBQUlDQWdNQkFRRUJBQUFBQUFBQUFBRUNBQU1FRVJJaFFURlJCYUgvMmdBTUF3RUFBaEVERVFBL0FKVnJxUzBnZEFhcklLcUlwK1kxWU1Mam83TzRLT3g4ZkIrZGJoc0FFZllmcG1JUHlQdUtyNjBRb2pOeCtURmJOZWNIdk51bUE0aGE5aHVDRklWOXRFeU5QZUdzVFovWTZqa2xETFhZUUQ1K3dLWlZYK2RaZlh4TGpDNmpGck4yU1hIRnZwZEw3M2NuK3V4S1FDVDhrRFdpNFkrTyt4dmwva1ZqMTVlVlVlUkhIelk3aGZXUEU1K05ZNjlDbk1CdDFuS1lTTndPRkQyRytRZkkwNUN
4232HR3hPWGFwUmlyZlpqVFpMVTAvcHN4V1ROVWtOUjdCa3ZiRGNqNjdEbjZmN3JlaDFvdzdEWkluVFVlcmpGYXFuaFZsVGtOZ0RGYjlzSmpSMUg5UGdFS1FlUVNlUnQ0L2pXVzNKekthN2xWVldjQSsrb2dTdXNNK1ZrZFRLeDZ5dTNuckNVNnFZNVBpSkRRU1VrZ0pWc0R2OEFiUThuQ0JJWSt6bzR2OUowVGdQSW8rcHpNdXBOelZWc2R0U1pVR0RMQ1hGbzI3aThXMExSdUR6d0ZFRFY0dERVZytpUmw1UzVKQlBSbWdvTEZSNlFVVVIxaHQxdE14bFhhNE81Skd4NElPa0w4RUFmcGxPTVpiak9HMUZJN0E2YlVTcE0yTWhSZURmWVFyeVNBT2YrYXNJR1lreVM1VlFCQitwR1l5NVBUbWIrTHJLNHFlbFJ6SFV5eDdaanE3dHlRZHp1U09QSHpxYi9BRFU5eC9keVp1cEZsSW0xem9lV3I5dXhEcWRsYmNoaHZVZ2tEcVdRQ1ovLzJRPT0iPgoJPC9pbWFnZT4KPC9zdmc+ 32w" 4233 onload="window.requestAnimationFrame(function(){if(!(size=getBoundingClientRect().width))return;onload=null;sizes=Math.ceil(size/window.innerWidth*100)+'vw';});" 4234 sizes="32vw" src="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10110/Open-groepenkast-met-aardlekschakelaars-en-installatieautomaten-volgens-de-eisen-van-NEN-1010.webp" width="1536" height="1024" 4235 alt="Open groepenkast met aardlekschakelaars en installatieautomaten volgens de eisen van NEN 1010"> 4236 4237 </div> 4238 <!--[if ENDBLOCK]><![endif]--> <div class="flex flex-col justify-between flex-1 p-6 bg-white"> 4239 <div class="flex-1"> 4240 4241 <div class="items-center justify-between mb-2 md:flex flex"> 4242 <div> 4243 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 4244 <p class="text-xs font-medium text-primary-500"> 4245 <a href="https://navetto.nl/actueel/blog" 4246 class="bg-gray-50 dark:bg-gray-600 text-gray-600 dark:text-gray-300 hover:bg-gray-100 relative z-10 rounded-full px-3 py-1.5 font-medium"> 4247 Blog 4248 </a> 4249 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </p> 4250 </div> 4251 <div class="my-3 border-b border-gray-100"></div> 4252 4253 <a href="https://navetto.nl/actueel/blog/nen-1010-meterkast" class="block mt-2"> 4254 <p 4255 class="text-lg font-semibold leading-snug tracking-tight text-gray-900 text-pretty"> 4256 NEN 1010 meterkast: de eisen voor groepenkast en batterij 4257 </p> 4258 </a> 4259 <p class="mt-1 text-sm text-gray-600"> 4260 Wie een thuisbatterij, laadpaal of warmtepomp aansluit, wijzigt de elektrische installatie en valt d... 4261 </p> 4262 </div> 4263 <div class="flex gap-2 mt-6"> 4264 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a href="https://navetto.nl/actueel/blog/nen-1010-meterkast" class="relative flex items-center justify-center font-medium text-gray-900 bg-white rounded-md disabled:hover:bg-white disabled:cursor-not-allowed disabled:hover-none ring-1 ring-inset ring-gray-300 hover:ring-gray-300 hover:bg-gray-100 focus-visible:ring-transparent px-4 py-2 text-sm w-full"> 4265 <!--[if BLOCK]><![endif]--> Lees meer <span aria-hidden="true" class="ml-1">â</span> 4266 <!--[if ENDBLOCK]><![endif]--> 4267 </a> 4268<!--[if ENDBLOCK]><![endif]--> </div> 4269 </div> 4270 </div> 4271 <div wire:key='blog_519' 4272 class="flex flex-col overflow-hidden transition-all bg-white rounded-md shadow-xs outline outline-1 outline-gray-200/80 hover:shadow-md hover:outline-primary-500/20"> 4273 <!--[if BLOCK]><![endif]--> <div class="shrink-0"> 4274 <img alt="Bidirectioneel laden: werking, auto's en toepassingen" class="object-cover aspect-[3/2] w-full" loading="lazy" srcset="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10108/responsive-images/Elektrische-auto-aangesloten-op-een-bidirectionele-laadpaal-die-stroom-terug-levert-
4274aan-de-woning-via-Vehicle-to-Home___media_library_original_1536_1024.webp 1536w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10108/responsive-images/Elektrische-auto-aangesloten-op-een-bidirectionele-laadpaal-die-stroom-terug-levert-aan-de-woning-via-Vehicle-to-Home___media_library_original_1285_857.webp 1285w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10108/responsive-images/Elektrische-auto-aangesloten-op-een-bidirectionele-laadpaal-die-stroom-terug-levert-aan-de-woning-via-Vehicle-to-Home___media_library_original_1075_717.webp 1075w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10108/responsive-images/Elektrische-auto-aangesloten-op-een-bidirectionele-laadpaal-die-stroom-terug-levert-aan-de-woning-via-Vehicle-to-Home___media_library_original_899_599.webp 899w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10108/responsive-images/Elektrische-auto-aangesloten-op-een-bidirectionele-laadpaal-die-stroom-terug-levert-aan-de-woning-via-Vehicle-to-Home___media_library_original_752_501.webp 752w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10108/responsive-images/Elektrische-auto-aangesloten-op-een-bidirectionele-laadpaal-die-stroom-terug-levert-aan-de-woning-via-Vehicle-to-Home___media_library_original_629_419.webp 629w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10108/responsive-images/Elektrische-auto-aangesloten-op-een-bidirectionele-laadpaal-die-stroom-terug-levert-aan-de-woning-via-Vehicle-to-Home___media_library_original_526_351.webp 526w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10108/responsive-images/Elektrische-auto-aangesloten-op-een-bidirectionele-laadpaal-die-stroom-terug-levert-aan-de-woning-via-Vehicle-to-Home___media_library_original_440_293.webp 440w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10108/responsive-images/Elektrische-auto-aangesloten-op-een-bidirectionele-laadpaal-die-stroom-terug-levert-aan-de-woning-via-Vehicle-to-Home___media_library_original_368_245.webp 368w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTUzNiAxMDI0Ij4KCTxpbWFnZSB3aWR0aD0iMTUzNiIgaGVpZ2h0PSIxMDI0IiB4bGluazpocmVmPSJkYXRhOmltYWdlL2pwZWc7YmFzZTY0LC85ai80QUFRU2taSlJnQUJBUUFBQUFBQUFBRC8yd0JEQUFNQ0FnSUNBZ01DQWdJREF3TURCQVlFQkFRRUJBZ0dCZ1VHQ1FnS0Nna0lDUWtLREE4TUNnc09Dd2tKRFJFTkRnOFFFQkVRQ2d3U0V4SVFFdzhRRUJELzJ3QkRBUU1EQXdRREJBZ0VCQWdRQ3drTEVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkQvd0FBUkNBQVZBQ0FEQVJFQUFoRUJBeEVCLzhRQUdRQUFBZ01CQUFBQUFBQUFBQUFBQUFBQUFnY0VCUVlJLzhRQUp4QUFBUU1FQVFNREJRQUFBQUFBQUFBQUFRSURCQUFGQmhFaEVoTXhVV0dSQnlKQmdhSC94QUFiQVFBQ0FnTUJBQUFBQUFBQUFBQUFBQUFFQmdjSUFBTUZBZi9FQUNzUkFBRURBd01DQXdrQUFBQUFBQUFBQUFFQUFnTUVCUkVTSVRFR0lpTkJzU1F5VVdHQndkSGg4UC9hQUF3REFRQUNFUU1SQUQ4QTV2c0dEM0VsdHRVVWhhaHRJL0pGV0VwNTRZeGdsUWJWUjFNcE9scTJiUDA3a3FaSmNaVWxXdC9jUUJSRDdqRTFwM1FrZHRxWGtaU0dldGRsdXJWOWxaZGtzZ1hHM3lpeGJiY3kyVkJ3OVhLaXJXZ0I4bXE1ZFNkUlhXdHViS2Yzb2dUa2s4RFBBSHgrYXNKMDkwL2JxUzN1bXhpUWdZQUhPM21Vc0w3R2oyOTVTV0VCU2xjbFMrZGI5QlhiZnBjM1VGek1FSEJUcWc1N0t1dUpTcGpFcVd1OVJXKzJ6Sk1yb0RTVkhSVnlSOEQycEhsdWQ1a3VVZnRCRFBNZlpNYmJkYlJSUHhDTlg5dXJGL0ljNnVHR21YY00zZm5JWVFrcmhOb1EycDNSNTA0RjdWeDVxU3BaSjYyakxYVkcrT0JqMXlrbW5paHBLb09FSSt2NFdQdy9Lc2NMamtTOFk2cEU1WGZjN3I2ajZiU0FEeHh6VVgzZTFWc01vbGpmMjVIcnVwRnRsMWdrWVkzdDN3ZjBsdmxjbU5JZkM0cUNuUTB2WjhxMmZIdDRwMWFYQmdCU2s3ZHhLQ3hUWDFObU1Wa0llQUN3RHJmTkNVZE5HOTJYQmJwcG5odUFWSWN2TTZ5WE1HTThWZElCU0Y4Z2ZvMFU5b2dsdzFEanhHYm8yWG5yelBUS25yQ3RuWlNoUFNQNVJUWXhPUnI5TUxWcU1RN1VGNHMwZFJVdHB4YmZ0dllyS2lJTkhhdlk1Q2VWLzlrPSI+Cgk8L2ltYWdlPgo8L3N2Zz4= 32w" 4275 onload="window.requestAnimationFrame(function(){if(!(size=getBoundingClientRect().width))return;onload=null;sizes=Math.ceil(size/window.innerWidth*100)+'vw';});" 4276 sizes="32vw" src="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10108/Elektrische-auto-aangesloten-op-een-bidirectionele-laadpaal-die-stroom-terug-levert-
4276aan-de-woning-via-Vehicle-to-Home.webp" width="1536" height="1024" 4277 alt="Elektrische auto aangesloten op een bidirectionele laadpaal, die stroom terug levert aan de woning via Vehicle to Home"> 4278 4279 </div> 4280 <!--[if ENDBLOCK]><![endif]--> <div class="flex flex-col justify-between flex-1 p-6 bg-white"> 4281 <div class="flex-1"> 4282 4283 <div class="items-center justify-between mb-2 md:flex flex"> 4284 <div> 4285 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 4286 <p class="text-xs font-medium text-primary-500"> 4287 <a href="https://navetto.nl/actueel/blog" 4288 class="bg-gray-50 dark:bg-gray-600 text-gray-600 dark:text-gray-300 hover:bg-gray-100 relative z-10 rounded-full px-3 py-1.5 font-medium"> 4289 Blog 4290 </a> 4291 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </p> 4292 </div> 4293 <div class="my-3 border-b border-gray-100"></div> 4294 4295 <a href="https://navetto.nl/actueel/blog/bidirectioneel-laden" class="block mt-2"> 4296 <p 4297 class="text-lg font-semibold leading-snug tracking-tight text-gray-900 text-pretty"> 4298 Bidirectioneel laden: werking, auto's en toepassingen 4299 </p> 4300 </a> 4301 <p class="mt-1 text-sm text-gray-600"> 4302 "Kan mijn auto niet gewoon mijn thuisbatterij zijn?" Die vraag krijg je als installateur steeds vake... 4303 </p> 4304 </div> 4305 <div class="flex gap-2 mt-6"> 4306 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a href="https://navetto.nl/actueel/blog/bidirectioneel-laden" class="relative flex items-center justify-center font-medium text-gray-900 bg-white rounded-md disabled:hover:bg-white disabled:cursor-not-allowed disabled:hover-none ring-1 ring-inset ring-gray-300 hover:ring-gray-300 hover:bg-gray-100 focus-visible:ring-transparent px-4 py-2 text-sm w-full"> 4307 <!--[if BLOCK]><![endif]--> Lees meer <span aria-hidden="true" class="ml-1">â</span> 4308 <!--[if ENDBLOCK]><![endif]--> 4309 </a> 4310<!--[if ENDBLOCK]><![endif]--> </div> 4311 </div> 4312 </div> 4313 <div wire:key='blog_518' 4314 class="flex flex-col overflow-hidden transition-all bg-white rounded-md shadow-xs outline outline-1 outline-gray-200/80 hover:shadow-md hover:outline-primary-500/20"> 4315 <!--[if BLOCK]><![endif]--> <div class="shrink-0"> 4316 <img alt="kWh meter 3 fase: kies tussen CT-meting en P1-poort" class="object-cover aspect-[3/2] w-full" loading="lazy" srcset="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10106/responsive-images/Installateur-monteert-een-stroomtrafo-in-de-meterkast-voor-de-CT-meting-van-een-thuisbatterij-naast-de-P1-poort-van-de-slimme-meter___media_library_original_1536_1024.webp 1536w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10106/responsive-images/Installateur-monteert-een-stroomtrafo-in-de-meterkast-voor-de-CT-meting-van-een-thuisbatterij-naast-de-P1-poort-van-de-slimme-meter___media_library_original_1285_857.webp 1285w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10106/responsive-images/Installateur-monteert-een-stroomtrafo-in-de-meterkast-voor-de-CT-meting-van-een-thuisbatterij-naast-de-P1-poort-van-de-slimme-meter___media_library_original_1075_717.webp 1075w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10106/responsive-images/Installateur-monteert-een-stroomtrafo-in-de-meterkast-voor-de-CT-meting-van-een-thuisbatterij-naast-de-P1-poort-van-de-slimme-meter___media_library_original_899_599.webp 899w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10106/responsive-images/Installateur-monteert-een-stroomtrafo-in-de-meterkast-voor-de-CT-meting-van-een-thuisbatterij-naast-de-P1-poort-van-de-slimme-meter___media_library_original_752_501.webp 752w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10106/responsive-images/Installateur-monteert-een-stroomtrafo-in-de-meterkast-voor-de-CT-meting-van-een-thuisbatterij-naast-de-P1-poort-van-de-slimme-meter___media_library_original_629_419.webp 629w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10106/responsive-images/Installateur-monteert-een-stroomtrafo-in-de-meterkast-voor-de-CT-meting-van-een-thuisbatterij-naast-de-P1-poort-van-de-slimme-meter___media_library_original_526_351.webp 526w, data:image/svg+xml;
4316base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTUzNiAxMDI0Ij4KCTxpbWFnZSB3aWR0aD0iMTUzNiIgaGVpZ2h0PSIxMDI0IiB4bGluazpocmVmPSJkYXRhOmltYWdlL2pwZWc7YmFzZTY0LC85ai80QUFRU2taSlJnQUJBUUFBQUFBQUFBRC8yd0JEQUFNQ0FnSUNBZ01DQWdJREF3TURCQVlFQkFRRUJBZ0dCZ1VHQ1FnS0Nna0lDUWtLREE4TUNnc09Dd2tKRFJFTkRnOFFFQkVRQ2d3U0V4SVFFdzhRRUJELzJ3QkRBUU1EQXdRREJBZ0VCQWdRQ3drTEVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkQvd0FBUkNBQVZBQ0FEQVJFQUFoRUJBeEVCLzhRQUdBQUFBd0VCQUFBQUFBQUFBQUFBQUFBQUJRY0lBUWIveEFBbUVBQUJCQUVFQWdJQ0F3QUFBQUFBQUFBQkFnTUVCUVlBQnhFaEV6RVNVUlNSSWpKaC84UUFHUUVBQXdFQkFRQUFBQUFBQUFBQUFBQUFBd1FGQWdFRy84UUFJaEVBQWdJQ0FRUURBUUFBQUFBQUFBQUFBUUlBQXdRUk1RVVNFeUVpSTFHaC85b0FEQU1CQUFJUkF4RUFQd0JKWXN0dUpzN2p2aldFS2ZhUWc5ZXdXMWpqUTkvRTZoVjEzamNOYmZJbVZPZTVCUUlIa2FuRm1VeTM5a2drY2ZwWDcxcnBUNnhWQi9JWHJDRTV0aEg3SytrYjkzc2pHZkljRWFybTQwY284ams4QXE0VHdDRWxIWkgwRHA0YkkyREVDdmFkR1R4bDl0Y1pSbmtISWNvcW9VSmI5YXdHRzJYdzZWSUsxSDVIb2NFOCt0Y095ZG1aMXIwSXFOczcydVp3ZkIyTENPMisyN0paajhMOUFxQ2dEcVBrbGxxSldWOEVLYjFEaVp2bGttSjRkdlhXeWtxc3pFWXFXMEZWYytHbkM0bFo1S2xjSDVmeEordldnWTRkcVNpeC9NZXV2S0ZyL3dBanZqMyswVytlR1ZjRlZ4K2JQckdPR1dwN3BRK3JydEtqMTh0WXBzZkViN0I2aHNtdW5xRmYxSDVTZUxQS3EzRXNrc3FzV1BsbHdYQ2hTQzk4Z2hLU1NsQ2UrZ0FRT1A4QU5YYXo1RkRMd1o1aXhEVTVSK1JGczVhVEc5b2FFc3ZLYVd4TGFVaGFGY0VFQmZvNkRTZ2V3SzNFM1k3SXZjcDl6blhiUjJhQTYrZ0tXMmVsRThrOCsrenEyOUtXTHh4SjYyT0R6QzhpL25VMFp1enJWbU84aEk0S0R4cUphaW4wWlFyc1pEdFRGODljVEhJc20ybHI4OG13ZFVweHhmOEFibm52dlQ5YmVPcjBJdTQ4ajdNLy85az0iPgoJPC9pbWFnZT4KPC9zdmc+ 32w" 4317 onload="window.requestAnimationFrame(function(){if(!(size=getBoundingClientRect().width))return;onload=null;sizes=Math.ceil(size/window.innerWidth*100)+'vw';});" 4318 sizes="32vw" src="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10106/Installateur-monteert-een-stroomtrafo-in-de-meterkast-voor-de-CT-meting-van-een-thuisbatterij-naast-de-P1-poort-van-de-slimme-meter.webp" width="1536" height="1024" 4319 alt="Installateur monteert een stroomtrafo in de meterkast voor de CT-meting van een thuisbatterij, naast de P1-poort van de slimme meter"> 4320 4321 </div> 4322 <!--[if ENDBLOCK]><![endif]--> <div class="flex flex-col justify-between flex-1 p-6 bg-white"> 4323 <div class="flex-1"> 4324 4325 <div class="items-center justify-between mb-2 md:flex flex"> 4326 <div> 4327 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 4328 <p class="text-xs font-medium text-primary-500"> 4329 <a href="https://navetto.nl/actueel/blog" 4330 class="bg-gray-50 dark:bg-gray-600 text-gray-600 dark:text-gray-300 hover:bg-gray-100 relative z-10 rounded-full px-3 py-1.5 font-medium"> 4331 Blog 4332 </a> 4333 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </p> 4334 </div> 4335 <div class="my-3 border-b border-gray-100"></div> 4336 4337 <a href="https://navetto.nl/actueel/blog/kwh-meter-3-fase" class="block mt-2"> 4338 <p 4339 class="text-lg font-semibold leading-snug tracking-tight text-gray-900 text-pretty"> 4340 kWh meter 3 fase: kies tussen CT-meting en P1-poort 4341 </p> 4342 </a> 4343 <p class="mt-1 text-sm text-gray-600"> 4344 Elke thuisbatterij en elke zero export instelling heeft één meetpunt nodig: de actuele stroomrichtin... 4345 </p> 4346 </div> 4347 <div class="flex gap-2 mt-6"> 4348 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a href="https://navetto.nl/actueel/blog/kwh-meter-3-fase" class="relative flex items-center justify-center font-medium text-gray-900 bg-white rounded-md disabled:hover:bg-white disabled:cursor-not-allowed disabled:hover-none ring-1 ring-inset ring-gray-300 hover:ring-gray-300 hover:bg-gray-100 focus-visible:ring-transparent px-4 py-2 text-sm w-full"> 4349 <!--[if BLOCK]><![endif]--> Lees meer <span aria-hidden="true" class="ml-1">â</span> 4350 <!--[if ENDBLOCK]><![endif]--> 4351 </a> 4352<!--[if ENDBLOCK]><![endif]--> </div> 4353 </div> 4354 </div> 4355 <div wire:key='blog_517' 4356 class="flex flex-col overflow-hidden transition-all bg-white rounded-md shadow-xs outline outline-1 outline-gray-200/80 hover:shadow-md hover:outline-primary-500/20"> 4357 <!--[if BLOCK]><![endif]--> <div class="shrink-0"> 4358 <img alt="Geen teruglevering zonnepanelen: zo
4358stel je het in" class="object-cover aspect-[3/2] w-full" loading="lazy" srcset="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10104/responsive-images/Installateur-stelt-een-zonnepaneel-omvormer-af-op-zero-export-om-teruglevering-naar-het-elektriciteitsnet-te-begrenzen___media_library_original_1536_1024.webp 1536w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10104/responsive-images/Installateur-stelt-een-zonnepaneel-omvormer-af-op-zero-export-om-teruglevering-naar-het-elektriciteitsnet-te-begrenzen___media_library_original_1285_857.webp 1285w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10104/responsive-images/Installateur-stelt-een-zonnepaneel-omvormer-af-op-zero-export-om-teruglevering-naar-het-elektriciteitsnet-te-begrenzen___media_library_original_1075_717.webp 1075w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10104/responsive-images/Installateur-stelt-een-zonnepaneel-omvormer-af-op-zero-export-om-teruglevering-naar-het-elektriciteitsnet-te-begrenzen___media_library_original_899_599.webp 899w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10104/responsive-images/Installateur-stelt-een-zonnepaneel-omvormer-af-op-zero-export-om-teruglevering-naar-het-elektriciteitsnet-te-begrenzen___media_library_original_752_501.webp 752w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10104/responsive-images/Installateur-stelt-een-zonnepaneel-omvormer-af-op-zero-export-om-teruglevering-naar-het-elektriciteitsnet-te-begrenzen___media_library_original_629_419.webp 629w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10104/responsive-images/Installateur-stelt-een-zonnepaneel-omvormer-af-op-zero-export-om-teruglevering-naar-het-elektriciteitsnet-te-begrenzen___media_library_original_526_351.webp 526w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTUzNiAxMDI0Ij4KCTxpbWFnZSB3aWR0aD0iMTUzNiIgaGVpZ2h0PSIxMDI0IiB4bGluazpocmVmPSJkYXRhOmltYWdlL2pwZWc7YmFzZTY0LC85ai80QUFRU2taSlJnQUJBUUFBQUFBQUFBRC8yd0JEQUFNQ0FnSUNBZ01DQWdJREF3TURCQVlFQkFRRUJBZ0dCZ1VHQ1FnS0Nna0lDUWtLREE4TUNnc09Dd2tKRFJFTkRnOFFFQkVRQ2d3U0V4SVFFdzhRRUJELzJ3QkRBUU1EQXdRREJBZ0VCQWdRQ3drTEVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkFRRUJBUUVCQVFFQkQvd0FBUkNBQVZBQ0FEQVJFQUFoRUJBeEVCLzhRQUZ3QUJBUUVCQUFBQUFBQUFBQUFBQUFBQUNBWUhDZi9FQUN3UUFBRURBd01EQXdJSEFBQUFBQUFBQUFFQ0F3UUZCaEVBQnhJSUlURVRGR0VpZ1FrVk1rRlJrY0gveEFBWkFRQURBUUVCQUFBQUFBQUFBQUFBQUFBQ0F3UUJBQVgveEFBZ0VRQUNBd0FDQWdNQkFBQUFBQUFBQUFBQkFnQURFUkloQkFVVElxRXgvOW9BREFNQkFBSVJBeEVBUHdBbTdnRjVycDhva3lJNlBRVklZaUZTRi9xS1Vkd1IvV3RhdkFERnE0TEVSRDlLemROalVlcFZ1cXYrakJwbE1ha3luT0pQQnRBSlVjRHVld09xS3p4RUJocGpDa1hqWTI1blQ1WEpOa1Z5TFdJYUdBMDRwZzVMYThnOFZKUGRKeGc0T2wybllhaVZIUjlTYWRROXFiVmJTd2t5ZlpTY3ZxU09aU1hzOGMrY0RPbEFkQ0ZzNUhYZGNyVndiSFFMZGswNzI2YWM2bDVEbUFDb3BIRWtnRDQwRFhjc1dhS3VCSk0zanBEM08yWVpwZHdXM2Z0d3ROUTZ0QmFndU51SWNTRm9LVkJZNUFkdXg4NTFXakFqSXBnWm9OQ2xVRGJtNDZyUnRnNndhNWFzcHYzRStuTXpoSWNVQ0FGY1VuNnZwQ2MvejUxTDVBY055WHNTN3h2aE5acmZveXl0WHJkMmQyeFJSTENuWExPZ09SSUsrYnlvZUVvVXBaUEZSSU9EZ0R3Q1BuVTcyM0ViVU4vREZQV0syeGpCM2R0SmhVN2JlS29NcGNQcDhqa1l6bnYvQUxyV0hjTGxwSm1iTTJoUkpGVFc0cGhTVXgybzZlS0R4NUVBS0orL2pYS3gyRXlBS0RFOStIeFFhWTJxODZrN0dRL0tpd0NXSFhSeVcxbmtEeFA3ZHUycWFqdXlaeGt2YnQ2VXRzOThyQm9kWnFiTDlKdUJVQWo4emlLeVZnTElBVzJUeFZqN0g1MTRYcy9aV2VEWjlSbzYvZGpha0QvMmYvL1oiPgoJPC9pbWFnZT4KPC9zdmc+ 32w" 4359 onload="window.requestAnimationFrame(function(){if(!(size=getBoundingClientRect().width))return;onload=null;sizes=Math.ceil(size/window.innerWidth*100)+'vw';});" 4360 sizes="32vw" src="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/10104/Installateur-stelt-een-zonnepaneel-omvormer-af-op-zero-export-om-teruglevering-naar-het-elektriciteitsnet-te-begrenzen.webp" width="1536" height="1024" 4361 alt="Installateur stelt een zonnepaneel omvormer af op zero export, om teruglevering naar het elektriciteitsnet te begrenzen"> 4362 4363 </div> 4364 <!--[if ENDBLOCK]><![endif]--> <div class="flex flex-col justify-between flex-1 p-6 bg-white"> 4365 <div class="flex-1"> 4366 4367 <div class="items-center justify-between mb-2 md:flex flex"> 4368 <div> 4369 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 4370 <p class="text-xs font-medium text-primary-500"> 4371 <a href="https://navetto.nl/actueel/blog" 4372 class="bg-gray-50 dark:bg-gray-600 text-gray-600 dark:text-gray-300 hover:bg-gray-100 relative z-10 rounded-full px-3 py-1.5 font-medium"> 4373 Blog 4374 </a> 4375 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </p> 4376 </div> 4377 <div class="my-3 border-b border-gray-100"></div> 4378 4379 <a href="https://navetto.nl/actueel/blog/geen-teruglevering-zonnepanelen" class="block mt-2"> 4380 <p 4381 class="text-lg font-semibold leading-snug tracking-tight text-gray-900 text-pretty"> 4382 Geen teruglevering zonnepanelen: zo
4382stel je het in 4383 </p> 4384 </a> 4385 <p class="mt-1 text-sm text-gray-600"> 4386 Op 1 januari 2027 stopt de salderingsregeling. Vanaf die datum wordt teruggeleverde stroom niet meer... 4387 </p> 4388 </div> 4389 <div class="flex gap-2 mt-6"> 4390 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a href="https://navetto.nl/actueel/blog/geen-teruglevering-zonnepanelen" class="relative flex items-center justify-center font-medium text-gray-900 bg-white rounded-md disabled:hover:bg-white disabled:cursor-not-allowed disabled:hover-none ring-1 ring-inset ring-gray-300 hover:ring-gray-300 hover:bg-gray-100 focus-visible:ring-transparent px-4 py-2 text-sm w-full"> 4391 <!--[if BLOCK]><![endif]--> Lees meer <span aria-hidden="true" class="ml-1">â</span> 4392 <!--[if ENDBLOCK]><![endif]--> 4393 </a> 4394<!--[if ENDBLOCK]><![endif]--> </div> 4395 </div> 4396 </div> 4397 <div wire:key='blog_513' 4398 class="flex flex-col overflow-hidden transition-all bg-white rounded-md shadow-xs outline outline-1 outline-gray-200/80 hover:shadow-md hover:outline-primary-500/20"> 4399 <!--[if BLOCK]><![endif]--> <div class="shrink-0"> 4400 <img alt="Noodstroomvoorziening: vier opties naast elkaar" class="object-cover aspect-[3/2] w-full" loading="lazy" srcset="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9770/responsive-images/thuisbatterij-11___media_library_original_1264_848.jpeg 1264w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9770/responsive-images/thuisbatterij-11___media_library_original_1057_709.jpeg 1057w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9770/responsive-images/thuisbatterij-11___media_library_original_884_593.jpeg 884w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9770/responsive-images/thuisbatterij-11___media_library_original_740_496.jpeg 740w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9770/responsive-images/thuisbatterij-11___media_library_original_619_415.jpeg 619w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9770/responsive-images/thuisbatterij-11___media_library_original_518_348.jpeg 518w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9770/responsive-images/thuisbatterij-11___media_library_original_433_290.jpeg 433w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9770/responsive-images/thuisbatterij-11___media_library_original_362_243.jpeg 362w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI2NCA4NDgiPgoJPGltYWdlIHdpZHRoPSIxMjY0IiBoZWlnaHQ9Ijg0OCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFBQUFBQUFBQUQvMndCREFBWUVCUVlGQkFZR0JRWUhCd1lJQ2hBS0Nna0pDaFFPRHd3UUZ4UVlHQmNVRmhZYUhTVWZHaHNqSEJZV0lDd2dJeVluS1NvcEdSOHRNQzBvTUNVb0tTai8yd0JEQVFjSEJ3b0lDaE1LQ2hNb0doWWFLQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0NqL3dBQVJDQUFWQUNBREFTSUFBaEVCQXhFQi84UUFHZ0FBQWdJREFBQUFBQUFBQUFBQUFBQUFBQVFGQmdNSENQL0VBQ2NRQUFFRE
4400F3TURCQU1BQUFBQUFBQUFBQUlCQXdRQUJSRUdFaUVUWVhFVlFWR0JNVktSLzhRQUZRRUJBUUFBQUFBQUFBQUFBQUFBQUFBQUJBUC94QUFiRVFFQUF3QURBUUFBQUFBQUFBQUFBQUFCQUFJREJCRXhJZi9hQUF3REFRQUNFUU1SQUQ4QWYwZmM0YzJPanNlVXk4MTdybkNwOVUzcWpYTWEwcVRFTjRGY0ZNS1k4N2UzeG11Wm9RVFczMUpzakZCNEljNHo1U251c2h4R241anJyeEVhb1NLWFpjVlozK2VTTk1lMzJiQnZXb3Bsekl6VlNYZW1Pb1JaTEhiNHFwM2NXZlMzMkNJR3pMQ0twRW40cGFZdzRIb3I3aG1UTHUwdVNWZDNQdlV2cW04V3R5MFhCbG9Zb1NCUnJvcURleFYvYitVUFhsM0xGU3ZzWG54cU5XeXlzeDVCb3ZLNTgxSUZHWmxNb2hoand0RkZLWWNqRWlRZ1I0ekR6YU90UjhkTk00Vkt3NnJpTVNMYU1wUTJrSW9pSjkwVVViV29XRWlNMWFvei85az0iPgoJPC9pbWFnZT4KPC9zdmc+ 32w" 4401 onload="window.requestAnimationFrame(function(){if(!(size=getBoundingClientRect().width))return;onload=null;sizes=Math.ceil(size/window.innerWidth*100)+'vw';});" 4402 sizes="32vw" src="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9770/thuisbatterij-11.jpeg" width="1264" height="848" 4403 alt="thuisbatterij 11"> 4404 4405 </div> 4406 <!--[if ENDBLOCK]><![endif]--> <div class="flex flex-col justify-between flex-1 p-6 bg-white"> 4407 <div class="flex-1"> 4408 4409 <div class="items-center justify-between mb-2 md:flex flex"> 4410 <div> 4411 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 4412 <p class="text-xs font-medium text-primary-500"> 4413 <a href="https://navetto.nl/actueel/blog" 4414 class="bg-gray-50 dark:bg-gray-600 text-gray-600 dark:text-gray-300 hover:bg-gray-100 relative z-10 rounded-full px-3 py-1.5 font-medium"> 4415 Blog 4416 </a> 4417 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </p> 4418 </div> 4419 <div class="my-3 border-b border-gray-100"></div> 4420 4421 <a href="https://navetto.nl/actueel/blog/noodstroomvoorziening" class="block mt-2"> 4422 <p 4423 class="text-lg font-semibold leading-snug tracking-tight text-gray-900 text-pretty"> 4424 Noodstroomvoorziening: vier opties naast elkaar 4425 </p> 4426 </a> 4427 <p class="mt-1 text-sm text-gray-600"> 4428 Bij een stroomstoring schakelen de omvormer van de zonnepanelen én de batterij zichzelf uit. Dat ver... 4429 </p> 4430 </div> 4431 <div class="flex gap-2 mt-6"> 4432 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a href="https://navetto.nl/actueel/blog/noodstroomvoorziening" class="relative flex items-center justify-center font-medium text-gray-900 bg-white rounded-md disabled:hover:bg-white disabled:cursor-not-allowed disabled:hover-none ring-1 ring-inset ring-gray-300 hover:ring-gray-300 hover:bg-gray-100 focus-visible:ring-transparent px-4 py-2 text-sm w-full"> 4433 <!--[if BLOCK]><![endif]--> Lees meer <span aria-hidden="true" class="ml-1">â</span> 4434 <!--[if ENDBLOCK]><![endif]--> 4435 </a> 4436<!--[if ENDBLOCK]><![endif]--> </div> 4437 </div> 4438 </div> 4439 <div wire:key='blog_512' 4440 class="flex flex-col overflow-hidden transition-all bg-white rounded-md shadow-xs outline outline-1 outline-gray-200/80 hover:shadow-md hover:outline-primary-500/20"> 4441 <!--[if BLOCK]><![endif]--> <div class="shrink-0"> 4442 <img alt="Zakelijke batterij vs thuisbatterij: wanneer kies je wat?" class="object-cover aspect-[3/2] w-full" loading="lazy" srcset="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9768/responsive-images/thuisbatterij-9___media_library_original_1264_848.jpeg 1264w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9768/responsive-images/thuisbatterij-9___media_library_original_1057_709.jpeg 1057w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9768/responsive-images/thuisbatterij-9___media_library_original_884_593.jpeg 884w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9768/responsive-images/thuisbatterij-9___media_library_original_740_496.jpeg 740w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9768/responsive-images/thuisbatterij-9___media_library_original_619_415.jpeg 619w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9768/responsive-images/thuisbatterij-9___media_library_original_518_348.jpeg 518w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9768/responsive-images/thuisbatterij-9___media_library_original_433_290.jpeg 433w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9768/responsive-images/thuisbatterij-9___media_library_original_362_243.jpeg 362w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9768/responsive-images/thuisbatterij-9___media_library_original_303_203.jpeg 303w, data:image/svg+xml;
4442base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI2NCA4NDgiPgoJPGltYWdlIHdpZHRoPSIxMjY0IiBoZWlnaHQ9Ijg0OCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFBQUFBQUFBQUQvMndCREFBWUVCUVlGQkFZR0JRWUhCd1lJQ2hBS0Nna0pDaFFPRHd3UUZ4UVlHQmNVRmhZYUhTVWZHaHNqSEJZV0lDd2dJeVluS1NvcEdSOHRNQzBvTUNVb0tTai8yd0JEQVFjSEJ3b0lDaE1LQ2hNb0doWWFLQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0NqL3dBQVJDQUFWQUNBREFTSUFBaEVCQXhFQi84UUFHZ0FBQWdJREFBQUFBQUFBQUFBQUFBQUFBQVlFQndJRkNQL0VBQ1FRQUFFREF3TUZBUUVBQUFBQUFBQUFBQUVDQXdRQUJSRUdFaUVIRXpGUllZSFIvOFFBRndFQkFRRUJBQUFBQUFBQUFBQUFBQUFBQXdBQkF2L0VBQjBSQUFJQ0FnTUJBQUFBQUFBQUFBQUFBQUVDQUNFUk1RTVNRU0wvMmdBTUF3RUFBaEVERVFBL0FINlQxbHRJdHpyemNWMHlHK1N6a2VNKzZoczlaN2E5RUw3OXVrTklIQU9RZHg5RDNTUGRkQ1dpRFpweTAzYk0xS0NwQWFXWEFyQTRCSDVWZDI2ZkpqMkZlWE8yTitNRnRQbkgwVkp5RmxyY1BxUFoweTNybTN5WUNKRFRMN2FsRGNFdUFEUHp6VWE5ZFFyTkdnS2ZhbUxkN0N4dmJiSEpIcXFNMEZIZDFYSmNhRXhMYmpMZWNQSzJwVnlPQmo5cHlnYVF1MFp4Nk0raUt1SzlraGFIQVNEeC9LVnljZk80WHVCTEJ0Q20yaDJtbzdLRTRHY0pHVFdPb3RFV1cvTU5pVkZTZzd0eExZd1RSUlhEQUthanJZdUtidWxZRnRtTGpXL2N5RThidUNhM1ZzaHR3a0ZMZTRrK1ZLT1NhS0sxbUpHREpWQXNULy9aIj4KCTwvaW1hZ2U+Cjwvc3ZnPg== 32w" 4443 onload="window.requestAnimationFrame(function(){if(!(size=getBoundingClientRect().width))return;onload=null;sizes=Math.ceil(size/window.innerWidth*100)+'vw';});" 4444 sizes="32vw" src="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9768/thuisbatterij-9.jpeg" width="1264" height="848" 4445 alt="thuisbatterij 9"> 4446 4447 </div> 4448 <!--[if ENDBLOCK]><![endif]--> <div class="flex flex-col justify-between flex-1 p-6 bg-white"> 4449 <div class="flex-1"> 4450 4451 <div class="items-center justify-between mb-2 md:flex flex"> 4452 <div> 4453 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 4454 <p class="text-xs font-medium text-primary-500"> 4455 <a href="https://navetto.nl/actueel/blog" 4456 class="bg-gray-50 dark:bg-gray-600 text-gray-600 dark:text-gray-300 hover:bg-gray-100 relative z-10 rounded-full px-3 py-1.5 font-medium"> 4457 Blog 4458 </a> 4459 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </p> 4460 </div> 4461 <div class="my-3 border-b border-gray-100"></div> 4462 4463 <a href="https://navetto.nl/actueel/blog/zakelijke-batterij-vs-thuisbatterij" class="block mt-2"> 4464 <p 4465 class="text-lg font-semibold leading-snug tracking-tight text-gray-900 text-pretty"> 4466 Zakelijke batterij vs thuisbatterij: wanneer kies je wat? 4467 </p> 4468 </a> 4469 <p class="mt-1 text-sm text-gray-600"> 4470 Een tandartspraktijk, een klein autobedrijf, een kantoor met twintig man. Drie klanten met een bedri... 4471 </p> 4472 </div> 4473 <div class="flex gap-2 mt-6"> 4474 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a href="https://navetto.nl/actueel/blog/zakelijke-batterij-vs-thuisbatterij" class="relative flex items-center justify-center font-medium text-gray-900 bg-white rounded-md disabled:hover:bg-white disabled:cursor-not-allowed disabled:hover-none ring-1 ring-inset ring-gray-300 hover:ring-gray-300 hover:bg-gray-100 focus-visible:ring-transparent px-4 py-2 text-sm w-full"> 4475 <!--[if BLOCK]><![endif]--> Lees meer <span aria-hidden="true" class="ml-1">â</span> 4476 <!--[if ENDBLOCK]><![endif]--> 4477 </a> 4478<!--[if ENDBLOCK]><![endif]--> </div> 4479 </div> 4480 </div> 4481 <div wire:key='blog_511' 4482 class="flex flex-col overflow-hidden transition-all bg-white rounded-md shadow-xs outline outline-1 outline-gray-200/80 hover:shadow-md hover:outline-primary-500/20"> 4483 <!--[if BLOCK]><![endif]--> <div class="shrink-0"> 4484 <img alt="Zakelijke batterij subsidie 2026: welke regeling levert wat op" class="object-cover aspect-[3/2] w-full" loading="lazy" srcset="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9766/responsive-images/thuisbatterij-7___media_library_original_1264_848.jpeg 1264w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9766/responsive-images/thuisbatterij-7___media_library_original_1057_709.jpeg 1057w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9766/responsive-images/thuisbatterij-7___media_library_original_884_593.jpeg 884w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9766/responsive-images/thuisbatterij-7___media_library_original_740_496.jpeg 740w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9766/responsive-images/thuisbatterij-7___media_library_original_619_415.jpeg 619w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9766/responsive-images/thuisbatterij-7___media_library_original_518_348.jpeg 518w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9766/responsive-images/thuisbatterij-7___media_library_original_433_290.jpeg 433w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9766/responsive-images/thuisbatterij-7___media_library_original_362_243.jpeg 362w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9766/responsive-images/thuisbatterij-7___media_library_original_303_203.jpeg 303w, data:image/svg+xml;
4484base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI2NCA4NDgiPgoJPGltYWdlIHdpZHRoPSIxMjY0IiBoZWlnaHQ9Ijg0OCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFBQUFBQUFBQUQvMndCREFBWUVCUVlGQkFZR0JRWUhCd1lJQ2hBS0Nna0pDaFFPRHd3UUZ4UVlHQmNVRmhZYUhTVWZHaHNqSEJZV0lDd2dJeVluS1NvcEdSOHRNQzBvTUNVb0tTai8yd0JEQVFjSEJ3b0lDaE1LQ2hNb0doWWFLQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0NqL3dBQVJDQUFWQUNBREFTSUFBaEVCQXhFQi84UUFHUUFBQWdNQkFBQUFBQUFBQUFBQUFBQUFBQVlDQlFjRS84UUFLUkFBQWdFRUFRTURBd1VBQUFBQUFBQUFBUUlEQUFRRkVSSUdJVUVUSWpFSEZGRmhjWUdSd2YvRUFCY0JBQU1CQUFBQUFBQUFBQUFBQUFBQUFBQUNBd0gveEFBYUVRRUJBUUFEQVFBQUFBQUFBQUFBQUFBQkFCRUNFaE1oLzlvQURBTUJBQUlSQXhFQVB3RGRXeWNTWXllOVdHVjFoSEwwaDhzYXl2cWpyN1AzaVNQYXhRWTIzVlQ3eTRad0IrMi84cnZUcTYrdU1KZng1b3h4RFExdTNiM0tmeFNOY3lScjAvbDFmVWlNR01FZ2lLQWpqMzBDS2YwSDZVamk1S3RobDhoa3NuOXhNWHU1MUczNHFUc2QrL0p2ais2Y2M3a0pseFR4R0djR1MyQVlCZGhkYithU3VqOG45dFozOXFMTTNUM1VJUkpHT3ZUTzJIa2ZxS1lmcWxrNVlMR3c5Q2RvMWxqVlNxK1J4R3dmejVwamwxMk91NDJzejVpUlhlTllZOUtkZCs5VkdUdlRQc1RRd3lLVjQ4V1hZMVJSVUVyRFZNR0p4TjQ0RDQ5RmJ3eXVlMzhWTE80eXk0UlFTMnlUamlBREw3dUlIZ1VVVXF0b0YvL1oiPgoJPC9pbWFnZT4KPC9zdmc+ 32w" 4485 onload="window.requestAnimationFrame(function(){if(!(size=getBoundingClientRect().width))return;onload=null;sizes=Math.ceil(size/window.innerWidth*100)+'vw';});" 4486 sizes="32vw" src="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9766/thuisbatterij-7.jpeg" width="1264" height="848" 4487 alt="thuisbatterij 7"> 4488 4489 </div> 4490 <!--[if ENDBLOCK]><![endif]--> <div class="flex flex-col justify-between flex-1 p-6 bg-white"> 4491 <div class="flex-1"> 4492 4493 <div class="items-center justify-between mb-2 md:flex flex"> 4494 <div> 4495 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 4496 <p class="text-xs font-medium text-primary-500"> 4497 <a href="https://navetto.nl/actueel/blog" 4498 class="bg-gray-50 dark:bg-gray-600 text-gray-600 dark:text-gray-300 hover:bg-gray-100 relative z-10 rounded-full px-3 py-1.5 font-medium"> 4499 Blog 4500 </a> 4501 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </p> 4502 </div> 4503 <div class="my-3 border-b border-gray-100"></div> 4504 4505 <a href="https://navetto.nl/actueel/blog/zakelijke-batterij-subsidie" class="block mt-2"> 4506 <p 4507 class="text-lg font-semibold leading-snug tracking-tight text-gray-900 text-pretty"> 4508 Zakelijke batterij subsidie 2026: welke regeling levert wat op 4509 </p> 4510 </a> 4511 <p class="mt-1 text-sm text-gray-600"> 4512 "Tot 45% subsidie op je batterij." Die kop staat in half Nederland op een offerte, en hij klopt bijn... 4513 </p> 4514 </div> 4515 <div class="flex gap-2 mt-6"> 4516 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a href="https://navetto.nl/actueel/blog/zakelijke-batterij-subsidie" class="relative flex items-center justify-center font-medium text-gray-900 bg-white rounded-md disabled:hover:bg-white disabled:cursor-not-allowed disabled:hover-none ring-1 ring-inset ring-gray-300 hover:ring-gray-300 hover:bg-gray-100 focus-visible:ring-transparent px-4 py-2 text-sm w-full"> 4517 <!--[if BLOCK]><![endif]--> Lees meer <span aria-hidden="true" class="ml-1">â</span> 4518 <!--[if ENDBLOCK]><![endif]--> 4519 </a> 4520<!--[if ENDBLOCK]><![endif]--> </div> 4521 </div> 4522 </div> 4523 <div wire:key='blog_510' 4524 class="flex flex-col overflow-hidden transition-all bg-white rounded-md shadow-xs outline outline-1 outline-gray-200/80 hover:shadow-md hover:outline-primary-500/20"> 4525 <!--[if BLOCK]><![endif]--> <div class="shrink-0"> 4526 <img alt="State of health accu: conditie, garantiegrens en het onderbouwen van een claim" class="object-cover aspect-[3/2] w-full" loading="lazy" srcset="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9764/responsive-images/thuisbatterij-5___media_library_original_1264_848.jpeg 1264w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9764/responsive-images/thuisbatterij-5___media_library_original_1057_709.jpeg 1057w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9764/responsive-images/thuisbatterij-5___media_library_original_884_593.jpeg 884w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9764/responsive-images/thuisbatterij-5___media_library_original_740_496.jpeg 740w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9764/responsive-images/thuisbatterij-5___media_library_original_619_415.jpeg 619w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9764/responsive-images/thuisbatterij-5___media_library_original_518_348.jpeg 518w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9764/responsive-images/thuisbatterij-5___media_library_original_433_290.jpeg 433w, data:image/svg+xml;
4526base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI2NCA4NDgiPgoJPGltYWdlIHdpZHRoPSIxMjY0IiBoZWlnaHQ9Ijg0OCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFBQUFBQUFBQUQvMndCREFBWUVCUVlGQkFZR0JRWUhCd1lJQ2hBS0Nna0pDaFFPRHd3UUZ4UVlHQmNVRmhZYUhTVWZHaHNqSEJZV0lDd2dJeVluS1NvcEdSOHRNQzBvTUNVb0tTai8yd0JEQVFjSEJ3b0lDaE1LQ2hNb0doWWFLQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0NqL3dBQVJDQUFWQUNBREFTSUFBaEVCQXhFQi84UUFHQUFBQXdFQkFBQUFBQUFBQUFBQUFBQUFBQVVHQndQL3hBQXBFQUFCQXdNREF3SUhBQUFBQUFBQUFBQUJBZ01FQUFVUkJoSWhCeE14UVZFV01rSkRZWEdoLzhRQUZnRUJBUUVBQUFBQUFBQUFBQUFBQUFBQUFRQUMvOFFBRnhFQkFRRUJBQUFBQUFBQUFBQUFBQUFBQVFBUk1mL2FBQXdEQVFBQ0VRTVJBRDhBYjliNDhiNHNZVElqOTFKUnRDUjc1T0RWVlpHbUlkZ2lvZEtVbUtreUhFanlsdmFyQnhVSDFRdnFKV3E0N2tnSU8yT1R3ZlU1cHMvSmRZc3o4eDhLUzFJdGFHR3lja2s0VWVlUHpRR3h1TXhtMzJETHRnbjI3TWhoWUpTcnhuQng2L3FvQzBhNWpYY3ZBeEZ0RkN0dnpaelhiU3I2NCtpWThhUWp0dW9TdktGY0VaVVRXZTZNTzV5U1FQdW1oTW9iZG1lbDlpYmNTNUlNaVN2M2NjTlhzV0xHRnNSYjFNSVhHUW5hRXI1NG9vclhMUlJHcjlId1gyKzYwdHhuYjlJNUg5OFZISFRNR0Uyc3hrOXMrVGdlVFJSVXhsLy8yUT09Ij4KCTwvaW1hZ2U+Cjwvc3ZnPg== 32w" 4527 onload="window.requestAnimationFrame(function(){if(!(size=getBoundingClientRect().width))return;onload=null;sizes=Math.ceil(size/window.innerWidth*100)+'vw';});" 4528 sizes="32vw" src="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9764/thuisbatterij-5.jpeg" width="1264" height="848" 4529 alt="thuisbatterij 5"> 4530 4531 </div> 4532 <!--[if ENDBLOCK]><![endif]--> <div class="flex flex-col justify-between flex-1 p-6 bg-white"> 4533 <div class="flex-1"> 4534 4535 <div class="items-center justify-between mb-2 md:flex flex"> 4536 <div> 4537 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 4538 <p class="text-xs font-medium text-primary-500"> 4539 <a href="https://navetto.nl/actueel/blog" 4540 class="bg-gray-50 dark:bg-gray-600 text-gray-600 dark:text-gray-300 hover:bg-gray-100 relative z-10 rounded-full px-3 py-1.5 font-medium"> 4541 Blog 4542 </a> 4543 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </p> 4544 </div> 4545 <div class="my-3 border-b border-gray-100"></div> 4546 4547 <a href="https://navetto.nl/actueel/blog/state-of-health" class="block mt-2"> 4548 <p 4549 class="text-lg font-semibold leading-snug tracking-tight text-gray-900 text-pretty"> 4550 State of health accu: conditie, garantiegrens en het onderbouwen van een claim 4551 </p> 4552 </a> 4553 <p class="mt-1 text-sm text-gray-600"> 4554 Vier jaar na oplevering belt je klant: de batterij doet het huis 's avonds niet meer door. Niets kap... 4555 </p> 4556 </div> 4557 <div class="flex gap-2 mt-6"> 4558 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a href="https://navetto.nl/actueel/blog/state-of-health" class="relative flex items-center justify-center font-medium text-gray-900 bg-white rounded-md disabled:hover:bg-white disabled:cursor-not-allowed disabled:hover-none ring-1 ring-inset ring-gray-300 hover:ring-gray-300 hover:bg-gray-100 focus-visible:ring-transparent px-4 py-2 text-sm w-full"> 4559 <!--[if BLOCK]><![endif]--> Lees meer <span aria-hidden="true" class="ml-1">â</span> 4560 <!--[if ENDBLOCK]><![endif]--> 4561 </a> 4562<!--[if ENDBLOCK]><![endif]--> </div> 4563 </div> 4564 </div> 4565 <div wire:key='blog_509' 4566 class="flex flex-col overflow-hidden transition-all bg-white rounded-md shadow-xs outline outline-1 outline-gray-200/80 hover:shadow-md hover:outline-primary-500/20"> 4567 <!--[if BLOCK]><![endif]--> <div class="shrink-0"> 4568 <img alt="State of Charge (SoC): wat het percentage zegt en wat niet" class="object-cover aspect-[3/2] w-full" loading="lazy" srcset="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9762/responsive-images/thuisbatterij-3___media_library_original_1264_848.jpeg 1264w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9762/responsive-images/thuisbatterij-3___media_library_original_1057_709.jpeg 1057w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9762/responsive-images/thuisbatterij-3___media_library_original_884_593.jpeg 884w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9762/responsive-images/thuisbatterij-3___media_library_original_740_496.jpeg 740w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9762/responsive-images/thuisbatterij-3___media_library_original_619_415.jpeg 619w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9762/responsive-images/thuisbatterij-3___media_library_original_518_348.jpeg 518w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9762/responsive-images/thuisbatterij-3___media_library_original_433_290.jpeg 433w, data:image/svg+xml;
4568base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI2NCA4NDgiPgoJPGltYWdlIHdpZHRoPSIxMjY0IiBoZWlnaHQ9Ijg0OCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFBQUFBQUFBQUQvMndCREFBWUVCUVlGQkFZR0JRWUhCd1lJQ2hBS0Nna0pDaFFPRHd3UUZ4UVlHQmNVRmhZYUhTVWZHaHNqSEJZV0lDd2dJeVluS1NvcEdSOHRNQzBvTUNVb0tTai8yd0JEQVFjSEJ3b0lDaE1LQ2hNb0doWWFLQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0NqL3dBQVJDQUFWQUNBREFTSUFBaEVCQXhFQi84UUFHQUFBQXdFQkFBQUFBQUFBQUFBQUFBQUFBQVVHQndQL3hBQW9FQUFCQXdNREJBQUhBQUFBQUFBQUFBQUNBUU1FQUFVUkJnY1NFeUVpTVJWQlFtRnhrZEgveEFBV0FRRUJBUUFBQUFBQUFBQUFBQUFBQUFBQkFnUC94QUFZRVFFQkFRRUJBQUFBQUFBQUFBQUFBQUFCQUJFeElmL2FBQXdEQVFBQ0VRTVJBRDhBcTk0a0FyeVprU0RrUlh2ODF6VVB0NnkyZDExSjFVd25FRjdKbGZkYUJ1UGJwRnhmNHZ4Q011S1pUa2lLaS91cC9iaXd2Ukx4Y3lsUmpGdDRCVEpIblBsK2FIWUp2cnllelpyUkxrd2tWMTJOMHVRR21Fd2Zxa1ZvdVB4V01COFFCeGZwUXFjN3lOTkJwaThrMkJDYW13Skt2cFVUMVVCcHpUajl3YWl5WWNucE90SDFVeUtkL3RuM1RrRHRyTzQwMTJQYzE0WTlVaDA3ZDVCU1grNkpoRTlVVVZTZVFYUGNNWExqWTNZOG1ROHJKRUtxS0VuOHFjMG5LSzJJalRYbUNKanpYdlJSV2J5czdmL1oiPgoJPC9pbWFnZT4KPC9zdmc+ 32w" 4569 onload="window.requestAnimationFrame(function(){if(!(size=getBoundingClientRect().width))return;onload=null;sizes=Math.ceil(size/window.innerWidth*100)+'vw';});" 4570 sizes="32vw" src="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9762/thuisbatterij-3.jpeg" width="1264" height="848" 4571 alt="thuisbatterij 3"> 4572 4573 </div> 4574 <!--[if ENDBLOCK]><![endif]--> <div class="flex flex-col justify-between flex-1 p-6 bg-white"> 4575 <div class="flex-1"> 4576 4577 <div class="items-center justify-between mb-2 md:flex flex"> 4578 <div> 4579 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 4580 <p class="text-xs font-medium text-primary-500"> 4581 <a href="https://navetto.nl/actueel/blog" 4582 class="bg-gray-50 dark:bg-gray-600 text-gray-600 dark:text-gray-300 hover:bg-gray-100 relative z-10 rounded-full px-3 py-1.5 font-medium"> 4583 Blog 4584 </a> 4585 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </p> 4586 </div> 4587 <div class="my-3 border-b border-gray-100"></div> 4588 4589 <a href="https://navetto.nl/actueel/blog/state-of-charge" class="block mt-2"> 4590 <p 4591 class="text-lg font-semibold leading-snug tracking-tight text-gray-900 text-pretty"> 4592 State of Charge (SoC): wat het percentage zegt en wat niet 4593 </p> 4594 </a> 4595 <p class="mt-1 text-sm text-gray-600"> 4596 "Mijn batterij stond gisteren op 30% en vanmorgen ineens op 12%." Het is een van de meest gestelde v... 4597 </p> 4598 </div> 4599 <div class="flex gap-2 mt-6"> 4600 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a href="https://navetto.nl/actueel/blog/state-of-charge" class="relative flex items-center justify-center font-medium text-gray-900 bg-white rounded-md disabled:hover:bg-white disabled:cursor-not-allowed disabled:hover-none ring-1 ring-inset ring-gray-300 hover:ring-gray-300 hover:bg-gray-100 focus-visible:ring-transparent px-4 py-2 text-sm w-full"> 4601 <!--[if BLOCK]><![endif]--> Lees meer <span aria-hidden="true" class="ml-1">â</span> 4602 <!--[if ENDBLOCK]><![endif]--> 4603 </a> 4604<!--[if ENDBLOCK]><![endif]--> </div> 4605 </div> 4606 </div> 4607 <div wire:key='blog_508' 4608 class="flex flex-col overflow-hidden transition-all bg-white rounded-md shadow-xs outline outline-1 outline-gray-200/80 hover:shadow-md hover:outline-primary-500/20"> 4609 <!--[if BLOCK]><![endif]--> <div class="shrink-0"> 4610 <img alt="Accu's parallel schakelen bij een thuisbatterij: modules stapelen en torens koppelen" class="object-cover aspect-[3/2] w-full" loading="lazy" srcset="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9760/responsive-images/Thuisbatterij-1___media_library_original_1264_848.jpeg 1264w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9760/responsive-images/Thuisbatterij-1___media_library_original_1057_709.jpeg 1057w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9760/responsive-images/Thuisbatterij-1___media_library_original_884_593.jpeg 884w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9760/responsive-images/Thuisbatterij-1___media_library_original_740_496.jpeg 740w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9760/responsive-images/Thuisbatterij-1___media_library_original_619_415.jpeg 619w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9760/responsive-images/Thuisbatterij-1___media_library_original_518_348.jpeg 518w, https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9760/responsive-images/Thuisbatterij-1___media_library_original_433_290.jpeg 433w, data:image/svg+xml;
4610base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI2NCA4NDgiPgoJPGltYWdlIHdpZHRoPSIxMjY0IiBoZWlnaHQ9Ijg0OCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFBQUFBQUFBQUQvMndCREFBWUVCUVlGQkFZR0JRWUhCd1lJQ2hBS0Nna0pDaFFPRHd3UUZ4UVlHQmNVRmhZYUhTVWZHaHNqSEJZV0lDd2dJeVluS1NvcEdSOHRNQzBvTUNVb0tTai8yd0JEQVFjSEJ3b0lDaE1LQ2hNb0doWWFLQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0Nnb0tDZ29LQ2dvS0NqL3dBQVJDQUFWQUNBREFTSUFBaEVCQXhFQi84UUFHUUFCQVFBREFRQUFBQUFBQUFBQUFBQUFCZ0FDQXdVSS84UUFKUkFBQVFNRUFRUUNBd0FBQUFBQUFBQUFBUUlEQkFBRkVSSUdFeUV4UVFjaVVYTEIvOFFBRmdFQkFRRUFBQUFBQUFBQUFBQUFBQUFBQVFJRC84UUFHUkVBQWdNQkFBQUFBQUFBQUFBQUFBQUFBQUVDRVNFUy85b0FEQU1CQUFJUkF4RUFQd0J2OGhSb3pFcVNVT21NdnA1YjFCeVQzcmJiZGxjQlp1Sld0YmlJeGMrNlNTb2dIelJEazA5TTU5b0xmZGNkYjhZQldUbjFTMjUzT0phZUZQV3k0eUVOUzJveFNvRkpJSlVEanZXY1lwbFBFY0xpOXpSeVMxaDh4bkVMeGtwYlVQN1JhKzNGNkR5U1JCYVJveWxDVkFMT1RrNXJxZkZqakVXemxFMVREYWlnRUpmVnBrWm85eTNSM21rbFVjTmRQcEk3dEsyVDc5MGMwckc5UFFVMkpIaGpWbGhzRDlSUW5tSEdvMTFla3Z5WDNzdXBHeVFSanQ0OVZWVnRKRUlGemJFbU5GTGJjcDdUVFRCd2NwL0hlcytPV21FaUs0bm9KMlBsWHVxcW9FLy8yUT09Ij4KCTwvaW1hZ2U+Cjwvc3ZnPg== 32w" 4611 onload="window.requestAnimationFrame(function(){if(!(size=getBoundingClientRect().width))return;onload=null;sizes=Math.ceil(size/window.innerWidth*100)+'vw';});" 4612 sizes="32vw" src="https://d4o2fvgnpv65m.cloudfront.net/media-library/blog/9760/Thuisbatterij-1.jpeg" width="1264" height="848" 4613 alt="Thuisbatterij 1"> 4614 4615 </div> 4616 <!--[if ENDBLOCK]><![endif]--> <div class="flex flex-col justify-between flex-1 p-6 bg-white"> 4617 <div class="flex-1"> 4618 4619 <div class="items-center justify-between mb-2 md:flex flex"> 4620 <div> 4621 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 4622 <p class="text-xs font-medium text-primary-500"> 4623 <a href="https://navetto.nl/actueel/blog" 4624 class="bg-gray-50 dark:bg-gray-600 text-gray-600 dark:text-gray-300 hover:bg-gray-100 relative z-10 rounded-full px-3 py-1.5 font-medium"> 4625 Blog 4626 </a> 4627 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </p> 4628 </div> 4629 <div class="my-3 border-b border-gray-100"></div> 4630 4631 <a href="https://navetto.nl/actueel/blog/accu-parallel-schakelen-en-laden" class="block mt-2"> 4632 <p 4633 class="text-lg font-semibold leading-snug tracking-tight text-gray-900 text-pretty"> 4634 Accu's parallel schakelen bij een thuisbatterij: modules stapelen en torens koppelen 4635 </p> 4636 </a> 4637 <p class="mt-1 text-sm text-gray-600"> 4638 Klanten vragen steeds vaker om een thuisbatterij die later meegroeit. Een systeem van 10 kWh vandaag... 4639 </p> 4640 </div> 4641 <div class="flex gap-2 mt-6"> 4642 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a href="https://navetto.nl/actueel/blog/accu-parallel-schakelen-en-laden" class="relative flex items-center justify-center font-medium text-gray-900 bg-white rounded-md disabled:hover:bg-white disabled:cursor-not-allowed disabled:hover-none ring-1 ring-inset ring-gray-300 hover:ring-gray-300 hover:bg-gray-100 focus-visible:ring-transparent px-4 py-2 text-sm w-full"> 4643 <!--[if BLOCK]><![endif]--> Lees meer <span aria-hidden="true" class="ml-1">â</span> 4644 <!--[if ENDBLOCK]><![endif]--> 4645 </a> 4646<!--[if ENDBLOCK]><![endif]--> </div> 4647 </div> 4648 </div> 4649 <!--[if ENDBLOCK]><![endif]--> </div> 4650 4651 <div wire:loading.class.remove="hidden" class="absolute inset-0 z-20 hidden bg-white/80"> 4652 <div class="pt-20 mx-auto my-4 text-lg font-bold text-center"> 4653 <svg class="w-10 h-10 mx-auto animate-spin text-secondary-500" xmlns="http://www.w3.org/2000/svg" 4654 fill="none" viewBox="0 0 24 24"> 4655 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" 4656 stroke-width="4"> 4657 </circle> 4658 <path class="opacity-75" fill="currentColor" 4659 d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"> 4660 </path> 4661 </svg> 4662 <div class="mx-auto my-4 text-lg font-bold text-center"> 4663 Resultaten ophalen... 4664 </div> 4665 </div> 4666 </div> 4667 4668 <div class="pb-12 mt-8"> 4669 <div> 4670 <!--[if BLOCK]><![endif]--> <nav role="navigation" aria-label="Pagination Navigation" class="flex items-center justify-between"> 4671 <div class="flex justify-between flex-1 sm:hidden">
4672 <span> 4673 <!--[if BLOCK]><![endif]--> <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium leading-5 text-gray-500 bg-white border border-gray-300 rounded-md cursor-default dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-primary-700 dark:active:bg-gray-700 dark:active:text-gray-300"> 4674 « Vorige 4675 </span> 4676 <!--[if ENDBLOCK]><![endif]--> </span> 4677 4678 <span> 4679 <!--[if BLOCK]><![endif]--> <button type="button" wire:click="nextPage('page')" x-on:click.debounce.300ms=" ($el.closest('#blogs') || document.querySelector('#blogs')).scrollIntoView()" wire:loading.attr="disabled" dusk="nextPage.before" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium leading-5 text-gray-700 transition duration-150 ease-in-out bg-white border border-gray-300 rounded-md hover:text-gray-500 focus:outline-hidden focus:ring ring-primary-300 focus:border-primary-300 active:bg-gray-100 active:text-gray-700 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-primary-700 dark:active:bg-gray-700 dark:active:text-gray-300"> 4680 Volgende » 4681 </button> 4682 <!--[if ENDBLOCK]><![endif]--> </span> 4683 </div> 4684 4685 <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between"> 4686 <div> 4687 <p class="text-sm leading-5 text-gray-700 dark:text-gray-400"> 4688 <span>Toont</span> 4689 <span class="font-medium">1</span> 4690 <span>tot</span> 4691 <span class="font-medium">12</span> 4692 <span>van</span> 4693 <span class="font-medium">64</span> 4694 <span>resultaten</span> 4695 </p> 4696 </div> 4697 4698 <div> 4699 <span class="relative z-0 inline-flex rounded-md shadow-xs rtl:flex-row-reverse"> 4700 <span> 4701 4702 <!--[if BLOCK]><![endif]--> <span aria-disabled="true" aria-label="&laquo; Vorige"> 4703 <span class="relative inline-flex items-center px-2 py-2 text-sm font-medium leading-5 text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md dark:bg-gray-800 dark:border-gray-600" aria-hidden="true"> 4704 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 4705 <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" /> 4706 </svg> 4707 </span> 4708 </span> 4709 <!--[if ENDBLOCK]><![endif]--> </span> 4710 4711 4712 <!--[if BLOCK]><![endif]--> 4713 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 4714 4715 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <span wire:key="paginator-page-page1"> 4716 <!--[if BLOCK]><![endif]--> <span aria-current="page"> 4717 <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium leading-5 text-gray-700 border border-gray-300 shadow-inner cursor-default bg-secondary-200/40 dark:bg-gray-800 dark:border-gray-600">1</span> 4718 </span> 4719 <!--[if ENDBLOCK]><![endif]--> </span> 4720 <sp
4720an wire:key="paginator-page-page2"> 4721 <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(2, 'page')" x-on:click.debounce.300ms=" ($el.closest('#blogs') || document.querySelector('#blogs')).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium leading-5 text-gray-700 transition duration-150 ease-in-out bg-white border border-gray-300 hover:text-primary-600 focus:z-10 focus:outline-hidden focus:border-primary-300 focus:ring ring-primary-300 hover:bg-gray-100 active:bg-gray-100 active:text-gray-700 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-primary-800" aria-label="Ga naar pagina 2"> 4722 2 4723 </button> 4724 <!--[if ENDBLOCK]><![endif]--> </span> 4725 <span wire:key="paginator-page-page3"> 4726 <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(3, 'page')" x-on:click.debounce.300ms=" ($el.closest('#blogs') || document.querySelector('#blogs')).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium leading-5 text-gray-700 transition duration-150 ease-in-out bg-white border border-gray-300 hover:text-primary-600 focus:z-10 focus:outline-hidden focus:border-primary-300 focus:ring ring-primary-300 hover:bg-gray-100 active:bg-gray-100 active:text-gray-700 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-primary-800" aria-label="Ga naar pagina 3"> 4727 3 4728 </button> 4729 <!--[if ENDBLOCK]><![endif]--> </span> 4730 <span wire:key="paginator-page-page4"> 4731 <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(4, 'page')" x-on:click.debounce.300ms=" ($el.closest('#blogs') || document.querySelector('#blogs')).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium leading-5 text-gray-700 transition duration-150 ease-in-out bg-white border border-gray-300 hover:text-primary-600 focus:z-10 focus:outline-hidden focus:border-primary-300 focus:ring ring-primary-300 hover:bg-gray-100 active:bg-gray-100 active:text-gray-700 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-primary-800" aria-label="Ga naar pagina 4"> 4732 4 4733 </button> 4734 <!--[if ENDBLOCK]><![endif]--> </span> 4735 <span wire:key="paginator-page-page5"> 4736 <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(5, 'page')" x-on:click.debounce.300ms=" ($el.closest('#blogs') || document.querySelector('#blogs')).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium leading-5 text-gray-700 transition duration-150 ease-in-out bg-white border border-gray-300 hover:text-primary-600 focus:z-10 focus:outline-hidden focus:border-primary-300 focus:ring ring-primary-300 hover:bg-gray-100 active:bg-gray-100 active:text-gray-700 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-primary-800" aria-label="Ga naar pagina 5"> 4737 5 4738 </button> 4739 <!--[if ENDBLOCK]><![endif]--> </span> 4740 <sp
4740an wire:key="paginator-page-page6"> 4741 <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(6, 'page')" x-on:click.debounce.300ms=" ($el.closest('#blogs') || document.querySelector('#blogs')).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium leading-5 text-gray-700 transition duration-150 ease-in-out bg-white border border-gray-300 hover:text-primary-600 focus:z-10 focus:outline-hidden focus:border-primary-300 focus:ring ring-primary-300 hover:bg-gray-100 active:bg-gray-100 active:text-gray-700 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-primary-800" aria-label="Ga naar pagina 6"> 4742 6 4743 </button> 4744 <!--[if ENDBLOCK]><![endif]--> </span> 4745 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 4746 <span> 4747 4748 <!--[if BLOCK]><![endif]--> <button type="button" wire:click="nextPage('page')" x-on:click.debounce.300ms=" ($el.closest('#blogs') || document.querySelector('#blogs')).scrollIntoView()" dusk="nextPage.after" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium leading-5 text-gray-500 transition duration-150 ease-in-out bg-white border border-gray-300 rounded-r-md hover:text-gray-400 focus:z-10 focus:outline-hidden focus:border-primary-300 focus:ring ring-primary-300 active:bg-gray-100 active:text-gray-500 dark:bg-gray-800 hover:bg-gray-100 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-primary-800" aria-label="Volgende &raquo;"> 4749 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 4750 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" /> 4751 </svg> 4752 </button> 4753 <!--[if ENDBLOCK]><![endif]--> </span> 4754 </span> 4755 </div> 4756 </div> 4757 </nav> 4758 <!--[if ENDBLOCK]><![endif]--></div> 4759 4760 </div> 4761 </div> 4762 <!--[if ENDBLOCK]><![endif]--></div> 4763 4764 <div wire:snapshot="{"data":{"layout":[{"title":"Blijf altijd op de hoogte van het laatste VDH Power nieuws","background":"tertiary","button_text":"Inschrijven","description":"<p>Schrijf je in voor onze nieuwsbrief en ontvang het laatste nieuws, handige blogs, en informatie over de nieuwste trainingen direct in je inbox. Mis niets over innovaties, trends en ontwikkelingen in de solar branche!<\/p>","privacy_message":"<p>Wij vinden de bescherming van uw gegevens erg belangrijk. Lees hier ons <a href=\"\/privacy-beleid\" target=\"_blank\" rel=\"noopener\">Privacybeleid<\/a>.<\/p>","thank_you_message":"<p>Bedankt voor je inschrijving! Je ontvangt binnenkort de nieuwste updates van VDH Power in je mailbox.<\/p>"},{"s":"arr"}],"submitted":false,"extraFields":[{"my_name":"","valid_from":"eyJpdiI6IjQ0WmdveTA5ZGhncnVvYll3L2psdHc9PSIsInZhbHVlIjoiMnVvM3VQSHViMnI3KzYybmRiL0h0QT09IiwibWFjIjoiZWE4N2U4NzNjZDA2M2Q2MGQxNDJkMGRjODYxMWI2ZjQ5ZWIzZmU2ZGUwYzA2MTFhNTg0YmU5ZWRiZjcyNjhkNiIsInRhZyI6IiJ9"},{"class":"Spatie\\Honeypot\\Http\\Livewire\\Concerns\\HoneypotData","s":"wrbl"}]},"memo":{"id":"ins3LVCw0zseWU1hBhEl","name":"forms.newsletter","path":"actueel\/blog","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl"},"checksum":"49bc97364246ec4bde06f76ca0cab308fc3a65dad07849288e5cd0414042a801"}" wire:effects="{"listeners":["formSubmitted"]}" wire:id="ins3LVCw0zseWU1hBhEl"> 4765 <div class="px-6 py-12 mx-auto max-w-7xl lg:px-8 lg:py-16"> 4766 <div class="px-6 py-10 bg-tertiary-500 rounded-3xl sm:px-12 sm:py-16 lg:flex lg:items-center lg:p-20"> 4767 <div class="lg:w-0 lg:flex-1"> 4768 <h2 class="text-3xl font-bold tracking-tight text-white"> 4769 Blijf altijd op de hoogte van het laatste VDH Power nieuws 4770 </h2> 4771 <div class="max-w-3xl mt-4 text-lg text-tertiary-100"> 4772 <!--[if BLOCK]><![endif]--> <p>Schrijf je in voor onze nieuwsbrief en ontvang het laatste nieuws, handige blogs, en informatie over de nieuwste trainingen direct in je inbox. Mis niets over innovaties, trends en ontwikkelingen in de solar branche!</p> 4773 <!--[if ENDBLOCK]><![endif]--> </div> 4774 </div> 4775 <div class="mt-12 sm:w-full sm:max-w-md lg:ml-8 lg:mt-0 lg:flex-1"> 4776 <form @submit.prevent="doCaptcha" x-data="{ 4777 enabled: true, 4778 siteKey: '6LdTdg8sAAAAAPP6ckh6T_245gXjfFpQ3XqPMHLZ', 4779 init() { 4780 if (!document.getElementById('recaptcha-script') && this.enabled == true) { 4781 const script = document.createElement('script'); 4782 script.id = 'recaptcha-script'; 4783 script.src = 'https://www.google.com/recaptcha/api.js?render=' + this.siteKey; 4784 document.body.append(script); 4785 } 4786 }, 4787 doCaptcha() { 4788 // Dispatch to *this* component only (dispatchSelf). A global Livewire.dispatch 4789 // would fire every form that listens for `formSubmitted` on the page (e.g. the 4790 // footer newsletter), causing stray validation errors and double-verifying the 4791 // single-use reCAPTCHA token, which can break the real submission. 4792 if (this.enabled == false) { 4793 this.$wire.dispatchSelf('formSubmitted', { token: null }); 4794 return; 4795 } 4796 4797 grecaptcha.execute(this.siteKey, { action: 'submit' }).then(token => { 4798 this.$wire.dispatchSelf('formSubmitted', { token: token }); 4799 }); 4800 }, 4801}" class="space-y-6"> 4802 <!--[if BLOCK]><![endif]--> <div id="my_name_P5ECDVD4X6vODW2q_wrap" style="display: none" aria-hidden="true"> 4803 <input id="my_name_P5ECDVD4X6vODW2q" 4804 name="my_name_P5ECDVD4X6vODW2q" 4805 type="text" 4806 value="" 4807 autocomplete="nope" 4808 tabindex="-1"> 4809 <input name="valid_from" 4810 type="text" 4811 value="eyJpdiI6InNUL1h5dHlzVHNEaU9lNnJZMXBJd2c9PSIsInZhbHVlIjoiM3lGbmFWTUJYWjNVcUp3MzI2d2FFdz09IiwibWFjIjoiM2NiNjY2YmM0NTAyNjczY2ViZDFhMmFiYzQ3NTMzNjhkYWIyMGU3ZDM3ZmRjMTc5NzFkY2ZjY2IzM2Q1M2Q1NyIsInRhZyI6IiJ9" 4812 autocomplete="off" 4813 tabindex="-1"> 4814 </div> 4815<!--[if ENDBLOCK]><![endif]--> <div class="sm:flex"> 4816 <label for="email-address" class="sr-only">E-mailadres</label> 4817 <input wire:model="layout.email" type="text" name="email" id="email" autocomplete="email" 4818 required wire:loading.attr="disabled" 4819 class="w-full px-5 py-3 placeholder-gray-500 bg-white rounded-md outline-hidden focu
4819s:outline focus:outline-2 focus:outline-offset-2 focus:outline-white" 4820 placeholder="E-mailadres..."> 4821 <button type="submit" 4822 class="flex items-center justify-center w-full px-5 py-3 mt-3 text-base font-medium text-white bg-tertiary-400 border border-transparent rounded-md hover:bg-tertiary-300 focus:outline-hidden focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-tertiary-700 sm:ml-3 sm:mt-0 sm:w-auto sm:shrink-0"> 4823 <span wire:loading.remove> 4824 Inschrijven 4825 </span> 4826 <span wire:loading> 4827 Een moment... 4828 </span> 4829 </button> 4830 </div> 4831 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 4832 4833 <!--[if BLOCK]><![endif]--> <p class="pt-2 text-xs text-gray-400"> 4834 Deze site wordt beschermd door reCAPTCHA. 4835 <a href="https://policies.google.com/privacy" target="_blank" class="underline">Privacybeleid</a> 4836 & 4837 <a href="https://policies.google.com/terms" target="_blank" 4838 class="underline">Servicevoorwaarden</a> 4839 </p> 4840 <!--[if ENDBLOCK]><![endif]--></form> 4841 <div class="mt-3 text-sm text-tertiary-100"> 4842 <p>Wij vinden de bescherming van uw gegevens erg belangrijk. Lees hier ons <a href="/privacy-beleid" target="_blank" rel="noopener">Privacybeleid</a>.</p> 4843 </div> 4844 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 4845 </div> 4846 </div> 4847</div> 4848 4849 </main> 4850 4851 <footer class="bg-primary-500 self-end w-full max-w-full pt-8 pb-0 md:pt-12 dark:bg-primary-900"> 4852 <div class="w-full"> 4853 <div 4854 class="mx-auto mb-8 w-full border-b border-white/10 px-4 pb-4 pt-4 sm:px-6 md:max-w-4xl md:py-8 md:pt-4 lg:max-w-7xl lg:px-8 xl:max-w-screen-xl 2xl:max-w-screen-2xl"> 4855 <div class="flex w-full flex-col items-center justify-between md:flex-row"> 4856 <div class="self-center"> 4857 <a href="https://navetto.nl"> 4858 <svg class="mx-auto block h-auto w-48 max-w-52" id="logo_navetto_white" 4859 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 940.13 216.45"> 4860 <defs> 4861 <style> 4862 .cls-1 { 4863 fill: #1d1d1b; 4864 } 4865 4866 .cls-2 { 4867 fill: #f3bc00; 4868 } 4869 4870 #logo_navetto_white .cls-1 { 4871 fill: #fff; 4872 } 4873 </style> 4874 </defs> 4875 <g id="Laag_1" data-name="Laag 1"> 4876 <path class="cls-1" 4877 d="M17.24,0H0v141.11h28.87v-75.64c0-2.06-.07-4.28-.2-6.63-.13-2.36-.29-4.77-.48-7.22l66.54,84.09c1.62,2.06,3.3,3.48,5.05,4.26,1.74.77,3.87,1.15,6.39,1.15h17.05V0h-28.87v74.67c0,2.27.06,4.67.18,7.21.14,2.55.33,5.18.59,7.9L28.08,5.03c-.9-1.09-1.7-1.97-2.41-2.61-.72-.64-1.45-1.14-2.23-1.5-.77-.35-1.65-.59-2.62-.73-.97-.12-2.16-.19-3.58-.19" /> 4878 <path class="cls-1" 4879 d="M237.07,0h-33.52l-54.63,141.11h25.58c2.71,0,5-.72,6.88-2.17,1.87-1.45,3.13-3.08,3.77-4.89l8.34-24.6h53.65l8.34,24.6c.7,2.07,1.97,3.76,3.82,5.08,1.85,1.33,4.19,1.98,7.03,1.98h25.37L237.07,0ZM214.01,48.72c.97-2.45,2.01-5.36,3.11-8.72,1.09-3.36,2.16-7.01,3.19-10.94,1.09,3.88,2.2,7.47,3.34,10.8,1.13,3.33,2.12,6.22,2.95,8.67l12.98,38.64h-38.55l12.97-38.45Z" /> 4880 <path class="cls-1" 4881 d="M328.83,141.12h29.63L415.04,0h-26.54c-2.72,0-5.01.72-6.88,2.18-1.87,1.45-3.13,3.08-3.77,4.89l-27.12,75.56c-1.16,3.28-2.34,6.87-3.53,10.75-1.2,3.88-2.25,7.94-3.16,12.21-1.09-4.27-2.28-8.33-3.53-12.21s-2.5-7.46-3.73-10.75l-27.32-75.56c-.77-2.13-2.06-3.84-3.87-5.13-1.8-1.29-4.13-1.93-6.97-1.93h-26.35l56.57,141.12Z" /> 4882 <polygon class="cls-1" 4883 points="441 0 441 141.11 531.86 141.11 531.86 115.94 473.93 115.94 473.93 82.32 518.3 82.32 518.3 58.12 473.93 58.12 473.93 25.18 531.86 25.18 531.86 0 441 0" /> 4884 <path class="cls-1" 4885 d="M777.69,25.95V0h-97.85l-8.42,25.95h33.83v115.16h32.73V25.95h39.72ZM661.31,0h-107.95v25.95h39.71v115.16h32.74V25.95h27.07l8.43-25.95Z" /> 4886 <path class="cls-2" 4887 d="M864.83,0c-9.62.3-18.55,1.88-26.6,5.17-8.86,3.6-16.43,8.58-22.74,14.91-6.3,6.33-11.17,13.8-14.62,22.4-3.44,8.61-5.18,17.91-5.18,27.92s1.73,19.3,5.18,27.91c3.45,8.61,8.32,16.09,14.62,22.45,6.31,6.37,13.88,11.34,22.74,14.95,8.86,3.62,18.67,5.42,29.43,5.42s20.56-1.8,29.38-5.42c8.83-3.61,16.37-8.58,22.64-14.95,2.77-2.8,5.14-5.9,7.35-9.14-8.78-5.98-16.78-12.92-23.97-20.64-1.71,4.55-3.9,8.6-6.77,11.88-3.33,3.8-7.4,6.69-12.21,8.69-4.8,1.99-10.29,2.99-16.42,2.99s-11.72-1-16.57-2.99c-4.84-2-8.92-4.89-12.25-8.69-3.33-3.8-5.87-8.44-7.65-13.91-1.77-
48875.48-2.66-11.67-2.66-18.56s.89-12.99,2.66-18.47c1.77-5.47,4.32-10.1,7.65-13.9,3.33-3.8,7.41-6.71,12.25-8.74,4.84-2.02,10.36-3.04,16.57-3.04l.67.06c-1.99-8.52-3.13-17.32-3.5-26.3M897.05,5.22c-2.27-.94-4.77-1.41-7.17-2.1,2.67,34.56,20.47,65.38,47.25,85.26,1.37-5.76,2.3-11.68,2.3-17.98,0-9.93-1.73-19.21-5.17-27.82-3.45-8.6-8.31-16.07-14.58-22.4-6.27-6.32-13.81-11.31-22.64-14.95" /> 4888 <path class="cls-1" 4889 d="M269.7,160.72h15.99c4.93,0,6.31.17,8.03.92,3.15,1.38,4.64,4.82,4.64,10.89,0,5.73-1.43,8.94-4.64,10.49-1.78.86-2.06.86-8.66.97h-11.06v14.96h-4.3v-38.24ZM284.2,180.27c8.48,0,9.86-1.03,9.86-7.51,0-4.99-.57-6.88-2.35-7.68-1.15-.52-1.61-.57-6.13-.63h-11.58v15.82h10.2Z" /> 4890 <path class="cls-1" 4891 d="M329.66,161.58c3.27,1.38,4.99,4.19,5.68,9.12.17,1.72.23,2.64.23,7.51,0,8.94-.06,10.26-.69,13.19-.69,3.38-2.35,5.56-5.1,6.71-2.41,1.03-4.36,1.26-9.97,1.26-6.71,0-8.54-.23-11.01-1.26-2.75-1.2-4.36-3.33-5.1-6.71-.63-2.98-.69-4.24-.69-13.13,0-7.97.34-10.21,1.89-13.13,1.26-2.29,3.5-3.78,6.71-4.41,1.38-.23,4.36-.4,7.68-.4,5.85,0,8.14.29,10.38,1.26ZM309.26,165.88c-1.15,1.32-1.66,3.04-1.89,6.25q-.06.8-.06,7.68,0,7.91.34,10.09c.4,2.64,1.43,4.24,3.21,4.93,1.55.63,3.15.8,8.26.8,6.99,0,8.89-.34,10.2-1.83,1.15-1.32,1.66-3.04,1.89-6.25q.06-.8.06-7.74,0-7.85-.34-10.03c-.4-2.64-1.43-4.24-3.21-4.93-1.55-.63-3.21-.8-8.26-.8-6.99,0-8.89.34-10.2,1.83Z" /> 4892 <path class="cls-1" 4893 d="M383.21,198.96h-6.54l-8.03-27.52c-.75-2.41-1.15-3.9-1.32-4.47l-.69-2.41h-.06l-.52,1.72-.46,1.72-1.03,3.44-8.2,27.52h-6.42l-11.75-38.24h4.41l8.26,27.46,1.09,3.73c.23.8.52,1.6,1.09,3.73h.12l.52-1.83.52-1.89,1.09-3.67,8.14-27.52h6.36l8.08,27.52,1.09,3.73.52,1.84.52,1.83h.11l.52-1.89.57-1.83,1.15-3.78,8.43-27.4h4.47l-12.04,38.24Z" /> 4894 <path class="cls-1" 4895 d="M403.96,177.4h19.38v3.61h-19.38v14.22h20.24v3.73h-24.54v-38.24h24.54v3.73h-20.24v12.96Z" /> 4896 <path class="cls-1" 4897 d="M429.76,160.72h18.17c8.2,0,11.18,2.92,11.18,11.01,0,6.94-1.49,9.23-6.59,10.09v.06c3.96.23,6.13,2.87,6.08,7.4v9.69h-4.3v-8.71c.11-4.87-2.06-6.82-7.22-6.65h-13.01v15.36h-4.3v-38.24ZM446.5,179.87c6.31,0,8.31-1.66,8.31-6.82,0-3.96-.23-5.62-1.03-6.71-.86-1.26-2.75-1.89-5.79-1.89h-13.93v15.42h12.44Z" /> 4898 <path class="cls-1" 4899 d="M469.48,177.4h19.38v3.61h-19.38v14.22h20.24v3.73h-24.54v-38.24h24.54v3.73h-20.24v12.96Z" /> 4900 <path class="cls-1" 4901 d="M495.28,160.72h17.66c5.56,0,8.66.98,10.72,3.33,2.52,2.92,3.33,6.31,3.33,14.16,0,9.34-.4,12.5-1.89,15.25-1.49,2.69-3.44,4.19-6.54,4.87-1.72.4-3.44.63-4.53.63h-18.75v-38.24ZM512.02,195.23c4.19,0,7.17-.86,8.48-2.41,1.66-2.06,2.18-4.87,2.18-12.21,0-9.23-.34-11.41-2.01-13.64-1.38-1.84-3.55-2.52-7.74-2.52h-13.36v30.78h12.44Z" /> 4902 <path class="cls-1" 4903 d="M547.39,160.72h16.91c4.87,0,6.31.23,7.85,1.15,2.52,1.49,3.5,4.07,3.5,9.06s-1.15,6.71-4.87,8.03v.11c4.59,1.09,6.08,3.27,6.08,9.12,0,4.76-1.26,7.91-3.67,9.34-1.49.86-4.19,1.43-7.11,1.43h-18.69v-38.24ZM563.04,177.57c3.61,0,4.81-.17,6.08-.92,1.66-.92,2.24-2.41,2.24-5.96,0-3.32-.57-4.82-2.18-5.68-.92-.46-1.95-.57-4.99-.57h-12.5v13.13h11.35ZM560.86,195.23c6.36,0,7.85-.11,9.29-.75,1.72-.75,2.41-2.35,2.41-5.9s-.57-5.39-2.01-6.36c-1.38-.86-1.95-.92-7.74-.92h-11.12v13.93h9.17Z" /> 4904 <path class="cls-1" 4905 d="M596.69,182.96v16h-4.3v-16l-14.04-22.24h4.99l8.2,12.9c1.15,1.89,1.83,2.98,2.01,3.27.4.57.75,1.15,1.09,1.72h.11c.46-.8,1.09-1.84,1.49-2.47l1.6-2.52,8.2-12.9h5.1l-14.45,22.24Z" /> 4906 <g> 4907 <path class="cls-1" 4908 d="M658.07,160.27l-13.69,38.69h-6.26l-13.8-38.69h4.64l10.32,29.23c.41,1.28.87,2.55,1.28,3.89.29.7.35.87.7,2.09h.06c.64-2.15,1.04-3.36,1.91-5.92l10.15-29.29h4.7Z" /> 4909 <path class="cls-1" 4910 d="M660.86,160.27h17.86c5.63,0,8.76.99,10.85,3.36,2.55,2.96,3.36,6.38,3.36,14.33,0,9.45-.41,12.64-1.91,15.43-1.51,2.73-3.48,4.23-6.61,4.93-1.74.41-3.48.64-4.58.64h-18.96v-38.69ZM677.79,195.19c4.23,0,7.25-.87,8.58-2.44,1.68-2.09,2.2-4.93,2.2-12.35,0-9.34-.35-11.54-2.03-13.8-1.39-1.86-3.6-2.55-7.83-2.55h-13.51v31.15h12.59Z" /> 4911 <path class="cls-1" 4912 d="M729.82,198.96h-4.35v-17.98h-22.62v17.98h-4.35v-38.69h4.35v17.05h22.62v-17.05h4.35v38.69Z" /> 4913 <path class="cls-1" 4914 d="M750.53,160.27h16.18c4.99,0,6.38.17,8.12.93,3.19,1.39,4.7,4.87,4.7,11.02,0,5.8-1.45,9.05-4.7,10.61-1.8.87-2.09.87-8.76.99h-11.19v15.14h-4.35v-38.69ZM765.2,180.05c8.58,0,9.98-1.04,9.98-7.6,0-5.04-.58-6.96-2.38-7.77-1.16-.52-1.62-.58-6.21-.64h-11.72v16.01h10.32Z" /> 4915 <path class="cls-1" 4916 d="M810.61,161.14c3.31,1.39,5.05,4.23,5.74,9.22.17,1.74.23,2.67.23,7.6,0,9.05-.06,10.38-.7,13.34-.7,3.42-2.38,5.63-5.16,6.79-2.44,1.04-4.41,1.28-10.09,1.28-6.79,0-8.64-.23-11.14-1.28-2.78-1.22-4.41-3.36-
49165.16-6.79-.64-3.02-.7-4.29-.7-13.28,0-8.06.35-10.32,1.91-13.28,1.28-2.32,3.54-3.83,6.79-4.47,1.39-.23,4.41-.41,7.77-.41,5.92,0,8.24.29,10.5,1.28ZM789.96,165.49c-1.16,1.33-1.68,3.07-1.91,6.32q-.06.81-.06,7.77,0,8,.35,10.21c.41,2.67,1.45,4.29,3.25,4.99,1.57.64,3.19.81,8.35.81,7.08,0,8.99-.35,10.32-1.86,1.16-1.33,1.68-3.07,1.91-6.32q.06-.81.06-7.83,0-7.95-.35-10.15c-.41-2.67-1.45-4.29-3.25-4.99-1.57-.64-3.25-.81-8.35-.81-7.08,0-8.99.35-10.32,1.86Z" /> 4917 <path class="cls-1" 4918 d="M864.2,198.96h-6.61l-8.12-27.84c-.75-2.44-1.16-3.94-1.33-4.52l-.7-2.44h-.06l-.52,1.74-.46,1.74-1.04,3.48-8.29,27.84h-6.5l-11.89-38.69h4.47l8.35,27.78,1.1,3.77c.23.81.52,1.62,1.1,3.77h.12l.52-1.86.52-1.91,1.1-3.71,8.24-27.84h6.44l8.18,27.84,1.1,3.77.52,1.86.52,1.86h.12l.52-1.91.58-1.86,1.16-3.83,8.53-27.72h4.52l-12.18,38.69Z" /> 4919 <path class="cls-1" 4920 d="M884.62,177.15h19.6v3.65h-19.6v14.38h20.47v3.77h-24.82v-38.69h24.82v3.77h-20.47v13.11Z" /> 4921 <path class="cls-1" 4922 d="M910.14,160.27h18.38c8.29,0,11.31,2.96,11.31,11.14,0,7.02-1.51,9.34-6.67,10.21v.06c4,.23,6.21,2.9,6.15,7.48v9.8h-4.35v-8.82c.12-4.93-2.09-6.9-7.31-6.73h-13.17v15.54h-4.35v-38.69ZM927.07,179.64c6.38,0,8.41-1.68,8.41-6.9,0-4-.23-5.68-1.04-6.79-.87-1.28-2.78-1.91-5.86-1.91h-14.09v15.6h12.59Z" /> 4923 </g> 4924 </g> 4925</svg> 4926 </a> 4927 </div> 4928 <div 4929 class="grid grid-cols-2 justify-end gap-x-10 gap-y-2 self-stretch pt-8 text-sm font-semibold leading-6 text-gray-300 md:flex md:items-center md:*:not-first:border-l md:*:not-first:border-white/10 md:self-center md:pt-0"> 4930 4931 4932 <a href="tel:+31857737725" gtm-event="phone_number_clicked" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022location\u0022:\u0022footer\u0022}');" class="flex items-center gap-x-1.5 hover:opacity-70 md:pl-8"> 4933 <i class="fa-light fa-fw fa-phone text-white"></i> 4934 <span>+31 85 773 77 25</span> 4935 </a> 4936 4937 4938 <a href="mailto:[email protected]" gtm-event="email_clicked" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022location\u0022:\u0022footer\u0022}');" class="flex items-center gap-x-1.5 hover:opacity-70 md:pl-8"> 4939 <i class="fa-light fa-fw fa-envelope text-white"></i> 4940 <span>[email protected]</span> 4941 </a> 4942 <div class=""> 4943 <a gtm-event="contact_clicked" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022location\u0022:\u0022footer\u0022}');" href="https://navetto.nl/support/contact" class="font-normal hover:opacity-70 md:pl-8"> 4944 Contact <span aria-hidden="true">â</span> 4945 </a> 4946 </div> 4947 </div> 4948 </div> 4949 </div> 4950 <div 4951 class="relative mx-auto w-full gap-4 px-4 pb-4 pt-4 sm:px-6 md:max-w-4xl md:pt-8 lg:max-w-7xl lg:px-8 xl:max-w-screen-xl 2xl:max-w-screen-2xl"> 4952 <div class="xl:grid xl:grid-cols-3 xl:gap-8"> 4953 4954 <div class="grid gap-4 md:grid-cols-4 md:gap-8 lg:col-span-2"> 4955 <div class="mt-4 md:mt-0"> 4956 <p class="mt-4 md:mt-0 text-sm font-bold leading-6 text-white"> 4957 Openingstijden 4958 </p> 4959 4960 <ul class="mt-2 space-y-3" role="list"> 4961 <li class="text-sm leading-6 text-gray-300"> 4962 <span class="hover:text-white"> 4963 <a target="_self" href="/support/contact" 4964 aria-label="Ma - Vr: 07:00 - 17:00" gtm-event="footer_menu_clicked" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Ma - Vr: 07:00 - 17:00\u0022}');" class="cursor-pointer hover:text-white flex relative group items-center justify-start "> 4965 Ma - Vr: 07:00 - 17:00 4966 4967 </a> 4968 </span> 4969 </li> 4970 <li class="text-sm leading-6 text-gray-300">
4971 <span class="hover:text-white"> 4972 <a target="_self" href="/support/contact" 4973 aria-label="Za - Zo: Gesloten" gtm-event="footer_menu_clicked" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Za - Zo: Gesloten\u0022}');" class="cursor-pointer hover:text-white flex relative group items-center justify-start "> 4974 Za - Zo: Gesloten 4975 4976 </a> 4977 </span> 4978 </li> 4979 </ul> 4980 </div> 4981 <div class=""> 4982 <p class="mt-4 md:mt-0 text-sm font-bold leading-6 text-white"> 4983 Categorieën 4984 </p> 4985 4986 <ul class="mt-2 space-y-3" role="list"> 4987 <li class="text-sm leading-6 text-gray-300"> 4988 <span class="hover:text-white"> 4989 <a target="_self" href="/winkel/energieopslag" 4990 aria-label="Energieopslag" gtm-event="footer_menu_clicked" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Energieopslag\u0022}');" class="cursor-pointer hover:text-white flex relative group items-center justify-start "> 4991 Energieopslag 4992 4993 </a> 4994 </span> 4995 </li> 4996 <li class="text-sm leading-6 text-gray-300"> 4997 <span class="hover:text-white"> 4998 <a target="_self" href="/winkel/zonnepanelen" 4999 aria-label="Zonnepanelen" gtm-event="footer_menu_clicked" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Zonnepanelen\u0022}');" class="cursor-pointer hover:text-white flex relative group items-center justify-start "> 5000 Zonnepanelen 5001 5002 </a> 5003 </span> 5004 </li> 5005 <li class="text-sm leading-6 text-gray-300"> 5006 <span class="hover:text-white"> 5007 <a target="_self" href="/winkel/omvormers-en-accessoires" 5008 aria-label="Omvormers" gtm-event="footer_menu_clicked" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Omvormers\u0022}');" class="cursor-pointer hover:text-white flex relative group items-center justify-start "> 5009 Omvormers 5010 5011 </a> 5012 </span> 5013 </li> 5014 <li class="text-sm leading-6 text-gray-300">
5015 <span class="hover:text-white"> 5016 <a target="_self" href="/winkel/montage" 5017 aria-label="Montage" gtm-event="footer_menu_clicked" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Montage\u0022}');" class="cursor-pointer hover:text-white flex relative group items-center justify-start "> 5018 Montage 5019 5020 </a> 5021 </span> 5022 </li> 5023 <li class="text-sm leading-6 text-gray-300"> 5024 <span class="hover:text-white"> 5025 <a target="_self" href="/winkel/ev-chargers" 5026 aria-label="EV Chargers" gtm-event="footer_menu_clicked" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022EV Chargers\u0022}');" class="cursor-pointer hover:text-white flex relative group items-center justify-start "> 5027 EV Chargers 5028 5029 </a> 5030 </span> 5031 </li> 5032 <li class="text-sm leading-6 text-gray-300"> 5033 <span class="hover:text-white"> 5034 <a target="_self" href="/winkel/installatie" 5035 aria-label="Installatie" gtm-event="footer_menu_clicked" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Installatie\u0022}');" class="cursor-pointer hover:text-white flex relative group items-center justify-start "> 5036 Installatie 5037 5038 </a> 5039 </span> 5040 </li> 5041 <li class="text-sm leading-6 text-gray-300"> 5042 <span class="hover:text-white"> 5043 <a target="_self" href="/merken" 5044 aria-label="Alle Merken" gtm-event="footer_menu_clicked" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Alle Merken\u0022}');" class="cursor-pointer hover:text-white flex relative group items-center justify-start "> 5045 Alle Merken 5046 5047 </a> 5048 </span> 5049 </li> 5050 </ul> 5051 </div> 5052 <div class="mt-4 md:mt-0"> 5053 <p class="mt-4 md:mt-0 text-sm font-bold leading-6 text-white"> 5054 Klantenservice 5055 </p> 5056 5057 <ul class="mt-2 space-y-3" role="list"> 5058 <li class="text-sm leading-6 text-gray-300">
5059 <span class="hover:text-white"> 5060 <a target="_self" href="/support/contact" 5061 aria-label="Neem contact op" gtm-event="footer_menu_clicked" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Neem contact op\u0022}');" class="cursor-pointer hover:text-white flex relative group items-center justify-start "> 5062 Neem contact op 5063 5064 </a> 5065 </span> 5066 </li> 5067 <li class="text-sm leading-6 text-gray-300"> 5068 <span class="hover:text-white"> 5069 <a target="_self" href="/veelgestelde-vragen" 5070 aria-label="Veelgestelde vragen" gtm-event="footer_menu_clicked" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Veelgestelde vragen\u0022}');" class="cursor-pointer hover:text-white flex relative group items-center justify-start "> 5071 Veelgestelde vragen 5072 5073 </a> 5074 </span> 5075 </li> 5076 <li class="text-sm leading-6 text-gray-300"> 5077 <span class="hover:text-white"> 5078 <a target="_self" href="/algemene-voorwaarden" 5079 aria-label="Algemene voorwaarden" gtm-event="footer_menu_clicked" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Algemene voorwaarden\u0022}');" class="cursor-pointer hover:text-white flex relative group items-center justify-start "> 5080 Algemene voorwaarden 5081 5082 </a> 5083 </span> 5084 </li> 5085 <li class="text-sm leading-6 text-gray-300"> 5086 <span class="hover:text-white"> 5087 <a target="_self" href="/inkoopvoorwaarden" 5088 aria-label="Inkoop voorwaarden" gtm-event="footer_menu_clicked" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Inkoop voorwaarden\u0022}');" class="cursor-pointer hover:text-white flex relative group items-center justify-start "> 5089 Inkoop voorwaarden 5090 5091 </a> 5092 </span> 5093 </li> 5094 <li class="text-sm leading-6 text-gray-300">
5095 <span class="hover:text-white"> 5096 <a target="_self" href="/privacy-beleid" 5097 aria-label="Privacy verklaring" gtm-event="footer_menu_clicked" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Privacy verklaring\u0022}');" class="cursor-pointer hover:text-white flex relative group items-center justify-start "> 5098 Privacy verklaring 5099 5100 </a> 5101 </span> 5102 </li> 5103 <li class="text-sm leading-6 text-gray-300"> 5104 <span class="hover:text-white"> 5105 <a target="_self" href="/cookie-voorwaarden" 5106 aria-label="Cookies" gtm-event="footer_menu_clicked" gtm-event-trigger="click" gtm-data="JSON.parse('{\u0022value\u0022:\u0022Cookies\u0022}');" class="cursor-pointer hover:text-white flex relative group items-center justify-start "> 5107 Cookies 5108 5109 </a> 5110 </span> 5111 </li> 5112 </ul> 5113 </div> 5114 <div class=""> 5115 </div> 5116 </div> 5117 <div class="mt-10 xl:mt-0"> 5118 <div wire:snapshot="{"data":{"layout":[[],{"s":"arr"}],"email":"","submitted":false,"extraFields":[{"my_name":"","valid_from":"eyJpdiI6IlRBOUhJWGdkcFZGMkxrYno2VWdhZFE9PSIsInZhbHVlIjoiTENwSXNpWFQyckZqY1RJalpiWFlGQT09IiwibWFjIjoiMjAwZjU0NmIwNWM5NzEyNjkxYjQ1MDhmMjBiMzMwMTgyODc5MjEzYTQ0MDg5MGRmMzk5MjkwZGYwN2M2NzRiYiIsInRhZyI6IiJ9"},{"class":"Spatie\\Honeypot\\Http\\Livewire\\Concerns\\HoneypotData","s":"wrbl"}]},"memo":{"id":"BVuVrPoWKB1h6o6M5UjN","name":"forms.newsletter-footer","path":"actueel\/blog","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl"},"checksum":"8a808c0f26b57fdea7e1ee27b6148a5a65cd813e443171127a83b0a0d762c252"}" wire:effects="{"listeners":["formSubmitted"]}" wire:id="BVuVrPoWKB1h6o6M5UjN"> 5119 <h3 class="text-sm font-semibold leading-6 text-white"> 5120 Abonneer op onze nieuwsbrief 5121 </h3> 5122 <!--[if BLOCK]><![endif]--> <p class="mt-2 text-sm leading-6 text-gray-300"> 5123 Het laatste nieuws, korting en inspiratie in je mailbox. 5124 </p> 5125 <form @submit.prevent="doCaptcha" x-data="{ 5126 enabled: true, 5127 siteKey: '6LdTdg8sAAAAAPP6ckh6T_245gXjfFpQ3XqPMHLZ', 5128 init() { 5129 if (!document.getElementById('recaptcha-script') && this.enabled == true) { 5130 const script = document.createElement('script'); 5131 script.id = 'recaptcha-script'; 5132 script.src = 'https://www.google.com/recaptcha/api.js?render=' + this.siteKey; 5133 document.body.append(script); 5134 } 5135 }, 5136 doCaptcha() { 5137 // Dispatch to *this* component only (dispatchSelf). A global Livewire.dispatch 5138 // would fire every form that listens for `formSubmitted` on the page (e.g. the 5139 // footer newsletter), causing stray validation errors and double-verifying the 5140 // single-use reCAPTCHA token, which can break the real submission. 5141 if (this.enabled == false) { 5142 this.$wire.dispatchSelf('formSubmitted', { token: null }); 5143 return; 5144 } 5145 5146 grecaptcha.execute(this.siteKey, { action: 'submit' }).then(token => { 5147 this.$wire.dispatchSelf('formSubmitted', { token: token }); 5148 }); 5149 }, 5150}" class="space-y-6"> 5151 <!--[if BLOCK]><![endif]--> <div id="my_name_cQGL71ROgBY7w3rj_wrap" style="display: none" aria-hidden="true"> 5152 <input id="my_name_cQGL71ROgBY7w3rj" 5153 name="my_name_cQGL71ROgBY7w3rj" 5154 type="text" 5155 value="" 5156 autocomplete="nope" 5157 tabindex="-1"> 5158 <input name="valid_from" 5159 type="text" 5160 value="eyJpdiI6InlLcnJtT2QxT1A3SGM3YzVSbXgvQ3c9PSIsInZhbHVlIjoiNFpRRnBYc2RLNXgyN25tS2p2YmtPQT09IiwibWFjIjoiNjJmYTQ3YWQ5NjYxODExZDhjY2FjMDhkYTc0MDUyN2Q3MmRmNTVkN2RjZTgyNmMzZTliMTk1N2VkN2IxYmIxZSIsInRhZyI6IiJ9" 5161 autocomplete="off" 5162 tabindex="-1"> 5163 </div> 5164<!--[if ENDBLOCK]><![endif]--> <div class="mt-6 sm:flex sm:max-w-md"> 5165 <label for="email" class="sr-only"> 5166 E-mailadres 5167 </label> 5168 <input wire:model="email" type="email" name="email" id="email" autocomplete="email" required 5169 wire:loading.attr="disabled" 5170 class="w-full min-w-0 px-3 py-2 text-base text-white border-0 rounded-md shadow-xs appearance-none bg-white/5 ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset focus:ring-primary-500 sm:w-64 sm:text-sm sm:leading-6 xl:w-full disabled:opacity-50" 5171 placeholder="E-mailadres..."> 5172 <div class="mt-4 sm:ml-4 sm:mt-0 sm:shrink-0"> 5173 <button type="submit" wire:loading.attr="disabled" 5174 class="flex items-center justify-center w-full px-3 py-2.5 text-sm font-semibold text-white rounded-md transition-all shadow-xs border-white border-2 hover:bg-tertiary-50/20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 disabled:opacity-50">
5175 <span wire:loading.remove> 5176 Inschrijven 5177 </span> 5178 <span wire:loading> 5179 Een moment... 5180 </span> 5181 </button> 5182 </div> 5183 </div> 5184 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 5185 5186 <!--[if BLOCK]><![endif]--> <p class="pt-2 text-xs text-gray-400"> 5187 Deze site wordt beschermd door reCAPTCHA. 5188 <a href="https://policies.google.com/privacy" target="_blank" class="underline">Privacybeleid</a> 5189 & 5190 <a href="https://policies.google.com/terms" target="_blank" 5191 class="underline">Servicevoorwaarden</a> 5192 </p> 5193 <!--[if ENDBLOCK]><![endif]--></form> 5194 <!--[if ENDBLOCK]><![endif]--></div> 5195 </div> 5196 </div> 5197 </div> 5198 <div class="w-full"> 5199 <div 5200 class="mx-auto w-full px-4 py-8 sm:px-6 md:max-w-4xl md:pb-10 md:pt-4 lg:max-w-7xl lg:px-8 xl:max-w-screen-xl 2xl:max-w-screen-2xl"> 5201 <div 5202 class="mt-8 border-t border-white/10 pt-8 sm:mt-20 md:flex md:items-center md:justify-between lg:mt-12"> 5203 <div class="flex space-x-6 md:order-2"> 5204 <a href="https://www.linkedin.com/company/navetto" target="_blank" 5205 class="text-white/80 hover:text-secondary-500"> 5206 <span class="sr-only">LinkedIn</span> 5207 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor"
5208 viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--> 5209 <path 5210 d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z" /> 5211 </svg> 5212 </a> 5213 </div> 5214 <p class="mt-8 text-xs leading-5 text-gray-400 md:order-1 md:mt-0"> 5215 Copyright © 5216 2026 5217 Navetto Alle rechten voorbehouden 5218 - Gemaakt door 5219 <a href="https://marshmallow.nl" target="_blank" alt="Marshmallow" 5220 class="text-slate-200 hover:text-red-500 hover:underline">Marshmallow</a> 5221 </p> 5222 </div> 5223 </div> 5224 </div> 5225</footer> 5226 5227 5228 <a href="#top" 5229 :class="{ 5230 'fixed md:bottom-5 bottom-[4.5rem] right-3 md:right-3': stickyFooter, 5231 'fixed md:bottom-4 bottom-2 right-2 md:right-4': !stickyFooter, 5232 }" 5233 x-show="footerArrow" x-cloak x-transition:enter-start="transform translate-y-full opacity-0" 5234 x-transition:enter-end="transform translate-y-0 opacity-100" 5235 x-transition:enter="transition origin-bottom ease-in duration-500" 5236 x-transition:leave="transition origin-top ease-in duration-500" 5237 x-transition:leave-start="transform translate-y-0 opacity-100 " 5238 x-transition:leave-end="transform translate-y-full opacity-0" 5239 class="group fixed z-[60] hidden h-8 w-8 cursor-pointer items-center justify-center self-end rounded-full bg-gray-500/20 text-center align-middle text-base text-white shadow-xs transition duration-200 ease-in-out hover:scale-105 hover:bg-primary-600 md:flex md:h-10 md:w-10 md:text-xl"> 5240 <i class="fa-solid fa-fw fa-angles-up"></i> 5241 <span class="sr-only">to top</span> 5242 </a> 5243 5244 </div> 5245 5246 5247 5248 <div role="status" id="toaster" x-data="toasterHub([], JSON.parse('{\u0022alignment\u0022:\u0022top\u0022,\u0022duration\u0022:3000,\u0022replace\u0022:false,\u0022suppress\u0022:false}'))" class="fixed z-50 p-4 w-full flex flex-col pointer-events-none sm:p-6 mt-4 top-0 items-end rtl:items-start" 5249 :class="{ 5250 // 'top-24 md:top-[11rem]': atTop, 5251 // 'top-6 md:top-12': !atTop, 5252 }"> 5253 <template x-for="toast in toasts" :key="toast.id"> 5254 <div x-show="toast.isVisible" x-init="$nextTick(() => toast.show($el))" x-transition:enter-start="-translate-y-12 opacity-0" 5255 x-transition:enter-end="translate-y-0 opacity-100" 5256 x-transition:leave-end="opacity-0 scale-90" 5257 class="relative duration-300 transform transition ease-in-out max-w-xs w-full pointer-events-auto" 5258 :class="toast.select({ error: 'text-white', info: 'text-black', success: 'text-white', warning: 'text-white' })" 5259 > 5260 <div class="flex w-full flex-col items-center space-y-4 sm:items-end"> 5261 <div 5262 class="pointer-events-auto mb-2 w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black/5"> 5263 <div class="p-4"> 5264 <div class="flex items-center"> 5265 <div class="mr-1 flex items-center"> 5266 <div class="hidden" 5267 :class="toast.select({ 5268 success: '!block', 5269 })"> 5270 <svg class="shrink-0 [:where(&)]:size-6 text-green-400" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 5271 <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 5272</svg> 5273 5274 </div> 5275 <div class="hidden" 5276 :class="toast.select({ 5277 error: '!block', 5278 })"> 5279 <svg class="shrink-0 [:where(&)]:size-6 text-red-400" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 5280 <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75
5280a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z"/> 5281</svg> 5282 5283 </div> 5284 <div class="hidden" 5285 :class="toast.select({ 5286 info: '!block', 5287 })"> 5288 <svg class="shrink-0 [:where(&)]:size-6 text-blue-400" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 5289 <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"/> 5290</svg> 5291 5292 </div> 5293 <div class="hidden" 5294 :class="toast.select({ 5295 warning: '!block' 5296 })"> 5297 <svg class="shrink-0 [:where(&)]:size-6 text-orange-400" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 5298 <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z"/> 5299</svg> 5300 5301 </div> 5302 </div> 5303 <div class=""> 5304 <div class="font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white text-sm [&:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&]:mt-2" data-flux-heading><span class="hidden" 5305 :class="toast.select({ 5306 success: '!block', 5307 })"> 5308 Gelukt! 5309 </span> 5310 5311 <span class="hidden" 5312 :class="toast.select({ 5313 error: '!block', 5314 })"> 5315 Er ging iets mis! 5316 </span> 5317 <span class="hidden" 5318 :class="toast.select({ 5319 info: '!block', 5320 })"> 5321 Wat extra informatie! 5322 </span> 5323 <span class="hidden" 5324 :class="toast.select({ 5325 warning: '!block', 5326 })"> 5327 Let op! 5328 </span></div> 5329 </div> 5330 <div class="ml-4 flex shrink-0"> 5331 <button @click="toast.dispose()" aria-label="close" type="button" 5332 class="top-1 right-1 absolute inline-flex rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-hidden focus:ring-0 focus:ring-primary-500/0 focus:ring-offset-2 rtl:left-0 rtl:right-auto"> 5333 <span class="sr-only">Close</span> 5334 <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 5335 <path 5336 d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" /> 5337 </svg> 5338 </button> 5339 </div> 5340 </div> 5341 <div class="mb-3 w-full pt-0.5"> 5342 <div class="text-sm [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70" data-flux-subheading> 5343 <span x-html="toast.message"></span> 5344</div> 5345 </div> 5346 </div> 5347 </div> 5348 </div> 5349 </div> 5350 </template> 5351</div> 5352 5353 5354
5354<script src="https://navetto.nl/flux/flux.min.js?id=505e8a75" data-navigate-once></script>
5354 5355 <!-- Hubspot script --> 5356
5356<script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/146042793.js"></script>
5356 5357
5357<script src="https://js-eu1.hsforms.net/forms/embed/146042793.js" defer></script>
5357 5358 <!-- End of Hubspot script --> 5359 5360 5361 <div class="fixed inset-0 z-10 w-full h-screen transition-opacity bg-gray-500/25 blur-xs backdrop-blur" 5362 x-show="menuOpen" x-cloak x-on:click="menuOpen = false"> 5363 </div> 5364 5365</body> 5366 5367</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.