PageSourceSearch

https://homezero.ai/

html homezero.ai collected 2026-10-05 16:08:45 UTC 155,293 bytes, 3,137 lines download raw bytes

1<!DOCTYPE html>
2<html data-wf-page="67ac72e2b9d04d9f75e343b5" data-wf-site="648c75310169e2407e8604dc" lang="nl">
3  <head>
4    <meta charset="utf-8" />
5    
5<script
6      src="https://challenges.cloudflare.com/turnstile/v0/api.js?onload=hzTurnstileReady&render=explicit"
7      async
8      defer
9    ></script>
9
10    
10<script src="/js/hz-mobile-nav.js" defer></script>
10
11    
11<script>
12      window.dataLayer = window.dataLayer || [];
13      window.gtag = window.gtag || function(){ window.dataLayer.push(arguments); };
14      gtag('consent', 'default', {
15        'ad_storage': 'denied',
16        'ad_user_data': 'denied',
17        'ad_personalization': 'denied',
18        'analytics_storage': 'denied',
19        'wait_for_update': 500
20      });
21      try {
22        var saved = localStorage.getItem('cookieConsent');
23        if (saved) {
24          var prefs = JSON.parse(saved);
25          if (prefs && typeof prefs === 'object') {
26            gtag('consent', 'update', {
27              'analytics_storage': prefs.analytics ? 'granted' : 'denied',
28              'ad_storage': prefs.marketing ? 'granted' : 'denied',
29              'ad_user_data': prefs.marketing ? 'granted' : 'denied',
30              'ad_personalization': prefs.marketing ? 'granted' : 'denied'
31            });
32          }
33        }
34      } catch (e) {}
35    </script>
35
36    <title>De beste conversie, sales &amp; digitale operatie software voor de energie transitie</title>
37    <meta
38      content="HomeZero helpt installateurs en B2B2C-organisaties verduurzamingsproposities verkopen. Van eerste oriëntatie tot installatie — betere leads, meer deals en hogere conversie."
39      name="description"
40    />
41    <meta
42      content="De beste conversie, sales &amp; digitale operatie software voor de energie transitie"
43      property="og:title"
44    />
45    <meta
46      content="Maximale conversie en een optimale digitale operatie. Whitelabel verduurzamingsplatform voor (installatie)bedrijven. Van warmtepompen, isolatie tot batterijen."
47      property="og:description"
48    />
49    <meta
50      content="https://ystckkktjcktugqoqxtd.supabase.co/storage/v1/object/public/media/imported/99dd7dd625e59a59.png"
51      property="og:image"
52    />
53    <meta
54      content="De beste conversie, sales &amp; digitale operatie software voor de energie transitie"
55      property="twitter:title"
56    />
57    <meta
58      content="Maximale conversie en een optimale digitale operatie. Whitelabel verduurzamingsplatform voor (installatie)bedrijven. Van warmtepompen, isolatie tot batterijen."
59      property="twitter:description"
60    />
61    <meta
62      content="https://ystckkktjcktugqoqxtd.supabase.co/storage/v1/object/public/media/imported/99dd7dd625e59a59.png"
63      property="twitter:image"
64    />
65    <meta property="og:type" content="website" />
66    <meta content="summary_large_image" name="twitter:card" />
67    <meta content="width=device-width, initial-scale=1" name="viewport" />
68    <meta content="wVdRkXlqXZ2ucvaupHTXvvZiwuYvRG-f5ZZ2TX7NgvI" name="google-site-verification" />
69    <link href="css/normalize.css" rel="stylesheet" type="text/css" />
70    <link href="css/webflow.css" rel="stylesheet" type="text/css" />
71    <link href="css/homezerotech.webflow.css" rel="stylesheet" type="text/css" />
72    <style>
73      @media (max-width:479px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="bbe27d6f-0c6d-e23d-1838-652bd3025a64"] {-webkit-transform:translate3d(1%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(1%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(1%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(1%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}}
74    </style>
75    
75<script type="text/javascript">
76      !function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);
77    </script>
77
78    <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon" />
79    <link href="images/webclip.png" rel="apple-touch-icon" />
80    <style>
81      * {
82        -webkit-font-smoothing: antialiased;
83      }
84    </style>
85    <style type="text/css">
86      html {
87        -webkit-tap-highlight-color: rgba(0,0,0,0);
88      }
89    </style>
90    
90<script src="/js/hz-i18n.js" defer></script>
90
91    
91<script src="/js/pico-status.js" defer></script>
91
92    
92<script src="/js/hz-consent-loader.js" defer></script>
92
93
94    <!--  Hotjar Tracking Code for homezero.nl  -->
95    
95<script>
vendor: 131 bytes, lines 95-98
95
96      (function(h,o,t,j,a,r){
97          h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
98          h._hjSettings={hjid:
983090652
vendor: 272 bytes, lines 98-104
98,hjsv:6};
99          a=o.getElementsByTagName('head')[0];
100          r=o.createElement('script');r.async=1;
101          r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
102          a.appendChild(r);
103      })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
104    
104</script>
104
105    <!--  [Attributes by Finsweet] Social Share  -->
106    
106<script defer="" src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-socialshare@1/socialshare.js"></script>
106
107    <!--  New codes 2025 -->
108    <style>
109       textarea {
110        resize: none;
111      }
112    </style>
113    <link rel="iframely" href="https://www.homezero.nl/pitch-deck#sales" media="(aspect-ratio: 1280/720)" />
114    <link rel="iframely" href="https://www.homezero.nl/pitch-deck#services" media="(aspect-ratio: 1280/720)" />
115    <link rel="iframely" href="https://www.homezero.nl/pitch-deck#ops" media="(aspect-ratio: 1280/720)" />
116    <style>
117      /* Verberg de Duitse link standaard op de NL site */
118      html[lang="nl"] .german-only-link,
119      html[lang="en"] .german-only-link {
120            display: none !important;
121      }
122      /* Verberg de Nederlandse link op de DE site */
123      html[lang="de"] .dutchfooter {
124        display: none !important;
125      }
126      /* Hero CTA row: Plan een demo + AI assessment naast elkaar */
127      .hero-cta-row {
128        display: flex;
129        gap: .7vw;
130        align-items: center;
131        margin-left: -.4vw;
132        flex-wrap: wrap;
133      }
134      .blk-btn {
135        background-color: #111;
136        border-color: #111;
137        color: #fff;
138        box-shadow: 0 .2vw .8vw rgba(0, 0, 0, .12);
139      }
140      .blk-btn:hover {
141        background-color: #333;
142        border-color: #333;
143      }
144      @media screen and (max-width: 991px) {
145        .hero-cta-row {
146          gap: 12px;
147          margin-left: -4px;
148        }
149      }
150      @media screen and (max-width: 479px) {
151        .hero-cta-row {
152          flex-direction: column;
153          align-items: stretch;
154          margin-left: 0;
155        }
156        .blk-btn,
157        .ylw-btn {
158          width: 100%;
159          justify-content: center;
160        }
161      }
162    </style>
163    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle-min.css" />
164    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
165    <style>
166      .swiper-pagination {
167          display: none;
168      }
169      @media (max-width: 768px) {
170          .swiper-pagination {
171              display: block;
172              bottom: -24px !important;
173          }
174      }
175      .swiper-pagination-bullet {
176          width: 1.5vw;
177          height: 1.5vw;
178          background-color: #E4E5E7 !important;
179          opacity: 1;
180      }
181      .swiper-pagination-bullet-active {
182          background-color: #797B86 !important;
183      }
184      .testimonials .swiper-slide {
185          display: flex;
186          align-items: stretch; /* Stretch slides to full height */
187          height: auto; /* Ensure they can grow */
188      }
189      .testimonials .testimonial-card {
190          display: flex;
191          flex-direction: column;
192          height: 100%; /* Make the card take full height */
193      }
194    </style>
195    <style>
196      /* Fix: voorkomt dat onzichtbare secties klikken blokkeren op zichtbare tabs.
197         Werkt alleen wanneer Webflow IX2 opacity:0 als inline style heeft gezet. */
198      .opr-cont[style*="opacity: 0"] .app-txt-cont,
199      .opr-cont[style*="opacity:0"] .app-txt-cont,
200      .ser-cont[style*="opacity: 0"] .app-txt-cont,
201      .ser-cont[style*="opacity:0"] .app-txt-cont,
202      .app-txt-cont[style*="opacity: 0"],
203      .app-txt-cont[style*="opacity:0"] {
204          pointer-events: none;
205        }
206    </style>
207    <meta property="og:url" content="https://homezero.ai/" />
208    <meta property="og:site_name" content="HomeZero" />
209    
209<script type="application/ld+json">
210      {
211        "@context": "https://schema.org",
212        "@graph": [
213          {
214            "@type": "Organization",
215            "@id": "https://homezero.ai/#organization",
216            "name": "HomeZero",
217            "url": "https://homezero.ai",
218            "logo": "https://homezero.ai/images/Logo-black.svg",
219            "description": "HomeZero helpt installateurs en B2B2C-organisaties verduurzamingsproposities verkopen met slimme leadflows en AI-tools.",
220            "address": {
221              "@type": "PostalAddress",
222              "streetAddress": "Koepelplein 1E, unit 353",
223              "addressLocality": "Haarlem",
224              "postalCode": "2031 WL",
225              "addressCountry": "NL"
226            },
227            "contactPoint": {
228              "@type": "ContactPoint",
229              "email": "[email protected]",
230              "contactType": "customer service"
231            },
232            "sameAs": [
233              "https://www.linkedin.com/company/homezero"
234            ]
235          },
236          {
237            "@type": "SoftwareApplication",
238            "@id": "https://homezero.ai/#software",
239            "name": "Pico by HomeZero",
240            "url": "https://homezero.ai/project-pico",
241            "applicationCategory": "BusinessApplication",
242            "applicationSubCategory": "CRM",
243            "operatingSystem": "Web",
244            "description": "Pico is het operationele platform van HomeZero voor installateurs. Beheer leads, monteurs, offertes en klantcommunicatie op één plek.",
245            "featureList": [
246              "Leadbeheer en conversie-flows",
247              "Offertes en calculaties voor verduurzamingsmaatregelen",
248              "Planning en capaciteitsoptimalisatie voor monteurs",
249              "Digitale huisscan en schouw-app",
250              "Klantcommunicatie en klantportaal",
251              "Marktplaats voor capaciteit tussen installatiebedrijven",
252              "Integraties met bestaande CRM- en ERP-systemen"
253            ],
254            "provider": {
255              "@id": "https://homezero.ai/#organization"
256            },
257            "offers": {
258              "@type": "Offer",
259              "url": "https://homezero.ai/project-pico",
260              "price": "0",
261              "priceCurrency": "EUR",
262              "availability": "https://schema.org/InStock"
263            }
264          },
265          {
266            "@type": "WebSite",
267            "@id": "https://homezero.ai/#website",
268            "url": "https://homezero.ai",
269            "name": "HomeZero",
270            "publisher": {
271              "@id": "https://homezero.ai/#organization"
272            }
273          },
274          {
275            "@type": "FAQPage",
276            "@id": "https://homezero.ai/#faq",
277            "mainEntity": [
278              {
279                "@type": "Question",
280                "name": "Wat kost HomeZero?",
281                "acceptedAnswer": {
282                  "@type": "Answer",
283                  "text": "Wij werken met een Implementatie Fee (vanaf € 2.500,-) en een maandelijks bedrag afhankelijk van de grootte van jouw organisatie, het type, hoeveel features en hoeveel services je afneemt. De maandelijkse all-in kosten beginnen bij € 750,- per maand voor 2 gebruikers en 3 maatregelen. De meeste klanten hebben de investering er snel uit door een combinatie van meer leads, betere leads en een hogere conversie van leads naar deals."
284                }
285              },
286              {
287                "@type": "Question",
288                "name": "Wat is Pico?",
289                "acceptedAnswer": {
290                  "@type": "Answer",
291                  "text": "Pico staat voor Platform Installatie Capaciteit Optimalisatie en is de naam van het CRM en ERP van HomeZero. Wij ontwerpen en bouwen dit platform zelf en klanten gebruiken het om hun lead flows en proposities te optimaliseren of voor hun hele bedrijfsvoering. Pico is een ecosysteem in de energietransitie waar opdrachten en capaciteit slim gedeeld kunnen worden tussen installatiebedrijven, isolatiebedrijven en andere b2b2c-marktspelers."
292                }
293              },
294              {
295                "@type": "Question",
296                "name": "Hoe ziet een implementatie eruit?",
297                "acceptedAnswer": {
298                  "@type": "Answer",
299                  "text": "Afhankelijk van je pakket en de integraties kan je live binnen een paar dagen of een paar weken. Het is een strategisch traject waarin wij ondersteunen om jullie proposities, prijzen, producten en calculaties te configureren in Pico en zo de optimale klantreis te ontwerpen. Ons team begeleidt dit proces en coördineert ook taken zoals integratie(s) met bestaande systemen en de upgrade van jullie site en landingspagina's met onze Website Widget."
300                }
301              }
302            ]
303          }
304        ]
305      }
306    </script>
306
307    <link rel="alternate" hreflang="nl" href="https://homezero.ai/" />
308    <link rel="alternate" hreflang="x-default" href="https://homezero.ai/" />
309  
309<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
309</head>
310  <body data-audience="all">
311    <section class="sect">
312      <div class="main-cont">
313        <div class="hero-cont">
314          <div class="hero-up">
315            <div class="sect-txt">
316              <div class="tag-head">
317                <div class="tag-sect">
318                  <p class="p2 p2-all-caps">VOOR INSTALLATIE,- EN ISOLATIEBEDRIJVEN</p>
319                </div>
320                <h1 class="h1-width">De beste conversie, sales en digitale operatie software</h1>
321              </div>
322              <div class="hero-cta-row">
323                <a id="0" href="#contact-form" class="ylw-btn w-inline-block">
324                  <p class="btn-text">Plan een demo</p>
325                  <div data-w-id="6924ea72-f857-60e2-60a7-aa89f6130e75" class="blur-cont hide">
326                    <div class="ylw-blur"></div>
327                  </div>
328                  <div data-w-id="6924ea72-f857-60e2-60a7-aa89f6130e77" class="blur-cont">
329                    <div class="ylw-blur"></div>
330                  </div>
331                </a>
332                <a href="https://homezero.ai/assessment" class="ylw-btn blk-btn w-inline-block">
333                  <p class="btn-text">AI assessment</p>
334                  <div class="blur-cont hide">
335                    <div class="black-blur"></div>
336                  </div>
337                  <div class="blur-cont">
338                    <div class="black-blur"></div>
339                  </div>
340                </a>
341              </div>
342            </div>
343            <div class="hero-msrs">
344              <p class="p3 _500">Voor alle maatregelen waaronder:</p>
345              <div class="msrs-slider">
346                <div data-w-id="bbe27d6f-0c6d-e23d-1838-652bd3025a64" class="mrs-slider-anm">
347                  <div class="msrs-cont">
348                    <div class="msr-cont">
349                      <img src="images/Heatpump.png" loading="lazy" alt="" class="msr-icon" />
350                      <p class="p2">Warmtepomp</p>
351                    </div>
352                    <div class="msrs-dvd"></div>
353                    <div class="msr-cont">
354                      <img src="images/Battery.png" loading="lazy" alt="" class="msr-icon" />
355                      <p class="p2">Thuisbatterij</p>
356                    </div>
357                    <div class="msrs-dvd"></div>
358                    <div class="msr-cont">
359                      <img src="images/Solar-panels.png" loading="lazy" alt="" class="msr-icon" />
360                      <p class="p2">Zonnepanelen</p>
361                    </div>
362                    <div class="msrs-dvd"></div>
363                    <div class="msr-cont">
364                      <img src="images/Charger.png" loading="lazy" alt="" class="msr-icon" />
365                      <p class="p2">Laadpaal</p>
366                    </div>
367                    <div class="msrs-dvd"></div>
368                    <div class="msr-cont">
369                      <img src="images/Insolations.png" loading="lazy" alt="" class="msr-icon" />
370                      <p class="p2">Isolatie</p>
371                    </div>
372                    <div class="msrs-dvd"></div>
373                    <div class="msr-cont">
374                      <img src="images/Airconditioning.png" loading="lazy" alt="" class="msr-icon" />
375                      <p class="p2">Airco</p>
376                    </div>
377                  </div>
378                  <div class="msrs-cont hide">
379                    <div class="msrs-dvd"></div>
380                    <div class="msr-cont">
381                      <img src="images/Heatpump.png" loading="lazy" alt="" class="msr-icon" />
382                      <p class="p2">Heatpumps</p>
383                    </div>
384                    <div class="msrs-dvd"></div>
385                    <div class="msr-cont">
386                      <img src="images/Battery.png" loading="lazy" alt="" class="msr-icon" />
387                      <p class="p2">Batteries</p>
388                    </div>
389                    <div class="msrs-dvd"></div>
390                    <div class="msr-cont">
391                      <img src="images/Solar-panels.png" loading="lazy" alt="" class="msr-icon" />
392                      <p class="p2">Solar Panels</p>
393                    </div>
394                    <div class="msrs-dvd"></div>
395                    <div class="msr-cont">
396                      <img src="images/Charger.png" loading="lazy" alt="" class="msr-icon" />
397                      <p class="p2">EV Charger</p>
398                    </div>
399                    <div class="msrs-dvd"></div>
400                    <div class="msr-cont">
401                      <img src="images/Insolations.png" loading="lazy" alt="" class="msr-icon" />
402                      <p class="p2">Insulation</p>
403                    </div>
404                    <div class="msrs-dvd"></div>
405                    <div class="msr-cont">
406                      <img src="images/Airconditioning.png" loading="lazy" alt="" class="msr-icon" />
407                      <p class="p2">Airconditioning</p>
408                    </div>
409                  </div>
410                </div>
411                <div class="wht-grd"></div>
412              </div>
413            </div>
414          </div>
415          <div class="hero-video">
416            <div class="hr-mc">
417              <div class="hr-mc-ln">
418                <video
419                  data-lazy-load="true"
420                  data-src="/videos/homezero-header-demo.mp4"
421                  loop=""
422                  playsinline="true"
423                  muted=""
424                  autoplay=""
425                  data-ignore-reset="true"
426                  class="mc-el"
427                ></video>
428              </div>
429            </div>
430            <img
431              src="images/Frame-436195.avif"
432              loading="lazy"
433              sizes="(max-width: 2592px) 100vw, 2592px"
434              srcset="
435                images/Frame-436195-p-500.png   500w,
436                images/Frame-436195-p-1080.png 1080w,
437                images/Frame-436195.avif       2592w
438              "
439              alt=""
440              class="img-hr"
441            />
442          </div>
443        </div>
444      </div>
445    </section>
446    <section class="sect">
447      <div class="main-cont">
448        <div class="lg-cont">
449          <p class="p1 _500">Vertrouwd door bedrijven zoals:</p>
450          <div class="lg-cont-slide">
451            <div class="lg-white-grdnt"></div>
452            <div class="lg-anim-cont">
453              <div class="lg-cont-anim">
454                <div class="lg-collect">
455                  <div role="list" class="comp-cont">
456                    <div role="listitem" class="comp-lg-cont">
457                      <img src="/images/partners/atlas-power.png" loading="lazy" alt="Atlas Power" class="lg-image" />
458                    </div>
459                    <div role="listitem" class="comp-lg-cont">
460                      <img
461                        src="/images/partners/zeker-elektrotechniek.png"
462                        loading="lazy"
463                        alt="Zeker Elektrotechniek"
464                        class="lg-image"
465                      />
466                    </div>
467                    <div role="listitem" class="comp-lg-cont">
468                      <img src="/images/partners/norm.png" loading="lazy" alt="Norm" class="lg-image" />
469                    </div>
470                    <div role="listitem" class="comp-lg-cont">
471                      <img src="/images/partners/currentt.png" loading="lazy" alt="Currentt" class="lg-image" />
472                    </div>
473                    <div role="listitem" class="comp-lg-cont">
474                      <img src="/images/partners/tarnoc.png" loading="lazy" alt="Tarnoc" class="lg-image" />
475                    </div>
476                    <div role="listitem" class="comp-lg-cont">
477                      <img src="/images/partners/zinvolt.png" loading="lazy" alt="Zinvolt" class="lg-image" />
478                    </div>
479                    <div role="listitem" class="comp-lg-cont">
480                      <img
481                        src="/images/partners/stap-naar-duurzaam.png"
482                        loading="lazy"
483                        alt="Stap naar Duurzaam"
484                        class="lg-image"
485                      />
486                    </div>
487                    <div role="listitem" class="comp-lg-cont">
488                      <img
489                        src="/images/partners/elektricien-louwmans.png"
490                        loading="lazy"
491                        alt="Elektricien Louwmans"
492                        class="lg-image"
493                      />
494                    </div>
495                  </div>
496                </div>
497                <div class="lg-collect" aria-hidden="true">
498                  <div role="list" class="comp-cont">
499                    <div class="comp-lg-cont">
500                      <img src="/images/partners/atlas-power.png" loading="lazy" alt="" class="lg-image" />
501                    </div>
502                    <div class="comp-lg-cont">
503                      <img src="/images/partners/zeker-elektrotechniek.png" loading="lazy" alt="" class="lg-image" />
504                    </div>
505                    <div class="comp-lg-cont">
506                      <img src="/images/partners/norm.png" loading="lazy" alt="" class="lg-image" />
507                    </div>
508                    <div class="comp-lg-cont">
509                      <img src="/images/partners/currentt.png" loading="lazy" alt="" class="lg-image" />
510                    </div>
511                    <div class="comp-lg-cont">
512                      <img src="/images/partners/tarnoc.png" loading="lazy" alt="" class="lg-image" />
513                    </div>
514                    <div class="comp-lg-cont">
515                      <img src="/images/partners/zinvolt.png" loading="lazy" alt="" class="lg-image" />
516                    </div>
517                    <div class="comp-lg-cont">
518                      <img src="/images/partners/stap-naar-duurzaam.png" loading="lazy" alt="" class="lg-image" />
519                    </div>
520                    <div class="comp-lg-cont">
521                      <img src="/images/partners/elektricien-louwmans.png" loading="lazy" alt="" class="lg-image" />
522                    </div>
523                  </div>
524                </div>
525              </div>
526            </div>
527          </div>
528        </div>
529      </div>
530    </section>
531    <div class="sect">
532      <div class="main-cont">
533        <div class="bef-aft-cont">
534          <div class="bef-aft-up">
535            <h2>Betere Leads. Meer Deals. <br />Soepele Operatie</h2>
536            <p class="p1 _500">Score meer Homeruns*</p>
537          </div>
538          <div class="bef-aft-crd">
539            <div class="aft-card">
540              <div class="aft-card-list">
541                <h3>Oude situatie</h3>
542                <div class="list-bef-aft">
543                  <div class="list-item-bef-aft">
544                    <img src="images/cross.png" loading="lazy" alt="" class="list-bullet" />
545                    <p class="p2">Onaantrekkelijke contactformulieren</p>
546                  </div>
547                  <div class="list-item-bef-aft">
548                    <img src="images/cross.png" loading="lazy" alt="" class="list-bullet" />
549                    <p class="p2">Slechte of ontbrekende lead kwalificatie</p>
550                  </div>
551                  <div class="list-item-bef-aft">
552                    <img src="images/cross.png" loading="lazy" alt="" class="list-bullet" />
553                    <p class="p2">Geen advies, berekeningen of prijzen</p>
554                  </div>
555                  <div class="list-item-bef-aft">
556                    <img src="images/cross.png" loading="lazy" alt="" class="list-bullet" />
557                    <p class="p2">Geen KPI inzicht in hele keten</p>
558                  </div>
559                  <div class="list-item-bef-aft">
560                    <img src="images/cross.png" loading="lazy" alt="" class="list-bullet" />
561                    <p class="p2">Lage mate van digitalisatie en innovatie</p>
562                  </div>
563                </div>
564              </div>
565            </div>
566            <div class="aft-card yellow">
567              <img src="images/Vector-from-iLoveIMG.png" loading="lazy" alt="" class="dots-aft" />
568              <div class="aft-card-list">
569                <h3>Met HomeZero</h3>
570                <div class="list-bef-aft">
571                  <div class="list-item-bef-aft">
572                    <img src="images/checkbox.png" loading="lazy" alt="" class="list-bullet" />
573                    <p class="p2">Super klantreis met max conversie</p>
574                  </div>
575                  <div class="list-item-bef-aft">
576                    <img src="images/checkbox.png" loading="lazy" alt="" class="list-bullet" />
577                    <p class="p2">Slimme en flexibele flows</p>
578                  </div>
579                  <div class="list-item-bef-aft">
580                    <img src="images/checkbox.png" loading="lazy" alt="" class="list-bullet" />
581                    <p class="p2">Intelligente persoonlijke calculaties</p>
582                  </div>
583                  <div class="list-item-bef-aft">
584                    <img src="images/checkbox.png" loading="lazy" alt="" class="list-bullet" />
585                    <p class="p2">Realtime inzicht en continue innovatie</p>
586                  </div>
587                  <div class="list-item-bef-aft">
588                    <img src="images/checkbox.png" loading="lazy" alt="" class="list-bullet" />
589                    <p class="p2">Optimale processen met Pico CRM en ERP</p>
590                  </div>
591                </div>
592              </div>
593            </div>
594            <div class="line-cont _1">
595              <img
596                src="images/line.png"
597                loading="lazy"
598                sizes="(max-width: 1118px) 100vw, 1118px"
599                srcset="
600                  images/6d73b830d01309bdfce7bc338ac384ee_line-p-500.png   500w,
601                  images/6d73b830d01309bdfce7bc338ac384ee_line-p-800.png   800w,
602                  images/6d73b830d01309bdfce7bc338ac384ee_line-p-1080.png 1080w,
603                  images/line.png                                         1118w
604                "
605                alt=""
606                class="line-dot"
607              />
608            </div>
609            <div class="line-cont _2">
610              <img
611                src="images/line.png"
612                loading="lazy"
613                sizes="(max-width: 1118px) 100vw, 1118px"
614                srcset="
615                  images/6d73b830d01309bdfce7bc338ac384ee_line-p-500.png   500w,
616                  images/6d73b830d01309bdfce7bc338ac384ee_line-p-800.png   800w,
617                  images/6d73b830d01309bdfce7bc338ac384ee_line-p-1080.png 1080w,
618                  images/line.png                                         1118w
619                "
620                alt=""
621                class="line-dot"
622              />
623            </div>
624          </div>
625        </div>
626      </div>
627    </div>
628    <div class="sect">
629      <div class="main-cont"></div>
630    </div>
631    <div class="sticky-wrap">
632      <div class="sticky-trigger">
633        <div class="sticky-track">
634          <div class="sticky-element">
635            <div class="main-cont stck">
636              <div class="apps-cont">
637                <div class="apps-cont-scroll">
638                  <img
639                    src="images/Dots.png"
640                    loading="lazy"
641                    sizes="(max-width: 1526px) 100vw, 1526px"
642                    srcset="
643                      images/Frame-436221-p-500.png   500w,
644                      images/Frame-436221-p-800.png   800w,
645                      images/Frame-436221-p-1080.png 1080w,
646                      images/Dots.png                1526w
647                    "
648                    alt=""
649                    class="img-apps desktop"
650                  />
651                  <div id="sales" class="sls-cont">
652                    <div id="w-node-_36ea07f2-1858-b08c-6577-1f42f8f01b77-75e343b5" class="app-cont-cont txt">
653                      <div class="app-txt-cont">
654                        <div class="tag-head left-apps">
655                          <div class="tag-sect">
656                            <p class="p2 p2-all-caps">GO - FLOWS</p>
657                          </div>
658                          <h2>Leads</h2>
659                        </div>
660                        <div fs-cmsfilter-field="page-visibility" class="apps-coll w-dyn-list">
661                          <div role="list" class="apps-col-col w-dyn-items">
662                            <div fs-cmsfilter-value="" role="listitem" class="apps-tab-btn w-dyn-item">
663                              <div data-app-id="" class="sales-tab">
664                                <p class="tab-text w-dyn-bind-empty"></p>
665                                <div class="tg-sn">
666                                  <p class="label-tab">Soon</p>
667                                </div>
668                                <div class="blur-cont-tabs">
669                                  <div class="ylw-blur"></div>
670                                </div>
671                              </div>
672                            </div>
673                          </div>
674                          <div class="w-dyn-empty">
675                            <div>No items found.</div>
676                          </div>
677                        </div>
678                        <div class="app-desc-cont w-dyn-list">
679                          <div role="list" class="apps-desc-coll-coll w-dyn-items">
680                            <div role="listitem" class="apps-desc-item w-dyn-item">
681                              <div data-app-id="" class="app-descr">
682                                <h3 data-app-id="" class="h3-apps w-dyn-bind-empty"></h3>
683                                <p data-app-id="" class="p1 _500 apps w-dyn-bind-empty"></p>
684                              </div>
685                            </div>
686                          </div>
687                          <div class="w-dyn-empty">
688                            <div>No items found.</div>
689                          </div>
690                        </div>
691                      </div>
692                    </div>
693                    <div id="w-node-_00ecd766-7803-4b5e-6b93-e16985a3640b-75e343b5" class="app-cont-img">
694                      <div class="apps-img-bg-cont">
695                        <img
696                          src="images/Dots_1.png"
697                          loading="lazy"
698                          sizes="100vw"
699                          srcset="images/Dots_1-p-500.png 500w, images/Dots_1.png 686w"
700                          alt=""
701                          class="img-apps mobile"
702                        />
703                      </div>
704                      <div class="mck-cont-ads">
705                        <div class="mck-cont">
706                          <div class="vid-url">
707                            <div class="mock-vid-col w-dyn-list">
708                              <div role="list" class="mock-vid-col-col w-dyn-items">
709                                <div role="listitem" class="video-item w-dyn-item">
710                                  <img
711                                    src="https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg"
712                                    loading="lazy"
713                                    data-app-id=""
714                                    alt=""
715                                    class="mc-img-sales w-dyn-bind-empty"
716                                  /><video
717                                    data-src=""
718                                    autoplay="true"
719                                    loop=""
720                                    data-lazy-load="true"
721                                    muted=""
722                                    data-app-id=""
723                                    playsinline="true"
724                                    class="video-mc-sales"
725                                  ></video>
726                                </div>
727                              </div>
728                              <div class="w-dyn-empty">
729                                <div>No items found.</div>
730                              </div>
731                            </div>
732                          </div>
733                        </div>
734                      </div>
735                    </div>
736                  </div>
737                  <div id="operations" class="opr-cont">
738                    <div id="w-node-c1d90c73-98c8-567e-132f-930f10932d03-75e343b5" class="app-cont-cont txt">
739                      <div class="app-txt-cont">
740                        <div class="tag-head left-apps">
741                          <div class="tag-sect">
742                            <p class="p2 p2-all-caps">PRO - CRM</p>
743                          </div>
744                          <h2>Sales</h2>
745                        </div>
746                        <div fs-cmsfilter-field="page-visibility" class="apps-coll w-dyn-list">
747                          <div role="list" class="apps-col-col w-dyn-items">
748                            <div fs-cmsfilter-value="" role="listitem" class="apps-tab-btn w-dyn-item">
749                              <div data-app-id="" class="operat-tab">
750                                <p class="tab-text w-dyn-bind-empty"></p>
751                                <div class="tg-op-sn">
752                                  <p class="label-tab">Soon</p>
753                                </div>
754                                <div class="blur-cont hide">
755                                  <div class="blue-blur"></div>
756                                </div>
757                              </div>
758                            </div>
759                          </div>
760                          <div class="w-dyn-empty">
761                            <div>No items found.</div>
762                          </div>
763                        </div>
764                        <div class="app-desc-cont w-dyn-list">
765                          <div role="list" class="apps-desc-coll-coll w-dyn-items">
766                            <div role="listitem" class="apps-desc-item w-dyn-item">
767                              <div data-app-id="" class="app-descr">
768                                <h3 data-app-id="" class="h3-apps w-dyn-bind-empty"></h3>
769                                <p data-app-id="" class="p1 _500 apps w-dyn-bind-empty"></p>
770                              </div>
771                            </div>
772                          </div>
773                          <div class="w-dyn-empty">
774                            <div>No items found.</div>
775                          </div>
776                        </div>
777                      </div>
778                    </div>
779                    <div id="w-node-c1d90c73-98c8-567e-132f-930f10932d22-75e343b5" class="app-cont-img">
780                      <div class="apps-img-bg-cont">
781                        <img
782                          src="images/Dots_1.png"
783                          loading="lazy"
784                          sizes="100vw"
785                          srcset="images/Dots_1-p-500.png 500w, images/Dots_1.png 686w"
786                          alt=""
787                          class="img-apps mobile"
788                        />
789                      </div>
790                      <div class="mck-cont-ads">
791                        <div class="mck-cont">
792                          <div class="vid-url">
793                            <div class="mock-vid-col w-dyn-list">
794                              <div role="list" class="mock-vid-col-col w-dyn-items">
795                                <div role="listitem" class="video-item w-dyn-item">
796                                  <img
797                                    src="https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg"
798                                    loading="lazy"
799                                    data-app-id=""
800                                    alt=""
801                                    class="mc-img-oprt w-dyn-bind-empty"
802                                  /><video
803                                    data-src=""
804                                    autoplay="true"
805                                    loop=""
806                                    data-lazy-load="true"
807                                    muted=""
808                                    data-app-id=""
809                                    playsinline="true"
810                                    class="video-mc-oprt"
811                                  ></video>
812                                </div>
813                              </div>
814                              <div class="w-dyn-empty">
815                                <div>No items found.</div>
816                              </div>
817                            </div>
818                          </div>
819                        </div>
820                      </div>
821                    </div>
822                  </div>
823                  <div id="services" class="ser-cont">
824                    <div id="w-node-c10625e0-3282-7869-d4af-8ead815e9b48-75e343b5" class="app-cont-cont txt">
825                      <div class="app-txt-cont">
826                        <div class="tag-head left-apps">
827                          <div class="tag-sect">
828                            <p class="p2 p2-all-caps">OPS - ERP</p>
829                          </div>
830                          <h2>Operatie</h2>
831                        </div>
832                        <div fs-cmsfilter-field="page-visibility" class="apps-coll w-dyn-list">
833                          <div role="list" class="apps-col-col w-dyn-items">
834                            <div fs-cmsfilter-value="" role="listitem" class="apps-tab-btn w-dyn-item">
835                              <div data-app-id="" class="serv-tab">
836                                <p class="tab-text w-dyn-bind-empty"></p>
837                                <div class="tg-sr-sn">
838                                  <p class="label-tab">Soon</p>
839                                </div>
840                                <div class="blur-cont hide">
841                                  <div class="black-blur"></div>
842                                </div>
843                              </div>
844                            </div>
845                          </div>
846                          <div class="w-dyn-empty">
847                            <div>No items found.</div>
848                          </div>
849                        </div>
850                        <div class="app-desc-cont w-dyn-list">
851                          <div role="list" class="apps-desc-coll-coll w-dyn-items">
852                            <div role="listitem" class="apps-desc-item w-dyn-item">
853                              <div data-app-id="" class="app-descr">
854                                <h3 data-app-id="" class="h3-apps w-dyn-bind-empty"></h3>
855                                <p data-app-id="" class="p1 _500 apps w-dyn-bind-empty"></p>
856                              </div>
857                            </div>
858                          </div>
859                          <div class="w-dyn-empty">
860                            <div>No items found.</div>
861                          </div>
862                        </div>
863                      </div>
864                    </div>
865                    <div id="w-node-c10625e0-3282-7869-d4af-8ead815e9b65-75e343b5" class="app-cont-img">
866                      <div class="apps-img-bg-cont">
867                        <img
868                          src="images/Dots_1.png"
869                          loading="lazy"
870                          sizes="100vw"
871                          srcset="images/Dots_1-p-500.png 500w, images/Dots_1.png 686w"
872                          alt=""
873                          class="img-apps mobile"
874                        />
875                      </div>
876                      <div class="mck-cont-ads">
877                        <div class="mck-cont">
878                          <div class="vid-url">
879                            <div class="mock-vid-col w-dyn-list">
880                              <div role="list" class="mock-vid-col-col w-dyn-items">
881                                <div role="listitem" class="video-item w-dyn-item">
882                                  <img
883                                    src="https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg"
884                                    loading="lazy"
885                                    data-app-id=""
886                                    alt=""
887                                    class="mc-img-serv w-dyn-bind-empty"
888                                  /><video
889                                    data-src=""
890                                    autoplay="true"
891                                    loop=""
892                                    data-lazy-load="true"
893                                    muted=""
894                                    data-app-id=""
895                                    playsinline="true"
896                                    class="video-mc-serv"
897                                  ></video>
898                                </div>
899                              </div>
900                              <div class="w-dyn-empty">
901                                <div>No items found.</div>
902                              </div>
903                            </div>
904                          </div>
905                        </div>
906                      </div>
907                    </div>
908                  </div>
909                </div>
910              </div>
911            </div>
912          </div>
913        </div>
914      </div>
915    </div>
916    <div class="sect">
917      <div class="main-cont"></div>
918    </div>
919    <div class="sect">
920      <div class="main-cont">
921        <div class="tsts-cont">
922          <div class="tag-head">
923            <div class="tag-sect">
924              <p class="p2 p2-all-caps">KLANTVERHALEN</p>
925            </div>
926            <h2 class="h2-width">Succesverhalen</h2>
927          </div>
928        </div>
929      </div>
930      <div class="tsts-cont-slider">
931        <div class="swiper testimonials w-dyn-list">
932          <div role="list" class="swiper-wrapper w-dyn-items">
933            <div role="listitem" class="swiper-slide w-dyn-item">
934              <div class="lg-cont-tsts">
935                <div class="tsts-img-cont">
936                  <img
937                    src="images/Dots-testimonials.jpg"
938                    loading="lazy"
939                    sizes="(max-width: 842px) 100vw, 842px"
940                    srcset="
941                      images/ac5ded6db09eb4fab39d5eefd3ccf0b4_desktop-bg-p-500.jpg 500w,
942                      images/ac5ded6db09eb4fab39d5eefd3ccf0b4_desktop-bg-p-800.jpg 800w,
943                      images/Dots-testimonials.jpg                                 842w
944                    "
945                    alt=""
946                    class="tsts-bg desktop"
947                  /><img
948                    src="images/Dots-mobile-testimonials.jpg"
949                    loading="lazy"
950                    sizes="100vw"
951                    srcset="
952                      images/8662abd11eb2735841b903d52d0b4de5_mobile-bg-p-500.jpg 500w,
953                      images/Dots-mobile-testimonials.jpg                         688w
954                    "
955                    alt=""
956                    class="tsts-bg mobile"
957                  />
958                </div>
959                <div class="logo-cont">
960                  <img
961                    src="https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg"
962                    loading="lazy"
963                    alt=""
964                    class="logo-img w-dyn-bind-empty"
965                  />
966                </div>
967              </div>
968              <div class="tsts-text">
969                <div class="tsts-quote">
970                  <div class="qut-blck"></div>
971                  <p class="txt-stl-1 w-dyn-bind-empty"></p>
972                </div>
973                <div class="clnt-cont">
974                  <img
975                    src="https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg"
976                    loading="lazy"
977                    alt=""
978                    class="clnt-ava w-dyn-bind-empty"
979                  />
980                  <div class="clnt-txt">
981                    <p class="p1 w-dyn-bind-empty"></p>
982                    <p class="p2 _400 w-dyn-bind-empty"></p>
983                  </div>
984                </div>
985              </div>
986            </div>
987          </div>
988          <div class="w-dyn-empty">
989            <div>No items found.</div>
990          </div>
991        </div>
992        <div class="main-cont-sl">
993          <div class="tsts-ar-cont">
994            <div class="arrow-left"><img src="images/arrow-left.png" loading="lazy" alt="" class="arrow-img" /></div>
995            <div class="arrow-right"><img src="images/arrow-right.png" loading="lazy" alt="" class="arrow-img" /></div>
996          </div>
997        </div>
998      </div>
999    </div>
1000    <div class="sect">
1001      <div class="main-cont">
1002        <div class="intg-cont">
1003          <div class="intg-blck">
1004            <div class="intg-txt">
1005              <div class="img-bg-intg">
1006                <img
1007                  src="images/Frame-1996662773_1.avif"
1008                  loading="lazy"
1009                  sizes="(max-width: 2587px) 100vw, 2587px"
1010                  srcset="
1011                    images/Frame-1996662773_1Frame-1996662773.avif  500w,
1012                    images/Frame-1996662773_1-p-800.png             800w,
1013                    images/Frame-1996662773_1-p-1080.png           1080w,
1014                    images/Frame-1996662773_1-p-1600.png           1600w,
1015                    images/Frame-1996662773_1-p-2000.png           2000w,
1016                    images/Frame-1996662773_1.avif                 2587w
1017                  "
1018                  alt=""
1019                  class="intg-dot dskp"
1020                /><img
1021                  src="images/Black-dots.avif"
1022                  loading="lazy"
1023                  sizes="100vw"
1024                  srcset="images/Frame-1996662775.avif 500w, images/Black-dots.avif 686w"
1025                  alt=""
1026                  class="intg-dot mbl"
1027                />
1028              </div>
1029              <div class="tag-head">
1030                <div class="tag-sect blck">
1031                  <p class="p2 p2-all-caps white">INTEGRATIES<br /></p>
1032                </div>
1033                <h2 class="h2-width wht">Wij integreren gemakkelijk en snel met vrijwel alles</h2>
1034              </div>
1035              <div class="intg-des">
1036                <div class="intg-des-size">
1037                  <p class="p1 _500">Blijf werken in je huidige CRM/ERP systeem of stap over naar Pico</p>
1038                </div>
1039              </div>
1040              <img
1041                src="images/Light.avif"
1042                loading="lazy"
1043                sizes="(max-width: 989px) 100vw, 989px"
1044                srcset="images/Frame-1996662774.avif 500w, images/Light.avif 989w"
1045                alt=""
1046                class="lght-intg"
1047              />
1048            </div>
1049          </div>
1050          <div class="line-cont intg">
1051            <img
1052              src="images/Connection.png"
1053              loading="lazy"
1054              sizes="(max-width: 1716px) 100vw, 1716px"
1055              srcset="
1056                images/6e3d538f07a54d1936484600c8f90900_Frame-1996662649-p-500.png   500w,
1057                images/6e3d538f07a54d1936484600c8f90900_Frame-1996662649-p-800.png   800w,
1058                images/6e3d538f07a54d1936484600c8f90900_Frame-1996662649-p-1080.png 1080w,
1059                images/6e3d538f07a54d1936484600c8f90900_Frame-1996662649-p-1600.png 1600w,
1060                images/Connection.png                                               1716w
1061              "
1062              alt=""
1063              class="line-dot intg"
1064            />
1065          </div>
1066          <div class="line-cont intg-2">
1067            <img
1068              src="images/Connection_1.png"
1069              loading="lazy"
1070              sizes="(max-width: 1716px) 100vw, 1716px"
1071              srcset="
1072                images/Connection_1-p-500.png   500w,
1073                images/Connection_1-p-800.png   800w,
1074                images/Connection_1-p-1080.png 1080w,
1075                images/Connection_1-p-1600.png 1600w,
1076                images/Connection_1.png        1716w
1077              "
1078              alt=""
1079              class="line-dot intg"
1080            />
1081          </div>
1082        </div>
1083      </div>
1084    </div>
1085    <div class="sect">
1086      <div class="main-cont">
1087        <div class="hzpc-cont">
1088          <div class="tag-head">
1089            <div class="tag-sect">
1090              <p class="p2 p2-all-caps">IMPLEMENTATIE<br /></p>
1091            </div>
1092            <h2 class="h2-width">Upgrade jouw sales <br />zonder complexiteit</h2>
1093          </div>
1094          <div class="sol-img-txt">
1095            <div id="w-node-_67bf2315-f336-d7dc-efda-72e6f910d0ef-75e343b5" class="p1-width">
1096              <p class="p1 _500">
1097                Werk volledig in Pico of integreer onze Lead en Sales oplossingen naadloos met huidig systeem
1098              </p>
1099            </div>
1100            <div class="hm-pc-cont">
1101              <img
1102                src="images/B2B2C_1.avif"
1103                loading="lazy"
1104                sizes="(max-width: 2560px) 100vw, 2560px"
1105                srcset="
1106                  images/B2B2C_1B2B2C.avif  500w,
1107                  images/B2B2C_1B2B2C.avif  800w,
1108                  images/B2B2C_1B2B2C.avif 1080w,
1109                  images/B2B2C_1.avif      2560w
1110                "
1111                alt=""
1112                class="hm-pc-ds"
1113              /><img src="images/B2C---mobile_1.avif" loading="lazy" alt="" class="hm-pc-ds-mb" />
1114            </div>
1115          </div>
1116        </div>
1117      </div>
1118    </div>
1119    <div class="sect">
1120      <div class="main-cont">
1121        <div class="why-cont">
1122          <div class="tag-head">
1123            <div class="tag-sect">
1124              <p class="p2 p2-all-caps">USP</p>
1125            </div>
1126            <h2 class="h2-width">Wat maakt ons uniek?</h2>
1127          </div>
1128          <div class="hz-video" data-native="1">
1129            <video
1130              class="hz-video__media"
1131              playsinline
1132              muted
1133              loop
1134              preload="metadata"
1135              poster="/images/Frame-1000005431.svg"
1136            >
1137              <source
1138                src="https://ystckkktjcktugqoqxtd.supabase.co/storage/v1/object/public/media/videos/hz-intro.mp4"
1139                type="video/mp4"
1140              />
1141            </video>
1142            <div class="hz-video__overlay" aria-hidden="true">
1143              <span class="hz-video__play">
1144                <svg viewBox="0 0 24 24" fill="none"><path d="M8 5v14l11-7z" fill="currentColor" /></svg>
1145              </span>
1146            </div>
1147            <button
1148              type="button"
1149              class="hz-video__sound"
1150              data-muted="1"
1151              aria-pressed="false"
1152              aria-label="Geluid aan/uit"
1153            >
1154              <span class="hz-video__sound-off" aria-hidden="true"
1155                ><svg
1156                  viewBox="0 0 24 24"
1157                  fill="none"
1158                  stroke="currentColor"
1159                  stroke-width="2"
1160                  stroke-linecap="round"
1161                  stroke-linejoin="round"
1162                >
1163                  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" fill="currentColor" stroke="none" />
1164                  <line x1="23" y1="9" x2="17" y2="15" />
1165                  <line x1="17" y1="9" x2="23" y2="15" /></svg
1166              ></span>
1167              <span class="hz-video__sound-on" aria-hidden="true"
1168                ><svg
1169                  viewBox="0 0 24 24"
1170                  fill="none"
1171                  stroke="currentColor"
1172                  stroke-width="2"
1173                  stroke-linecap="round"
1174                  stroke-linejoin="round"
1175                >
1176                  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" fill="currentColor" stroke="none" />
1177                  <path d="M15.54 8.46a5 5 0 0 1 0 7.07" />
1178                  <path d="M19.07 4.93a10 10 0 0 1 0 14.14" /></svg
1179              ></span>
1180              <span class="hz-video__sound-label"></span>
1181            </button>
1182          </div>
1183          <div class="why-crds why-marquee">
1184            <div class="why-marquee-track">
1185              <div class="why-crd">
1186                <img src="images/Frame-436249.png" loading="lazy" alt="" class="why-icon" />
1187                <div class="why-txt">
1188                  <h3>100% Whitelabel</h3>
1189                  <p class="p1 _500">
1190                    Jouw klanten. Jouw merk. Ons platform. Wij zorgen voor een pixel perfecte ervaring.
1191                  </p>
1192                </div>
1193              </div>
1194              <div class="why-crd">
1195                <img src="images/Frame-436249-1.png" loading="lazy" alt="" class="why-icon" />
1196                <div class="why-txt">
1197                  <h3>Best-practices</h3>
1198                  <p class="p1 _500">Score maximale Homeruns met onze winnende blauwdrukken voor sales en operatie.</p>
1199                </div>
1200              </div>
1201              <div class="why-crd">
1202                <img src="images/Frame-436249-2.png" loading="lazy" alt="" class="why-icon" />
1203                <div class="why-txt">
1204                  <h3>B2C en B2B2C</h3>
1205                  <p class="p1 _500">
1206                    Positieve netwerk effecten door verschillende organisaties beter samen te laten werken.
1207                  </p>
1208                </div>
1209              </div>
1210              <div class="why-crd">
1211                <img src="images/Frame-436249-3.png" loading="lazy" alt="" class="why-icon" />
1212                <div class="why-txt">
1213                  <h3>AI Powered</h3>
1214                  <p class="p1 _500">
1215                    Van AI features in klantreizen tot AI modules in Pico voor een automagische operatie.
1216                  </p>
1217                </div>
1218              </div>
1219              <div class="why-crd">
1220                <img src="images/Frame-436249-4.png" loading="lazy" alt="" class="why-icon" />
1221                <div class="why-txt">
1222                  <h3>Data gedreven</h3>
1223                  <p class="p1 _500">
1224                    Wij maken complexe processen transparant en meetbaar zodat je volledig in control ben.
1225                  </p>
1226                </div>
1227              </div>
1228              <div class="why-crd">
1229                <img src="images/Frame-436249-5.png" loading="lazy" alt="" class="why-icon" />
1230                <div class="why-txt">
1231                  <h3>Continue innovatie</h3>
1232                  <p class="p1 _500">
1233                    Elke twee weken lanceren wij verbeteringen en features voor sales &amp; operations.
1234                  </p>
1235                </div>
1236              </div>
1237              <div class="why-crd" aria-hidden="true">
1238                <img src="images/Frame-436249.png" loading="lazy" alt="" class="why-icon" />
1239                <div class="why-txt">
1240                  <h3>100% Whitelabel</h3>
1241                  <p class="p1 _500">
1242                    Jouw klanten. Jouw merk. Ons platform. Wij zorgen voor een pixel perfecte ervaring.
1243                  </p>
1244                </div>
1245              </div>
1246              <div class="why-crd" aria-hidden="true">
1247                <img src="images/Frame-436249-1.png" loading="lazy" alt="" class="why-icon" />
1248                <div class="why-txt">
1249                  <h3>Best-practices</h3>
1250                  <p class="p1 _500">
1250Score maximale Homeruns met onze winnende blauwdrukken voor sales en operatie.</p>
1251                </div>
1252              </div>
1253              <div class="why-crd" aria-hidden="true">
1254                <img src="images/Frame-436249-2.png" loading="lazy" alt="" class="why-icon" />
1255                <div class="why-txt">
1256                  <h3>B2C en B2B2C</h3>
1257                  <p class="p1 _500">
1258                    Positieve netwerk effecten door verschillende organisaties beter samen te laten werken.
1259                  </p>
1260                </div>
1261              </div>
1262              <div class="why-crd" aria-hidden="true">
1263                <img src="images/Frame-436249-3.png" loading="lazy" alt="" class="why-icon" />
1264                <div class="why-txt">
1265                  <h3>AI Powered</h3>
1266                  <p class="p1 _500">
1267                    Van AI features in klantreizen tot AI modules in Pico voor een automagische operatie.
1268                  </p>
1269                </div>
1270              </div>
1271              <div class="why-crd" aria-hidden="true">
1272                <img src="images/Frame-436249-4.png" loading="lazy" alt="" class="why-icon" />
1273                <div class="why-txt">
1274                  <h3>Data gedreven</h3>
1275                  <p class="p1 _500">
1276                    Wij maken complexe processen transparant en meetbaar zodat je volledig in control ben.
1277                  </p>
1278                </div>
1279              </div>
1280              <div class="why-crd" aria-hidden="true">
1281                <img src="images/Frame-436249-5.png" loading="lazy" alt="" class="why-icon" />
1282                <div class="why-txt">
1283                  <h3>Continue innovatie</h3>
1284                  <p class="p1 _500">
1285                    Elke twee weken lanceren wij verbeteringen en features voor sales &amp; operations.
1286                  </p>
1287                </div>
1288              </div>
1289            </div>
1290          </div>
1291        </div>
1292      </div>
1293    </div>
1294    <div class="sect">
1295      <div class="main-cont"></div>
1296    </div>
1297    <div class="sect">
1298      <div class="main-cont">
1299        <div class="faq-cont">
1300          <div class="tag-head">
1301            <div class="tag-sect">
1302              <p class="p2 p2-all-caps">FAQ</p>
1303            </div>
1304            <h2 class="h2-width">Vaak gestelde vragen</h2>
1305          </div>
1306          <div class="faq-cont-wrap">
1307            <div
1308              data-hover="false"
1309              data-delay="500"
1310              data-w-id="255d2d1c-eca5-98e5-a024-ffb7f544497b"
1311              class="faq-list w-dropdown"
1312            >
1313              <div class="head-list w-dropdown-toggle">
1314                <div class="faq-icon" aria-hidden="true">
1315                  <svg
1316                    xmlns="http://www.w3.org/2000/svg"
1317                    width="20"
1318                    height="20"
1319                    viewBox="0 0 24 24"
1320                    fill="none"
1321                    stroke="currentColor"
1322                    stroke-width="2"
1323                    stroke-linecap="round"
1324                    stroke-linejoin="round"
1325                  >
1326                    <circle cx="12" cy="12" r="10" />
1327                    <path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8" />
1328                    <path d="M12 18V6" />
1329                  </svg>
1330                </div>
1331                <div class="head-list-wrap">
1332                  <h3 class="faq-tlt">Wat kost HomeZero?</h3>
1333                </div>
1334                <img src="images/chevron-down.png" loading="lazy" alt="" class="chvrn-list" />
1335              </div>
1336              <nav class="drpdwn-list w-dropdown-list">
1337                <div class="drpdwn-cont">
1338                  <p class="p1 _500">
1339                    Wij werken met een Implementatie Fee (vanaf € 2.500,-) en een Maandelijks bedrag afhankelijk van de
1340                    grootte van jouw organisatie, het type, hoeveel features en hoeveel services je afneemt.<br /><br />De
1341                    maandelijkse all-in kosten beginnen bij € 750,- per maand voor 2 gebruikers en 3 maatregelen.<br /><br />De
1342                    meeste klanten hebben de investering er snel uit door een combinatie van Meer Leads, Betere Leads en
1343                    een hogere conversie van Leads naar Deals.
1344                  </p>
1345                </div>
1346              </nav>
1347            </div>
1348            <div
1349              data-hover="false"
1350              data-delay="500"
1351              data-w-id="255d2d1c-eca5-98e5-a024-ffb7f544497b"
1352              class="faq-list w-dropdown"
1353            >
1354              <div class="head-list w-dropdown-toggle">
1355                <div class="faq-icon" aria-hidden="true">
1356                  <svg
1357                    xmlns="http://www.w3.org/2000/svg"
1358                    width="20"
1359                    height="20"
1360                    viewBox="0 0 24 24"
1361                    fill="none"
1362                    stroke="currentColor"
1363                    stroke-width="2"
1364                    stroke-linecap="round"
1365                    stroke-linejoin="round"
1366                  >
1367                    <rect x="4" y="4" width="16" height="16" rx="2" />
1368                    <rect x="9" y="9" width="6" height="6" />
1369                    <path d="M9 2v2M15 2v2M9 20v2M15 20v2M2 9h2M2 15h2M20 9h2M20 15h2" />
1370                  </svg>
1371                </div>
1372                <div class="head-list-wrap">
1373                  <h3 class="faq-tlt">Wat is Pico?</h3>
1374                </div>
1375                <img src="images/chevron-down.png" loading="lazy" alt="" class="chvrn-list" />
1376              </div>
1377              <nav class="drpdwn-list w-dropdown-list">
1378                <div class="drpdwn-cont">
1379                  <p class="p1 _500">
1380                    Pico staat voor Platform Installatie Capaciteit Optimalisatie en is de naam het CRM en ERP van
1381                    HomeZero.<br /><br />Wij ontwerpen en bouwen dit platform zelf en klanten van ons werken hierin om
1382                    hun Lead Flows en proposities te optimaliseren en of voor hun hele bedrijfsvoering.<br /><br />Pico
1383                    is een ecosysteem in de energie transitie waar opdrachten en capaciteit slim gedeeld kunnen worden
1384                    tussen installatiebedrijven, isolatiebedrijven en andere (b2b2c) marktspelers in de energie
1385                    transitie.
1386                  </p>
1387                </div>
1388              </nav>
1389            </div>
1390            <div
1391              data-hover="false"
1392              data-delay="500"
1393              data-w-id="255d2d1c-eca5-98e5-a024-ffb7f544497b"
1394              class="faq-list w-dropdown"
1395            >
1396              <div class="head-list w-dropdown-toggle">
1397                <div class="faq-icon" aria-hidden="true">
1398                  <svg
1399                    xmlns="http://www.w3.org/2000/svg"
1400                    width="20"
1401                    height="20"
1402                    viewBox="0 0 24 24"
1403                    fill="none"
1404                    stroke="currentColor"
1405                    stroke-width="2"
1406                    stroke-linecap="round"
1407                    stroke-linejoin="round"
1408                  >
1409                    <path
1410                      d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"
1411                    />
1412                    <path
1413                      d="M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"
1414                    />
1415                    <path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0" />
1416                    <path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5" />
1417                  </svg>
1418                </div>
1419                <div class="head-list-wrap">
1420                  <h3 class="faq-tlt">Hoe ziet een implementatie eruit?</h3>
1421                </div>
1422                <img src="images/chevron-down.png" loading="lazy" alt="" class="chvrn-list" />
1423              </div>
1424              <nav class="drpdwn-list w-dropdown-list">
1425                <div class="drpdwn-cont">
1426                  <p class="p1 _500">
1427                    Afhankelijk van je pakket en de integraties kan je live binnen een paar dagen of een paar weken.<br /><br />Het
1428                    is een strategisch traject waarin wij ondersteunen om jullie proposities, prijzen, producten en
1429                    calculaties te configureren in Pico en zo de optimale klantreis te ontwerpen.<br /><br />Ons team
1430                    begeleid dit proces en coördineert ook taken zoals integratie(s) met bestaande systemen en de
1431                    upgrade van jullie site en landingspagina&#x27;s met onze Website Widget.<br /><br />
1432                  </p>
1433                </div>
1434              </nav>
1435            </div>
1436            <div
1437              data-hover="false"
1438              data-delay="500"
1439              data-w-id="255d2d1c-eca5-98e5-a024-ffb7f544497c"
1440              class="faq-list w-dropdown"
1441            >
1442              <div class="head-list w-dropdown-toggle">
1443                <div class="faq-icon" aria-hidden="true">
1444                  <svg
1445                    xmlns="http://www.w3.org/2000/svg"
1446                    width="20"
1447                    height="20"
1448                    viewBox="0 0 24 24"
1449                    fill="none"
1450                    stroke="currentColor"
1451                    stroke-width="2"
1452                    stroke-linecap="round"
1453                    stroke-linejoin="round"
1454                  >
1455                    <circle cx="12" cy="12" r="10" />
1456                    <path d="M7.5 4.21c.75 2.79.75 12.79 0 15.58" />
1457                    <path d="M16.5 4.21c-.75 2.79-.75 12.79 0 15.58" />
1458                  </svg>
1459                </div>
1460                <div class="head-list-wrap">
1461                  <h3 class="faq-tlt">Wat is een Homerun?</h3>
1462                </div>
1463                <img src="images/chevron-down.png" loading="lazy" alt="" class="chvrn-list" />
1464              </div>
1465              <nav class="drpdwn-list w-dropdown-list">
1466                <div class="drpdwn-cont">
1467                  <p class="p1 _500">
1468                    Een Homerun is een totale conversie van een kijker naar een koper. Van een bezoeker op je kanaal tot
1469                    een sales geconverteerde en in 1x succesvol geïnstalleerde nieuwe klant. Met onze unieke software en
1470                    services ga jij meer Homeruns scoren met minder mensen in de back-office en in het veld.
1471                  </p>
1472                </div>
1473              </nav>
1474            </div>
1475          </div>
1476        </div>
1477      </div>
1478    </div>
1479    <!-- HZ_CONTACT_FORM_START -->
1480    <div id="contact-form" class="sect blck">
1481      <div class="main-cont">
1482        <div class="form-cont">
1483          <div class="form-sect">
1484            <div class="form-blk">
1485              <div class="form-txt-tag">
1486                <div class="tag-sect blck">
1487                  <p class="p2 p2-all-caps white">contact<br /></p>
1488                </div>
1489                <div class="form-tlt-des">
1490                  <h2>Plan een demo!</h2>
1491                  <p class="p1 _500">Laat ons contact opnemen, plan zelf een demo of ontvang een info pakketje.</p>
1492                </div>
1493              </div>
1494              <div class="form w-form">
1495                <form
1496                  id="hz-contact-form"
1497                  name="email-form"
1498                  data-name="Email Form"
1499                  class="form-cont-int"
1500                  data-wf-page-id="67ac72e2b9d04d9f75e343b5"
1501                  data-wf-element-id="4101fbe2-069e-6100-7cc3-548714d2376e"
1502                  onsubmit="return false;"
1503                >
1504                  <div id="w-node-_08a9a2e3-8efb-9e4f-5f44-d6f1cdde5df1-75e343b5" class="inpt-cont">
1505                    <label for="form-name" class="label">Jouw naam</label
1506                    ><input
1507                      class="txt-field w-input"
1508                      maxlength="256"
1509                      name="Name"
1510                      data-name="Name"
1511                      placeholder="Volledige naam"
1512                      type="text"
1513                      id="form-name"
1514                      required=""
1515                    />
1516                  </div>
1517                  <div id="w-node-_8a6b356f-ad82-0e9e-e69d-d2d57ca91c5d-75e343b5" class="inpt-cont">
1518                    <label for="form-email" class="label">E-mail</label
1519                    ><input
1520                      class="txt-field w-input"
1521                      maxlength="256"
1522                      name="Email"
1523                      data-name="Email"
1524                      placeholder="[email protected]"
1525                      type="email"
1526                      id="form-email"
1527                      required=""
1528                    />
1529                  </div>
1530                  <div id="w-node-c12ea3a3-a444-2d50-43d9-e877745fee54-75e343b5" class="inpt-cont">
1531                    <label for="Bedrijfsnaam" class="label">Bedrijfsnaam</label
1532                    ><input
1533                      class="txt-field w-input"
1534                      maxlength="256"
1535                      name="Bedrijfsnaam"
1536                      data-name="Bedrijfsnaam"
1537                      placeholder="Your Company B.V."
1538                      type="text"
1539                      id="Bedrijfsnaam"
1540                    />
1541                  </div>
1542                  <div id="w-node-_5ba2fa82-2aa2-3244-5b02-6d51ef7bf1eb-75e343b5" class="inpt-cont">
1543                    <label for="Telefoonnummer" class="label">Telefoonnummer</label
1544                    ><input
1545                      class="txt-field w-input"
1546                      maxlength="256"
1547                      name="Telefoonnummer"
1548                      data-name="Telefoonnummer"
1549                      placeholder="0612345678"
1550                      type="tel"
1551                      id="Telefoonnummer"
1552                    />
1553                  </div>
1554                  <div id="w-node-_51326728-5413-c424-d712-ee5fa4f31c95-75e343b5" class="inpt-cont">
1555                    <label for="form-message" class="label">Bericht (optioneel)</label
1556                    ><textarea
1557                      id="form-message"
1558                      name="Message"
1559                      maxlength="5000"
1560                      data-name="Message"
1561                      placeholder="Deel eventueel wat extra context of vragen."
1562                      class="txt-field-area w-node-dba24d7a-a189-cf19-b188-1d9109919972-75e343b5 w-input"
1563                    ></textarea>
1564                  </div>
1565                  <div id="w-node-_040a51aa-dd54-0212-fcf7-965cf2dcb2f0-75e343b5" class="form-btn-oth">
1566                    <style>
1567                      .hz-cta-row .hz-cta{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:100%;max-width:280px;flex:none;min-width:0;height:54px;padding:0 20px!important;border:none!important;border-radius:12px;gap:10px;white-space:nowrap;text-align:center;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;line-height:1;text-decoration:none;position:relative;overflow:hidden;transition:transform .2s ease, box-shadow .3s ease;}
1568                      .hz-cta-row .hz-cta .hz-cta-ico{width:18px;height:18px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;}
1569                      .hz-cta-row .hz-cta .hz-cta-ico svg{width:18px;height:18px;display:block;}
1570                      .hz-cta-row .hz-cta .btn-text{margin:0!important;padding:0!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;line-height:1!important;letter-spacing:0!important;}
1571                      .hz-cta-row .hz-cta-contact, .hz-cta-row .hz-cta-contact .btn-text{color:#ffffff!important;}
1572                      .hz-cta-row .hz-cta-demo{background:linear-gradient(135deg,#ffffff 0%,#f0f0f0 50%,#d8d8d8 100%)!important;color:#0a0a0a!important;box-shadow:0 0 0 rgba(255,255,255,0);}
1573                      .hz-cta-row .hz-cta-demo:hover{box-shadow:0 0 24px rgba(255,255,255,.35), 0 8px 24px rgba(0,0,0,.25);transform:translateY(-1px);}
1574                      .hz-cta-row .hz-cta-ico, .hz-cta-row .btn-text{position:relative;z-index:2;}
1575                      .hz-cta-row .hz-blur-cont{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;overflow:hidden;}
1576                      .hz-cta-row .hz-blur-streak{width:60%;height:14px;filter:blur(14px);transform:rotate(-30deg);opacity:.85;}
1577                      .hz-cta-row .hz-cta-contact .hz-blur-streak{background:#ffe9a8;
1577opacity:.9;}
1578                      .hz-cta-row .hz-cta-demo .hz-blur-streak{background:#ffffff;opacity:.9;}
1579                    </style>
1580                    <div
1581                      class="hz-cta-row"
1582                      style="display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center;width:100%;flex-wrap:wrap;"
1583                    >
1584                      <a id="hz-cta-contact" href="#" class="ylw-btn w-inline-block hz-cta hz-cta-contact">
1585                        <span class="hz-cta-ico"
1586                          ><svg
1587                            xmlns="http://www.w3.org/2000/svg"
1588                            viewBox="0 0 24 24"
1589                            fill="none"
1590                            stroke="currentColor"
1591                            stroke-width="2"
1592                            stroke-linecap="round"
1593                            stroke-linejoin="round"
1594                          >
1595                            <path
1596                              d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"
1597                            ></path>
1598                            <polyline points="22,6 12,13 2,6"></polyline></svg
1599                        ></span>
1600                        <p class="btn-text">Contact mij</p>
1601                        <div class="hz-blur-cont"><div class="hz-blur-streak"></div></div>
1602                      </a>
1603                      <a id="hz-cta-demo" href="#" class="w-inline-block hz-cta hz-cta-demo">
1604                        <span class="hz-cta-ico"
1605                          ><svg
1606                            xmlns="http://www.w3.org/2000/svg"
1607                            viewBox="0 0 24 24"
1608                            fill="none"
1609                            stroke="currentColor"
1610                            stroke-width="2"
1611                            stroke-linecap="round"
1612                            stroke-linejoin="round"
1613                          >
1614                            <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
1615                            <line x1="16" y1="2" x2="16" y2="6"></line>
1616                            <line x1="8" y1="2" x2="8" y2="6"></line>
1617                            <line x1="3" y1="10" x2="21" y2="10"></line></svg
1618                        ></span>
1619                        <p class="btn-text">Plan demo</p>
1620                        <div class="hz-blur-cont"><div class="hz-blur-streak"></div></div>
1621                      </a>
1622                    </div>
1623
1624                    <p
1625                      id="hz-form-status"
1626                      style="text-align:center;margin-top:10px;margin-bottom:6px;font-size:14px;color:#b0b3c0;min-height:18px;"
1627                    ></p>
1628                    <div
1629                      id="hz-turnstile"
1630                      style="display:flex;justify-content:center;margin-top:8px;min-height:0;"
1631                    ></div>
1632                    <div class="form-bnf">
1633                      <div class="bnf-itm">
1634                        <img loading="lazy" src="images/Calendar.png" alt="" class="form-icn" />
1635                        <p class="p2">Snel contact</p>
1636                      </div>
1637                      <div class="form-dvd"></div>
1638                      <div class="bnf-itm">
1639                        <img loading="lazy" src="images/flash.png" alt="" class="form-icn" />
1640                        <p class="p2">Snel voorstel</p>
1641                      </div>
1642                      <div class="form-dvd"></div>
1643                      <div class="bnf-itm">
1644                        <img loading="lazy" src="images/dashboard.png" alt="" class="form-icn" />
1645                        <p class="p2">Snel starten</p>
1646                      </div>
1647                    </div>
1648                  </div>
1649                </form>
1650                <div class="w-form-done">
1651                  <div>Bedankt! We hebben je bericht ontvangen.</div>
1652                </div>
1653                <div class="w-form-fail">
1654                  <div>Oeps! Er ging iets mis bij het versturen van het formulier.</div>
1655                </div>
1656              </div>
1657              <img
1658                src="images/Dots-footer.avif"
1659                loading="lazy"
1660                sizes="(max-width: 1280px) 100vw, 1280px"
1661                srcset="
1662                  images/Frame-1996662776-p-500.png  500w,
1663                  images/Frame-1996662776-p-800.png  800w,
1664                  images/Dots-footer.avif           1280w
1665                "
1666                alt=""
1667                class="form-dots"
1668              />
1669            </div>
1670            <div class="quote-blk">
1671              <div class="quote-blck">
1672                <div class="form-quote-blck">
1673                  <div class="image-quote">
1674                    <img
1675                      src="images/Arrow.png"
1676                      loading="lazy"
1677                      sizes="100vw"
1678                      srcset="
1679                        images/f94d93c982c5e05f9630595f523b2aa6_Frame-1996662638-p-500.png 500w,
1680                        images/Arrow.png                                                   592w
1681                      "
1682                      alt=""
1683                    />
1684                    <div class="con-cont">
1685                      <p class="txt-stl-4 ylw">+15<span class="txt-stl-4-sm">%</span></p>
1686                      <p class="p2 _400">Conversie Lead &gt; Deal</p>
1687                    </div>
1688                  </div>
1689                  <div class="quote-txt">
1690                    <p class="txt-stl-3"><em>&quot;Score meer Homeruns™ met onze software &amp; services&quot;</em></p>
1691                    <div class="ceo-txt">
1692                      <p class="p1">Mike Out</p>
1693                      <p class="p2 _400">CEO HomeZero</p>
1694                    </div>
1695                  </div>
1696                </div>
1697              </div>
1698              <img src="/images/homezero-team.png" loading="lazy" alt="HomeZero team" class="form-img" />
1699              <div class="form-grd"></div>
1700            </div>
1701          </div>
1702        </div>
1703      </div>
1704    </div>
1705    <!-- HZ_CONTACT_FORM_END -->
1706
1707    <div data-wf--footer-new--variant="base" class="sect blck">
1708      <div class="main-cont">
1709        <div class="ft-cont">
1710          <div class="ft-dvd-cont">
1711            <div class="ft-dvd"></div>
1712          </div>
1713          <div class="ft-cont-lnk">
1714            <div class="ft-inf">
1715              <div class="ft-lg-txt">
1716                <a href="/b2b2c" class="ft-lg-lnk w-inline-block"
1717                  ><img src="/images/logo-white.png" loading="lazy" alt="" class="ft-lg"
1718                /></a>
1719                <p class="p3 _500">
1720                  HomeZero levert software en services aan B2C en B2B2C organisaties die actief zijn of willen zijn in
1721                  de energietransitie. Het whitelabel digitale platform biedt verkoop- en operationele oplossingen voor
1722                  allerlei maatregelen, van thuisbatterijen tot en met isolatie.
1723                </p>
1724                <a href="https://www.linkedin.com/company/homezeronl/" class="scl-icon w-inline-block"
1725                  ><img src="/images/Frame-1996662631.png" loading="lazy" alt=""
1726                /></a>
1727              </div>
1728              <div class="ft-lg-txt-btm">
1729                <a href="mailto:[email protected]" class="footerlinks">[email protected]</a>
1730                <a href="https://maps.app.goo.gl/kDpQiPwYNWoNo2zn8" class="footerlinks"
1731                  >Koepelplein 1E, 353, 2031WL Haarlem</a
1732                >
1733                <a href="https://maps.app.goo.gl/kDpQiPwYNWoNo2zn8" class="footerlinks">Nederland</a>
1734              </div>
1735            </div>
1736            <div class="ft-lnks">
1737              <div id="w-node-e2191d65-5740-43cc-1208-b9be8e677717-8e677703" class="ft-cl">
1738                <p class="label">Voor wie</p>
1739                <div class="ft-cl-ls">
1740                  <a href="/use-cases/zonnepaneel-installateur" class="footerlinks">Zonnepaneel installateur</a>
1741                  <a href="/use-cases/warmtepomp-installateur" class="footerlinks">Warmtepomp installateur</a>
1742                  <a href="/use-cases/airco-installateur" class="footerlinks">Airco installateur</a>
1743                  <a href="/use-cases/thuisbatterij-installateur" class="footerlinks">Thuisbatterij installateur</a>
1744                  <a href="/use-cases/isolatiebedrijf" class="footerlinks">Isolatiebedrijf</a>
1745                  <a href="/use-cases/duurzame-totaal-installateur" class="footerlinks">Duurzame totaal installateur</a>
1746                  <a href="/use-cases/installatiebedrijven" class="footerlinks">Installatiebedrijven</a>
1747                  <a href="/use-cases/adviseurs" class="footerlinks">Adviseurs</a>
1748                  <a href="/use-cases/groothandels" class="footerlinks">Groothandels</a>
1749                  <a href="/use-cases/fabrikanten" class="footerlinks">Fabrikanten</a>
1750                  <a href="/use-cases/vergelijkers" class="footerlinks">Vergelijkers</a>
1751                  <a href="/use-cases/banken" class="footerlinks">Banken</a>
1752                  <a href="/use-cases/verzekeraars" class="footerlinks">Verzekeraars</a>
1753                  <a href="/use-cases/verenigingen" class="footerlinks">Verenigingen</a>
1754                </div>
1755              </div>
1756              <div class="ft-cl">
1757                <p class="label">Leads</p>
1758                <div class="ft-cl-ls">
1759                  <a href="/#sales" class="footerlinks">Lead Flows</a>
1760                  <a href="/#sales" class="footerlinks">Lead Filter</a>
1761                  <a href="/#sales" class="footerlinks">Rekenmodellen</a>
1762                  <a href="/#sales" class="footerlinks">Communicatie</a>
1763                  <a href="/#sales" class="footerlinks">Huisscan</a>
1764                  <a href="/#sales" class="footerlinks">Vragenlijst</a>
1765                  <a href="/#sales" class="footerlinks">
1765Widget</a>
1766                  <a href="/#sales" class="footerlinks">Aanbetaling</a>
1767                  <a href="/#sales" class="footerlinks">Workflow</a>
1768                  <a href="/#sales" class="footerlinks">Homeruns</a>
1769                  <a href="/#sales" class="footerlinks">AI Adviseurs</a>
1770                  <a href="/#sales" class="footerlinks">Financiering</a>
1771                </div>
1772              </div>
1773              <div class="ft-cl">
1774                <p class="label">Sales</p>
1775                <div class="ft-cl-ls">
1776                  <a href="/#operations" class="footerlinks">Sales CRM</a>
1777                  <a href="/#operations" class="footerlinks">Offerte Module</a>
1778                  <a href="/#operations" class="footerlinks">Adviseurs</a>
1779                  <a href="/#operations" class="footerlinks">Lead Management</a>
1780                  <a href="/#operations" class="footerlinks">Sales Automations</a>
1781                  <a href="/#operations" class="footerlinks">Custom Workflows</a>
1782                  <a href="/#operations" class="footerlinks">Catalogus</a>
1783                  <a href="/#operations" class="footerlinks">Schouwformulieren</a>
1784                  <a href="/#operations" class="footerlinks">Offertes</a>
1785                  <a href="/#operations" class="footerlinks">AI Videoscan</a>
1786                </div>
1787              </div>
1788              <div class="ft-cl">
1789                <p class="label">Operatie</p>
1790                <div class="ft-cl-ls">
1791                  <a href="/#services" class="footerlinks">Planning</a>
1792                  <a href="/#services" class="footerlinks">Monteur App</a>
1793                  <a href="/#services" class="footerlinks">Asset Management</a>
1794                  <a href="/#services" class="footerlinks">Netwerkbeheer</a>
1795                  <a href="/#services" class="footerlinks">100+ integraties</a>
1796                  <a href="/#services" class="footerlinks">Project Management</a>
1797                  <a href="/#services" class="footerlinks">Data analyse</a>
1798                  <a href="/#services" class="footerlinks">Operationele support</a>
1799                </div>
1800              </div>
1801              <div class="ft-cl">
1802                <p class="label">Info</p>
1803                <div class="ft-cl-ls">
1804                  <a href="/over-ons" class="footerlink">Over HomeZero</a>
1805                  <a href="/project-pico" class="footerlink">Over Pico</a>
1806                  <a href="https://status.homezero.tech/" class="footerlink pico-status-link" data-no-i18n target="_blank" rel="noopener noreferrer" aria-label="Status Pico — status wordt geladen">Status Pico<span class="pico-status-dot" aria-hidden="true"></span></a>
1807                  <a href="/vacatures" class="footerlink">Vacatures</a>
1808                  <a href="/blog" class="footerlink">Blog</a>
1809                  <a href="/project-pico" class="footerlink">JTF Fonds &amp; Pico</a>
1810                  <a href="/#contact-form" class="footerlink dutchfooter">Contact</a>
1811                  <a href="/impressum" class="footerlink german-only-link">Impressum</a>
1812                </div>
1813              </div>
1814            </div>
1815            <img
1816              src="/images/Frame-1996662650.png"
1817              loading="lazy"
1818              sizes="100vw"
1819              srcset="
1820                images/f3ad562cd81bd94ad59f3f163f4b200d_Frame-1996662650-p-500.png   500w,
1821                images/f3ad562cd81bd94ad59f3f163f4b200d_Frame-1996662650-p-800.png   800w,
1822                images/f3ad562cd81bd94ad59f3f163f4b200d_Frame-1996662650-p-1080.png 1080w,
1823                images/f3ad562cd81bd94ad59f3f163f4b200d_Frame-1996662650-p-1600.png 1600w,
1824                images/f3ad562cd81bd94ad59f3f163f4b200d_Frame-1996662650-p-2000.png 2000w,
1825                images/Frame-1996662650.png                                         2592w
1826              "
1827              alt=""
1828              class="ft-dot desktop"
1829            /><img
1830              src="/images/Frame-1996662777.png"
1831              loading="lazy"
1832              sizes="100vw"
1833              srcset="images/Frame-1996662777-p-500.png 500w, images/Frame-1996662777.png 750w"
1834              alt=""
1835              class="ft-dot mobile"
1836            />
1837          </div>
1838          <div class="ft-dvd-cont">
1839            <div class="ft-dvd btm"></div>
1840            <p class="p3 _700">
1840© Copyright 2025 HomeZero. All rights reserved</p>
1841            <div class="ft-btm-lk">
1842              <div class="ft-btm-cont">
1843                <div class="ft-btm-lk-l">
1844                  <a href="/#contact-form" class="footerlink dutchfooter">Contact</a>
1845                  <a href="/impressum" class="footerlink german-only-link">Impressum</a>
1846                  <a href="/datenschutzerklarung" class="german-only-link">Datenschutzerklärung</a>
1847                  <a href="/privacy-policy" class="dutchfooter">Privacy Policy</a>
1848                  <a href="/algemene-voorwaarden" aria-current="page" class="footerlink w--current"
1849                    >Algemene Voorwaarden</a
1850                  >
1851                  <a href="/cookie-statement" class="footerlink">Cookie Statement</a>
1852                </div>
1853              </div>
1854            </div>
1855          </div>
1856        </div>
1857      </div>
1858    </div>
1859    <aside fs-scrolldisable-element="when-visible" data-video-lightbox="true" class="video-lightbox">
1860      <div class="video-lightbox-wrap">
1861        <div class="lightbox-card"><video class="lightbox-video"></video></div>
1862        <div data-lightbox-close="true" class="vlght-sh"></div>
1863      </div>
1864    </aside>
1865    <div class="cookies-modal">
1866      <div data-w-id="088b766a-4c65-a672-0266-abe71144055a" class="cookies-modal-close"></div>
1867      <div class="cookie-banner-wrapper">
1868        <div class="cookies-content-wrapper">
1869          <div class="cookies-top-banner">
1870            <div id="w-node-_088b766a-4c65-a672-0266-abe71144055e-11440559" class="cookies-top-text">
1871              <div class="heading-1-cookies">Wil je al onze cookies?!</div>
1872              <p class="cookies-paragraph">
1873                Wij gebruiken cookies om ons platform te verbeteren. Geef hieronder je voorkeuren aan en wij plaatsen
1874                alleen de juiste cookies.
1875              </p>
1876            </div>
1877            <img
1878              src="images/cookie-image.avif"
1879              loading="lazy"
1880              id="w-node-_088b766a-4c65-a672-0266-abe711440563-11440559"
1881              alt=""
1882              class="cookies-top-image"
1883            />
1884          </div>
1885          <div class="cookies-text-wrapper">
1886            <div class="cookies-form w-form">
1887              <form
1888                id="email-form"
1889                name="email-form"
1890                data-name="Email Form"
1891                method="get"
1892                class="cookies-form-wrapper"
1893                data-wf-page-id="67ac72e2b9d04d9f75e343b5"
1894                data-wf-element-id="088b766a-4c65-a672-0266-abe711440566"
1895              >
1896                <div class="cookies-text-point">
1897                  <div class="cookies-head-text">
1898                    <div class="heading-2-cookies">Noodzakelijke cookies</div>
1899                  </div>
1900                  <div class="cookies-main-text">
1901                    <p class="cookies-paragraph gray">
1902                      Analytische onpersoonlijke cookies die noodzakelijk zijn voor de werking van het platform en onze
1903                      dienstverlening.
1904                    </p>
1905                  </div>
1906                </div>
1907                <div class="cookies-text-point">
1908                  <div class="cookies-head-text">
1909                    <div class="heading-2-cookies">Statistieken cookies</div>
1910                    <label class="w-checkbox check-toggle-wrapper"
1911                      ><input
1912                        id="Checkbox-1"
1913                        type="checkbox"
1914                        name="Checkbox-1"
1915                        data-name="Checkbox 1"
1916                        class="w-checkbox-input check-toggle"
1917                        checked=""
1918                      /><span class="checkbox-label-2 w-form-label" for="Checkbox-1">Checkbox</span></label
1919                    >
1920                  </div>
1921                  <div class="cookies-main-text">
1922                    <p class="cookies-paragraph gray">
1923                      Gedragsinformatie die wij nodig hebben om te zien hoe HomeZero gebruikt wordt op de manier zoals
1924                      wij zelf hebben bedacht.
1925                    </p>
1926                  </div>
1927                </div>
1928                <div class="cookies-text-point">
1929                  <div class="cookies-head-text">
1930                    <div class="heading-2-cookies">Marketing cookies</div>
1931                    <label class="w-checkbox check-toggle-wrapper"
1932                      ><input
1933                        id="Checkbox-2"
1934                        type="checkbox"
1935                        name="Checkbox-2"
1936                        data-name="Checkbox 2"
1937                        class="w-checkbox-input check-toggle"
1938                        checked=""
1939                      /><span class="checkbox-label-2 w-form-label" for="Checkbox-2">Checkbox</span></label
1940                    >
1941                  </div>
1942                  <div class="cookies-main-text">
1943                    <p class="cookies-paragraph gray">
1944                      Cookies om jou als bezoeker beter te begrijpen en je persoonlijke informatie te tonen die alleen
1945                      voor jou relevant is.
1946                    </p>
1947                  </div>
1948                </div>
1949              </form>
1950              <div class="w-form-done">
1951                <div>Bedankt! We hebben je bericht ontvangen.</div>
1952              </div>
1953              <div class="w-form-fail">
1954                <div>Oeps! Er ging iets mis bij het versturen van het formulier.</div>
1955              </div>
1956            </div>
1957          </div>
1958        </div>
1959        <div class="button-wrapper">
1960          <a id="cookie-modal" data-w-id="088b766a-4c65-a672-0266-abe71144058b" href="#" class="ylw-btn w-inline-block">
1961            <div class="btn-text">Opslaan!</div>
1962            <div class="blur-cont">
1963              <div class="ylw-blur"></div>
1964            </div>
1965          </a>
1966        </div>
1967        <div data-w-id="088b766a-4c65-a672-0266-abe71144058e" class="cookie-icon">
1968          <img src="images/Close.png" loading="lazy" alt="" class="cross-image" />
1969        </div>
1970      </div>
1971    </div>
1972    <div class="cookies_pop_up">
1973      <div class="cookies-subheading">Wij gebruiken cookies</div>
1974      <div class="cookies-buttons-wrapper">
1975        <a data-w-id="50bea988-8fa0-ee97-904b-cb72190d4b6f" href="#" class="no-color-button w-inline-block">
1976          <div class="btn-text">Aanpassen</div>
1977        </a>
1978        <a id="akay" data-w-id="50bea988-8fa0-ee97-904b-cb72190d4b72" href="#" class="ylw-btn w-inline-block">
1979          <div class="blur-cont">
1980            <div class="ylw-blur"></div>
1981          </div>
1982          <div class="btn-text">Oke!</div>
1983        </a>
1984      </div>
1985    </div>
1986    <div class="sect-nav hz-nav">
1987      <div
1988        data-animation="default"
1989        class="nav-bar w-nav"
1990        data-easing2="ease"
1991        data-easing="ease"
1992        data-collapse="medium"
1993        data-w-id="b039c5ac-d0f0-edb1-be47-ee69b824e039"
1994        role="banner"
1995        data-no-scroll="1"
1996        data-duration="400"
1997        data-doc-height="1"
1998      >
1999        <div class="main-cont-nav">
2000          <div class="lg-tab">
2001            <a href="/" class="nav-logo w-inline-block"
2002              ><img src="/images/Frame-1996662659.png" loading="lazy" alt="" class="lg-nav"
2003            /></a>
2004            <div class="nav-dvd-for">
2005              <div class="dvd-nav"></div>
2006              <div class="for-nav"><p class="p-for">voor</p></div>
2007            </div>
2008            <div class="tab-con-nav">
2009              <a href="/" class="nav-tab-item active w-inline-block w--current" data-hz-tab="b2c"
2010                ><p class="label black">B2C</p></a
2011              >
2012              <a href="/b2b2c" class="nav-tab-item w-inline-block" data-hz-tab="b2b2c"
2013                ><p class="label black">B2B2C</p></a
2014              >
2015            </div>
2016          </div>
2017          <nav role="navigation" class="nav-links w-nav-menu">
2018            <div class="nav-links-wrap">
2019              <div class="nav-links-cont">
2020                <!-- Product -->
2021                <div data-hover="true" data-delay="0" class="nav-drop w-dropdown">
2022                  <div class="drop-down-cont w-dropdown-toggle"><div class="p1">Product</div></div>
2023                  <nav class="nav-drop-list-c w-dropdown-list">
2024                    <div class="nav-drop-list">
2025                      <div class="column-list nav-col-leads">
2026                        <div class="nav-tlt-cont"><p class="p3 p3-all-caps">Leads</p></div>
2027                        <div class="sol-cl">
2028                          <div class="sol-cl-cont">
2029                            <div class="nav-link-item">
2030                              <a href="/#sales" class="item-list-lnk w-inline-block"
2031                                ><div class="icn-cont-lnk">
2032                                  <img
2033                                    src="https://ystckkktjcktugqoqxtd.supabase.co/storage/v1/object/public/media/imported/f4cb5931d6c7a00e.png"
2034                                    loading="lazy"
2035                                    alt=""
2036                                    class="lnk-ic"
2037                                  />
2038                                </div>
2039                                <div class="tl-tx-lnk">
2040                                  <div class="lnk-tl-ar"><p class="p2">Lead Flows</p></div>
2041                                  <p class="p3 _500">Hoogste conversie van site naar Lead</p>
2042                                </div></a
2043                              >
2044                            </div>
2045                            <div class="nav-link-item">
2046                              <a href="/#sales" class="item-list-lnk w-inline-block"
2047                                ><div class="icn-cont-lnk">
2048                                  <img
2049                                    src="https://ystckkktjcktugqoqxtd.supabase.co/storage/v1/object/public/media/imported/e794fddded8d64d9.png"
2050                                    loading="lazy"
2051                                    alt=""
2052                                    class="lnk-ic"
2053                                  />
2054                                </div>
2055                                <div class="tl-tx-lnk">
2056                                  <div class="lnk-tl-ar"><p class="p2">Lead Filter</p></div>
2057                                  <p class="p3 _500">Intelligente kwalificatie per maatregel.</p>
2058                                </div></a
2059                              >
2060                            </div>
2061                            <div class="nav-link-item">
2062                              <a href="/#sales" class="item-list-lnk w-inline-block"
2063                                ><div class="icn-cont-lnk">
2064                                  <img
2065                                    src="https://ystckkktjcktugqoqxtd.supabase.co/storage/v1/object/public/media/imported/2dcecacaef1d91dc.png"
2066                                    loading="lazy"
2067                                    alt=""
2068                                    class="lnk-ic"
2069                                  />
2070                                </div>
2071                                <div class="tl-tx-lnk">
2072                                  <div class="lnk-tl-ar"><p class="p2">Rekenmodellen</p></div>
2073                                  <p class="p3 _500">Slim advies, persoonlijk en data-driven.</p>
2074                                </div></a
2075                              >
2076                            </div>
2077                            <div class="nav-link-item">
2078                              <a href="/#sales" class="item-list-lnk w-inline-block"
2079                                ><div class="icn-cont-lnk">
2080                                  <img
2081                                    src="https://ystckkktjcktugqoqxtd.supabase.co/storage/v1/object/public/media/imported/efe7fe5ef12fa284.png"
2082                                    loading="lazy"
2083                                    alt=""
2084                                    class="lnk-ic"
2085                                  />
2086                                </div>
2087                                <div class="tl-tx-lnk">
2088                                  <div class="lnk-tl-ar"><p class="p2">Website widget</p></div>
2089                                  <p class="p3 _500">Plug & play widget op jouw site.</p>
2090                                </div></a
2091                              >
2092                            </div>
2093                            <div class="nav-link-item">
2094                              <a href="/#sales" class="item-list-lnk w-inline-block"
2095                                ><div class="icn-cont-lnk">
2096                                  <img
2097                                    src="https://ystckkktjcktugqoqxtd.supabase.co/storage/v1/object/public/media/imported/f106101b4acc6f7c.png"
2098                                    loading="lazy"
2099                                    alt=""
2100                                    class="lnk-ic"
2101                                  />
2102                                </div>
2103                                <div class="tl-tx-lnk">
2104                                  <div class="lnk-tl-ar"><p class="p2">Huisscan</p></div>
2105                                  <p class="p3 _500">Whitelabel stappenplan voor jouw klant.</p>
2106                                </div></a
2107                              >
2108                            </div>
2109                            <div class="nav-link-item">
2110                              <a href="/#sales" class="item-list-lnk w-inline-block"
2111                                ><div class="icn-cont-lnk">
2112                                  <img
2113                                    src="https://ystckkktjcktugqoqxtd.supabase.co/storage/v1/object/public/media/imported/6c01267df0a0c07a.png"
2114                                    loading="lazy"
2115                                    alt=""
2116                                    class="lnk-ic"
2117                                  />
2118                                </div>
2119                                <div class="tl-tx-lnk">
2120                                  <div class="lnk-tl-ar"><p class="p2">Workflow</p></div>
2121                                  <p class="p3 _500">Automatiseer jouw funnel en triggers.</p>
2122                                </div></a
2123                              >
2124                            </div>
2125                          </div>
2126                        </div>
2127                      </div>
2128                      <div class="dv-nav-lst"></div>
2129                      <div class="column-list nav-col-sales">
2130                        <div class="nav-tlt-cont"><p class="p3 p3-all-caps">Sales</p></div>
2131                        <div class="sol-cl">
2132                          <div class="sol-cl-cont">
2133                            <div class="nav-link-item">
2134                              <a href="/#operations" class="item-list-lnk w-inline-block"
2135                                ><div class="icn-cont-lnk">
2136                                  <img
2137                                    src="https://ystckkktjcktugqoqxtd.supabase.co/storage/v1/object/public/media/imported/67cd0a2500fa4310.png"
2138                                    loading="lazy"
2139                                    alt=""
2140                                    class="lnk-ic"
2141                                  />
2142                                </div>
2143                                <div class="tl-tx-lnk">
2144                                  <div class="lnk-tl-ar"><p class="p2">Sales CRM</p></div>
2145                                  <p class="p3 _500">Slim en simpel klantbeheer.</p>
2146                                </div></a
2147                              >
2148                            </div>
2149                            <div class="nav-link-item">
2150                              <a href="/#operations" class="item-list-lnk w-inline-block"
2151                                ><div class="icn-cont-lnk">
2152                                  <img
2153                                    src="https://ystckkktjcktugqoqxtd.supabase.co/storage/v1/object/public/media/imported/bb13b0deab6fced6.png"
2154                                    loading="lazy"
2155                                    alt=""
2156                                    class="lnk-ic"
2157                                  />
2158                                </div>
2159                                <div class="tl-tx-lnk">
2160                                  <div class="lnk-tl-ar"><p class="p2">Offerte Module</p></div>
2161                                  <p class="p3 _500">Klantvriendelijke offertes met e-sign.</p>
2162                                </div></a
2163                              >
2164                            </div>
2165                            <div class="nav-link-item">
2166                              <a href="/#operations" class="item-list-lnk w-inline-block"
2167                                ><div class="icn-cont-lnk">
2168                                  <img
2169                                    src="https://ystckkktjcktugqoqxtd.supabase.co/storage/v1/object/public/media/imported/c6ee3d1a8cf36424.png"
2170                                    loading="lazy"
2171                                    alt=""
2172                                    class="lnk-ic"
2173                                  />
2174                                </div>
2175                                <div class="tl-tx-lnk">
2176                                  <div class="lnk-tl-ar"><p class="p2">Lead Management</p></div>
2177                                  <p class="p3 _500">Overzicht over de status van je leads.</p>
2178                                </div></a
2179                              >
2180                            </div>
2181                            <div class="nav-link-item">
2182                              <a href="/#operations" class="item-list-lnk w-inline-block"
2183                                ><div class="icn-cont-lnk">
2184                                  <img
2185                                    src="https://ystckkktjcktugqoqxtd.supabase.co/storage/v1/object/public/media/imported/f1502eab91cab028.png"
2186                                    loading="lazy"
2187                                    alt=""
2188                                    class="lnk-ic"
2189                                  />
2190                                </div>
2191                                <div class="tl-tx-lnk">
2192                                  <div class="lnk-tl-ar"><p class="p2">Sales Automations</p></div>
2193                                  <p class="p3 _500">
2193Automatiseer offertes en follow-ups.</p>
2194                                </div></a
2195                              >
2196                            </div>
2197                            <div class="nav-link-item">
2198                              <a href="/#operations" class="item-list-lnk w-inline-block"
2199                                ><div class="icn-cont-lnk">
2200                                  <img
2201                                    src="https://ystckkktjcktugqoqxtd.supabase.co/storage/v1/object/public/media/imported/d49f3b63d924d79a.png"
2202                                    loading="lazy"
2203                                    alt=""
2204                                    class="lnk-ic"
2205                                  />
2206                                </div>
2207                                <div class="tl-tx-lnk">
2208                                  <div class="lnk-tl-ar"><p class="p2">Adviseurs Planning</p></div>
2209                                  <p class="p3 _500">Optimaliseer adviseurscapaciteit.</p>
2210                                </div></a
2211                              >
2212                            </div>
2213                            <div class="nav-link-item">
2214                              <a href="/#operations" class="item-list-lnk w-inline-block"
2215                                ><div class="icn-cont-lnk">
2216                                  <img
2217                                    src="https://ystckkktjcktugqoqxtd.supabase.co/storage/v1/object/public/media/imported/c9fb020bd2c14e37.png"
2218                                    loading="lazy"
2219                                    alt=""
2220                                    class="lnk-ic"
2221                                  />
2222                                </div>
2223                                <div class="tl-tx-lnk">
2224                                  <div class="lnk-tl-ar"><p class="p2">Schouwformulieren</p></div>
2225                                  <p class="p3 _500">Slimme formulieren voor extra controles.</p>
2226                                </div></a
2227                              >
2228                            </div>
2229                          </div>
2230                        </div>
2231                      </div>
2232                      <div class="dv-nav-lst"></div>
2233                      <div class="column-list nav-col-ops">
2234                        <div class="nav-tlt-cont"><p class="p3 p3-all-caps">Ops</p></div>
2235                        <div class="sol-cl">
2236                          <div class="sol-cl-cont">
2237                            <div class="nav-link-item">
2238                              <a href="/#services" class="item-list-lnk w-inline-block"
2239                                ><div class="icn-cont-lnk">
2240                                  <img
2241                                    src="https://ystckkktjcktugqoqxtd.supabase.co/storage/v1/object/public/media/imported/cd34ba9a13e5fcc3.png"
2242                                    loading="lazy"
2243                                    alt=""
2244                                    class="lnk-ic"
2245                                  />
2246                                </div>
2247                                <div class="tl-tx-lnk">
2248                                  <div class="lnk-tl-ar"><p class="p2">Planning</p></div>
2249                                  <p class="p3 _500">Planbord voor monteurs & agents.</p>
2250                                </div></a
2251                              >
2252                            </div>
2253                            <div class="nav-link-item">
2254                              <a href="/#services" class="item-list-lnk w-inline-block"
2255                                ><div class="icn-cont-lnk">
2256                                  <img
2257                                    src="https://ystckkktjcktugqoqxtd.supabase.co/storage/v1/object/public/media/imported/1059d1340ba36f87.png"
2258                                    loading="lazy"
2259                                    alt=""
2260                                    class="lnk-ic"
2261                                  />
2262                                </div>
2263                                <div class="tl-tx-lnk">
2264                                  <div class="lnk-tl-ar"><p class="p2">Field App</p></div>
2265                                  <p class="p3 _500">Digitale oplevering met foto en data.</p>
2266                                </div></a
2267                              >
2268                            </div>
2269                            <div class="nav-link-item">
2270                              <a href="/#services" class="item-list-lnk w-inline-block"
2271                                ><div class="icn-cont-lnk">
2272                                  <img
2273                                    src="https://ystckkktjcktugqoqxtd.supabase.co/storage/v1/object/public/media/imported/10de53acc0ee195f.png"
2274                                    loading="lazy"
2275                                    alt=""
2276                                    class="lnk-ic"
2277                                  />
2278                                </div>
2279                                <div class="tl-tx-lnk">
2280                                  <div class="lnk-tl-ar"><p class="p2">Netwerkbeheer</p></div>
2281                                  <p class="p3 _500">Beheer jouw installateursnetwerk.</p>
2282                                </div></a
2283                              >
2284                            </div>
2285                            <div class="nav-link-item">
2286                              <a href="/#services" class="item-list-lnk w-inline-block"
2287                                ><div class="icn-cont-lnk">
2288                                  <img
2289                                    src="/images/Capaciteit-Map.svg"
2290                                    loading="lazy"
2291                                    alt=""
2292                                    class="lnk-ic hz-ic-mono"
2293                                  />
2294                                </div>
2295                                <div class="tl-tx-lnk">
2296                                  <div class="lnk-tl-ar"><p class="p2">Gebieden</p></div>
2297                                  <p class="p3 _500">Beheer werkgebieden en dekking.</p>
2298                                </div></a
2299                              >
2300                            </div>
2301                            <div class="nav-link-item">
2302                              <a href="/#services" class="item-list-lnk w-inline-block"
2303                                ><div class="icn-cont-lnk">
2304                                  <img src="/images/Planboard.svg" loading="lazy" alt="" class="lnk-ic hz-ic-mono" />
2305                                </div>
2306                                <div class="tl-tx-lnk">
2307                                  <div class="lnk-tl-ar"><p class="p2">Project management</p></div>
2308                                  <p class="p3 _500">Stuur projecten van start tot oplevering.</p>
2309                                </div></a
2310                              >
2311                            </div>
2312                            <div class="nav-link-item">
2313                              <a href="/#services" class="item-list-lnk w-inline-block"
2314                                ><div class="icn-cont-lnk">
2315                                  <img
2316                                    src="/images/Inkoop--Logistiek.svg"
2317                                    loading="lazy"
2318                                    alt=""
2319                                    class="lnk-ic hz-ic-mono"
2320                                  />
2321                                </div>
2322                                <div class="tl-tx-lnk">
2323                                  <div class="lnk-tl-ar"><p class="p2">Asset management</p></div>
2324                                  <p class="p3 _500">Beheer materialen, voorraad en assets.</p>
2325                                </div></a
2326                              >
2327                            </div>
2328                          </div>
2329                        </div>
2330                      </div>
2331                    </div>
2332                  </nav>
2333                </div>
2334                <!-- Voor wie -->
2335                <div data-hover="true" data-delay="0" class="nav-drop w-dropdown">
2336                  <div class="drop-down-cont w-dropdown-toggle"><div class="p1">Voor wie</div></div>
2337                  <nav class="nav-drop-list-c w-dropdown-list">
2338                    <div class="nav-drop-list">
2339                      <div class="column-list">
2340                        <div class="nav-tlt-cont"><p class="p3 p3-all-caps">Installateurs &amp; bedrijven</p></div>
2341                        <div class="sol-cl">
2342                          <div class="sol-cl-cont">
2343                            <div class="nav-link-item">
2344                              <a href="/use-cases/zonnepaneel-installateur" class="item-list-lnk w-inline-block"
2345                                ><div class="icn-cont-lnk">
2346                                  <img
2347                                    src="/images/Solarpanels-Lead-App.svg"
2348                                    loading="lazy"
2349                                    alt=""
2350                                    class="lnk-ic hz-ic-mono"
2351                                  />
2352                                </div>
2353                                <div class="tl-tx-lnk">
2354                                  <div class="lnk-tl-ar"><p class="p2">Zonnepaneel installateur</p></div>
2355                                  <p class="p3 _500">Sluit meer deals met minder moeite.</p>
2356                                </div></a
2357                              >
2358                            </div>
2359                            <div class="nav-link-item">
2360                              <a href="/use-cases/warmtepomp-installateur" class="item-list-lnk w-inline-block"
2361                                ><div class="icn-cont-lnk">
2362                                  <img
2363                                    src="/images/Heatpump-Lead-App.svg"
2364                                    loading="lazy"
2365                                    alt=""
2366                                    class="lnk-ic hz-ic-mono"
2367                                  />
2368                                </div>
2369                                <div class="tl-tx-lnk">
2370                                  <div class="lnk-tl-ar"><p class="p2">Warmtepomp installateur</p></div>
2371                                  <p class="p3 _500">Verkort de adviestijd, sluit sneller.</p>
2372                                </div></a
2373                              >
2374                            </div>
2375                            <div class="nav-link-item">
2376                              <a href="/use-cases/airco-installateur" class="item-list-lnk w-inline-block"
2377                                ><div class="icn-cont-lnk">
2378                                  <img src="/images/Engineer.svg" loading="lazy" alt="" class="lnk-ic hz-ic-mono" />
2379                                </div>
2380                                <div class="tl-tx-lnk">
2381                                  <div class="lnk-tl-ar"><p class="p2">Airco installateur</p></div>
2382                                  <p class="p3 _500">Maximaal rendement uit het hoogseizoen.</p>
2383                                </div></a
2384                              >
2385                            </div>
2386                            <div class="nav-link-item">
2387                              <a href="/use-cases/thuisbatterij-installateur" class="item-list-lnk w-inline-block"
2388                                ><div class="icn-cont-lnk">
2389                                  <img
2390                                    src="/images/Battery-Lead-App.svg"
2391                                    loading="lazy"
2392                                    alt=""
2393                                    class="lnk-ic hz-ic-mono"
2394                                  />
2395                                </div>
2396                                <div class="tl-tx-lnk">
2397                                  <div class="lnk-tl-ar"><p class="p2">Thuisbatterij installateur</p></div>
2398                                  <p class="p3 _500">Maak de complexe businesscase simpel.</p>
2399                                </div></a
2400                              >
2401                            </div>
2402                            <div class="nav-link-item">
2403                              <a href="/use-cases/isolatiebedrijf" class="item-list-lnk w-inline-block"
2404                                ><div class="icn-cont-lnk">
2405                                  <img src="/images/Huisscan.svg" loading="lazy" alt="" class="lnk-ic hz-ic-mono" />
2406                                </div>
2407                                <div class="tl-tx-lnk">
2408                                  <div class="lnk-tl-ar"><p class="p2">Isolatiebedrijf</p></div>
2409                                  <p class="p3 _500">Van inspectie naar isolatie zonder gedoe.</p>
2410                                </div></a
2411                              >
2412                            </div>
2413                            <div class="nav-link-item">
2414                              <a href="/use-cases/duurzame-totaal-installateur" class="item-list-lnk w-inline-block"
2415                                ><div class="icn-cont-lnk">
2416                                  <img
2417                                    src="/images/Installatiebedrijven.svg"
2418                                    loading="lazy"
2419                                    alt=""
2420                                    class="lnk-ic hz-ic-mono"
2421                                  />
2422                                </div>
2423                                <div class="tl-tx-lnk">
2424                                  <div class="lnk-tl-ar"><p class="p2">Duurzame totaal installateur</p></div>
2425                                  <p class="p3 _500">Eén platform voor de totaal installateur.</p>
2426                                </div></a
2427                              >
2428                            </div>
2429                            <div class="nav-link-item">
2430                              <a href="/use-cases/installatiebedrijven" class="item-list-lnk w-inline-block"
2431                                ><div class="icn-cont-lnk">
2432                                  <img
2433                                    src="/images/Installatiebedrijven.svg"
2434                                    loading="lazy"
2435                                    alt=""
2436                                    class="lnk-ic hz-ic-mono"
2437                                  />
2438                                </div>
2439                                <div class="tl-tx-lnk">
2440                                  <div class="lnk-tl-ar"><p class="p2">Installatiebedrijven</p></div>
2441                                  <p class="p3 _500">Betere leads en efficiëntere operatie.</p>
2442                                </div></a
2443                              >
2444                            </div>
2445                          </div>
2446                        </div>
2447                      </div>
2448                      <div class="dv-nav-lst"></div>
2449                      <div class="column-list">
2450                        <div class="nav-tlt-cont"><p class="p3 p3-all-caps">B2B2C</p></div>
2451                        <div class="sol-cl">
2452                          <div class="sol-cl-cont">
2453                            <div class="nav-link-item">
2454                              <a href="/use-cases/groothandels" class="item-list-lnk w-inline-block"
2455                                ><div class="icn-cont-lnk">
2456                                  <img
2457                                    src="/images/Inkoop--Logistiek.svg"
2458                                    loading="lazy"
2459                                    alt=""
2460                                    class="lnk-ic hz-ic-mono"
2461                                  />
2462                                </div>
2463                                <div class="tl-tx-lnk">
2464                                  <div class="lnk-tl-ar"><p class="p2">Groothandels</p></div>
2465                                  <p class="p3 _500">Meer omzet voor jouw installatiekanaal.</p>
2466                                </div></a
2467                              >
2468                            </div>
2469                            <div class="nav-link-item">
2470                              <a href="/use-cases/fabrikanten" class="item-list-lnk w-inline-block"
2471                                ><div class="icn-cont-lnk">
2472                                  <img src="/images/Innovation.svg" loading="lazy" alt="" class="lnk-ic hz-ic-mono" />
2473                                </div>
2474                                <div class="tl-tx-lnk">
2475                                  <div class="lnk-tl-ar"><p class="p2">Fabrikanten</p></div>
2476                                  <p class="p3 _500">Meer installaties via betere leadkwaliteit.</p>
2477                                </div></a
2478                              >
2479                            </div>
2480                            <div class="nav-link-item">
2481                              <a href="/use-cases/vergelijkers" class="item-list-lnk w-inline-block"
2482                                ><div class="icn-cont-lnk">
2483                                  <img src="/images/Scan.svg" loading="lazy" alt="" class="lnk-ic hz-ic-mono" />
2484                                </div>
2485                                <div class="tl-tx-lnk">
2486                                  <div class="lnk-tl-ar"><p class="p2">Vergelijkers</p></div>
2487                                  <p class="p3 _500">Lever gekwalificeerde leads, geen ruwe data.</p>
2488                                </div></a
2489                              >
2490                            </div>
2491                            <div class="nav-link-item">
2492                              <a href="/use-cases/banken" class="item-list-lnk w-inline-block"
2493                                ><div class="icn-cont-lnk">
2494                                  <img src="/images/tag.svg" loading="lazy" alt="" class="lnk-ic hz-ic-mono" />
2495                                </div>
2496                                <div class="tl-tx-lnk">
2497                                  <div class="lnk-tl-ar"><p class="p2">Banken</p></div>
2498                                  <p class="p3 _500">Van financiering naar energiezuinige woning.</p>
2499                                </div></a
2500                              >
2501                            </div>
2502                            <div class="nav-link-item">
2503                              <a href="/use-cases/verzekeraars" class="item-list-lnk w-inline-block"
2504                                ><div class="icn-cont-lnk">
2505                                  <img src="/images/Badge.svg" loading="lazy" alt="" class="lnk-ic hz-ic-mono" />
2506                                </div>
2507                                <div class="tl-tx-lnk">
2508                                  <div class="lnk-tl-ar"><p class="p2">Verzekeraars</p></div>
2509                                  <p class="p3 _500">Verduurzaming als deel van je propositie.</p>
2510                                </div></a
2511                              >
2512                            </div>
2513                            <div class="nav-link-item">
2514                              <a href="/use-cases/verenigingen" class="item-list-lnk w-inline-block"
2515                                ><div class="icn-cont-lnk">
2516                                  <img src="/images/workplace-1.svg" loading="lazy" alt="" class="lnk-ic hz-ic-mono" />
2517                                </div>
2518                                <div class="tl-tx-lnk">
2519                                  <div class="lnk-tl-ar"><p class="p2">Verenigingen</p></div>
2520                                  <p class="p3 _500">Maak verduurzaming makkelijk voor leden.</p>
2521                                </div></a
2522                              >
2523                            </div>
2524                            <div class="nav-link-item">
2525                              <a href="/use-cases/adviseurs" class="item-list-lnk w-inline-block"
2526                                ><div class="icn-cont-lnk">
2527                                  <img src="/images/Headphones.svg" loading="lazy" alt="" class="lnk-ic hz-ic-mono" />
2528                                </div>
2529                                <div class="tl-tx-lnk">
2530                                  <div class="lnk-tl-ar"><p class="p2">Adviseurs</p></div>
2531                                  <p class="p3 _500">Financier en versnel de transitie.</p>
2532                                </div></a
2533                              >
2534                            </div>
2535                          </div>
2536                        </div>
2537                      </div>
2538                    </div>
2539                  </nav>
2540                </div>
2541                <!-- Info -->
2542                <div data-hover="true" data-delay="0" class="nav-drop w-dropdown">
2543                  <div class="drop-down-cont w-dropdown-toggle"><div class="p1">Info</div></div>
2544                  <nav class="nav-drop-list-c w-dropdown-list">
2545                    <div class="nav-drop-list">
2546                      <div class="column-list">
2547                        <div class="nav-tlt-cont"><p class="p3 p3-all-caps">Bedrijf</p></div>
2548                        <div class="sol-cl">
2549                          <div class="sol-cl-cont">
2550                            <div class="nav-link-item">
2551                              <a href="/over-ons" class="item-list-lnk w-inline-block"
2552                                ><div class="icn-cont-lnk">
2553                                  <img src="/images/About-Us.svg" loading="lazy" alt="" class="lnk-ic hz-ic-mono" />
2554                                </div>
2555                                <div class="tl-tx-lnk">
2556                                  <div class="lnk-tl-ar"><p class="p2">Over ons</p></div>
2557                                  <p class="p3 _500">Wie wij zijn en waar we voor staan.</p>
2558                                </div></a
2559                              >
2560                            </div>
2561                            <div class="nav-link-item">
2562                              <a href="/project-pico" class="item-list-lnk w-inline-block"
2563                                ><div class="icn-cont-lnk">
2564                                  <img src="/images/Dashboard.svg" loading="lazy" alt="" class="lnk-ic hz-ic-mono" />
2565                                </div>
2566                                <div class="tl-tx-lnk">
2567                                  <div class="lnk-tl-ar"><p class="p2">Pico</p></div>
2568                                  <p class="p3 _500">Het platform achter HomeZero.</p>
2569                                </div></a
2570                              >
2571                            </div>
2572                            <div class="nav-link-item">
2573                              <a href="/vacatures" class="item-list-lnk w-inline-block"
2574                                ><div class="icn-cont-lnk">
2575                                  <img src="/images/Careers.svg" loading="lazy" alt="" class="lnk-ic hz-ic-mono" />
2576                                </div>
2577                                <div class="tl-tx-lnk">
2578                                  <div class="lnk-tl-ar"><p class="p2">Vacatures</p></div>
2579                                  <p class="p3 _500">Werken bij HomeZero.</p>
2580                                </div></a
2581                              >
2582                            </div>
2583                            <div class="nav-link-item">
2584                              <a href="/blog" class="item-list-lnk w-inline-block"
2585                                ><div class="icn-cont-lnk">
2586                                  <img src="/images/News.svg" loading="lazy" alt="" class="lnk-ic hz-ic-mono" />
2587                                </div>
2588                                <div class="tl-tx-lnk">
2589                                  <div class="lnk-tl-ar"><p class="p2">Blog</p></div>
2590                                  <p class="p3 _500">Inzichten en updates.</p>
2591                                </div></a
2592                              >
2593                            </div>
2594                          </div>
2595                        </div>
2596                      </div>
2597                    </div>
2598                  </nav>
2599                </div>
2600              </div>
2601              <div class="nav-btn-cont hz-nav-btn-cont">
2602                <div class="lng-cont hz-lng"></div>
2603                <div class="btns-nav">
2604                  <a href="https://pico.homezero.nl" class="white-btn w-inline-block hz-pico-btn">
2605                    <img src="/images/pico-icon.png" loading="lazy" alt="" class="hz-pico-icon" />
2606                    <p class="btn-text">Pico</p>
2607                  </a>
2608                  <a
2609                    data-w-id="af8cabf4-3c60-4dd5-1d16-fcca91422eca"
2610                    href="#contact-form"
2611                    class="blue-btn w-inline-block"
2612                  >
2613                    <p class="btn-text">Contact</p>
2614                    <div class="blur-cont hide"><div class="blue-blur"></div></div>
2615                    <div class="blur-cont"><div class="blue-blur"></div></div>
2616                  </a>
2617                </div>
2618              </div>
2619            </div>
2620          </nav>
2621          <div class="brg-btn w-nav-button">
2622            <img src="/images/menu-2.png" loading="lazy" alt="" class="brg-ic" /><img
2623              src="/images/x.png"
2624              loading="lazy"
2625              alt=""
2626              class="brg-ic close"
2627            />
2628          </div>
2629        </div>
2630      </div>
2631    </div>
2632
2633    
2633<script
2634      src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=648c75310169e2407e8604dc"
2635      type="text/javascript"
2636      integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
2637      crossorigin="anonymous"
2638    ></script>
2638
2639    
2639<script src="js/webflow.js" type="text/javascript"></script>
2639
2640    
2640<script src="/js/apps-cms.js" type="text/javascript"></script>
2640
2641    
2641<script>
2642      // Open the Webflow cookie modal when the React banner asks for it.
2643      window.addEventListener('hz:open-cookie-prefs', function () {
2644        var m = document.querySelector('.cookies-modal');
2645        if (m) m.style.display = 'flex';
2646      });
2647      // Close button(s) on the modal hide only the modal — React banner stays.
2648      $(document).on('click', '.cookies-modal-close, .cookie-icon', function (e) {
2649        e.preventDefault();
2650        $('.cookies-modal').css('display', 'none');
2651      });
2652      // Oke! — accept all, persist, dispatch consent event.
2653      $(document).on('click', '#akay', function (e) {
2654        e.preventDefault();
2655        var prefs = { functional: true, analytics: true, marketing: true };
2656        try { localStorage.setItem('cookieConsent', JSON.stringify(prefs)); } catch (err) {}
2657        if (typeof gtag === 'function') {
2658          gtag('consent', 'update', {
2659            'analytics_storage': 'granted',
2660            'ad_storage': 'granted',
2661            'ad_user_data': 'granted',
2662            'ad_personalization': 'granted'
2663          });
2664        }
2665        writeCookie('cookies_noodzakelijke', 'true', 180);
2666        writeCookie('cookies_statistieken', 'true', 180);
2667        writeCookie('cookies_marketing', 'true', 180);
2668        window.dispatchEvent(new CustomEvent('hz:consent', {
2669          detail: { statistics: true, marketing: true }
2670        }));
2671        $('.cookies_pop_up').css('display', 'none');
2672      });
2673      // Opslaan! — read checkbox values, persist, dispatch consent event, close modal.
2674      $('#cookie-modal').click(function (e) {
2675        e.preventDefault();
2676        var analytics = $('#Checkbox-1').prop('checked');
2677        var marketing = $('#Checkbox-2').prop('checked');
2678        var prefs = { functional: true, analytics: !!analytics, marketing: !!marketing };
2679        try { localStorage.setItem('cookieConsent', JSON.stringify(prefs)); } catch (err) {}
2680        if (typeof gtag === 'function') {
2681          gtag('consent', 'update', {
2682            'analytics_storage': prefs.analytics ? 'granted' : 'denied',
2683            'ad_storage': prefs.marketing ? 'granted' : 'denied',
2684            'ad_user_data': prefs.marketing ? 'granted' : 'denied',
2685            'ad_personalization': prefs.marketing ? 'granted' : 'denied'
2686          });
2687        }
2688        writeCookie('cookies_noodzakelijke', 'true', 180);
2689        writeCookie('cookies_statistieken', analytics ? 'true' : 'false', 180);
2690        writeCookie('cookies_marketing', marketing ? 'true' : 'false', 180);
2691        window.dispatchEvent(new CustomEvent('hz:consent', {
2692          detail: { statistics: !!analytics, marketing: !!marketing }
2693        }));
2694        $('.cookies-modal').css('display', 'none');
2695      });
2696      function readCookie(name) {
2697        var matches = document.cookie.match(new RegExp(
2698          "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
2699        ));
2700        return matches ? decodeURIComponent(matches[1]) : undefined;
2701      }
2702      function writeCookie(name, val, expires) {
2703        var date = new Date;
2704        date.setDate(date.getDate() + expires);
2705        document.cookie = name+"="+val+"; path=/; expires=" + date.toUTCString();
2706      }
2707      $(window).keyup(function(e){
2708        var target = $('.check-toggle__wrap input:focus');
2709        if (e.keyCode == 9 && $(target).length){
2710          $(target).parent().addClass('focused');
2711        }
2712      });
2713    </script>
2713
2714    
2714<script>
2715      document.addEventListener("DOMContentLoaded", function () {
2716          var lngHost = document.querySelector('.lng-cont');
2717          if (lngHost) lngHost.addEventListener("click", function (e) { e.stopPropagation(); });
2718      });
2719    </script>
2719
2720    
2720<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
2720
2721    
2721<script>
2722      function setEqualHeight() {
2723          let maxHeight = 0;
2724          document.querySelectorAll('.swiper-slide').forEach(slide => {
2725              slide.style.height = 'auto'; // Reset height
2726              maxHeight = Math.max(maxHeight, slide.offsetHeight);
2727          });
2728          document.querySelectorAll('.swiper-slide').forEach(slide => {
2729              slide.style.height = `${maxHeight}px`; // Apply max height to all
2730          });
2731      }
2732      const swiper = new Swiper('.testimonials', {
2733          slidesPerView: 1.2,
2734          loop: true,
2735          loopAdditionalSlides: 6,
2736          allowTouchMove: true,
2737          spaceBetween: 16,
2738          createElements: false,
2739          speed: 6000,
2740          autoplay: {
2741              delay: 0,
2742              disableOnInteraction: false,
2743              pauseOnMouseEnter: true,
2744          },
2745          freeMode: {
2746              enabled: true,
2747              momentum: false,
2748          },
2749          breakpoints: {
2750              640: { slidesPerView: 2.2 },
2751              760: { slidesPerView: 2.4 },
2752              950: { slidesPerView: 3.3, spaceBetween: 16 },
2753              1920: { slidesPerView: 4.5, spaceBetween: 20 },
2754              2560: { slidesPerView: 5.5, spaceBetween: 20 },
2755          },
2756          on: {
2757              init: setEqualHeight,
2758              slideChange: setEqualHeight,
2759              resize: setEqualHeight
2760          }
2761      });
2762      // Hide arrows since we have continuous autoplay
2763      document.querySelectorAll('.tsts-ar-cont').forEach(el => el.style.display = 'none');
2764    </script>
2764
2765    
2765<script>
2766      document.addEventListener("DOMContentLoaded", function () {
2767          function setupTabs(containerSelector, tabClass, tagClass, activeTabClass, activeTagClass, blurClass) {
2768              let container = document.querySelector(containerSelector);
2769              if (!container) return;
2770              let tabs = container.querySelectorAll(`.${tabClass}`);
2771              let contents = container.querySelectorAll('.app-descr');
2772              let videoContainers = container.querySelectorAll('.video-mc');
2773              let videoContainers1 = container.querySelectorAll('.video-mc-sales');
2774              let videoContainers2 = container.querySelectorAll('.video-mc-oprt');
2775              let videoContainers3 = container.querySelectorAll('.video-mc-serv');
2776      				let videoContainers1img = container.querySelectorAll('.mc-img-sales');
2777              let videoContainers2img = container.querySelectorAll('.mc-img-oprt');
2778              let videoContainers3img = container.querySelectorAll('.mc-img-serv');
2779              let images = document.querySelectorAll('.mc-img');
2780              function resetAll() {
2781                  contents.forEach(item => (item.style.display = 'none'));
2782                 videoContainers1.forEach(container => {
2783                     /* let video = container.querySelector('video');
2784                      if (video) {
2785                          video.pause();
2786                          video.currentTime = 0;
2787                      } */
2788                      container.style.display = 'none';
2789                  });
2790      						videoContainers2.forEach(container => {
2791                      container.style.display = 'none';
2792                  });
2793      						videoContainers3.forEach(container => {
2794                      container.style.display = 'none';
2795                  });
2796      						videoContainers1img.forEach(container => {
2797                      container.style.display = 'none';
2798                  });
2799      						videoContainers2img.forEach(container => {
2800                      container.style.display = 'none';
2801                  });
2802      						videoContainers3img.forEach(container => {
2803                      container.style.display = 'none';
2804                  });
2805      						// container.querySelectorAll(`.video-mc-sales`).style.display = 'none';
2806                  images.forEach(img => {
2807                      img.style.display = 'none'; // Hide all images
2808                  });
2809                  tabs.forEach(btn => {
2810                      btn.classList.remove(activeTabClass);
2811                      let blur = btn.querySelector(`.${blurClass}`);
2812                      if (blur) blur.style.display = "none";
2813                  });
2814                  container.querySelectorAll(`.${tagClass}`).forEach(tag => tag.classList.remove(activeTagClass));
2815              }
2816              function showTab(tab) {
2817                  let appId = tab.getAttribute('data-app-id');
2818                  resetAll();
2819                  tab.classList.add(activeTabClass);
2820                  let soonTag = tab.querySelector(`.${tagClass}`);
2821                  if (soonTag) soonTag.classList.add(activeTagClass);
2822                  let blur = tab.querySelector(`.${blurClass}`);
2823                  if (blur) blur.style.display = "block";
2824                  let contentToShow = container.querySelector(`.app-descr[data-app-id="${appId}"]`);
2825                  let videoContainer = container.querySelector(`.video-mc[data-app-id="${appId}"]`);
2826                  let videoToShow = videoContainer ? videoContainer.querySelector('video') : null; //.querySelector('video')
2827                  let imageToShow = container.querySelector(`.mc-img[data-app-id="${appId}"]`);
2828       						if (container.querySelector(`.video-mc-sales[data-app-id="${appId}"]`)){
2829                  container.querySelector(`.video-mc-sales[data-app-id="${appId}"]`).style.display = 'block';
2830      						}
2831      						if (container.querySelector(`.video-mc-oprt[data-app-id="${appId}"]`)){
2832                  container.querySelector(`.video-mc-oprt[data-app-id="${appId}"]`).style.display = 'block';
2833      						}
2834      						if (container.querySelector(`.video-mc-serv[data-app-id="${appId}"]`)){
2835                  container.querySelector(`.video-mc-serv[data-app-id="${appId}"]`).style.display = 'block';
2836      						}
2837      						if (container.querySelector(`.mc-img-sales[data-app-id="${appId}"]`)){
2838                  container.querySelector(`.mc-img-sales[data-app-id="${appId}"]`).style.display = 'block';
2839      						}
2840      						if (container.querySelector(`.mc-img-oprt[data-app-id="${appId}"]`)){
2841                  container.querySelector(`.mc-img-oprt[data-app-id="${appId}"]`).style.display = 'block';
2842      						}
2843      						if (container.querySelector(`.mc-img-serv[data-app-id="${appId}"]`)){
2844                  container.querySelector(`.mc-img-serv[data-app-id="${appId}"]`).style.display = 'block';
2845      						}
2846                  if (contentToShow) contentToShow.style.display = 'block';
2847                  if (videoToShow && videoToShow.getAttribute("src")) { //videoToShow &&
2848                      videoContainer.style.display = 'block';
2849                      videoToShow.play().catch(() => {});
2850                  } else {
2851                      // ✅ If NO video exists, show the image instead!
2852                      if (imageToShow) {
2853                          imageToShow.style.display = 'block';
2854                          console.log("Showing Image:", imageToShow);
2855                      } else {
2856                          console.warn("No Image Found for App ID:", appI
2856d);
2857                      }
2858                  }
2859              }
2860              if (tabs.length > 0) {
2861                  showTab(tabs[0]);
2862              }
2863              tabs.forEach(button => {
2864                  button.addEventListener('click', function () {
2865                      showTab(this);
2866                  });
2867              });
2868          }
2869          setupTabs('.sls-cont', 'sales-tab', 'tg-sn', 'active-tab', 'tg-sn-act', 'ylw-blur');
2870          setupTabs('.opr-cont', 'operat-tab', 'tg-op-sn', 'active-tab', 'tg-op-sn-act', 'blue-blur');
2871          setupTabs('.ser-cont', 'serv-tab', 'tg-sr-sn', 'active-tab-ser', 'tg-sr-sn-act', 'black-blur');
2872          // Autoplay only visible .mc-el videos, but skip ones inside a lightbox
2873          let heroVideos = document.querySelectorAll(".mc-el");
2874          heroVideos.forEach(video => {
2875              let lightboxParent = video.closest('[data-lightbox-toggle="true"]');
2876              if (!lightboxParent) {
2877                  video.play().catch(() => {});
2878              }
2879          });
2880           // - tut pochatok
2881          const currentUrl = window.location.pathname;
2882          let container = document.querySelector('.apps-col-col');
2883          function opentabs(){
2884              if(currentUrl=='/b2c')
2885              {
2886                  document.querySelectorAll(`.apps-tab-btn[fs-cmsfilter-value="B2B2C"]`).forEach(el => el.style.display = 'none');
2887              }
2888              if(currentUrl=='/')
2889              {
2890                  document.querySelectorAll(`.apps-tab-btn[fs-cmsfilter-value="B2C"]`).forEach(el => el.style.display = 'none');
2891              }
2892          }
2893          opentabs();
2894      });
2895    </script>
2895
2896    <style>
2897      .blg-txt-tlt {
2898        overflow: hidden;
2899        display: -webkit-box;
2900        -webkit-line-clamp: 3;
2901        -webkit-box-orient: vertical;
2902      }
2903    </style>
2904    <!-- HZ_CONTACT_SCRIPT_START -->
2905    <!-- HomeZero demo modal (Google Calendar iframe) -->
2906    <div
2907      id="hz-demo-modal"
2908      style="display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.75);align-items:center;justify-content:center;padding:20px;"
2909      role="dialog"
2910      aria-modal="true"
2911      aria-label="Plan een demo"
2912    >
2913      <div
2914        style="background:#fff;border-radius:14px;width:100%;max-width:900px;height:85vh;max-height:780px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.4);"
2915      >
2916        <div
2917          style="display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #eee;"
2918        >
2919          <strong style="font-family:Arial,sans-serif;color:#111;">Plan jouw demo</strong>
2920          <button
2921            id="hz-demo-close"
2922            type="button"
2923            aria-label="Sluiten"
2924            style="background:none;border:0;font-size:24px;line-height:1;cursor:pointer;color:#666;padding:4px 8px;"
2925          >
2926            ×
2927          </button>
2928        </div>
2929        <iframe
2930          id="hz-demo-iframe"
2931          src="about:blank"
2932          title="Plan een demo"
2933          style="border:0;flex:1;width:100%;"
2934          allow="fullscreen"
2935        ></iframe>
2936        <div
2937          style="padding:8px 18px;border-top:1px solid #eee;font-family:Arial,sans-serif;font-size:12px;color:#666;text-align:center;"
2938        >
2939          Lukt het niet?
2940          <a
2941            href="https://calendar.app.google/8Hvg3WQi5Gxzwwm16"
2942            target="_blank"
2943            rel="noopener noreferrer"
2944            style="color:#1a56db;"
2945            >Open in nieuw tabblad →</a
2946          >
2947        </div>
2948      </div>
2949    </div>
2950    
2950<script>
2951      (function(){
2952        var CAL_URL = "https://calendar.app.google/8Hvg3WQi5Gxzwwm16";
2953        var API_URL = "/api/public/contact";
2954        var TURNSTILE_SITEKEY = "0x4AAAAAADVTu9YMWzF_Ekfk";
2955        var tsWidgetId = null;
2956        var tsTokenResolvers = [];
2957        function $(id){ return document.getElementById(id); }
2958        var isSubmitting = false;
2959        function openDemo(){
2960          if (isSubmitting) return;
2961          isSubmitting = true;
2962          var modal = $("hz-demo-modal");
2963          var iframe = $("hz-demo-iframe");
2964          if (!modal || !iframe) { window.open(CAL_URL, "_blank", "noopener"); isSubmitting = false; return; }
2965          if (iframe.src === "about:blank") iframe.src = CAL_URL;
2966          modal.style.display = "flex";
2967          document.body.style.overflow = "hidden";
2968          setTimeout(function(){ isSubmitting = false; }, 800);
2969        }
2970        function closeDemo(){
2971          var modal = $("hz-demo-modal");
2972          if (modal) modal.style.display = "none";
2973          document.body.style.overflow = "";
2974        }
2975        function setStatus(msg, isError){
2976          var el = $("hz-form-status");
2977          if (!el) return;
2978          el.textContent = msg || "";
2979          el.style.color = isError ? "#ff6b6b" : "#b0b3c0";
2980        }
2981        function setBusy(busy){
2982          ["hz-cta-contact","hz-cta-demo"].forEach(function(id){
2983            var b = $(id); if (!b) return;
2984            b.style.opacity = busy ? "0.6" : "";
2985            b.style.pointerEvents = busy ? "none" : "";
2986          });
2987        }
2988        function getVal(id){ var el = $(id); return el ? String(el.value || "").trim() : ""; }
2989
2990        // Cloudflare Turnstile — invisible-first, only shows challenge when needed
2991        window.hzTurnstileReady = function(){
2992          var container = $("hz-turnstile");
2993          if (!container || !window.turnstile) return;
2994          tsWidgetId = window.turnstile.render(container, {
2995            sitekey: TURNSTILE_SITEKEY,
2996            size: "invisible",
2997            theme: "dark",
2998            callback: function(token){
2999              var resolvers = tsTokenResolvers; tsTokenResolvers = [];
3000              resolvers.forEach(function(r){ r.resolve(token); });
3001            },
3002            "error-callback": function(){
3003              var resolvers = tsTokenResolvers; tsTokenResolvers = [];
3004              resolvers.forEach(function(r){ r.reject(new Error("turnstile_error")); });
3005            },
3006            "expired-callback": function(){
3007              if (window.turnstile && tsWidgetId !== null) window.turnstile.reset(tsWidgetId);
3008            },
3009          });
3010        };
3011        function getTurnstileToken(){
3012          return new Promise(function(resolve, reject){
3013            if (!window.turnstile || tsWidgetId === null) {
3014              reject(new Error("turnstile_not_ready"));
3015              return;
3016            }
3017            tsTokenResolvers.push({ resolve: resolve, reject: reject });
3018            try { window.turnstile.execute(tsWidgetId); }
3019            catch (e) {
3020              tsTokenResolvers = tsTokenResolvers.filter(function(r){ return r.resolve !== resolve; });
3021              reject(e);
3022            }
3023          });
3024        }
3025
3026        function submitForm(intent){
3027          if (isSubmitting) return;
3028          isSubmitting = true;
3029          var name = getVal("form-name");
3030          var email = getVal("form-email");
3031          if (!name) { setStatus("Vul je naam in.", true); $("form-name").focus(); isSubmitting = false; return; }
3032          if (!email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
3033            setStatus("Vul een geldig e-mailadres in.", true);
3034            $("form-email").focus(); isSubmitting = false; return;
3035          }
3036          setBusy(true);
3037          setStatus("Versturen…");
3038          // Turnstile tijdelijk uitgeschakeld — code blijft staan, maar we slaan de challenge over.
3039          var TURNSTILE_ENABLED = false;
3040          var tokenPromise = TURNSTILE_ENABLED
3041            ? getTurnstileToken()
3042            : Promise.resolve("disabled-turnstile-bypass-token");
3043          tokenPromise.then(function(token){
3044            var payload = {
3045              intent: intent,
3046              name: name,
3047              email: email,
3048              company: getVal("Bedrijfsnaam"),
3049              phone: getVal("Telefoonnummer"),
3050              message: getVal("form-message"),
3051              turnstileToken: token,
3052            };
3053            return fetch(API_URL, {
3054              method: "POST",
3055              headers: { "Content-Type": "application/json" },
3056              body: JSON.stringify(payload),
3057            }).then(function(res){
3058              if (!res.ok) throw new Error("send_failed");
3059              setStatus(intent === "info"
3060                ? "Bedankt! We sturen je het info-pakket zo snel mogelijk toe."
3061                : "Bedankt! We nemen zo snel mogelijk contact met je op.");
3062              var form = $("hz-contact-form");
3063              if (form) form.reset();
3064            });
3065          }).catch(function(err){
3066            var msg = (err && err.message === "turnstile_not_ready")
3067              ? "Beveiliging laadt nog, probeer het over een paar seconden opnieuw."
3068              : "Er ging iets mis. Probeer het later opnieuw of mail naar [email protected].";
3069            setStatus(msg, true);
3070          }).finally(function(){
3071            setBusy(false);
3072            isSubmitting = false;
3073            if (TURNSTILE_ENABLED && window.turnstile && tsWidgetId !== null) window.turnstile.reset(tsWidgetId);
3074          });
3075        }
3076        document.addEventListener("DOMContentLoaded", function(){
3077          var demoBtn = $("hz-cta-demo");
3078          if (demoBtn) demoBtn.addEventListener("click", function(e){ e.preventDefault(); openDemo(); });
3079          var closeBtn = $("hz-demo-close");
3080          if (closeBtn) closeBtn.addEventListener("click", closeDemo);
3081          var modal = $("hz-demo-modal");
3082          if (modal) modal.addEventListener("click", function(e){ if (e.target === modal) closeDemo(); });
3083          document.addEventListener("keydown", function(e){ if (e.key === "Escape") closeDemo(); });
3084          var contactBtn = $("hz-cta-contact");
3085          if (contactBtn) contactBtn.addEventListener("click", function(e){ e.preventDefault(); submitForm("contact"); });
3086          var infoBtn = $("hz-cta-info");
3087          if (infoBtn) infoBtn.addEventListener("click", function(e){ e.preventDefault(); submitForm("info"); });
3088        });
3089      })();
3090    </script>
3090
3091    <!-- HZ_CONTACT_SCRIPT_END -->
3092    
3092<script src="https://cdn.jsdelivr.net/npm/lazy-load-video@latest/dist/custom-video.js"></script>
3092
3093    <style>
3094      :root{--plyr-color-main:var(--colors--player-color)}.plyr{border-radius:8px!important}
3095    </style>
3096    
3096<script defer="" src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsfilter@1/cmsfilter.js"></script>
3096
3097
3098    
3098<script>
3099      document.addEventListener("DOMContentLoaded", function() {
3100        fsAttributes.cmsfilter.init();
3101      });
3102    </script>
3102
3103    
3103<script src="/js/cms-hydrate.js"></script>
3103
3104    
3104<script src="/js/hz-video.js" defer></script>
3104
3105    
3105<script>
3106      document.addEventListener('DOMContentLoaded', function() {
3107        var modal = document.querySelector('.cookies-modal');
3108        var banner = document.querySelector('.cookie-bottom-bar') || document.querySelector('[class*="cookie-bar"]') || document.querySelector('[class*="cookiebar"]');
3109        var aanpassen = document.querySelector('a[data-w-id="50bea988-8fa0-ee97-904b-cb72190d4b6f"]');
3110        var sluit = document.querySelector('.cookies-modal-close');
3111        if (aanpassen && modal) {
3112          aanpassen.addEventListener('click', function(e) {
3113            e.preventDefault();
3114            modal.style.display = 'flex';
3115          });
3116        }
3117        if (sluit && modal) {
3118          sluit.addEventListener('click', function() {
3119            modal.style.display = 'none';
3120          });
3121        }
3122        var opslaan = modal ? modal.querySelector('input[type="submit"], button[type="submit"], .w-button') : null;
3123        if (opslaan && modal) {
3124          opslaan.addEventListener('click', function() {
3125            modal.style.display = 'none';
3126            if (banner) banner.style.display = 'none';
3127            localStorage.setItem('cookieConsent', 'true');
3128          });
3129        }
3130        if (localStorage.getItem('cookieConsent')) {
3131          if (banner) banner.style.display = 'none';
3132          document.querySelectorAll('.cookies_pop_up').forEach(function(el){ el.style.display = 'none'; });
3133        }
3134      });
3135    </script>
3135
3136  </body>
3137</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.