PageSourceSearch

https://homezero.ai/assets/b2b2c-hSVdqBdU.js

js homezero.ai collected 2026-10-05 16:09:05 UTC 65,301 bytes, 1,121 lines download raw bytes

1import{j as e}from"./index-DdGe7VSN.js";import{W as n}from"./webflow-shell-CGmACi8-.js";import"./_footer-D7shD8EY.js";const s=`<style>
2  /* Lock apps blocks to a consistent height; remove whitespace under media */
3  .apps-cont-scroll { min-height: 640px; }
4  .sls-cont, .opr-cont, .ser-cont { height: 100%; }
5  .app-cont-cont.txt { padding-top: 3.2vw; padding-bottom: 3.2vw; }
6  .app-cont-img { align-self: stretch; display: flex; align-items: center; justify-content: center; padding: 0; overflow: hidden; }
7  .app-cont-img .mck-cont-ads,
8  .app-cont-img .mck-cont,
9  .app-cont-img .vid-url,
10  .app-cont-img .mock-vid-col,
11  .app-cont-img .mock-vid-col-col,
12  .app-cont-img .video-item { margin: 0; padding: 0; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; }
13  .app-cont-img .mc-img-sales,
14  .app-cont-img .mc-img-oprt,
15  .app-cont-img .mc-img-serv,
16  .app-cont-img .video-mc-sales,
17  .app-cont-img .video-mc-oprt,
18  .app-cont-img .video-mc-serv { max-height: 100%; max-width: 100%; height: auto; width: auto; object-fit: contain; display: block; margin: 0; }
19  .lg-cont-slide .lg-cont-anim { width: max-content; animation: hz-logo-marquee 24s linear infinite; will-change: transform; }
20  .lg-cont-slide .lg-collect { flex: 0 0 auto; }
21  .lg-cont-slide .comp-cont { flex-wrap: nowrap; }
22  @keyframes hz-logo-marquee { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }
23  @media (prefers-reduced-motion: reduce) { .lg-cont-slide .lg-cont-anim { animation: none; } }
24  @media (max-width: 991px) {
25    .apps-cont-scroll { min-height: 0; }
26  }
27</style>
28<section class="sect">
29    <div class="main-cont">
30      <div class="hero-cont">
31        <div class="hero-up">
32          <div class="sect-txt">
33            <div class="tag-head">
34              <div class="tag-sect">
35                <p class="p2 p2-all-caps">VOOR ALLE SOORTEN B2B2C&#x27;s</p>
36              </div>
37              <h1 class="h1-width">All-in-one whitelabel verduurzamingsplatform</h1>
38            </div>
39            <a id="0" href="#contact-form" class="ylw-btn w-inline-block">
40              <p class="btn-text">Plan een demo</p>
41              <div data-w-id="6924ea72-f857-60e2-60a7-aa89f6130e75" class="blur-cont hide">
42                <div class="ylw-blur"></div>
43              </div>
44              <div data-w-id="6924ea72-f857-60e2-60a7-aa89f6130e77" class="blur-cont">
45                <div class="ylw-blur"></div>
46              </div>
47            </a>
48          </div>
49          <div class="hero-msrs">
50            <p class="p3 _500">Voor alle maatregelen waaronder:</p>
51            <div class="msrs-slider">
52              <div data-w-id="bbe27d6f-0c6d-e23d-1838-652bd3025a64" class="mrs-slider-anm">
53                <div class="msrs-cont">
54                  <div class="msr-cont"><img src="/images/Heatpump.png" loading="lazy" alt="" class="msr-icon">
55                    <p class="p2">Warmtepomp</p>
56                  </div>
57                  <div class="msrs-dvd"></div>
58                  <div class="msr-cont"><img src="/images/Battery.png" loading="lazy" alt="" class="msr-icon">
59                    <p class="p2">Thuisbatterij</p>
60                  </div>
61                  <div class="msrs-dvd"></div>
62                  <div class="msr-cont"><img src="/images/Solar-panels.png" loading="lazy" alt="" class="msr-icon">
63                    <p class="p2">Zonnepanelen</p>
64                  </div>
65                  <div class="msrs-dvd"></div>
66                  <div class="msr-cont"><img src="/images/Charger.png" loading="lazy" alt="" class="msr-icon">
67                    <p class="p2">Laadpaal</p>
68                  </div>
69                  <div class="msrs-dvd"></div>
70                  <div class="msr-cont"><img src="/images/Insolations.png" loading="lazy" alt="" class="msr-icon">
71                    <p class="p2">Isolatie</p>
72                  </div>
73                  <div class="msrs-dvd"></div>
74                  <div class="msr-cont"><img src="/images/Airconditioning.png" loading="lazy" alt="" class="msr-icon">
75                    <p class="p2">Airco</p>
76                  </div>
77                </div>
78                <div class="msrs-cont hide">
79                  <div class="msrs-dvd"></div>
80                  <div class="msr-cont"><img src="/images/Heatpump.png" loading="lazy" alt="" class="msr-icon">
81                    <p class="p2">Heatpumps</p>
82                  </div>
83                  <div class="msrs-dvd"></div>
84                  <div class="msr-cont"><img src="/images/Battery.png" loading="lazy" alt="" class="msr-icon">
85                    <p class="p2">Batteries</p>
86                  </div>
87                  <div class="msrs-dvd"></div>
88                  <div class="msr-cont"><img src="/images/Solar-panels.png" loading="lazy" alt="" class="msr-icon">
89                    <p class="p2">Solar Panels</p>
90                  </div>
91                  <div class="msrs-dvd"></div>
92                  <div class="msr-cont"><img src="/images/Charger.png" loading="lazy" alt="" class="msr-icon">
93                    <p class="p2">EV Charger</p>
94                  </div>
95                  <div class="msrs-dvd"></div>
96                  <div class="msr-cont"><img src="/images/Insolations.png" loading="lazy" alt="" class="msr-icon">
97                    <p class="p2">Insulation</p>
98                  </div>
99                  <div class="msrs-dvd"></div>
100                  <div class="msr-cont">
100<img src="/images/Airconditioning.png" loading="lazy" alt="" class="msr-icon">
101                    <p class="p2">Airconditioning</p>
102                  </div>
103                </div>
104              </div>
105              <div class="wht-grd"></div>
106            </div>
107          </div>
108        </div>
109        <div class="hero-video">
110          <div class="hr-mc">
111            <div class="hr-mc-ln"><video data-lazy-load="true" src="/videos/homezero-header-demo.mp4" data-src="/videos/homezero-header-demo.mp4" loop="" playsinline="true" muted="" autoplay="" data-ignore-reset="true" class="mc-el"></video></div>
112          </div><img src="/images/Frame-436195.avif" loading="lazy" sizes="(max-width: 2592px) 100vw, 2592px" srcset="images/Frame-436195-p-500.png 500w, images/Frame-436195-p-1080.png 1080w, images/Frame-436195.avif 2592w" alt="" class="img-hr">
113        </div>
114      </div>
115    </div>
116  </section>
117  <section class="sect">
118    <div class="main-cont">
119      <div class="lg-cont">
120        <p class="p1 _500">Vertrouwd door B2B2Cs en installatiebedrijven</p>
121        <div class="lg-cont-slide">
122          <div class="lg-white-grdnt"></div>
123          <div class="lg-anim-cont">
124            <div class="lg-cont-anim">
125              <div class="lg-collect w-dyn-list">
126                <div role="list" class="comp-cont w-dyn-items">
127                  <div role="listitem" class="comp-lg-cont w-dyn-item"><img src="https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="lg-image w-dyn-bind-empty"></div>
128                </div>
129                <div class="w-dyn-empty">
130                  <div>No items found.</div>
131                </div>
132              </div>
133              <div class="lg-collect w-dyn-list">
134                <div role="list" class="comp-cont w-dyn-items">
135                  <div role="listitem" class="comp-lg-cont w-dyn-item"><img src="https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="lg-image w-dyn-bind-empty"></div>
136                </div>
137                <div class="w-dyn-empty">
138                  <div>No items found.</div>
139                </div>
140              </div>
141            </div>
142          </div>
143        </div>
144      </div>
145    </div>
146  </section>
147  <div class="sect">
148    <div class="main-cont">
149      <div class="bef-aft-cont">
150        <div class="bef-aft-up">
151          <h2>Meer Leads. Meer Deals. <br>Meer Data. Meer Controle.</h2>
152          <p class="p1 _500">Een fantastische klantreis en een soepele digitale operatie met jouw netwerk.</p>
153        </div>
154        <div class="bef-aft-crd">
155          <div class="aft-card">
156            <div class="aft-card-list">
157              <h3>Oude situatie</h3>
158              <div class="list-bef-aft">
159                <div class="list-item-bef-aft"><img src="/images/cross.png" loading="lazy" alt="" class="list-bullet">
160                  <p class="p2">Onaantrekkelijke contactformulieren</p>
161                </div>
162                <div class="list-item-bef-aft"><img src="/images/cross.png" loading="lazy" alt="" class="list-bullet">
163                  <p class="p2">Slechte of ontbrekende lead kwalificatie</p>
164                </div>
165                <div class="list-item-bef-aft"><img src="/images/cross.png" loading="lazy" alt="" class="list-bullet">
166                  <p class="p2">Geen advies, berekeningen of prijzen</p>
167                </div>
168                <div class="list-item-bef-aft"><img src="/images/cross.png" loading="lazy" alt="" class="list-bullet">
169                  <p class="p2">Geen intelligentie, inzicht of innovatie</p>
170                </div>
171                <div class="list-item-bef-aft"><img src="/images/cross.png" loading="lazy" alt="" class="list-bullet">
172                  <p class="p2">Data black box en alles handmatig</p>
173                </div>
174              </div>
175            </div>
176          </div>
177          <div class="aft-card yellow"><img src="/images/Vector-from-iLoveIMG.png" loading="lazy" alt="" class="dots-aft">
178            <div class="aft-card-list">
179              <h3>Na HomeZero</h3>
180              <div class="list-bef-aft">
181                <div class="list-item-bef-aft"><img src="/images/checkbox.png" loading="lazy" alt="" class="list-bullet">
182                  <p class="p2">Super klantreis met max conversie</p>
183                </div>
184                <div class="list-item-bef-aft"><img src="/images/checkbox.png" loading="lazy" alt="" class="list-bullet">
185                  <p class="p2">Slimme en flexibele flows</p>
186                </div>
187                <div class="list-item-bef-aft"><img src="/images/checkbox.png" loading="lazy" alt="" class="list-bullet">
188                  <p class="p2">Intelligente persoonlijke calculaties</p>
189                </div>
190                <div class="list-item-bef-aft"><img src="/images/checkbox.png" loading="lazy" alt="" class="list-bullet">
191                  <p class="p2">Realtime inzicht en continue innovatie</p>
192                </div>
193                <div class="list-item-bef-aft"><img src="/images/checkbox.png" loading="lazy" alt="" class="list-bullet">
194                  <p class="p2">Ons platform Pico koppelt alles</p>
195                </div>
196              </div>
197            </div>
198          </div>
199          <div class="line-cont _1"><img src="/images/line.png" loading="lazy" sizes="(max-width: 1118px) 100vw, 1118px" srcset="images/6d73b830d01309bdfce7bc338ac384ee_line-p-500.png 500w, images/6d73b830d01309bdfce7bc338ac384ee_line-p-800.png 800w, images/6d73b830d01309bdfce7bc338ac384ee_line-p-1080.png 1080w, images/line.png 1118w" alt="" class="line-dot"></div>
200          <div class="line-cont _2"><img src="/images/line.png" loading="lazy" sizes="(max-width: 1118px) 100vw, 1118px" srcset="images/6d73b830d01309bdfce7bc338ac384ee_line-p-500.png 500w, images/6d73b830d01309bdfce7bc338ac384ee_line-p-800.png 800w, images/6d73b830d01309bdfce7bc338ac384ee_line-p-1080.png 1080w, images/line.png 1118w" alt="" class="line-dot"></div>
201        </div>
202      </div>
203    </div>
204  </div>
205  <div class="sect">
206    <div class="main-cont"></div>
207  </div>
208  <div data-w-id="2f1c2eaf-9e02-32af-59c4-c7e40bd7d366" class="sticky-wrap">
209    <div class="sticky-trigger">
210      <div class="sticky-track">
211        <div class="sticky-element">
212          <div class="main-cont stck">
213            <div class="apps-cont">
214              <div class="apps-cont-scroll"><img src="/images/Dots.png" loading="lazy" sizes="(max-width: 1526px) 100v
214w, 1526px" srcset="images/Frame-436221-p-500.png 500w, images/Frame-436221-p-800.png 800w, images/Frame-436221-p-1080.png 1080w, images/Dots.png 1526w" alt="" class="img-apps desktop">
215                <div id="sales" class="sls-cont">
216                  <div id="w-node-_36ea07f2-1858-b08c-6577-1f42f8f01b77-6b20c78f" class="app-cont-cont txt">
217                    <div data-w-id="53585097-f0a7-aa67-a164-0172bfd08c33" class="app-txt-cont">
218                      <div class="tag-head left-apps">
219                        <div class="tag-sect">
220                          <p class="p2 p2-all-caps">GO - FLOWS</p>
221                        </div>
222                        <h2>Leads</h2>
223                      </div>
224                      <div fs-cmsfilter-field="page-visibility" class="apps-coll w-dyn-list">
225                        <div role="list" class="apps-col-col w-dyn-items">
226                          <div fs-cmsfilter-value="" role="listitem" class="apps-tab-btn w-dyn-item">
227                            <div data-app-id="" class="sales-tab">
228                              <p class="tab-text w-dyn-bind-empty"></p>
229                              <div class="tg-sn">
230                                <p class="label-tab">Soon</p>
231                              </div>
232                              <div class="blur-cont-tabs">
233                                <div class="ylw-blur"></div>
234                              </div>
235                            </div>
236                          </div>
237                        </div>
238                        <div class="w-dyn-empty">
239                          <div>No items found.</div>
240                        </div>
241                      </div>
242                    </div>
243                    <div data-w-id="572a20bb-66d6-d972-9667-fc5f5a1a079a" class="app-desc-cont w-dyn-list">
244                      <div role="list" class="apps-desc-coll-coll w-dyn-items">
245                        <div role="listitem" class="apps-desc-item w-dyn-item">
246                          <div data-app-id="" class="app-descr">
247                            <h3 data-app-id="" class="h3-apps w-dyn-bind-empty"></h3>
248                            <p data-app-id="" class="p1 _500 apps w-dyn-bind-empty"></p>
249                          </div>
250                        </div>
251                      </div>
252                      <div class="w-dyn-empty">
253                        <div>No items found.</div>
254                      </div>
255                    </div>
256                  </div>
257                  <div id="w-node-_00ecd766-7803-4b5e-6b93-e16985a3640b-6b20c78f" class="app-cont-img">
258                    <div class="apps-img-bg-cont"><img src="/images/Dots_1.png" loading="lazy" sizes="100vw" srcset="images/Dots_1-p-500.png 500w, images/Dots_1.png 686w" alt="" class="img-
258apps mobile"></div>
259                    <div class="mck-cont-ads">
260                      <div data-w-id="cd8012c1-1044-5d9f-9476-2d5f2d7e3fed" class="mck-cont">
261                        <div class="vid-url">
262                          <div class="mock-vid-col w-dyn-list">
263                            <div role="list" class="mock-vid-col-col w-dyn-items">
264                              <div role="listitem" class="video-item w-dyn-item"><img src="https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" data-app-id="" alt="" class="mc-img-sales w-dyn-bind-empty"><video data-src="" autoplay="true" loop="" data-lazy-load="true" muted="" data-app-id="" playsinline="true" class="video-mc-sales"></video></div>
265                            </div>
266                            <div class="w-dyn-empty">
267                              <div>No items found.</div>
268                            </div>
269                          </div>
270                        </div>
271                      </div>
272                    </div>
273                  </div>
274                </div>
275                <div id="operations" class="opr-cont">
276                  <div id="w-node-c1d90c73-98c8-567e-132f-930f10932d03-6b20c78f" class="app-cont-cont txt">
277                    <div data-w-id="c1d90c73-98c8-567e-132f-930f10932d04" class="app-txt-cont">
278                      <div class="tag-head left-apps">
279                        <div class="tag-sect">
280                          <p class="p2 p2-all-caps">PRO - CRM</p>
281                        </div>
282                        <h2>Sales</h2>
283                      </div>
284                      <div fs-cmsfilter-field="page-visibility" class="apps-coll w-dyn-list">
285                        <div role="list" class="apps-col-col w-dyn-items">
286                          <div fs-cmsfilter-value="" role="listitem" class="apps-tab-btn w-dyn-item">
287                            <div data-app-id="" class="operat-tab">
288                              <p class="tab-text w-dyn-bind-empty"></p>
289                              <div class="tg-op-sn">
290                                <p class="label-tab">Soon</p>
291                              </div>
292                              <div class="blur-cont hide">
293                                <div class="blue-blur"></div>
294                              </div>
295                            </div>
296                          </div>
297                        </div>
298                        <div class="w-dyn-empty">
299                          <div>No items found.</div>
300                        </div>
301                      </div>
302                    </div>
303                    <div data-w-id="c1d90c73-98c8-567e-132f-930f10932d17" class="app-desc-cont w-dyn-list">
304                      <div role="list" class="apps-desc-coll-coll w-dyn-items">
305                        <div role="listitem" class="apps-desc-item w-dyn-item">
306                          <div data-app-id="" class="app-descr">
307                            <h3 data-app-id="" class="h3-apps w-dyn-bind-empty"></h3>
308                            <p data-app-id="" class="p1 _500 apps w-dyn-bind-empty"></p>
309                          </div>
310                        </div>
311                      </div>
312                      <div class="w-dyn-empty">
313                        <div>No items found.</div>
314                      </div>
315                    </div>
316                  </div>
317                  <div id="w-node-c1d90c73-98c8-567e-132f-930f10932d22-6b20c78f" class="app-cont-img">
318                    <div class="apps-img-bg-cont"><img src="/images/Dots_1.png" loading="lazy" sizes="100vw" srcset="images/Dots_1-p-500.png 500w, images/Dots_1.png 686w" alt="" class="img-
318apps mobile"></div>
319                    <div class="mck-cont-ads">
320                      <div data-w-id="c1d90c73-98c8-567e-132f-930f10932d26" class="mck-cont">
321                        <div class="vid-url">
322                          <div class="mock-vid-col w-dyn-list">
323                            <div role="list" class="mock-vid-col-col w-dyn-items">
324                              <div role="listitem" class="video-item w-dyn-item"><img src="https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" data-app-id="" alt="" class="mc-img-oprt w-dyn-bind-empty"><video data-src="" autoplay="true" loop="" data-lazy-load="true" muted="" data-app-id="" playsinline="true" class="video-mc-oprt"></video></div>
325                            </div>
326                            <div class="w-dyn-empty">
327                              <div>No items found.</div>
328                            </div>
329                          </div>
330                        </div>
331                      </div>
332                    </div>
333                  </div>
334                </div>
335                <div id="services" class="ser-cont">
336                  <div id="w-node-c10625e0-3282-7869-d4af-8ead815e9b48-6b20c78f" class="app-cont-cont txt">
337                    <div data-w-id="c10625e0-3282-7869-d4af-8ead815e9b49" class="app-txt-cont">
338                      <div class="tag-head left-apps">
339                        <div class="tag-sect">
340                          <p class="p2 p2-all-caps">OPS - ERP</p>
341                        </div>
342                        <h2>Operatie</h2>
343                      </div>
344                      <div fs-cmsfilter-field="page-visibility" class="apps-coll w-dyn-list">
345                        <div role="list" class="apps-col-col w-dyn-items">
346                          <div fs-cmsfilter-value="" role="listitem" class="apps-tab-btn w-dyn-item">
347                            <div data-app-id="" class="serv-tab">
348                              <p class="tab-text w-dyn-bind-empty"></p>
349                              <div class="tg-sr-sn">
350                                <p class="label-tab">Soon</p>
351                              </div>
352                              <div class="blur-cont hide">
353                                <div class="black-blur"></div>
354                              </div>
355                            </div>
356                            <div class="w-embed">
357                              <div fs-cmsfilter-value="" style="display:none;"></div>
358                            </div>
359                          </div>
360                        </div>
361                        <div class="w-dyn-empty">
362                          <div>No items found.</div>
363                        </div>
364                      </div>
365                    </div>
366                    <div data-w-id="c10625e0-3282-7869-d4af-8ead815e9b5c" class="app-desc-cont w-dyn-list">
367                      <div role="list" class="apps-desc-coll-coll w-dyn-items">
368                        <div role="listitem" class="apps-desc-item w-dyn-item">
369                          <div data-app-id="" class="app-descr">
370                            <h3 data-app-id="" class="h3-apps w-dyn-bind-empty"></h3>
371                            <p data-app-id="" class="p1 _500 apps w-dyn-bind-empty"></p>
372                          </div>
373                        </div>
374                      </div>
375                      <div class="w-dyn-empty">
376                        <div>No items found.</div>
377                      </div>
378                    </div>
379                  </div>
380                  <div id="w-node-c10625e0-3282-7869-d4af-8ead815e9b65-6b20c78f" class="app-cont-img">
381                    <div class="apps-img-bg-cont"><img src="/images/Dots_1.png" loading="lazy" sizes="100vw" srcset="images/Dots_1-p-500.png 500w, images/Dots_1.png 686w" alt="" class="img-
381apps mobile"></div>
382                    <div class="mck-cont-ads">
383                      <div data-w-id="c10625e0-3282-7869-d4af-8ead815e9b69" class="mck-cont">
384                        <div class="vid-url">
385                          <div class="mock-vid-col w-dyn-list">
386                            <div role="list" class="mock-vid-col-col w-dyn-items">
387                              <div role="listitem" class="video-item w-dyn-item"><img src="https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" data-app-id="" alt="" class="mc-img-serv w-dyn-bind-empty"><video data-src="" autoplay="true" loop="" data-lazy-load="true" muted="" data-app-id="" playsinline="true" class="video-mc-serv"></video></div>
388                            </div>
389                            <div class="w-dyn-empty">
390                              <div>No items found.</div>
391                            </div>
392                          </div>
393                        </div>
394                      </div>
395                    </div>
396                  </div>
397                </div>
398                
399              </div>
400            </div>
401          </div>
402        </div>
403      </div>
404    </div>
405  </div>
406  <div class="sect">
407    <div class="main-cont"></div>
408  </div>
409  <div class="sect">
410    <div class="main-cont">
411      <div class="tsts-cont">
412        <div class="tag-head">
413          <div class="tag-sect">
414            <p class="p2 p2-all-caps">KLANTVERHALEN</p>
415          </div>
416          <h2 class="h2-width">Succesverhalen van leiders uit de energietransitie</h2>
417        </div>
418      </div>
419    </div>
420    <div class="tsts-cont-slider">
421      <div class="swiper testimonials w-dyn-list">
422        <div role="list" class="swiper-wrapper w-dyn-items">
423          <div role="listitem" class="swiper-slide w-dyn-item">
424            <div class="lg-cont-tsts">
425              <div class="tsts-img-cont"><img src="/images/Dots-testimonials.jpg" loading="lazy" sizes="(max-width: 842px) 100vw, 842px" srcset="images/ac5ded6db09eb4fab39d5eefd3ccf0b4_desktop-bg-p-500.jpg 500w, images/ac5ded6db09eb4fab39d5eefd3ccf0b4_desktop-bg-p-800.jpg 800w, images/Dots-testimonials.jpg 842w" alt="" class="tsts-bg desktop"><img src="/images/Dots-mobile-testimonials.jpg" loading="lazy" sizes="100vw" srcset="images/8662abd11eb2735841b903d52d0b4de5_mobile-bg-p-500.jpg 500w, images/Dots-mobile-testimonials.jpg 688w" alt="" class="tsts-bg mobile"></div>
426              <div class="logo-cont"><img src="https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo-img w-dyn-bind-empty"></div>
427            </div>
428            <div class="tsts-text">
429              <div class="tsts-quote">
430                <div class="qut-blck"></div>
431                <p class="txt-stl-1 w-dyn-bind-empty"></p>
432              </div>
433              <div class="clnt-cont"><img src="https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="clnt-ava w-dyn-bind-empty">
434                <div class="clnt-txt">
435                  <p class="p1 w-dyn-bind-empty"></p>
436                  <p class="p2 _400 w-dyn-bind-empty"></p>
437                </div>
438              </div>
439            </div>
440          </div>
441        </div>
442        <div class="w-dyn-empty">
443          <div>No items found.</div>
444        </div>
445      </div>
446      <div class="main-cont-sl">
447        <div class="tsts-ar-cont">
448          <div class="arrow-left"><img src="/images/arrow-left.png" loading="lazy" alt="" class="arrow-img"></div>
449          <div class="arrow-right"><img src="/images/arrow-right.png" loading="lazy" alt="" class="arrow-img"></div>
450        </div>
451      </div>
452    </div>
453  </div>
454  <div class="sect">
455    <div class="main-cont">
456      <div class="intg-cont">
457        <div class="intg-blck">
458          <div class="intg-txt">
459            <div class="img-bg-intg"><img src="/images/Frame-1996662773_1.avif" loading="lazy" sizes="(max-width: 2587px) 100vw, 2587px" srcset="images/Frame-1996662773_1Frame-1996662773.avif 500w, images/Frame-1996662773_1-p-800.png 800w, images/Frame-1996662773_1-p-1080.png 1080w, images/Frame-1996662773_1-p-1600.png 1600w, images/Frame-1996662773_1-p-2000.png 2000w, images/Frame-1996662773_1.avif 2587w" alt="" class="intg-dot dskp"><img src="/images/Black-dots.avif" loading="lazy" sizes="100vw" srcset="images/Frame-1996662775.avif 500w, images/Black-dots.avif 686w" alt="" class="intg-dot mbl"></div>
460            <div class="tag-head">
461              <div class="tag-sect blck">
462                <p class="p2 p2-all-caps white">INTEGRATIES<br></p>
463              </div>
464              <h2 class="h2-width wht">Wij integreren gemakkelijk en snel met vrijwel alles</h2>
465            </div>
466            <div class="intg-des">
467              <div class="intg-stat">
468                <div class="intg-wrp">
469                  <div class="grd-yel hide"></div>
470                </div>
471                <p class="p2 _400 hide">integraties</p>
472              </div>
473              <div class="intg-div"></div>
474              <div class="intg-des-size">
475                <p class="p1 _500">Blijf werken in je huidige CRM/ERP systeem of stap over naar Pico</p>
476              </div>
477            </div><img src="/images/Light.avif" loading="lazy" sizes="(max-width: 989px) 100vw, 989px" srcset="images/Frame-1996662774.avif 500w, images/Light.avif 989w" alt="" class="lght-intg">
478          </div>
479        </div>
480        <div class="line-cont intg"><img src="/images/Connection.png" loading="lazy" sizes="(max-width: 1716px) 100v
480w, 1716px" srcset="images/6e3d538f07a54d1936484600c8f90900_Frame-1996662649-p-500.png 500w, images/6e3d538f07a54d1936484600c8f90900_Frame-1996662649-p-800.png 800w, images/6e3d538f07a54d1936484600c8f90900_Frame-1996662649-p-1080.png 1080w, images/6e3d538f07a54d1936484600c8f90900_Frame-1996662649-p-1600.png 1600w, images/Connection.png 1716w" alt="" class="line-dot intg"></div>
481        <div class="line-cont intg-2"><img src="/images/Connection_1.png" loading="lazy" sizes="(max-width: 1716px) 100vw, 1716px" srcset="images/Connection_1-p-500.png 500w, images/Connection_1-p-800.png 800w, images/Connection_1-p-1080.png 1080w, images/Connection_1-p-1600.png 1600w, images/Connection_1.png 1716w" alt="" class="line-dot intg"></div>
482      </div>
483    </div>
484  </div>
485  <div class="sect">
486    <div class="main-cont">
487      <div class="hzpc-cont">
488        <div class="tag-head">
489          <div class="tag-sect">
490            <p class="p2 p2-all-caps">IMPLeMENTATIE<br></p>
491          </div>
492          <h2 class="h2-width">Pico is jouw digitale cockpit voor de gehele operatie</h2>
493        </div>
494        <div class="sol-img-txt">
495          <div id="w-node-_67bf2315-f336-d7dc-efda-72e6f910d0ef-6b20c78f" class="p1-width">
496            <p class="p1 _500">Met ons platform Pico behoud jij het overzicht. Van elke lead tot elke installatie met jouw netwerk</p>
497          </div>
498          <div class="hm-pc-cont"><img src="/images/B2C_1.avif" loading="lazy" sizes="(max-width: 2560px) 100v
498w, 2560px" srcset="images/B2C_1B2C.avif 500w, images/B2C_1B2C.avif 800w, images/B2C_1B2C.avif 1080w, images/B2C_1.avif 2560w" alt="" class="hm-pc-ds"><img src="/images/B2B2C---mobile_1.avif" loading="lazy" alt="" class="hm-pc-ds-mb"></div>
499        </div>
500      </div>
501    </div>
502  </div>
503  <div class="sect">
504    <div class="main-cont">
505      <div class="why-cont">
506        <div class="tag-head">
507          <div class="tag-sect">
508            <p class="p2 p2-all-caps">USP</p>
509          </div>
510          <h2 class="h2-width">Wat maakt ons uniek?</h2>
511        </div>
512        <div class="hz-video" data-native="1">
513          <video class="hz-video__media" playsinline muted loop preload="metadata" poster="/images/Frame-1000005431.svg">
514            <source src="https://ystckkktjcktugqoqxtd.supabase.co/storage/v1/object/public/media/videos/hz-intro.mp4" type="video/mp4" />
515          </video>
516          <div class="hz-video__overlay" aria-hidden="true">
517            <span class="hz-video__play">
518              <svg viewBox="0 0 24 24" fill="none"><path d="M8 5v14l11-7z" fill="currentColor"/></svg>
519            </span>
520          </div>
521          <button type="button" class="hz-video__sound" data-muted="1" aria-pressed="false" aria-label="Geluid aan/uit">
522            <span class="hz-video__sound-off" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" fill="currentColor" stroke="none"/><line x1="23" y1="9" x2="17" y2="15"/><line x1="17" y1="9" x2="23" y2="15"/></svg></span>
523            <span class="hz-video__sound-on" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" fill="currentColor" stroke="none"/><path d="M15.54 8.46a5 5 0 0 1 0 7.07"/><path d="M19.07 4.93a10 10 0 0 1 0 14.14"/></svg></span>
524            <span class="hz-video__sound-label"></span>
525          </button>
526        </div>
527        <div class="why-crds why-marquee">
528          <div class="why-marquee-track">
529            <div class="why-crd"><img src="/images/Frame-436249.png" loading="lazy" alt="" class="why-icon">
530              <div class="why-txt">
531                <h3>100% Whitelabel</h3>
532                <p class="p1 _500">Jouw klanten. Jouw merk. Ons platform. Wij zorgen voor een pixel perfecte ervaring.</p>
533              </div>
534            </div>
535            <div class="why-crd"><img src="/images/Frame-436249-1.png" loading="lazy" alt="" class="why-icon">
536              <div class="why-txt">
537                <h3>Best-practices</h3>
538                <p class="p1 _500">Score maximale Homeruns met onze winnende blauwdrukken voor sales en operatie.</p>
539              </div>
540            </div>
541            <div class="why-crd"><img src="/images/Frame-436249-2.png" loading="lazy" alt="" class="why-icon">
542              <div class="why-txt">
543                <h3>B2C en B2B2C</h3>
544                <p class="p1 _500">Positieve netwerk effecten door verschillende organisaties beter samen te laten werken.</p>
545              </div>
546            </div>
547            <div class="why-crd"><img src="/images/Frame-436249-3.png" loading="lazy" alt="" class="why-icon">
548              <div class="why-txt">
549                <h3>AI Powered</h3>
550                <p class="p1 _500">Van AI features in klantreizen tot AI modules in Pico voor een automagische operatie.</p>
551              </div>
552            </div>
553            <div class="why-crd"><img src="/images/Frame-436249-4.png" loading="lazy" alt="" class="why-icon">
554              <div class="why-txt">
555                <h3>Data gedreven</h3>
556                <p class="p1 _500">Wij maken complexe processen transparant en meetbaar zodat je volledig in control ben.</p>
557              </div>
558            </div>
559            <div class="why-crd"><img src="/images/Frame-436249-5.png" loading="lazy" alt="" class="why-icon">
560              <div class="why-txt">
561                <h3>Continue innovatie</h3>
562                <p class="p1 _500">Elke twee weken lanceren wij verbeteringen en features voor sales &amp; operations.</p>
563              </div>
564            </div>
565            <div class="why-crd" aria-hidden="true"><img src="/images/Frame-436249.png" loading="lazy" alt="" class="why-icon">
566              <div class="why-txt">
567                <h3>100% Whitelabel</h3>
568                <p class="p1 _500">Jouw klanten. Jouw merk. Ons platform. Wij zorgen voor een pixel perfecte ervaring.</p>
569              </div>
570            </div>
571            <div class="why-crd" aria-hidden="true"><img src="/images/Frame-436249-1.png" loading="lazy" alt="" class="why-icon">
572              <div class="why-txt">
573                <h3>Best-practices</h3>
574                <p class="p1 _500">
574Score maximale Homeruns met onze winnende blauwdrukken voor sales en operatie.</p>
575              </div>
576            </div>
577            <div class="why-crd" aria-hidden="true"><img src="/images/Frame-436249-2.png" loading="lazy" alt="" class="why-icon">
578              <div class="why-txt">
579                <h3>B2C en B2B2C</h3>
580                <p class="p1 _500">Positieve netwerk effecten door verschillende organisaties beter samen te laten werken.</p>
581              </div>
582            </div>
583            <div class="why-crd" aria-hidden="true"><img src="/images/Frame-436249-3.png" loading="lazy" alt="" class="why-icon">
584              <div class="why-txt">
585                <h3>AI Powered</h3>
586                <p class="p1 _500">Van AI features in klantreizen tot AI modules in Pico voor een automagische operatie.</p>
587              </div>
588            </div>
589            <div class="why-crd" aria-hidden="true"><img src="/images/Frame-436249-4.png" loading="lazy" alt="" class="why-icon">
590              <div class="why-txt">
591                <h3>Data gedreven</h3>
592                <p class="p1 _500">Wij maken complexe processen transparant en meetbaar zodat je volledig in control ben.</p>
593              </div>
594            </div>
595            <div class="why-crd" aria-hidden="true"><img src="/images/Frame-436249-5.png" loading="lazy" alt="" class="why-icon">
596              <div class="why-txt">
597                <h3>Continue innovatie</h3>
598                <p class="p1 _500">Elke twee weken lanceren wij verbeteringen en features voor sales &amp; operations.</p>
599              </div>
600            </div>
601          </div>
602        </div>
603      </div>
604    </div>
605  </div>
606  <div class="sect">
607    <div class="main-cont"></div>
608  </div>
609  <div class="sect">
610    <div class="main-cont">
611      <div class="faq-cont">
612        <div class="tag-head">
613          <div class="tag-sect">
614            <p class="p2 p2-all-caps">FAQ</p>
615          </div>
616          <h2 class="h2-width">Vaak gestelde vragen</h2>
617        </div>
618        <div class="faq-cont-wrap">
619          <div data-hover="false" data-delay="500" data-w-id="255d2d1c-eca5-98e5-a024-ffb7f544497b" class="faq-list w-dropdown">
620            <div class="head-list w-dropdown-toggle">
621              <div class="faq-icon" aria-hidden="true">
622                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"/><path d="M12 18V6"/></svg>
623              </div>
624              <div class="head-list-wrap">
625                <h3 class="faq-tlt">Wat kost HomeZero?</h3>
626              </div><img src="/images/chevron-down.png" loading="lazy" alt="" class="chvrn-list">
627            </div>
628            <nav class="drpdwn-list w-dropdown-list">
629              <div class="drpdwn-cont">
630                <p class="p1 _500">Onze prijzen en een persoonlijk berekende investering komt spoedig ook transparant op onze website.<br><br>Wij werken met een Implementatie Fee (vanaf € 5.000,-) en een Maandelijks bedrag afhankelijk van de de grootte van jouw organisatie, het type, hoeveel modules en services je afneemt en de volumes per maand. De maandelijkse all-in kosten beginnen bij € 1.500,- per maand.<br><br>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. </p>
631              </div>
632            </nav>
633          </div>
634          <div data-hover="false" data-delay="500" data-w-id="255d2d1c-eca5-98e5-a024-ffb7f544497b" class="faq-list w-dropdown">
635            <div class="head-list w-dropdown-toggle">
636              <div class="faq-icon" aria-hidden="true">
637                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="4" width="16" height="16" rx="2"/><rect x="9" y="9" width="6" height="6"/><path d="M9 2v2M15 2v2M9 20v2M15 20v2M2 9h2M2 15h2M20 9h2M20 15h2"/></svg>
638              </div>
639              <div class="head-list-wrap">
640                <h3 class="faq-tlt">Wat is Pico?</h3>
641              </div><img src="/images/chevron-down.png" loading="lazy" alt="" class="chvrn-list">
642            </div>
643            <nav class="drpdwn-list w-dropdown-list">
644              <div class="drpdwn-cont">
645                <p class="p1 _500">Pico staat voor Platform Installatie Capaciteit Optimalisatie en is de naam van het systeem van HomeZero.<br><br>Wij ontwerpen en bouwen dit platform zelf en klanten van ons werken hierin om hun Lead Flows en proposities te optimaliseren en sommige zelfs voor hun hele bedrijfsvoering.<br><br>We werken hard om van Pico ook een volwaardig ERP te maken voor de installatiebranche.<br><br>Ook hebben we veel ideeën om als sector slimmer te werken en meer samen te werken. Pico is cruciaal voor die doelstellingen.</p>
646              </div>
647            </nav>
648          </div>
649          <div data-hover="false" data-delay="500" data-w-id="255d2d1c-eca5-98e5-a024-ffb7f544497b" class="faq-list w-dropdown">
650            <div class="head-list w-dropdown-toggle">
651              <div class="faq-icon" aria-hidden="true">
652                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path 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"/><path 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"/>
652<path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/></svg>
653              </div>
654              <div class="head-list-wrap">
655                <h3 class="faq-tlt">Hoe ziet een implementatie eruit?</h3>
656              </div><img src="/images/chevron-down.png" loading="lazy" alt="" class="chvrn-list">
657            </div>
658            <nav class="drpdwn-list w-dropdown-list">
659              <div class="drpdwn-cont">
660                <p class="p1 _500">Afhankelijk van je pakket en de integraties kan je live binnen een paar dagen of een paar weken.<br><br>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.<br><br>Ons team begeleid dit proces en coördineert ook taken zoals integratie(s) met bestaande systemen en de upgrade van jullie site en landingspagina&#x27;s met onze Website Widget.<br><br></p>
661              </div>
662            </nav>
663          </div>
664          <div data-hover="false" data-delay="500" data-w-id="255d2d1c-eca5-98e5-a024-ffb7f544497c" class="faq-list w-dropdown">
665            <div class="head-list w-dropdown-toggle">
666              <div class="faq-icon" aria-hidden="true">
667                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M7.5 4.21c.75 2.79.75 12.79 0 15.58"/><path d="M16.5 4.21c-.75 2.79-.75 12.79 0 15.58"/></svg>
668              </div>
669              <div class="head-list-wrap">
670                <h3 class="faq-tlt">Wat is een Homerun?</h3>
671              </div><img src="/images/chevron-down.png" loading="lazy" alt="" class="chvrn-list">
672            </div>
673            <nav class="drpdwn-list w-dropdown-list">
674              <div class="drpdwn-cont">
675                <p class="p1 _500">Een Homerun is een totale conversie van een kijker naar een koper. Van een bezoeker op je kanaal tot een sales geconverteerde en in 1x succesvol geïnstalleerde nieuwe klant. Met onze unieke software en services ga jij meer Homeruns scoren met minder mensen in de back-office en in het veld.</p>
676              </div>
677            </nav>
678          </div>
679        </div>
680      </div>
681    </div>
682  </div>
683  <!--@include:contact-form-->
684    <div data-wf--footer-new--variant="base" class="sect blck">
685    <div class="main-cont">
686      <div class="ft-cont">
687        <div class="ft-dvd-cont">
688          <div class="ft-dvd"></div>
689        </div>
690        <div class="ft-cont-lnk">
691          <div class="ft-inf">
692            <div class="ft-lg-txt">
693              <a href="/b2b2c" class="ft-lg-lnk w-inline-block"><img src="/images/logo-white.png" loading="lazy" alt="" class="ft-lg"></a>
694              <p class="p3 _500">HomeZero levert software en services aan B2C en B2B2C organisaties die actief zijn of willen zijn in de energietransitie. Het whitelabel digitale platform biedt verkoop- en operationele oplossingen voor allerlei maatregelen, van thuisbatterijen tot en met isolatie.</p>
695              <a href="https://www.linkedin.com/company/homezeronl/" class="scl-icon w-inline-block"><img src="/images/Frame-1996662631.png" loading="lazy" alt=""></a>
696            </div>
697            <div class="ft-lg-txt-btm">
698              <a href="mailto:[email protected]" class="footerlinks">[email protected]</a>
699              <a href="https://maps.app.goo.gl/kDpQiPwYNWoNo2zn8" class="footerlinks">Koepelplein 1E, 353, 2031WL Haarlem</a>
700              <a href="https://maps.app.goo.gl/kDpQiPwYNWoNo2zn8" class="footerlinks">Nederland</a>
701            </div>
702          </div>
703          <div class="ft-lnks">
704            <div id="w-node-e2191d65-5740-43cc-1208-b9be8e677717-8e677703" class="ft-cl">
705              <p class="label">Voor wie</p>
706              <div class="ft-cl-ls">
707                <a href="/use-cases/zonnepaneel-installateur" class="footerlinks">Zonnepaneel installateur</a>
708                <a href="/use-cases/warmtepomp-installateur" class="footerlinks">Warmtepomp installateur</a>
709                <a href="/use-cases/airco-installateur" class="footerlinks">Airco installateur</a>
710                <a href="/use-cases/thuisbatterij-installateur" class="footerlinks">Thuisbatterij installateur</a>
711                <a href="/use-cases/isolatiebedrijf" class="footerlinks">Isolatiebedrijf</a>
712                <a href="/use-cases/duurzame-totaal-installateur" class="footerlinks">Duurzame totaal installateur</a>
713                <a href="/use-cases/installatiebedrijven" class="footerlinks">Installatiebedrijven</a>
714                <a href="/use-cases/adviseurs" class="footerlinks">Adviseurs</a>
715                <a href="/use-cases/groothandels" class="footerlinks">Groothandels</a>
716                <a href="/use-cases/fabrikanten" class="footerlinks">Fabrikanten</a>
717                <a href="/use-cases/vergelijkers" class="footerlinks">Vergelijkers</a>
718                <a href="/use-cases/banken" class="footerlinks">Banken</a>
719                <a href="/use-cases/verzekeraars" class="footerlinks">Verzekeraars</a>
720                <a href="/use-cases/verenigingen" class="footerlinks">Verenigingen</a>
721              </div>
722            </div>
723            <div class="ft-cl">
724              <p class="label">Leads</p>
725              <div class="ft-cl-ls">
726                <a href="/#sales" class="footerlinks">Lead Flows</a>
727                <a href="/#sales" class="footerlinks">Lead Filter</a>
728                <a href="/#sales" class="footerlinks">Rekenmodellen</a>
729                <a href="/#sales" class="footerlinks">Communicatie</a>
730                <a href="/#sales" class="footerlinks">Huisscan</a>
731                <a href="/#sales" class="footerlinks">Vragenlijst</a>
732                <a href="/#sales" class="footerlinks">
732Widget</a>
733                <a href="/#sales" class="footerlinks">Aanbetaling</a>
734                <a href="/#sales" class="footerlinks">Workflow</a>
735                <a href="/#sales" class="footerlinks">Homeruns</a>
736                <a href="/#sales" class="footerlinks">AI Adviseurs</a>
737                <a href="/#sales" class="footerlinks">Financiering</a>
738              </div>
739            </div>
740            <div class="ft-cl">
741              <p class="label">Sales</p>
742              <div class="ft-cl-ls">
743                <a href="/#operations" class="footerlinks">Sales CRM</a>
744                <a href="/#operations" class="footerlinks">Offerte Module</a>
745                <a href="/#operations" class="footerlinks">Adviseurs</a>
746                <a href="/#operations" class="footerlinks">Lead Management</a>
747                <a href="/#operations" class="footerlinks">Sales Automations</a>
748                <a href="/#operations" class="footerlinks">Custom Workflows</a>
749                <a href="/#operations" class="footerlinks">Catalogus</a>
750                <a href="/#operations" class="footerlinks">Schouwformulieren</a>
751                <a href="/#operations" class="footerlinks">Offertes</a>
752                <a href="/#operations" class="footerlinks">AI Videoscan</a>
753              </div>
754            </div>
755            <div class="ft-cl">
756              <p class="label">Operatie</p>
757              <div class="ft-cl-ls">
758                <a href="/#services" class="footerlinks">Planning</a>
759                <a href="/#services" class="footerlinks">Monteur App</a>
760                <a href="/#services" class="footerlinks">Asset Management</a>
761                <a href="/#services" class="footerlinks">Netwerkbeheer</a>
762                <a href="/#services" class="footerlinks">100+ integraties</a>
763                <a href="/#services" class="footerlinks">Project Management</a>
764                <a href="/#services" class="footerlinks">Data analyse</a>
765                <a href="/#services" class="footerlinks">Operationele support</a>
766              </div>
767            </div>
768            <div class="ft-cl">
769              <p class="label">Info</p>
770              <div class="ft-cl-ls">
771                <a href="/over-ons" class="footerlink">Over HomeZero</a>
772                <a href="/project-pico" class="footerlink">Over Pico</a>
773                <a href="/vacatures" class="footerlink">Vacatures</a>
774                <a href="/blog" class="footerlink">Blog</a>
775                <a href="/project-pico" class="footerlink">JTF Fonds &amp; Pico</a>
776                <a href="/#contact-form" class="footerlink">Contact</a>
777              </div>
778            </div>
779          </div><img src="/images/Frame-1996662650.png" loading="lazy" sizes="100vw" srcset="images/f3ad562cd81bd94ad59f3f163f4b200d_Frame-1996662650-p-500.png 500w, images/f3ad562cd81bd94ad59f3f163f4b200d_Frame-1996662650-p-800.png 800w, images/f3ad562cd81bd94ad59f3f163f4b200d_Frame-1996662650-p-1080.png 1080w, images/f3ad562cd81bd94ad59f3f163f4b200d_Frame-1996662650-p-1600.png 1600w, images/f3ad562cd81bd94ad59f3f163f4b200d_Frame-1996662650-p-2000.png 2000w, images/Frame-1996662650.png 2592w" alt="" class="ft-dot desktop"><img src="/images/Frame-1996662777.png" loading="lazy" sizes="100vw" srcset="images/Frame-1996662777-p-500.png 500w, images/Frame-1996662777.png 750w" alt="" class="ft-dot mobile">
780        </div>
781        <div class="ft-dvd-cont">
782          <div class="ft-dvd btm"></div>
783          <p class="p3 _700">© Copyright 2025 HomeZero. All rights reserved</p>
784          <div class="ft-btm-lk">
785            <div class="ft-btm-cont">
786              <div class="ft-btm-lk-l">
787                <a href="/impressum" class="footerlink">Contact</a>
788                <a href="/datenschutzerklarung" class="german-only-link">Datenschutzerklärung</a>
789                <a href="/privacy-policy" class="dutchfooter">Privacy Policy</a>
790                <a href="/algemene-voorwaarden" aria-current="page" class="footerlink w--current">Algemene Voorwaarden</a>
791                <a href="/cookie-statement" class="footerlink">Cookie Statement</a>
792              </div>
793            </div>
794          </div>
795        </div>
796      </div>
797    </div>
798  </div>
799  <aside fs-scrolldisable-element="when-visible" data-video-lightbox="true" class="video-lightbox">
800    <div class="video-lightbox-wrap">
801      <div class="lightbox-card">
801<video class="lightbox-video"></video></div>
802      <div data-lightbox-close="true" class="vlght-sh"></div>
803    </div>
804  </aside>
805  <div class="cookies-modal">
806    <div data-w-id="088b766a-4c65-a672-0266-abe71144055a" class="cookies-modal-close"></div>
807    <div class="cookie-banner-wrapper">
808      <div class="cookies-content-wrapper">
809        <div class="cookies-top-banner">
810          <div id="w-node-_088b766a-4c65-a672-0266-abe71144055e-11440559" class="cookies-top-text">
811            <div class="heading-1-cookies">Wil je al onze cookies?!</div>
812            <p class="cookies-paragraph">Wij gebruiken cookies om ons platform te verbeteren. Geef hieronder je voorkeuren aan en wij plaatsen alleen de juiste cookies.</p>
813          </div><img src="/images/cookie-image.avif" loading="lazy" id="w-node-_088b766a-4c65-a672-0266-abe711440563-11440559" alt="" class="cookies-top-image">
814        </div>
815        <div class="cookies-text-wrapper">
816          <div class="cookies-form w-form">
817            <form id="email-form" name="email-form" data-name="Email Form" method="get" class="cookies-form-wrapper" data-wf-page-id="67c5df1e46100ee16b20c78f" data-wf-element-id="088b766a-4c65-a672-0266-abe711440566">
818              <div class="cookies-text-point">
819                <div class="cookies-head-text">
820                  <div class="heading-2-cookies">Noodzakelijke cookies</div>
821                </div>
822                <div class="cookies-main-text">
823                  <p class="cookies-paragraph gray">Analytische onpersoonlijke cookies die noodzakelijk zijn voor de werking van het platform en onze dienstverlening.</p>
824                </div>
825              </div>
826              <div class="cookies-text-point">
827                <div class="cookies-head-text">
828                  <div class="heading-2-cookies">Statistieken cookies</div><label class="w-checkbox check-toggle-wrapper"><input id="Checkbox-1" type="checkbox" name="Checkbox-1" data-name="Checkbox 1" class="w-checkbox-input check-toggle" checked=""><span class="checkbox-label-2 w-form-label" for="Checkbox-1">Checkbox</span></label>
829                </div>
830                <div class="cookies-main-text">
831                  <p class="cookies-paragraph gray">Gedragsinformatie die wij nodig hebben om te zien hoe HomeZero gebruikt wordt op de manier zoals wij zelf hebben bedacht.</p>
832                </div>
833              </div>
834              <div class="cookies-text-point">
835                <div class="cookies-head-text">
836                  <div class="heading-2-cookies">Marketing cookies</div><label class="w-checkbox check-toggle-wrapper"><input id="Checkbox-2" type="checkbox" name="Checkbox-2" data-name="Checkbox 2" class="w-checkbox-input check-toggle" checked=""><span class="checkbox-label-2 w-form-label" for="Checkbox-2">Checkbox</span></label>
837                </div>
838                <div class="cookies-main-text">
839                  <p class="cookies-paragraph gray">Cookies om jou als bezoeker beter te begrijpen en je persoonlijke informatie te tonen die alleen voor jou relevant is.</p>
840                </div>
841              </div>
842            </form>
843            <div class="w-form-done">
844              <div>Thank you! Your submission has been received!</div>
845            </div>
846            <div class="w-form-fail">
847              <div>Oops! Something went wrong while submitting the form.</div>
848            </div>
849          </div>
850        </div>
851      </div>
852      <div class="button-wrapper">
853        <a id="cookie-modal" data-w-id="088b766a-4c65-a672-0266-abe71144058b" href="#" class="ylw-btn w-inline-block">
854          <div class="btn-text">Opslaan!</div>
855          <div class="blur-cont">
856            <div class="ylw-blur"></div>
857          </div>
858        </a>
859      </div>
860      <div data-w-id="088b766a-4c65-a672-0266-abe71144058e" class="cookie-icon"><img src="/images/Close.png" loading="lazy" alt="" class="cross-image"></div>
861    </div>
862  </div>
863  
864  
865  
866  <script src="/js/apps-cms.js" type="text/javascript"><\/script>
867  <script>
868    $('#cookie-modal').click(function() 
869    {
870    	//ch1 = $('#Checkbox-1').prop('checked');
871      //ch2 = $('#Checkbox-2').prop('checked');
872      console.log('ch1');
873      console.log('ch2');
874			writeCookie('cookies_noodzakelijke', 'true', 30);
875      writeCookie('cookies_statistieken', 'true', 30);
876      writeCookie('cookies_marketing', 'true', 30);
877		})
878    $('#akay').click(function() 
879    {
880    	//ch1 = $('#Checkbox-1').prop('checked');
881      //ch2 = $('#Checkbox-2').prop('checked');
882      console.log('ch1');
883      console.log('ch2');
884			writeCookie('cookies_noodzakelijke', 'true', 30);
885      writeCookie('cookies_statistieken', 'true', 30);
886      writeCookie('cookies_marketing', 'true', 30);
887		})
888    co1 = readCookie('cookies_noodzakelijke');
889    co2 = readCookie('cookies_statistieken');
890    co3 = readCookie('cookies_marketing');
891    if(co1=='true'&&co2=='true'&&co3=='true')
892    {
893    	$('.cookies_pop_up').css('display','none');
894    }
895    else {
896    $('.cookies_pop_up').css('display','flex');
897    }
898    function readCookie(name) {
899      var matches = document.cookie.match(new RegExp(
900        "(?:^|; )" + name.replace(/([\\.$?*|{}\\(\\)\\[\\]\\\\\\/\\+^])/g, '\\\\$1') + "=([^;]*)"
901      ));
902      return matches ? decodeURIComponent(matches[1]) : undefined;
903    }
904    function writeCookie(name, val, expires) {
905      var date = new Date;
906      date.setDate(date.getDate() + expires);
907      document.cookie = name+"="+val+"; path=/; expires=" + date.toUTCString();
908    }
909    $(window).keyup(function(e){
910      var target = $('.check-toggle__wrap input:focus');
911      if (e.keyCode == 9 && $(target).length){
912        $(target).parent().addClass('focused');
913      }
914    });
915    <\/script>
916  <script>
917document.addEventListener("DOMContentLoaded", function () {
918    let weglotWidget = document.querySelector('.lng-cont');
919    let mobileMenu = document.querySelector('.nav-links'); 
920    if (weglotWidget && mobileMenu) {
921        weglotWidget.addEventListener("click", function (event) {
922            event.stopPropagation();
923        });
924    }
925});
926<\/script>
927  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"><\/script>
928  <script>
929function setEqualHeight() {
930    let maxHeight = 0;
931    document.querySelectorAll('.swiper-slide').forEach(slide => {
932        slide.style.height = 'auto'; // Reset height
933        maxHeight = Math.max(maxHeight, slide.offsetHeight);
934    });
935    document.querySelectorAll('.swiper-slide').forEach(slide => {
936        slide.style.height = \`\${maxHeight}px\`; // Apply max height to all
937    });
938}
939const swiper = new Swiper('.testimonials', {
940    centeredSlides: true,
941    slidesPerView: 1.1,
942    loop: false,
943    allowTouchMove: true,
944    spaceBetween: 12,
945    createElements: true,
946    pagination: true,
947    keyboard: true,
948    navigation: {
949        nextEl: ".arrow-right",
950        prevEl: ".arrow-left",
951    },
952    breakpoints: {
953        640: { slidesPerView: 2.2, loop: true },
954        760: { slidesPerView: 2.2, loop: true },
955        950: { slidesPerView: 3.3, spaceBetween: 16, loop: true },
956        1920: { slidesPerView: 5.5, spaceBetween: 16, loop: true },
957        2560: { slidesPerView: 5.5, spaceBetween: 16, loop: true },
958    },
959    on: {
960        init: setEqualHeight,
961        slideChange: setEqualHeight,
962        resize: setEqualHeight
963    }
964});
965<\/script>
966  <script>
967document.addEventListener("DOMContentLoaded", function () {
968    function setupTabs(containerSelector, tabClass, tagClass, activeTabClass, activeTagClass, blurClass) {
969        let container = document.querySelector(containerSelector);
970        if (!container) return;
971        let tabs = container.querySelectorAll(\`.\${tabClass}\`);
972        let contents = container.querySelectorAll('.app-descr');
973        let videoContainers = container.querySelectorAll('.video-mc');
974        let videoContainers1 = container.querySelectorAll('.video-mc-sales');
975        let videoContainers2 = container.querySelectorAll('.video-mc-oprt');
976        let videoContainers3 = container.querySelectorAll('.video-mc-serv');
977				let videoContainers1img = container.querySelectorAll('.mc-img-sales');
978        let videoContainers2img = container.querySelectorAll('.mc-img-oprt');
979        let videoContainers3img = container.querySelectorAll('.mc-img-serv');
980        let images = document.querySelectorAll('.mc-img');
981        function resetAll() {
982            contents.forEach(item => (item.style.display = 'none'));
983           videoContainers1.forEach(container => {
984               /* let video = container.querySelector('video');
985                if (video) {
986                    video.pause();
987                    video.currentTime = 0;
988                } */
989                container.style.display = 'none';
990            });
991						videoContainers2.forEach(container => {
992                container.style.display = 'none';
993            });
994						videoContainers3.forEach(container => {
995                container.style.display = 'none';
996            });
997						videoContainers1img.forEach(container => {
998                container.style.display = 'none';
999            });
1000						videoContainers2img.forEach(container => {
1001                container.style.display = 'none';
1002            });
1003						videoContainers3img.forEach(container => {
1004                container.style.display = 'none';
1005            });
1006						// container.querySelectorAll(\`.video-mc-sales\`).style.display = 'none'; 
1007            images.forEach(img => {
1008                img.style.display = 'none'; // Hide all images
1009            });
1010            tabs.forEach(btn => {
1011                btn.classList.remove(activeTabClass);
1012                let blur = btn.querySelector(\`.\${blurClass}\`);
1013                if (blur) blur.style.display = "none";
1014            });
1015            container.querySelectorAll(\`.\${tagClass}\`).forEach(tag => tag.classList.remove(activeTagClass));
1016        }
1017        function showTab(tab) {
1018            let appId = tab.getAttribute('data-app-id');
1019            resetAll();
1020            tab.classList.add(activeTabClass);
1021            let soonTag = tab.querySelector(\`.\${tagClass}\`);
1022            if (soonTag) soonTag.classList.add(activeTagClass);
1023            let blur = tab.querySelector(\`.\${blurClass}\`);
1024            if (blur) blur.style.display = "block";
1025            let contentToShow = container.querySelector(\`.app-descr[data-app-id="\${appId}"]\`);
1026            let videoContainer = container.querySelector(\`.video-mc[data-app-id="\${appId}"]\`);
1027            let videoToShow = videoContainer ? videoContainer.querySelector('video') : null; //.querySelector('video')
1028            let imageToShow = container.querySelector(\`.mc-img[data-app-id="\${appId}"]\`);
1029 						if (container.querySelector(\`.video-mc-sales[data-app-id="\${appId}"]\`)){
1030            container.querySelector(\`.video-mc-sales[data-app-id="\${appId}"]\`).style.display = 'block';
1031						}
1032						if (container.querySelector(\`.video-mc-oprt[data-app-id="\${appId}"]\`)){
1033            container.querySelector(\`.video-mc-oprt[data-app-id="\${appId}"]\`).style.display = 'block';
1034						}
1035						if (container.querySelector(\`.video-mc-serv[data-app-id="\${appId}"]\`)){
1036            container.querySelector(\`.video-mc-serv[data-app-id="\${appId}"]\`).style.display = 'block';
1037						}
1038						if (container.querySelector(\`.mc-img-sales[data-app-id="\${appId}"]\`)){
1039            container.querySelector(\`.mc-img-sales[data-app-id="\${appId}"]\`).style.display = 'block';
1040						}
1041						if (container.querySelector(\`.mc-img-oprt[data-app-id="\${appId}"]\`)){
1042            container.querySelector(\`.mc-img-oprt[data-app-id="\${appId}"]\`).style.display = 'block';
1043						}
1044						if (container.querySelector(\`.mc-img-serv[data-app-id="\${appId}"]\`)){
1045            container.querySelector(\`.mc-img-serv[data-app-id="\${appId}"]\`).style.display = 'block';
1046						}
1047            if (contentToShow) contentToShow.style.display = 'block';
1048            if (videoToShow && videoToShow.getAttribute("src")) { //videoToShow &&
1049                videoContainer.style.display = 'block';
1050                videoToShow.play().catch(() => {});
1051            } else {
1052                // ✅ If NO video exists, show the image instead!
1053                if (imageToShow) {
1054                    imageToShow.style.display = 'block';
1055                    console.log("Showing Image:", imageToShow);
1056                } else {
1057                    console.warn("No Image Found for App ID:", appI
1057d);
1058                }
1059            }
1060        }
1061        if (tabs.length > 0) {
1062            showTab(tabs[0]);
1063        }
1064        tabs.forEach(button => {
1065            button.addEventListener('click', function () {
1066                showTab(this);
1067            });
1068        });
1069    }
1070    setupTabs('.sls-cont', 'sales-tab', 'tg-sn', 'active-tab', 'tg-sn-act', 'ylw-blur');
1071    setupTabs('.opr-cont', 'operat-tab', 'tg-op-sn', 'active-tab', 'tg-op-sn-act', 'blue-blur');
1072    setupTabs('.ser-cont', 'serv-tab', 'tg-sr-sn', 'active-tab-ser', 'tg-sr-sn-act', 'black-blur');
1073    // Autoplay only visible .mc-el videos, but skip ones inside a lightbox
1074    let heroVideos = document.querySelectorAll(".mc-el");
1075    heroVideos.forEach(video => {
1076        let lightboxParent = video.closest('[data-lightbox-toggle="true"]');
1077        if (!lightboxParent) {
1078            video.play().catch(() => {});
1079        }
1080    });
1081   const currentUrl = window.location.pathname;
1082    let container = document.querySelector('.apps-col-col');
1083    function opentabs(){
1084        if(currentUrl=='/b2c')
1085        {
1086            document.querySelectorAll(\`.apps-tab-btn[fs-cmsfilter-value="B2B2C"]\`).forEach(el => el.style.display = 'none');
1087        }
1088        if(currentUrl=='/')
1089        {           
1090            document.querySelectorAll(\`.apps-tab-btn[fs-cmsfilter-value="B2C"]\`).forEach(el => el.style.display = 'none');
1091        }
1092    } 
1093    opentabs();
1094});
1095<\/script>
1096  <style>
1097.blg-txt-tlt {
1098  overflow: hidden;
1099  display: -webkit-box;
1100  -webkit-line-clamp: 3;
1101  -webkit-box-orient: vertical;
1102}
1103</style>
1104  <script>
1105  document.addEventListener("DOMContentLoaded", function() {
1106    document.getElementById("custom-submit").addEventListener("click", function(event) {
1107      event.preventDefault(); 
1108      document.getElementById("hidden-submit").click(); 
1109    });
1110  });
1111<\/script>
1112  <script src="https://cdn.jsdelivr.net/npm/lazy-load-video@latest/dist/custom-video.js"><\/script>
1113  <style>:root{--plyr-color-main:var(--colors--player-color)}.plyr{border-radius:8px!important}</style>
1114  <script defer="" src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsfilter@1/cmsfilter.js"><\/script>
1115  <script defer="" src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsfilter@1/cmsfilter.js"><\/script>
1116  <script>
1117  document.addEventListener("DOMContentLoaded", function() {
1118    fsAttributes.cmsfilter.init();
1119  });
1120<\/script>
1121  <script src="/js/cms-hydrate.js"><\/script>`,l=()=>e.jsx(n,{html:s});export{l as component};

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.