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 & 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 & 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 & 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 & 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 & 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'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 > Deal</p> 1687 </div> 1688 </div> 1689 <div class="quote-txt"> 1690 <p class="txt-stl-3"><em>"Score meer Homeruns⢠met onze software & services"</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 & 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 & 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.