PageSourceSearch

https://navetto.nl/actueel/blog

html navetto.nl collected 2026-10-08 08:26:20 UTC 614,429 bytes, 5,367 lines download raw bytes

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 + '&gtm_preview=env-1&gtm_auth=4YOIISLiOX7Ntl0Bak3Fjw&gtm_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&gtm_preview=env-1&gtm_auth=4YOIISLiOX7Ntl0Bak3Fjw&gtm_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="{&quot;data&quot;:{&quot;activeComponent&quot;:null,&quot;components&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;vccJiw8yrjFh9V2LiHrB&quot;,&quot;name&quot;:&quot;modal-pro&quot;,&quot;path&quot;:&quot;actueel\/blog&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;},&quot;checksum&quot;:&quot;6aba9532bcbf1c339204bd3d2eb3528cba65f40ad01962653addd3d0a07885b1&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;modal.open&quot;]}" 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="{&quot;data&quot;:{&quot;activeComponent&quot;:null,&quot;components&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;QxHsUTL2mW8MtFXQyQKt&quot;,&quot;name&quot;:&quot;slide-over-pro&quot;,&quot;path&quot;:&quot;actueel\/blog&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;},&quot;checksum&quot;:&quot;0930d5c17ebace5d1b19c98152d13d70512e9ab9f18af7276bcf8c671fe430b0&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;slide-over.open&quot;]}" 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&amp;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                                                                &lt; 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                                                                &gt; 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                                                                &gt;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(&amp;)]: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(&amp;)]: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 [&amp;: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 [&amp;: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 [&amp;: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 [&amp;: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 [&amp;: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 [&amp;: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 [&amp;: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 [&amp;: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 [&amp;: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 [&amp;: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 [&amp;: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 [&amp;: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 [&amp;: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 [&amp;: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 [&amp;: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 [&amp;: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 [&amp;: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 [&amp;: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 [&amp;: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 [&amp;: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 [&amp;: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&amp;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                                                                &lt; 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                                                                &gt; 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                                                                &gt;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="{&quot;data&quot;:{&quot;layout&quot;:[{&quot;intro&quot;:&quot;&lt;p&gt;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.&lt;\/p&gt;\n&lt;p&gt;Schrijf je eenvoudig in voor trainingen en kom regelmatig terug om op de hoogte te blijven van de laatste ontwikkelingen.&lt;\/p&gt;&quot;,&quot;title&quot;:&quot;Nieuws, Blogs, Trainingen &amp; Events&quot;,&quot;sub_title&quot;:null},{&quot;s&quot;:&quot;arr&quot;}],&quot;blog_tag&quot;:null,&quot;blog_tag_id&quot;:1,&quot;blogs_tags&quot;:[{&quot;1&quot;:&quot;Blog&quot;,&quot;2&quot;:&quot;Nieuws&quot;,&quot;3&quot;:&quot;Agenda&quot;,&quot;4&quot;:&quot;Acties&quot;},{&quot;class&quot;:&quot;Illuminate\\Support\\Collection&quot;,&quot;s&quot;:&quot;clctn&quot;}],&quot;tag&quot;:null,&quot;paginators&quot;:[{&quot;page&quot;:1},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;ixufyjUpStWFpYm9xFOU&quot;,&quot;name&quot;:&quot;blog.overview&quot;,&quot;path&quot;:&quot;actueel\/blog&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;},&quot;checksum&quot;:&quot;46c3439a433c6b9bef45753064624072ee53b9e71568bec5f886189eaa55113c&quot;}" wire:effects="{&quot;url&quot;:{&quot;tag&quot;:{&quot;as&quot;:&quot;tag&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;paginators.page&quot;:{&quot;as&quot;:&quot;page&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;: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&#039;s en toepassingen
4299                                    </p>
4300                                </a>
4301                                <p class="mt-1 text-sm text-gray-600">
4302                                    &quot;Kan mijn auto niet gewoon mijn thuisbatterij zijn?&quot; 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                                    &quot;Tot 45% subsidie op je batterij.&quot; 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 &#039;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                                    &quot;Mijn batterij stond gisteren op 30% en vanmorgen ineens op 12%.&quot; 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&#039;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                            &laquo; 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(&#039;#blogs&#039;) || document.querySelector(&#039;#blogs&#039;)).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 &raquo;
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="&amp;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(&#039;#blogs&#039;) || document.querySelector(&#039;#blogs&#039;)).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(&#039;#blogs&#039;) || document.querySelector(&#039;#blogs&#039;)).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(&#039;#blogs&#039;) || document.querySelector(&#039;#blogs&#039;)).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(&#039;#blogs&#039;) || document.querySelector(&#039;#blogs&#039;)).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(&#039;#blogs&#039;) || document.querySelector(&#039;#blogs&#039;)).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(&#039;#blogs&#039;) || document.querySelector(&#039;#blogs&#039;)).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 &amp;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="{&quot;data&quot;:{&quot;layout&quot;:[{&quot;title&quot;:&quot;Blijf altijd op de hoogte van het laatste VDH Power nieuws&quot;,&quot;background&quot;:&quot;tertiary&quot;,&quot;button_text&quot;:&quot;Inschrijven&quot;,&quot;description&quot;:&quot;&lt;p&gt;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!&lt;\/p&gt;&quot;,&quot;privacy_message&quot;:&quot;&lt;p&gt;Wij vinden de bescherming van uw gegevens erg belangrijk. Lees hier ons &lt;a href=\&quot;\/privacy-beleid\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;&gt;Privacybeleid&lt;\/a&gt;.&lt;\/p&gt;&quot;,&quot;thank_you_message&quot;:&quot;&lt;p&gt;Bedankt voor je inschrijving! Je ontvangt binnenkort de nieuwste updates van VDH Power in je mailbox.&lt;\/p&gt;&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;submitted&quot;:false,&quot;extraFields&quot;:[{&quot;my_name&quot;:&quot;&quot;,&quot;valid_from&quot;:&quot;eyJpdiI6IjQ0WmdveTA5ZGhncnVvYll3L2psdHc9PSIsInZhbHVlIjoiMnVvM3VQSHViMnI3KzYybmRiL0h0QT09IiwibWFjIjoiZWE4N2U4NzNjZDA2M2Q2MGQxNDJkMGRjODYxMWI2ZjQ5ZWIzZmU2ZGUwYzA2MTFhNTg0YmU5ZWRiZjcyNjhkNiIsInRhZyI6IiJ9&quot;},{&quot;class&quot;:&quot;Spatie\\Honeypot\\Http\\Livewire\\Concerns\\HoneypotData&quot;,&quot;s&quot;:&quot;wrbl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;ins3LVCw0zseWU1hBhEl&quot;,&quot;name&quot;:&quot;forms.newsletter&quot;,&quot;path&quot;:&quot;actueel\/blog&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;},&quot;checksum&quot;:&quot;49bc97364246ec4bde06f76ca0cab308fc3a65dad07849288e5cd0414042a801&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;formSubmitted&quot;]}" 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            &amp;
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="{&quot;data&quot;:{&quot;layout&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;email&quot;:&quot;&quot;,&quot;submitted&quot;:false,&quot;extraFields&quot;:[{&quot;my_name&quot;:&quot;&quot;,&quot;valid_from&quot;:&quot;eyJpdiI6IlRBOUhJWGdkcFZGMkxrYno2VWdhZFE9PSIsInZhbHVlIjoiTENwSXNpWFQyckZqY1RJalpiWFlGQT09IiwibWFjIjoiMjAwZjU0NmIwNWM5NzEyNjkxYjQ1MDhmMjBiMzMwMTgyODc5MjEzYTQ0MDg5MGRmMzk5MjkwZGYwN2M2NzRiYiIsInRhZyI6IiJ9&quot;},{&quot;class&quot;:&quot;Spatie\\Honeypot\\Http\\Livewire\\Concerns\\HoneypotData&quot;,&quot;s&quot;:&quot;wrbl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;BVuVrPoWKB1h6o6M5UjN&quot;,&quot;name&quot;:&quot;forms.newsletter-footer&quot;,&quot;path&quot;:&quot;actueel\/blog&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;},&quot;checksum&quot;:&quot;8a808c0f26b57fdea7e1ee27b6148a5a65cd813e443171127a83b0a0d762c252&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;formSubmitted&quot;]}" 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            &amp;
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 &copy;
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(&amp;)]: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(&amp;)]: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(&amp;)]: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(&amp;)]: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(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]: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(&amp;)]:text-zinc-500 [:where(&amp;)]: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.