{"id":17,"date":"2026-04-03T08:04:06","date_gmt":"2026-04-03T08:04:06","guid":{"rendered":"https:\/\/kronenburgcoaching.nl\/?page_id=17"},"modified":"2026-04-06T11:47:42","modified_gmt":"2026-04-06T11:47:42","slug":"homepage","status":"publish","type":"page","link":"https:\/\/kronenburgcoaching.nl\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"17\" class=\"elementor elementor-17\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d818d7d e-con-full e-flex e-con e-parent\" data-id=\"d818d7d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e62871e elementor-widget elementor-widget-html\" data-id=\"e62871e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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    \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=Outfit:wght@300;400;600;800;900&display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* =========================================\n           1. Basis & Variabelen (Ultra Premium Dark Mode)\n           ========================================= *\/\n        :root {\n            --bg-base: #050505; \n            --bg-card: rgba(25, 25, 25, 0.9); \n            --text-main: #ffffff;\n            --text-muted: #fff; \n            --brand-accent: #ffffff;\n            --brand-accent-glow: rgba(255, 255, 255, 0.1);\n            --brand-metallic: linear-gradient(135deg, #ffffff 0%, #888888 100%);\n            --border-color: rgba(255, 255, 255, 0.08);\n            --border-hover: rgba(255, 255, 255, 0.2);\n            --font-family: 'Outfit', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            --transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n\n        body {\n            margin: 0;\n            background-color: var(--bg-base) !important;\n            background-image: \n                radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.03) 0%, transparent 40%),\n                radial-gradient(circle at 85% 80%, rgba(200, 205, 215, 0.04) 0%, transparent 50%),\n                radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.015) 0%, transparent 70%) !important;\n            background-attachment: fixed !important;\n            background-size: cover !important;\n            color: var(--text-main);\n            font-family: var(--font-family);\n            -webkit-font-smoothing: antialiased;\n        }\n\n        main.onboarding-container { max-width: 1100px; margin: 0 auto; padding: 80px 20px 120px; display: flex; flex-direction: column; gap: 80px; }\n\n        \/* =========================================\n           2. Hero & Video Sectie\n           ========================================= *\/\n        .hero-section { text-align: center; position: relative; }\n        .hero-title { font-size: 4rem; font-weight: 800; margin: 0 0 20px 0; letter-spacing: -0.03em; background: #fff; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n        .hero-subtitle { color: #fff; font-size: 1.25rem; font-weight: 300; max-width: 650px; margin: 0 auto 50px; line-height: 1.6; }\n        .video-wrapper { position: relative; width: 100%; padding-bottom: 56.25%; background-color: #000; border-radius: 16px; border: 1px solid var(--border-color); overflow: hidden; box-shadow: 0 30px 60px rgba(0,0,0,0.9), 0 0 40px rgba(255, 255, 255, 0.02); transform: translateZ(0); }\n\n        \/* =========================================\n           3. Het Stappenplan\n           ========================================= *\/\n        .steps-wrapper { display: flex; flex-direction: column; gap: 30px; }\n        \/* PERFORMANCE FIX: Blur gehalveerd naar 12px voor soepeler scrollen *\/\n        .step-card { position: relative; background-color: var(--bg-card); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid var(--border-color); border-radius: 20px; padding: 40px; display: flex; gap: 40px; align-items: flex-start; transition: border-color 0.4s ease, box-shadow 0.4s ease; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.5); }\n        .step-card:hover { border-color: var(--border-hover); box-shadow: 0 25px 50px rgba(0,0,0,0.8), 0 0 30px rgba(255,255,255,0.03); }\n        .step-number { font-family: Arial, Helvetica, sans-serif; font-size: 6rem; font-weight: 900; line-height: 0.8; color: transparent; -webkit-text-stroke: 2px rgba(255, 255, 255, 0.15); transition: var(--transition); user-select: none; flex-shrink: 0; width: 80px; }\n        .step-card:hover .step-number { -webkit-text-stroke: 2px var(--brand-accent); text-shadow: 0 0 25px var(--brand-accent-glow); }\n        .step-content { flex-grow: 1; position: relative; z-index: 2; width: 100%; }\n        .step-title { margin: 0 0 15px 0; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.01em; color: var(--text-main); }\n        .step-desc { margin: 0 0 20px 0; color: #fff; line-height: 1.6; font-size: 1.05rem; font-weight: 300; max-width: 600px; }\n\n        \/* =========================================\n           4. Premium Knoppen & Animations\n           ========================================= *\/\n        .btn-primary { display: inline-flex; align-items: center; gap: 10px; background-color: transparent !important; color: var(--text-main) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; text-decoration: none !important; padding: 16px 32px; border-radius: 50px; font-weight: 600; font-size: 1.05rem; letter-spacing: 0.02em; position: relative; overflow: hidden; z-index: 1; align-self: flex-start; transition: color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease; cursor: pointer; font-family: inherit; outline: none !important; }\n        .btn-primary * { pointer-events: none !important; }\n        .btn-primary::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff !important; transform: scaleX(0); transform-origin: right; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); z-index: -1; }\n        .btn-primary svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; transition: transform 0.3s ease; }\n        .btn-primary:hover::before, .btn-primary:focus::before { transform: scaleX(1); transform-origin: left; }\n        .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: transparent !important; color: #000000 !important; border-color: #ffffff !important; box-shadow: 0 10px 30px var(--brand-accent-glow) !important; outline: none !important; }\n        .btn-primary:hover svg, .btn-primary:focus svg { transform: translateX(5px); }\n\n        .cv-roll-wrapper { position: relative; display: flex; overflow: hidden; line-height: 1.2; }\n        .cv-roll-row { display: flex; }\n        .cv-roll-row.cv-clone { position: absolute; top: 100%; left: 0; width: 100%; }\n        .cv-letter { display: inline-block; transition: transform 0.6s cubic-bezier(0.76, 0, 0.24, 1); white-space: pre; }\n        .btn-primary:hover .cv-roll-row.cv-original .cv-letter { transform: translateY(-100%); }\n        .btn-primary:hover .cv-roll-row.cv-clone .cv-letter { transform: translateY(-100%); }\n\n        .calendly-wrapper { width: 100%; height: 650px; border-radius: 12px; overflow: hidden; border: 1px solid var(--border-color); background-color: #050505; }\n\n        \/* =========================================\n           5. Tools Grid & Knoppen\n           ========================================= *\/\n        .tools-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }\n        .tool-card { background-color: var(--bg-card); border: 1px solid var(--border-color); border-radius: 20px; padding: 40px; text-decoration: none; display: flex; flex-direction: column; gap: 15px; transition: var(--transition); box-shadow: 0 15px 35px rgba(0,0,0,0.4); align-items: flex-start; }\n        .tool-card:hover { border-color: var(--border-hover); transform: translateY(-5px); background-color: rgba(25, 25, 25, 0.9); box-shadow: 0 25px 50px rgba(0,0,0,0.6); }\n        .tool-icon-wrapper { width: 60px; height: 60px; background-color: rgba(255, 255, 255, 0.03); border-radius: 12px; display: flex; justify-content: center; align-items: center; margin-bottom: 10px; border: 1px solid rgba(255, 255, 255, 0.08); transition: var(--transition); }\n        .tool-card:hover .tool-icon-wrapper { background-color: var(--brand-accent); transform: scale(1.05); }\n        .tool-icon { width: 30px; height: 30px; fill: var(--text-main); transition: var(--transition); }\n        .tool-card:hover .tool-icon { fill: #000000; }\n        .tool-title { color: var(--text-main); margin: 0; font-size: 1.5rem; font-weight: 600; }\n        .tool-desc { color: #fff; margin: 0 0 15px 0; font-size: 1rem; line-height: 1.6; font-weight: 300; }\n\n        .tool-btn {\n            margin-top: auto; \n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 12px 24px;\n            background-color: rgba(255, 255, 255, 0.05);\n            border: 1px solid rgba(255, 255, 255, 0.15);\n            border-radius: 50px;\n            color: var(--text-main);\n            font-size: 0.95rem;\n            font-weight: 600;\n            transition: all 0.4s ease;\n        }\n\n        .tool-btn svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; transition: transform 0.3s ease; }\n        .tool-card:hover .tool-btn { background-color: #ffffff; color: #000000; border-color: #ffffff; box-shadow: 0 5px 15px rgba(255, 255, 255, 0.15); }\n        .tool-card:hover .tool-btn svg { transform: translateX(5px); }\n\n        \/* Mobiele optimalisaties *\/\n        @media (max-width: 768px) {\n            \/* PERFORMANCE FIX: Haalt de background-attachment: fixed eruit op mobiel om zware scroll lag te voorkomen *\/\n            body { background-attachment: scroll !important; }\n            \n            main.onboarding-container { padding: 40px 15px 80px; gap: 50px; }\n            .hero-title { font-size: 2.4rem; }\n            .step-card { flex-direction: column; gap: 15px; padding: 25px 20px; }\n            .step-number { font-size: 3.5rem; height: 50px; margin-bottom: -10px; }\n            .tools-grid { grid-template-columns: 1fr; gap: 20px; }\n            \n            \/* === CALENDLY FIX === *\/\n            .calendly-wrapper { \n                height: 750px; \n                margin-left: -20px; \n                margin-right: -20px; \n                width: calc(100% + 40px); \n                border-radius: 0; \n                border-left: none; \n                border-right: none; \n            }\n            \n            .btn-primary { width: 100%; justify-content: center; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <main class=\"onboarding-container\">\n        \n        <section class=\"hero-section\">\n            <h1 class=\"hero-title\">Gefeliciteerd met je start!<\/h1>\n            <p class=\"hero-subtitle\">Welkom bij Kronenburg Coaching. Bekijk de welkomstvideo hieronder om precies te weten wat je kunt verwachten en doorloop daarna de stappen.<\/p>\n            \n            <div class=\"video-wrapper\">\n                <iframe \n                    style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;\" \n                    src=\"https:\/\/www.youtube.com\/embed\/LRRmelwlzCw?start=185\" \n                    title=\"Kronenburg Coaching Welkomstvideo\" \n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n                    allowfullscreen>\n                <\/iframe>\n            <\/div>\n        <\/section>\n\n        <section class=\"steps-wrapper\">\n            \n            <div class=\"step-card\">\n                <div class=\"step-number\">1<\/div>\n                <div class=\"step-content\">\n                    <h2 class=\"step-title\">Start intake<\/h2>\n                    <p class=\"step-desc\">Vul je gegevens zo volledig mogelijk in zodat we een perfect beeld krijgen van jouw startpositie. Hoe meer detail, hoe beter het plan.<\/p>\n                    \n                    <a href=\"https:\/\/052knlauk41.typeform.com\/to\/P63U3iZV\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-primary\">\n                        <span class=\"cv-roll-text\">Naar Intake Formulier<\/span>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"step-card\">\n                <div class=\"step-number\">2<\/div>\n                <div class=\"step-content\">\n                    <h2 class=\"step-title\">Jouw Feedback<\/h2>\n                    <p class=\"step-desc\">Hoe verloopt het contact met je coach tot nu toe? Jouw eerlijke feedback helpt ons om het traject perfect op jou af te stemmen.<\/p>\n                    \n                    <a href=\"https:\/\/052knlauk41.typeform.com\/to\/chFZWnuS\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-primary\">\n                        <span class=\"cv-roll-text\">Geef Feedback<\/span>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"step-card\">\n                <div class=\"step-number\">3<\/div>\n                <div class=\"step-content\">\n                    <h2 class=\"step-title\">Plan je kick-off<\/h2>\n                    <p class=\"step-desc\">Kies een datum en tijd. Hierin bouwen we jouw volledige gepersonaliseerde gameplan. Zorg dat je er klaar voor bent.<\/p>\n                    <div class=\"calendly-wrapper\">\n                        <iframe \n                            src=\"https:\/\/calendly.com\/kajkroon\/1-op-1-coaching-call-clone-1\" \n                            width=\"100%\" height=\"100%\" frameborder=\"0\" loading=\"lazy\" title=\"Plan je kick-off\">\n                        <\/iframe>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/section>\n\n        <section class=\"tools-grid\">\n            <a href=\"https:\/\/www.skool.com\/the-great-lock-in-9878\/about\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"tool-card\">\n                <div class=\"tool-icon-wrapper\">\n                    <svg class=\"tool-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"tool-title\">Open leeromgeving<\/h3>\n                <p class=\"tool-desc\">Alle tools, templates, video-uitleg en opdrachten die je nodig hebt voor Peak Performance.<\/p>\n                \n                <span class=\"tool-btn\">\n                    Naar Leeromgeving\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                <\/span>\n            <\/a>\n\n            <a href=\"https:\/\/discord.gg\/HKZu6DTU\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"tool-card\">\n                <div class=\"tool-icon-wrapper\">\n                    <svg class=\"tool-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-4.3 12.3c-1.5.7-3.2.7-4.7 0-.2-.1-.5-.1-.7 0-1.5.7-3.2.7-4.7 0-.2-.1-.4-.3-.4-.5 0-.2.1-.4.3-.4 1.1-.4 2.2-1 3.2-1.7-.1-.2-.2-.5-.2-.7 0-1.2.6-2.3 1.7-2.9 1-.6 2.2-.6 3.2 0 1.1.6 1.7 1.7 1.7 2.9 0 .2-.1.5-.2.7 1 .7 2.1 1.3 3.2 1.7.2.1.3.3.3.4s-.2.4-.4.5z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"tool-title\">Join Discord<\/h3>\n                <p class=\"tool-desc\">Dagelijks contact, directe 1-op-1 begeleiding en exclusieve toegang tot de inner circle.<\/p>\n                \n                <span class=\"tool-btn\">\n                    Join Server\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                <\/span>\n            <\/a>\n        <\/section>\n\n    <\/main>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            function initCVRollButtons() {\n                const buttons = document.querySelectorAll('.btn-primary:not(.cv-initialized)');\n                buttons.forEach(btn => {\n                    btn.classList.add('cv-initialized');\n                    const textSpan = btn.querySelector('.cv-roll-text');\n                    if (!textSpan) return;\n                    const text = textSpan.innerText;\n                    const wrapper = document.createElement('div'); wrapper.className = 'cv-roll-wrapper';\n                    const rowOriginal = document.createElement('div'); rowOriginal.className = 'cv-roll-row cv-original';\n                    const rowClone = document.createElement('div'); rowClone.className = 'cv-roll-row cv-clone';\n                    text.split('').forEach((char, index) => {\n                        const delay = index * 0.02;\n                        const spanOrig = document.createElement('span'); spanOrig.className = 'cv-letter'; spanOrig.innerText = char; spanOrig.style.transitionDelay = `${delay}s`; rowOriginal.appendChild(spanOrig);\n                        const spanClone = document.createElement('span'); spanClone.className = 'cv-letter'; spanClone.innerText = char; spanClone.style.transitionDelay = `${delay}s`; rowClone.appendChild(spanClone);\n                    });\n                    wrapper.appendChild(rowOriginal); wrapper.appendChild(rowClone); textSpan.replaceWith(wrapper);\n                });\n            }\n            initCVRollButtons();\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Gefeliciteerd met je start! Welkom bij Kronenburg Coaching. Bekijk de welkomstvideo hieronder om precies te weten wat je kunt verwachten [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kronenburgcoaching.nl\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kronenburgcoaching.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kronenburgcoaching.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kronenburgcoaching.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kronenburgcoaching.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":215,"href":"https:\/\/kronenburgcoaching.nl\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":280,"href":"https:\/\/kronenburgcoaching.nl\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/280"}],"wp:attachment":[{"href":"https:\/\/kronenburgcoaching.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}