{"campaignId":"6a355708ac2f06b7cb6472dc","campaignVersionId":"6a50c830ac6ee0ff1f407885","companyId":"68f89e2b3410f5003cfc21e7","pageId":"6a355709ac2f06b7cb6472e4","pageName":"Start","pageSlug":"start","tag":"landing","components":[{"_id":"6a355e01d17f1fc235d9cae7","type":"component","isTemplate":false,"name":"embed","content":{"body":"<!--\n ============================================================\n DE GROENMANNEN — LANDINGSPAGINA voor Perspective\n ============================================================\n HOE GEBRUIK JE DIT:\n • Plak deze volledige code in een "Code / Embed / HTML"-blok in Perspective.\n • FOTO'S WISSELEN: in het portfolio staan 15 slots. Zet je foto-URL in de src="".\n Lege slots (src="") worden automatisch NIET getoond.\n • VIDEO TOEVOEGEN: onderaan het stappenplan zit 1 videoslot (zoek op >> VIDEO TOEVOEGEN <<).\n • CTA-KNOPPEN KOPPELEN: er zitten 3 knoppen in. Zoek op >> CTA << en vervang\n de href door de link naar je vragenlijst / volgende funnel-stap.\n ============================================================\n-->\n<!DOCTYPE html>\n<html lang="nl">\n<head>\n<meta charset="UTF-8">\n<meta name="viewport" content="width=device-width, initial-scale=1.0">\n<title>De Groenmannen — Jouw tuin weer alsof hij net is aangelegd</title>\n\n<link rel="preconnect" href="https://fonts.googleapis.com">\n<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>\n<link href="https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Mulish:wght@400;500;600;700;800&display=swap" rel="stylesheet">\n\n<style>\n :root{\n --bg:#ffffff;\n --surface:#f5f8f3;\n --ink:#1b261f;\n --ink-soft:#525c52;\n --muted:#8b9189;\n --green:#1f5236;\n --green-deep:#143726;\n --green-line:#dce6dc;\n --orange:#e8762a;\n --orange-bright:#f4863a;\n --orange-deep:#c95f17;\n --orange-tint:#fdeede;\n --sh-sm:0 6px 18px -10px rgba(20,55,38,.22);\n --sh:0 22px 46px -26px rgba(20,55,38,.30);\n --sh-lg:0 40px 80px -36px rgba(20,55,38,.40);\n --maxw:1160px;\n }\n *{margin:0;padding:0;box-sizing:border-box}\n html{scroll-behavior:smooth}\n body{\n font-family:'Mulish',-apple-system,sans-serif;\n color:var(--ink);background:var(--bg);\n line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;\n }\n .wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px}\n h1,h2,h3{font-family:'Archivo',-apple-system,sans-serif;font-weight:800;line-height:1.04;letter-spacing:-.025em}\n .accent{color:var(--orange)}\n\n .eyebrow{\n display:inline-flex;align-items:center;gap:9px;\n background:var(--surface);color:var(--green);\n font-family:'Mulish';font-weight:800;font-size:.78rem;letter-spacing:.04em;\n padding:8px 16px 8px 13px;border-radius:40px;margin-bottom:22px;\n }\n .eyebrow .leaf svg{width:15px;height:15px;fill:var(--green);display:block}\n\n .reveal{opacity:0;transform:translateY(24px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}\n .reveal.in{opacity:1;transform:none}\n .d1{transition-delay:.07s}.d2{transition-delay:.14s}.d3{transition-delay:.21s}.d4{transition-delay:.28s}\n\n /* ================= CTA — groen, zacht ================= */\n .cta{\n display:inline-flex;align-items:center;gap:13px;\n background:var(--green);color:#fff;\n font-family:'Mulish';font-weight:800;font-size:1.02rem;\n padding:18px 32px;border-radius:15px;text-decoration:none;border:none;cursor:pointer;\n box-shadow:0 14px 30px -12px rgba(20,55,38,.55);\n transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,background .28s;\n }\n .cta:hover{background:#2a6e49;transform:translateY(-3px);box-shadow:0 22px 42px -14px rgba(20,55,38,.6)}\n .cta:active{transform:translateY(-1px)}\n .cta .arrow{transition:transform .28s}\n .cta:hover .arrow{transform:translateX(5px)}\n .cta-note{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:.9rem;color:var(--ink-soft);font-weight:600}\n .cta-note .wapp svg{width:18px;height:18px;fill:#25a55a;display:block}\n .cta-note b{color:var(--orange-deep)}\n\n /* ================= MASTHEAD ================= */\n .nav{padding:22px 0;border-bottom:1px solid var(--green-line)}\n .nav .wrap{display:flex;align-items:center;justify-content:space-between}\n .brand{display:flex;align-items:center;gap:11px;font-family:'Archivo';font-weight:800;font-size:1.32rem;letter-spacing:-.03em}\n .brand .mk{width:38px;height:38px;border-radius:11px;background:var(--green);display:grid;place-items:center;box-shadow:var(--sh-sm)}\n .brand .mk svg{width:23px;height:23px}\n .nav .loc{display:flex;align-items:center;gap:7px;font-weight:700;font-size:.86rem;color:var(--ink-soft)}\n .nav .loc svg{width:15px;height:15px;fill:none;stroke:var(--orange);stroke-width:2}\n\n /* ================= HERO ================= */\n .hero{padding:54px 0 64px;position:relative}\n .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}\n .hero h1{font-size:clamp(2.6rem,5.6vw,4.3rem);margin-bottom:22px;color:var(--green-deep)}\n .hero .lead{font-size:1.18rem;max-width:490px;color:var(--ink-soft);margin-bottom:34px;font-weight:500}\n .hero-actions{display:flex;flex-direction:column;align-items:flex-start}\n\n .hero-photo{position:relative}\n .hero-photo .frame{aspect-ratio:4/5;border-radius:24px;overflow:hidden;box-shadow:var(--sh-lg);background:var(--surface);position:relative}\n .hero-photo img{width:100%;height:100%;object-fit:cover;display:block}\n .hero-photo .ph{width:100%;height:100%;display:grid;place-items:center;text-align:center;color:var(--ink-soft);font-weight:700;font-size:.9rem;padding:24px;\n background:linear-gradient(150deg,#eef3ec,#dce6dc)}\n .speed-badge{position:absolute;top:18px;right:-16px;max-width:210px;background:var(--green);color:#fff;border-radius:16px;padding:14px 18px;box-shadow:var(--sh);font-family:'Archivo';font-weight:800;font-size:1rem;line-height:1.22;letter-spacing:-.01em}\n .speed-badge .hl{color:var(--orange-bright)}\n\n /* ================= USP KAARTEN ================= */\n .usps{padding:0 0 20px}\n .usp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}\n .usp{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--green-line);border-radius:18px;padding:26px 22px;transition:transform .3s,box-shadow .3s,border-color .3s}\n .usp:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:transparent}\n .usp .ic{width:48px;height:48px;border-radius:13px;background:var(--surface);display:grid;place-items:center;margin-bottom:18px}\n .usp .ic svg{width:24px;height:24px;fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n .usp h3{font-family:'Mulish';font-weight:800;font-size:1.02rem;line-height:1.3;margin-bottom:6px;letter-spacing:0;min-height:2.6em;display:flex;align-items:flex-end}\n .usp p{font-size:.88rem;color:var(--muted);font-weight:600;line-height:1.4;margin-top:auto}\n\n /* ================= SECTIES ================= */\n .section{padding:90px 0}\n .sec-head{max-width:620px;margin-bottom:46px}\n .sec-head.center{margin-left:auto;margin-right:auto;text-align:center}\n .sec-head h2{font-size:clamp(2.1rem,4.5vw,3.2rem);margin-bottom:14px;color:var(--green-deep)}\n .sec-head p{color:var(--ink-soft);font-size:1.12rem;font-weight:500}\n\n /* ----- DIENSTEN ----- */\n .services{background:var(--bg)}\n .serv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}\n .serv{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--green-line);border-radius:16px;padding:18px 18px;transition:transform .3s,box-shadow .3s,border-color .3s}\n .serv:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:transparent}\n .serv .si{flex:none;width:44px;height:44px;border-radius:12px;background:var(--surface);display:grid;place-items:center}\n .serv .si svg{width:22px;height:22px;fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n .serv h3{font-family:'Mulish';font-weight:800;font-size:.98rem;line-height:1.2;letter-spacing:0;color:var(--ink)}\n .serv-foot{text-align:center;margin-top:40px;font-size:1.05rem;color:var(--ink-soft);font-weight:600}\n .serv-foot b{color:var(--green);font-weight:800}\n\n /* ----- PORTFOLIO ----- */\n .portfolio{background:var(--surface)}\n .slider{position:relative}\n .track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 16px;-ms-overflow-style:none;scrollbar-width:none}\n .track::-webkit-scrollbar{display:none}\n .slide{flex:0 0 68%;max-width:720px;scroll-snap-align:center;position:relative;aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:#dce6dc;box-shadow:var(--sh)}\n .slide img{width:100%;height:100%;object-fit:cover;display:block}\n .slide .cap{position:absolute;left:15px;bottom:15px;background:rgba(20,55,38,.8);backdrop-filter:blur(8px);color:#fff;font-weight:700;font-size:.84rem;padding:9px 16px;border-radius:30px}\n .slider-empty{text-align:center;color:var(--muted);font-weight:600;padding:40px 0}\n .slider-nav{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:26px}\n .arrow-btn{width:54px;height:54px;border-radius:50%;border:none;background:#fff;color:var(--green-deep);cursor:pointer;display:grid;place-items:center;box-shadow:var(--sh-sm);transition:transform .25s,background .25s,color .25s}\n .arrow-btn:hover{background:var(--green);color:#fff;transform:scale(1.07)}\n .arrow-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}\n .dots{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;max-width:300px}\n .dot{width:9px;height:9px;border-radius:50%;background:#c2d0c2;border:none;cursor:pointer;padding:0;transition:all .3s}\n .dot.active{background:var(--orange);width:26px;border-radius:6px}\n\n /* ----- WIE ZIJN WIJ ----- */\n .about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:58px;align-items:center}\n .about-photo{position:relative;aspect-ratio:5/6;border-radius:24px;overflow:hidden;box-shadow:var(--sh-lg);background:var(--green-deep)}\n .about-photo img{width:100%;height:100%;object-fit:cover;display:block}\n .about-photo .ph{width:100%;height:100%;display:grid;place-items:center;color:rgba(255,255,255,.6);font-weight:700;text-align:center;padding:24px;font-size:.9rem;background:linear-gradient(150deg,#1f5236,#143726)}\n .about-photo .leaf-badge{position:absolute;right:18px;bottom:18px;z-index:6;width:52px;height:52px;border-radius:50%;background:var(--orange);display:grid;place-items:center;box-shadow:var(--sh)}\n .about-photo .leaf-badge svg{width:27px;height:27px}\n .about h2{font-size:clamp(2rem,4.4vw,3rem);margin:6px 0 22px}\n .about p{font-size:1.1rem;color:var(--ink-soft);margin-bottom:18px;font-weight:500}\n .about .hl{color:var(--green);font-weight:800}\n .about-stats{display:flex;gap:34px;margin:28px 0 32px;flex-wrap:wrap}\n .about-stats .s .n{font-family:'Archivo';font-weight:800;font-size:2rem;color:var(--orange);line-height:1;letter-spacing:-.02em}\n .about-stats .s .t{font-size:.84rem;color:var(--muted);font-weight:700}\n .signature{font-style:italic;font-size:1.1rem;color:var(--ink-soft);margin-top:22px;font-weight:600}\n\n /* ================= STAPPENPLAN — scroll-gestuurd ================= */\n .steps{background:var(--green-deep);color:#eef3ec;position:relative;overflow:hidden}\n .steps::before{content:"";position:absolute;top:-130px;left:-150px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(58,130,79,.4),transparent 68%)}\n .steps .wrap{position:relative;z-index:1}\n .steps .sec-head{text-align:center;margin-left:auto;margin-right:auto}\n .steps .sec-head h2{color:#fff}\n .steps .sec-head p{color:rgba(238,243,236,.72)}\n .steps .eyebrow{background:var(--orange-tint);color:var(--orange-deep)}\n .steps .eyebrow .leaf svg{fill:var(--orange-deep)}\n .steps .cta{background:#2f7d50}\n .steps .cta:hover{background:#388f5d}\n\n .timeline{position:relative;max-width:760px;margin:0 auto}\n .spine{position:absolute;left:33px;top:34px;bottom:118px;width:3px;background:rgba(238,243,236,.16);border-radius:3px}\n .spine .fill{position:absolute;left:0;top:0;width:100%;height:0;background:linear-gradient(180deg,var(--orange-bright),var(--orange-deep));border-radius:3px;transition:height .55s cubic-bezier(.4,0,.2,1)}\n .step{display:grid;grid-template-columns:68px 1fr;gap:26px;padding:26px 0;position:relative}\n .step .marker{width:68px;height:68px;border-radius:50%;border:2px solid rgba(238,243,236,.2);display:grid;place-items:center;font-family:'Archivo';font-weight:800;font-size:1.5rem;color:rgba(238,243,236,.42);background:var(--green-deep);position:relative;z-index:2;transition:all .5s cubic-bezier(.2,.8,.2,1)}\n .step.active .marker{border-color:var(--orange);background:var(--orange);color:#fff;transform:scale(1.06);box-shadow:0 0 0 9px rgba(232,118,42,.16)}\n .step .content{opacity:.42;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease;padding-top:9px}\n .step.active .content{opacity:1;transform:none}\n .step h3{font-size:1.5rem;color:#fff;margin-bottom:8px}\n .step p{color:rgba(238,243,236,.8);font-size:1.05rem;font-weight:500;max-width:500px}\n .step .wa{display:inline-flex;align-items:center;gap:8px;margin-top:13px;font-weight:800;font-size:.84rem;color:var(--orange-bright)}\n .step .wa svg{width:16px;height:16px;fill:var(--orange-bright)}\n\n .reassure{max-width:760px;margin:14px auto 0;background:rgba(238,243,236,.06);border-radius:22px;padding:38px 38px 40px;text-align:center}\n .reassure p{font-family:'Archivo';font-weight:700;font-size:clamp(1.25rem,2.5vw,1.6rem);line-height:1.4;color:#fff;margin-bottom:28px;letter-spacing:-.02em}\n .reassure p b{color:var(--orange-bright);font-weight:800}\n .reassure .cta-note{justify-content:center;color:rgba(238,243,236,.7)}\n\n .video-block{max-width:820px;margin:54px auto 0}\n .video-block .vlabel{display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;font-family:'Mulish';font-weight:800;font-size:.78rem;letter-spacing:.06em;color:var(--orange-bright);text-transform:uppercase;margin-bottom:16px}\n .video-wrap{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;box-shadow:var(--sh-lg);background:#0d1f15}\n .video-wrap video,.video-wrap iframe{width:100%;height:100%;border:0;display:block}\n .video-wrap video{object-fit:cover}\n .video-wrap .ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:rgba(238,243,236,.7);font-weight:700;background:linear-gradient(150deg,#1f5236,#143726)}\n .video-wrap .ph .play{width:64px;height:64px;border-radius:50%;background:var(--orange);display:grid;place-items:center;box-shadow:var(--sh)}\n .video-wrap .ph .play svg{width:26px;height:26px;fill:#fff;margin-left:3px}\n\n /* ================= FOOTER ================= */\n .foot{background:var(--ink);color:rgba(255,255,255,.55);padding:38px 0}\n .foot .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}\n .foot .brand{color:#fff;font-size:1.2rem}\n .foot .brand .mk{width:32px;height:32px}\n .foot .meta{font-weight:600;font-size:.86rem}\n\n /* ================= RESPONSIVE ================= */\n @media(max-width:920px){ .usp-grid{grid-template-columns:repeat(2,1fr)} .serv-grid{grid-template-columns:repeat(2,1fr)} }\n @media(max-width:860px){\n .hero-grid{grid-template-columns:1fr;gap:46px}\n .hero-photo{max-width:400px;margin:0 auto}\n .about-grid{grid-template-columns:1fr;gap:40px}\n .about-photo{width:100%;max-width:430px;margin:0 auto;order:-1}\n .section{padding:70px 0}\n .slide{flex:0 0 84%}\n }\n @media(max-width:520px){\n .wrap{padding:0 18px}\n .nav .loc{display:none}\n .hero{padding:34px 0 52px}\n .cta{width:100%;justify-content:center}\n .hero-actions{align-items:stretch}\n .speed-badge{right:6px;top:14px;max-width:170px;font-size:.9rem}\n .usp-grid{grid-template-columns:1fr 1fr;gap:12px}\n .usp{padding:18px 16px}\n .serv-grid{grid-template-columns:1fr;gap:12px}\n .slide{flex:0 0 90%}\n .spine{left:26px}\n .step{grid-template-columns:54px 1fr;gap:18px}\n .step .marker{width:54px;height:54px;font-size:1.3rem}\n .reassure{padding:30px 22px}\n }\n</style>\n</head>\n<body>\n\n<!-- ============== MASTHEAD ============== -->\n<nav class="nav">\n <div class="wrap">\n <div class="brand">\n <span class="mk"><svg viewBox="0 0 24 24" fill="none"><path d="M11 20.5A7.5 7.5 0 0 1 9.7 5.6C15.7 4.4 17.3 3.9 19.4 1.3c1.1 2.1 2.1 4.4 2.1 8.5 0 5.9-4.9 10.7-10.5 10.7Z" fill="#fff"/><path d="M4.8 21.2C4.8 17.6 6.9 15 10.3 14" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/></svg></span>\n De Groenmannen\n </div>\n <div class="loc"><svg viewBox="0 0 24 24"><path d="M12 21s-7-5.2-7-11a7 7 0 0 1 14 0c0 5.8-7 11-7 11Z"/><circle cx="12" cy="10" r="2.4"/></svg> Amersfoort &amp; omstreken</div>\n </div>\n</nav>\n\n<!-- ============== SECTIE 1: HERO ============== -->\n<header class="hero">\n <div class="wrap">\n <div class="hero-grid">\n <div>\n <h1 class="reveal d1">Wij brengen jouw tuin <span style="color:var(--green)">binnen 14 dagen</span> in topvorm</h1>\n <p class="lead reveal d2">Wij zijn Jelle en Oscar. Samen met ons team helpen wij dagelijks particulieren en bedrijven met het onderhouden, opknappen en aanleggen van tuinen. Van complete tuinrenovaties tot een kleine opfrisbeurt, wij denken graag mee.</p>\n <div class="hero-actions reveal d3">\n <!-- >> CTA 1 << -->\n <a href="https://perspectivefunnel.co/68f89e2b3410f5003cfc21e7/6a355708ac2f06b7cb6472dc/page_upauvl" class="cta">Gratis offerte aanvragen\n <svg class="arrow" width="22" height="14" viewBox="0 0 22 14" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 7h18M14 1l6 6-6 6"/></svg>\n </a>\n <span class="cta-note"><span class="wapp"><svg viewBox="0 0 24 24"><path d="M12 2a10 10 0 0 0-8.5 15.2L2 22l4.9-1.4A10 10 0 1 0 12 2Zm0 18a8 8 0 0 1-4.1-1.1l-.3-.2-2.9.8.8-2.8-.2-.3A8 8 0 1 1 12 20Zm4.4-6c-.2-.1-1.4-.7-1.6-.8s-.4-.1-.5.1-.6.8-.8 1-.3.2-.5.1a6.5 6.5 0 0 1-3.2-2.8c-.2-.4.2-.4.6-1.2.1-.1 0-.3 0-.4l-.7-1.7c-.2-.5-.4-.4-.5-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c2.1.8 2.1.5 2.5.5a2.5 2.5 0 0 0 1.7-1.2 2 2 0 0 0 .1-1.2c0-.1-.2-.2-.4-.3Z"/></svg></span> Reactie via WhatsApp <b>binnen 5 minuten</b></span>\n </div>\n </div>\n\n <div class="hero-photo reveal d2">\n <div class="frame">\n <!-- >> VERVANG FOTO << mooiste 'na'-foto van een onderhouden tuin, staand (4:5). -->\n <img src="https://res.cloudinary.com/drekokska/image/upload/v1782752230/WhatsApp_Image_2026-06-26_at_12.43.02_hvnimz.jpg" alt="Tuin van De Groenmannen">\n </div>\n <div class="speed-badge">Jouw tuin weer in <span class="hl">nieuwstaat</span></div>\n </div>\n </div>\n </div>\n</header>\n\n<!-- ============== USP KAARTEN ============== -->\n<section class="usps">\n <div class="wrap">\n <div class="usp-grid">\n <div class="usp reveal">\n <div class="ic"><svg viewBox="0 0 24 24"><path d="M5 21c0-7 4-12 14-13"/><path d="M19 8c0 6-4 10-10 10"/><path d="M9 18c-2 0-4-2-4-5"/></svg></div>\n <h3>Tuin weer als nieuw</h3>\n <p>Onderhoud met oog voor detail</p>\n </div>\n <div class="usp reveal d1">\n <div class="ic"><svg viewBox="0 0 24 24"><path d="M12 3l7 3v5c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6l7-3Z"/><path d="m9 12 2 2 4-4"/></svg></div>\n <h3 style="color:var(--orange)">100% tevredenheids -garantie</h3>\n <p>Betaling pas achteraf</p>\n </div>\n <div class="usp reveal d2">\n <div class="ic"><svg viewBox="0 0 24 24"><path d="M12 21s-7-5.2-7-11a7 7 0 0 1 14 0c0 5.8-7 11-7 11Z"/><circle cx="12" cy="10" r="2.4"/></svg></div>\n <h3>Amersfoort &amp; omstreken</h3>\n <p>Lokaal, bekend en betrouwbaar</p>\n </div>\n <div class="usp reveal d3">\n <div class="ic"><svg viewBox="0 0 24 24"><path d="M2 7h12v9H2z"/><path d="M14 10h4l3 3v3h-7z"/><circle cx="6" cy="18" r="1.7"/><circle cx="17" cy="18" r="1.7"/></svg></div>\n <h3>Eigen materieel &amp; ruim team</h3>\n <p>Waardoor we snel kunnen schakelen</p>\n </div>\n </div>\n </div>\n</section>\n\n<!-- ============== SECTIE 2: DIENSTEN ============== -->\n<section class="section services" id="diensten">\n <div class="wrap">\n <div class="sec-head center reveal">\n <span class="eyebrow"><span class="leaf"><svg viewBox="0 0 24 24"><path d="M11 20.5A7.5 7.5 0 0 1 9.7 5.6C15.7 4.4 17.3 3.9 19.4 1.3c1.1 2.1 2.1 4.4 2.1 8.5 0 5.9-4.9 10.7-10.5 10.7Z"/></svg></span> Wat wij doen</span>\n <h2>Alles voor een verzorgde tuin</h2>\n <p>Van snoeien tot afvoeren: wij pakken het hele onderhoud aan, zodat jouw tuin er weer bij ligt alsof hij net is aangelegd.</p>\n </div>\n\n <div class="serv-grid">\n <div class="serv reveal"><div class="si"><svg viewBox="0 0 24 24"><circle cx="6" cy="6" r="2.4"/><circle cx="6" cy="18" r="2.4"/><path d="M8 7.7 20 18M8 16.3 20 6"/></svg></div><h3>Heggen snoeien</h3></div>\n <div class="serv reveal d1"><div class="si"><svg viewBox="0 0 24 24"><path d="M12 21v-7"/><path d="M12 14c-3.3 0-5-2.2-5-5 3.3 0 5 2.2 5 5Z"/><path d="M12 11c0-3 1.8-5.2 5-5.2 0 3-1.8 5.2-5 5.2Z"/></svg></div><h3>Onkruid verwijderen</h3></div>\n <div class="serv reveal d2"><div class="si"><svg viewBox="0 0 24 24"><circle cx="6" cy="7" r="2.4"/><circle cx="6" cy="17" r="2.4"/><path d="M8 7.7 20 16M8 16.3 14 13M14 8l6-2"/></svg></div><h3>Struiken en planten snoeien</h3></div>\n <div class="serv reveal d3"><div class="si"><svg viewBox="0 0 24 24"><path d="M4 20v-4M8 20v-6M12 20v-7M16 20v-6M20 20v-4"/><path d="M3 20h18"/></svg></div><h3>Gras maaien</h3></div>\n <div class="serv reveal"><div class="si"><svg viewBox="0 0 24 24"><path d="M16 3v8"/><path d="M11 11h10"/><path d="M12.5 11v4M15 11v4M17.5 11v4M20 11v4"/><path d="M12 11 4 19"/></svg></div><h3>Bladruimen</h3></div>\n <div class="serv reveal d1"><div class="si"><svg viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="1.5"/><path d="M3 9h18M3 15h18M9 3v18M15 3v18"/></svg></div><h3>Terrassen &amp; bestrating onkruidvrij</h3></div>\n <div class="serv reveal d2"><div class="si"><svg viewBox="0 0 24 24"><path d="M2 7h12v9H2z"/><path d="M14 10h4l3 3v3h-7z"/><circle cx="6" cy="18" r="1.7"/><circle cx="17" cy="18" r="1.7"/></svg></div><h3>Groenafval opruimen &amp; afvoeren</h3></div>\n <div class="serv reveal d3"><div class="si"><svg viewBox="0 0 24 24"><path d="M21 12a9 9 0 0 1-15 6.7L3 16"/><path d="M3 21v-5h5"/><path d="M3 12a9 9 0 0 1 15-6.7L21 8"/><path d="M21 3v5h-5"/></svg></div><h3>Voorjaars &amp; najaarsonderhoud</h3></div>\n </div>\n\n <p class="serv-foot reveal">Eenmalig een flinke opknapbeurt of het hele jaar door onderhoud. <b>Jij kiest, wij regelen het.</b></p>\n </div>\n</section>\n\n<!-- ============== SECTIE 3: PORTFOLIO (15 fotoslots) ============== -->\n<section class="section portfolio" id="portfolio">\n <div class="wrap">\n <div class="sec-head center reveal">\n <span class="eyebrow"><span class="leaf"><svg viewBox="0 0 24 24"><path d="M11 20.5A7.5 7.5 0 0 1 9.7 5.6C15.7 4.4 17.3 3.9 19.4 1.3c1.1 2.1 2.1 4.4 2.1 8.5 0 5.9-4.9 10.7-10.5 10.7Z"/></svg></span> Een greep uit ons werk</span>\n <h2>Zie het resultaat met eigen ogen</h2>\n <p>Tuinen die wij weer helemaal in topconditie brachten.</p>\n </div>\n\n <div class="slider reveal d1">\n <div class="track" id="track">\n <!-- ============================================================\n 15 FOTOSLOTS. Zet je foto-URL in src="" en pas evt. de cap aan.\n Een leeg slot (src="") wordt automatisch NIET getoond.\n ============================================================ -->\n <div class="slide"><img src="https://res.cloudinary.com/drekokska/image/upload/v1782314434/2_bqgnxt.png" alt="Tuinonderhoud"><span class="cap">Achtertuin, Amersfoort</span></div>\n <div class="slide"><img src="https://res.cloudinary.com/drekokska/image/upload/v1782314434/4_yw7vdh.png" alt="Tuinonderhoud"><span class="cap">Achtertuin, Leusden</span></div>\n <div class="slide"><img src="https://res.cloudinary.com/drekokska/image/upload/v1782314433/1_fpddzc.png" alt="Tuinonderhoud"><span class="cap">Voortuin, Soest</span></div>\n <div class="slide"><img src="https://res.cloudinary.com/drekokska/image/upload/v1782314433/3_j2vzlk.png" alt="Tuinonderhoud"><span class="cap">Tuin, Nijkerk</span></div>\n <div class="slide"><img \nsrc="https://res.cloudinary.com/drekokska/image/upload/v1782810374/5_dtrhzd.png" alt="Tuinonderhoud"><span class="cap">Achtertuin</span></div>\n <div class="slide"><img \nsrc="https://res.cloudinary.com/drekokska/image/upload/v1782810374/6_uizkcs.png" alt="Tuinonderhoud"><span class="cap">Gemeente project</span></div>\n </div>\n <div class="slider-empty" id="sliderEmpty" style="display:none">Voeg hierboven je foto-URL's toe om je projecten te tonen.</div>\n <div class="slider-nav" id="sliderNav">\n <button class="arrow-btn" id="prev" aria-label="Vorige"><svg viewBox="0 0 24 24"><path d="M15 5l-7 7 7 7"/></svg></button>\n <div class="dots" id="dots"></div>\n <button class="arrow-btn" id="next" aria-label="Volgende"><svg viewBox="0 0 24 24"><path d="M9 5l7 7-7 7"/></svg></button>\n </div>\n </div>\n </div>\n</section>\n\n<!-- ============== SECTIE 4: WIE ZIJN WIJ ============== -->\n<section class="section">\n <div class="wrap">\n <div class="about-grid">\n <div class="about-photo reveal">\n <!-- >> VERVANG FOTO << foto van het team (staand, 5:6) -->\n <img src="https://res.cloudinary.com/drekokska/image/upload/f_auto,q_auto/tempImageehrSf3_d3qoyr" alt="De Groenmannen">\n <div class="leaf-badge"><svg viewBox="0 0 24 24" fill="none"><path d="M11 20.5A7.5 7.5 0 0 1 9.7 5.6C15.7 4.4 17.3 3.9 19.4 1.3c1.1 2.1 2.1 4.4 2.1 8.5 0 5.9-4.9 10.7-10.5 10.7Z" fill="#fff"/><path d="M4.8 21.2C4.8 17.6 6.9 15 10.3 14" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/></svg></div>\n </div>\n <div>\n <span class="eyebrow reveal"><span class="leaf"><svg viewBox="0 0 24 24"><path d="M11 20.5A7.5 7.5 0 0 1 9.7 5.6C15.7 4.4 17.3 3.9 19.4 1.3c1.1 2.1 2.1 4.4 2.1 8.5 0 5.9-4.9 10.7-10.5 10.7Z"/></svg></span> Wie zijn wij</span>\n <h2 class="reveal d1">Twee Amersfoorters met groene vingers</h2>\n <p class="reveal d1">Wij zijn De Groenmannen: twee hoveniers uit Amersfoort met samen ruim <span class="hl">10 jaar ervaring</span> in tuinonderhoud. Heggen, struiken, gras, onkruid of bladval: wij weten precies wat een tuin nodig heeft om er weer op z'n best uit te zien.</p>\n <p class="reveal d2">Niets geeft ons zoveel energie als dát ene moment: de blik op het gezicht van een klant die z'n opgeknapte tuin voor het eerst weer ziet. <span class="hl">Dat wow effect</span>, daar doen we het voor. Wij brengen het gereedschap, de kennis én de mankracht mee. Jij hoeft straks alleen nog maar te genieten.</p>\n <p class="signature reveal d2">Groet, De Groenmannen</p>\n <div class="about-stats reveal d2">\n <div class="s"><div class="n">10 jaar</div><div class="t">ervaring</div></div>\n <div class="s"><div class="n">4,8/5</div><div class="t">reviewscore</div></div>\n </div>\n <div class="reveal d3">\n <!-- >> CTA 2 << -->\n <a href="https://perspectivefunnel.co/68f89e2b3410f5003cfc21e7/6a355708ac2f06b7cb6472dc/page_upauvl" class="cta">Ja, ik wil mijn tuin weer als nieuw\n <svg class="arrow" width="22" height="14" viewBox="0 0 22 14" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 7h18M14 1l6 6-6 6"/></svg>\n </a>\n </div>\n </div>\n </div>\n </div>\n</section>\n\n<!-- ============== SECTIE 5: STAPPENPLAN (scroll-gestuurd) ============== -->\n<section class="section steps" id="offerte">\n <div class="wrap">\n <div class="sec-head center reveal">\n <span class="eyebrow"><span class="leaf"><svg viewBox="0 0 24 24"><path d="M11 20.5A7.5 7.5 0 0 1 9.7 5.6C15.7 4.4 17.3 3.9 19.4 1.3c1.1 2.1 2.1 4.4 2.1 8.5 0 5.9-4.9 10.7-10.5 10.7Z"/></svg></span> Zo werkt het</span>\n <h2>In 3 stappen naar een verzorgde tuin</h2>\n <p>Jij doet bijna niks, wij regelen de rest.</p>\n </div>\n\n <div class="timeline" id="timeline">\n <div class="spine"><div class="fill" id="spineFill"></div></div>\n\n <div class="step" data-step>\n <div class="marker">1</div>\n <div class="content">\n <h3>Vraag je gratis offerte aan</h3>\n <p>Klik op de knop en vul onze korte vragenlijst in. Wij nemen via WhatsApp contact met je op, meestal binnen vijf minuten.</p>\n <span class="wa"><svg viewBox="0 0 24 24"><path d="M12 2a10 10 0 0 0-8.5 15.2L2 22l4.9-1.4A10 10 0 1 0 12 2Zm0 18a8 8 0 0 1-4.1-1.1l-.3-.2-2.9.8.8-2.8-.2-.3A8 8 0 1 1 12 20Zm4.4-6c-.2-.1-1.4-.7-1.6-.8s-.4-.1-.5.1-.6.8-.8 1-.3.2-.5.1a6.5 6.5 0 0 1-3.2-2.8c-.2-.4.2-.4.6-1.2.1-.1 0-.3 0-.4l-.7-1.7c-.2-.5-.4-.4-.5-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c2.1.8 2.1.5 2.5.5a2.5 2.5 0 0 0 1.7-1.2 2 2 0 0 0 .1-1.2c0-.1-.2-.2-.4-.3Z"/></svg> Binnen 5 min reactie</span>\n </div>\n </div>\n\n <div class="step" data-step>\n <div class="marker">2</div>\n <div class="content">\n <h3>Stuur een video van je tuin</h3>\n <p>Loop met je telefoon door je tuin en vertel kort wat er moet gebeuren. Meer hoef je echt niet te doen.</p>\n </div>\n </div>\n\n <div class="step" data-step>\n <div class="marker">3</div>\n <div class="content">\n <h3>Ontvang je gratis offerte</h3>\n <p>Je krijgt een heldere, vrijblijvende offerte. Geen kleine lettertjes. Zo simpel is het.</p>\n </div>\n </div>\n </div>\n\n <!-- ============== VIDEOBLOK ============== -->\n <div class="video-block reveal">\n <div class="vlabel">▶ Zie ons aan het werk</div>\n <div class="video-wrap">\n <!-- >> VIDEO TOEVOEGEN << vervang de YouTube-ID hieronder, of plak je eigen embed/MP4. -->\n <iframe src="https://www.youtube.com/embed/FRLq0ihMTL0" title="Zie ons aan het werk" allowfullscreen></iframe>\n </div>\n </div>\n\n <div class="reassure reveal">\n <p>Wij onderhouden tuinen vanuit pure passie. Je betaalt bij ons <b>pas achteraf</b> én pas als jij <b>100% tevreden</b> bent, zo weet je zeker dat jouw tuin er weer uitziet als nieuw. Vaak kunnen we al <b>binnen enkele dagen</b> langskomen.</p>\n <!-- >> CTA 3 << -->\n <a href="https://perspectivefunnel.co/68f89e2b3410f5003cfc21e7/6a355708ac2f06b7cb6472dc/page_upauvl" class="cta">Ja, ik wil een gratis offerte\n <svg class="arrow" width="22" height="14" viewBox="0 0 22 14" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 7h18M14 1l6 6-6 6"/></svg>\n </a>\n <span class="cta-note"><b style="color:var(--orange-bright)">Antwoord via WhatsApp binnen 5 minuten</b></span>\n </div>\n </div>\n</section>\n\n<footer class="foot">\n <div class="wrap">\n <div class="brand"><span class="mk"><svg viewBox="0 0 24 24" fill="none"><path d="M11 20.5A7.5 7.5 0 0 1 9.7 5.6C15.7 4.4 17.3 3.9 19.4 1.3c1.1 2.1 2.1 4.4 2.1 8.5 0 5.9-4.9 10.7-10.5 10.7Z" fill="#fff"/><path d="M4.8 21.2C4.8 17.6 6.9 15 10.3 14" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/></svg></span> De Groenmannen</div>\n <div class="meta">Amersfoort &amp; omstreken · 625+ tuinen omgetoverd</div>\n </div>\n</footer>\n\n<script>\n /* reveal */\n const io = new IntersectionObserver((es)=>{\n es.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target);} });\n },{threshold:.16});\n document.querySelectorAll('.reveal').forEach(el=>io.observe(el));\n\n /* STAPPENPLAN: stappen activeren terwijl ze in beeld scrollen.\n Werkt via IntersectionObserver, dus ook binnen een iframe/embed (zoals Perspective),\n waar het window-scroll-event niet afgaat. */\n (function(){\n const timeline=document.getElementById('timeline');\n const fill=document.getElementById('spineFill');\n const spine=timeline?timeline.querySelector('.spine'):null;\n if(!timeline||!fill||!spine)return;\n const stepEls=[...timeline.querySelectorAll('[data-step]')];\n const SPINE_TOP=34;\n let maxActive=-1;\n\n function updateFill(){\n if(maxActive<0){ fill.style.height='0%'; return; }\n const tlRect=timeline.getBoundingClientRect();\n const m=stepEls[maxActive].querySelector('.marker').getBoundingClientRect();\n const center=(m.top-tlRect.top)+m.height/2;\n const spineH=spine.getBoundingClientRect().height;\n fill.style.height=Math.min(spineH,Math.max(0,center-SPINE_TOP))+'px';\n }\n\n const sio=new IntersectionObserver((entries)=>{\n entries.forEach(e=>{\n if(e.isIntersecting){\n e.target.classList.add('active');\n const i=stepEls.indexOf(e.target);\n if(i>maxActive){ maxActive=i; updateFill(); }\n }\n });\n },{root:null,rootMargin:'0px 0px -38% 0px',threshold:.25});\n\n stepEls.forEach(s=>sio.observe(s));\n window.addEventListener('resize',updateFill,{passive:true});\n })();\n\n /* PORTFOLIO slider — verbergt lege fotoslots automatisch */\n const track=document.getElementById('track');\n const dotsWrap=document.getElementById('dots');\n let slides=[],current=0;\n if(track){\n [...track.querySelectorAll('.slide')].forEach(s=>{\n const img=s.querySelector('img');\n const src=img?img.getAttribute('src'):'';\n if(!src||!src.trim()){ s.remove(); return; }\n img.addEventListener('error',()=>{ s.remove(); rebuild(); });\n });\n rebuild();\n document.getElementById('next').addEventListener('click',()=>goTo(current+1));\n document.getElementById('prev').addEventListener('click',()=>goTo(current-1));\n let st;\n track.addEventListener('scroll',()=>{\n clearTimeout(st);\n st=setTimeout(()=>{\n if(!slides.length)return;\n const c=track.scrollLeft+track.clientWidth/2;\n let best=0,bd=Infinity;\n slides.forEach((s,i)=>{const sc=s.offsetLeft+s.clientWidth/2;const d=Math.abs(sc-c);if(d<bd){bd=d;best=i}});\n current=best;syncDots();\n },90);\n });\n }\n function rebuild(){\n slides=[...track.querySelectorAll('.slide')];\n const empty=document.getElementById('sliderEmpty');\n const nav=document.getElementById('sliderNav');\n dotsWrap.innerHTML='';\n if(slides.length===0){ if(empty)empty.style.display='block'; if(nav)nav.style.display='none'; return; }\n if(empty)empty.style.display='none';\n if(nav)nav.style.display = slides.length>1 ? 'flex' : 'none';\n slides.forEach((_,i)=>{\n const d=document.createElement('button');\n d.className='dot'+(i===0?' active':'');\n d.addEventListener('click',()=>goTo(i));\n dotsWrap.appendChild(d);\n });\n if(current>=slides.length)current=slides.length-1;\n syncDots();\n }\n function goTo(i){\n if(!slides.length)return;\n current=Math.max(0,Math.min(i,slides.length-1));\n const s=slides[current];\n track.scrollTo({left:s.offsetLeft-(track.clientWidth-s.clientWidth)/2,behavior:'smooth'});\n syncDots();\n }\n function syncDots(){ [...dotsWrap.children].forEach((d,i)=>d.classList.toggle('active',i===current)); }\n</script>\n</body>\n</html>","provider":"custom-html","box":{"left":"none","right":"none","top":"small","bottom":"small"},"framed":false,"isGdprSensitive":true},"categoryId":"61af39fa0ff35780165e4faa","sectionId":"65eb072f9671ba48e6c8390b","campaignId":"6a355708ac2f06b7cb6472dc","components":[],"allowedChildSections":[],"pageId":"6a355709ac2f06b7cb6472e4","companyId":"68f89e2b3410f5003cfc21e7","componentType":"embed","createdAt":"2026-06-19T15:19:29.732Z","updatedAt":"2026-06-30T09:19:31.622Z","__v":0}],"isResultPage":false,"animation":"none","theme":{"_id":"5d5b04db87f853001d0c7c84","updatedAt":"2019-09-03T18:32:44.077Z","createdAt":"2019-08-19T20:21:47.082Z","name":"Perspective","typography":"Roboto:300,700","fontColor":"#000000","backgroundColor":"#ffffff","formFieldBackgroundColor":"#007aff","buttonBackgroundColor":"#0080FF","image":"https://perspective.imgix.net/assets/app/themes/perspective.png","type":"theme","__v":0,"transition":"default"},"themeV2":{"typography":"Roboto:300,700","fontColor":"#000000","backgroundColor":"#ffffff","formFieldBackgroundColor":"#007aff","buttonBackgroundColor":"#0080FF","borderRadius":"small","transition":"default"},"fields":[{"additional":{"form":{"inputs":[]},"answers":[{"fieldName":"question_zhoo2d","componentId":"6a356a4a500d29d7c3c619bc","answerTextId":"6a356a4a500d29d7c3c619bc","_id":"6a356a4a500d29d7c3c619e8","visual":"star2","visualType":"emoji","value":"Sloopwerk"},{"fieldName":"question_zhoo2d","componentId":"6a356a4a500d29d7c3c619bd","answerTextId":"6a356a4a500d29d7c3c619bd","_id":"6a356a4a500d29d7c3c619ea","visual":"rocket","visualType":"emoji","value":"Aanleg van een nieuwe tuin"},{"fieldName":"question_zhoo2d","componentId":"6a356a4a500d29d7c3c619be","answerTextId":"6a356a4a500d29d7c3c619be","_id":"6a356a4a500d29d7c3c619f6","visual":"handshake","visualType":"emoji","value":"Tuintransformatie"}]},"_id":"6a356a4a500d29d7c3c6198c","type":"field","title":"Naar welke dienst bent u opzoek?","interactionType":"answers","companyId":"68f89e2b3410f5003cfc21e7","campaignId":"6a355708ac2f06b7cb6472dc","pageId":"6a356a3b15ce74d2ae5f4159","componentId":"6a356a4a500d29d7c3c6197f","createdAt":"2026-06-19T16:11:54.749Z","updatedAt":"2026-06-19T16:13:55.618Z","__v":0},{"additional":{"form":{"componentId":"6a356bafa570a0dd82c93429","inputs":[{"fieldName":"email","conversionTrigger":true,"componentId":"6a356bafa570a0dd82c93434","inputType":"email","required":true,"title":"Email","visual":"","visualType":"emoji"},{"fieldName":"phone","conversionTrigger":true,"componentId":"6a356bafa570a0dd82c93435","inputType":"phone","required":true,"title":"Telefoonnummer","visual":":telephone_receiver:","visualType":"emoji"},{"fieldName":"firstName","conversionTrigger":false,"componentId":"6a356bafa570a0dd82c93432","inputType":"text","required":true,"title":"Voornaam","visual":"","visualType":"emoji"},{"fieldName":"address.postalCode","conversionTrigger":false,"componentId":"6a356c4676e2369342a7509f","inputType":"text","required":true,"title":"Postcode","visual":"","visualType":"emoji"}]},"answers":[]},"_id":"6a356bafa570a0dd82c93424","type":"field","title":"Vraag hier uw gratis offerte aan voor @Naar welke dienst bent u opzoek?","interactionType":"form","companyId":"68f89e2b3410f5003cfc21e7","campaignId":"6a355708ac2f06b7cb6472dc","pageId":"6a356af249a4f82da7ff7244","componentId":"6a356bafa570a0dd82c93421","createdAt":"2026-06-19T16:17:51.384Z","updatedAt":"2026-07-10T10:22:43.278Z","__v":0}],"cookiesEnabled":false,"language":"en","showProgressBar":true,"showAffiliateBadge":false,"affiliateLink":"","resultMapping":{},"nextPage":"6a356a3b15ce74d2ae5f4159","sortedPages":["6a355709ac2f06b7cb6472e4","6a356a3b15ce74d2ae5f4159","6a356af249a4f82da7ff7244"],"hasResultPages":true,"resultPages":["6a355709ac2f06b7cb6472e5"],"isHomePage":true,"isLastPage":false,"firstResultPage":"6a355709ac2f06b7cb6472e5","headScript":"","bodyScript":"","trackingProperties":[{"_id":"6a356c53bb1f38a966118bf3","type":"trackingProperty","fieldName":"address.postalCode","title":"address.postalCode","source":"input","companyId":"68f89e2b3410f5003cfc21e7","campaignId":"6a355708ac2f06b7cb6472dc","components":["6a356c4676e2369342a7509f"],"createdAt":"2026-06-19T16:20:35.243Z","updatedAt":"2026-07-10T10:22:29.154Z","__v":0},{"_id":"6a356bafa570a0dd82c93456","type":"trackingProperty","fieldName":"email","title":"email","source":"input","companyId":"68f89e2b3410f5003cfc21e7","campaignId":"6a355708ac2f06b7cb6472dc","components":["6a356bafa570a0dd82c93434"],"createdAt":"2026-06-19T16:17:51.503Z","updatedAt":"2026-07-10T10:22:29.154Z","__v":0},{"_id":"6a356bcbab79f9fcdf7c5280","type":"trackingProperty","fieldName":"firstName","title":"firstName","source":"input","companyId":"68f89e2b3410f5003cfc21e7","campaignId":"6a355708ac2f06b7cb6472dc","components":["6a356bafa570a0dd82c93432"],"createdAt":"2026-06-19T16:18:19.993Z","updatedAt":"2026-07-10T10:22:29.154Z","__v":0},{"_id":"6a356bafa570a0dd82c93454","type":"trackingProperty","fieldName":"phone","title":"phone","source":"input","companyId":"68f89e2b3410f5003cfc21e7","campaignId":"6a355708ac2f06b7cb6472dc","components":["6a356bafa570a0dd82c93435"],"createdAt":"2026-06-19T16:17:51.501Z","updatedAt":"2026-07-10T10:22:29.164Z","__v":0},{"_id":"6a356a4a500d29d7c3c619a3","type":"trackingProperty","fieldName":"question_zhoo2d","title":"Naar welke dienst bent u opzoek?","source":"question","companyId":"68f89e2b3410f5003cfc21e7","campaignId":"6a355708ac2f06b7cb6472dc","components":["6a356a4a500d29d7c3c6197f"],"createdAt":"2026-06-19T16:11:54.781Z","updatedAt":"2026-07-10T10:22:29.154Z","__v":0,"defaultValue":"uw tuin"}],"automaticRedirect":null,"inputMap":{"byComponent":{"6a356bafa570a0dd82c93432":{"name":"fname","originalName":"fname","parentId":"6a356bafa570a0dd82c93429","autocomplete":"given-name"},"6a356c4676e2369342a7509f":{"name":"postal","originalName":"postal","parentId":"6a356bafa570a0dd82c93429","autocomplete":"postal-code"},"6a356bafa570a0dd82c93434":{"name":"email","originalName":"email","parentId":"6a356bafa570a0dd82c93429","autocomplete":"email"},"6a356bafa570a0dd82c93435":{"name":"phone","originalName":"phone","parentId":"6a356bafa570a0dd82c93429","autocomplete":"tel"}},"byName":{"6a356bafa570a0dd82c93429":{"fname":"6a356bafa570a0dd82c93432","postal":"6a356c4676e2369342a7509f","email":"6a356bafa570a0dd82c93434","phone":"6a356bafa570a0dd82c93435"}}},"pageIdSlugMap":{"6a355709ac2f06b7cb6472e4":"start","6a355709ac2f06b7cb6472e5":"thanks","6a356a3b15ce74d2ae5f4159":"page_upauvl","6a356af249a4f82da7ff7244":"page_sdhg7v"},"context":{"slug":"","trackingVersion":"v4","url":"https://degroenmannen.onlineaanmeldingen.nl/","domain":"degroenmannen.onlineaanmeldingen.nl"}}