{"id":45,"date":"2020-09-25T18:04:14","date_gmt":"2020-09-25T16:04:14","guid":{"rendered":"http:\/\/annettecoaching.nl\/test\/?page_id=45"},"modified":"2026-08-14T11:49:38","modified_gmt":"2026-08-14T09:49:38","slug":"home","status":"publish","type":"page","link":"https:\/\/annettecoaching.nl\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n<style>\n\/* ================================\n   ANNETTE COACHING - HOME\n   ================================ *\/\n\n.annette-home {\n    --green: #607b70;\n    --green-dark: #40584f;\n    --cream: #f7f5f0;\n    --light: #edf2ef;\n    --dark: #273438;\n    --text: #4c5658;\n    --white: #ffffff;\n\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n    color: var(--text);\n    line-height: 1.7;\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.annette-home * {\n    box-sizing: border-box;\n}\n\n\n\/* ================================\n   HERO\n   ================================ *\/\n\n.annette-hero {\n    display: grid;\n    grid-template-columns: 46% 54%;\n    min-height: 650px;\n    background: var(--cream);\n}\n\n.annette-hero-text {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 80px 9%;\n}\n\n.annette-label {\n    color: var(--green);\n    font-size: 14px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin-bottom: 18px;\n}\n\n.annette-hero h1 {\n    color: var(--dark);\n    font-size: clamp(48px, 6vw, 78px);\n    line-height: 1;\n    letter-spacing: -3px;\n    margin: 0 0 25px;\n}\n\n.annette-hero h1 span {\n    color: var(--green);\n}\n\n.annette-hero p {\n    font-size: 19px;\n    max-width: 570px;\n    margin: 0 0 30px;\n}\n\n.annette-hero-image {\n    min-height: 650px;\n    background-image: url('\/wp-content\/uploads\/2026\/08\/annette-coaching-zee-hero.webp');\n    background-size: cover;\n    background-position: center;\n}\n\n\n\/* ================================\n   BUTTONS\n   ================================ *\/\n\n.annette-buttons {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.annette-button {\n    display: inline-block;\n    padding: 14px 24px;\n    border-radius: 7px;\n    text-decoration: none !important;\n    font-weight: 700;\n    transition: .2s ease;\n}\n\n.annette-button-primary {\n    background: var(--green);\n    color: white !important;\n}\n\n.annette-button-primary:hover {\n    background: var(--green-dark);\n    transform: translateY(-2px);\n}\n\n.annette-button-secondary {\n    border: 1px solid var(--green);\n    color: var(--green) !important;\n    background: transparent;\n}\n\n.annette-button-secondary:hover {\n    background: var(--light);\n}\n\n\n\/* ================================\n   SECTIONS\n   ================================ *\/\n\n.annette-section {\n    padding: 90px 8%;\n}\n\n.annette-section-light {\n    background: var(--cream);\n}\n\n.annette-section-green {\n    background: var(--light);\n}\n\n.annette-heading {\n    max-width: 760px;\n    margin-bottom: 45px;\n}\n\n.annette-heading h2 {\n    color: var(--dark);\n    font-size: clamp(32px, 4vw, 48px);\n    line-height: 1.15;\n    letter-spacing: -1px;\n    margin: 0 0 18px;\n}\n\n.annette-heading p {\n    font-size: 18px;\n}\n\n\n\/* ================================\n   COACHING CARDS\n   ================================ *\/\n\n.annette-cards {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 25px;\n}\n\n.annette-card {\n    background: white;\n    padding: 40px;\n    border-radius: 18px;\n    border: 1px solid #e1e6e3;\n    transition: .2s ease;\n}\n\n.annette-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 15px 35px rgba(30,50,40,.08);\n}\n\n.annette-card-number {\n    color: var(--green);\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    margin-bottom: 15px;\n}\n\n.annette-card h3 {\n    color: var(--dark);\n    font-size: 27px;\n    margin: 0 0 15px;\n}\n\n.annette-card p {\n    margin-bottom: 18px;\n}\n\n.annette-link {\n    color: var(--green);\n    font-weight: 700;\n    text-decoration: none;\n}\n\n\n\/* ================================\n   TWO COLUMNS\n   ================================ *\/\n\n.annette-columns {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 70px;\n    align-items: center;\n}\n\n.annette-columns h2 {\n    color: var(--dark);\n    font-size: clamp(32px, 4vw, 47px);\n    line-height: 1.15;\n    margin: 0 0 20px;\n}\n\n.annette-columns p {\n    margin-bottom: 18px;\n}\n\n\n\/* ================================\n   LIST\n   ================================ *\/\n\n.annette-list {\n    list-style: none;\n    padding: 0;\n    margin: 25px 0;\n}\n\n.annette-list li {\n    position: relative;\n    padding: 8px 0 8px 30px;\n}\n\n.annette-list li::before {\n    content: \"\u2713\";\n    position: absolute;\n    left: 0;\n    color: var(--green);\n    font-weight: 700;\n}\n\n\n\/* ================================\n   DARK BLOCK\n   ================================ *\/\n\n.annette-dark {\n    background: var(--dark);\n    color: white;\n    padding: 45px;\n    border-radius: 20px;\n}\n\n.annette-dark h3 {\n    color: white;\n    font-size: 27px;\n    margin-top: 0;\n}\n\n.annette-dark p {\n    color: #edf1ef;\n}\n\n\n\/* ================================\n   ANNETTE BLOK (Aangepast voor kleinere foto)\n   ================================ *\/\n\n.annette-person {\n    display: grid;\n    \/* Veranderd van 42% 58% naar een vaste breedte voor de foto *\/\n    grid-template-columns: 250px 1fr; \n    align-items: center; \/* Verticaal centreren *\/\n    background: white;\n    border-radius: 22px;\n    overflow: hidden;\n    box-shadow: 0 10px 35px rgba(30,50,40,.07);\n    padding: 40px; \/* Padding toegevoegd aan de container *\/\n    gap: 20px;\n}\n\n.annette-person-photo {\n    \/* Harde min-height verwijderd *\/\n    width: 100%;\n    \/* Maakt de foto vierkant *\/\n    aspect-ratio: 1 \/ 1; \n    background-image: url('\/wp-content\/uploads\/2025\/11\/Foto-031125.jpg');\n    background-size: cover;\n    background-position: center top;\n    \/* Ronde hoeken voor de foto zelf *\/\n    border-radius: 15px; \n}\n\n.annette-person-text {\n    \/* Padding verminderd omdat de container nu padding heeft *\/\n    padding: 20px 20px 20px 40px; \n}\n\n.annette-person-text h2 {\n    color: var(--dark);\n    font-size: clamp(32px, 4vw, 48px);\n    line-height: 1.15;\n    margin: 0 0 22px;\n}\n\n.annette-quote {\n    color: var(--dark);\n    font-size: 22px;\n    line-height: 1.45;\n    font-weight: 600;\n    margin-top: 30px;\n}\n\n\n\/* ================================\n   FOTO SECTIE\n   ================================ *\/\n\n.annette-photo-section {\n    position: relative;\n    min-height: 450px;\n    background-image:\n        linear-gradient(\n            rgba(25,40,42,.28),\n            rgba(25,40,42,.28)\n        ),\n        url('\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-13-at-18.35.55.jpeg');\n    background-size: cover;\n    background-position: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n}\n\n.annette-photo-content {\n    color: white;\n    max-width: 720px;\n    padding: 50px 7%;\n}\n\n.annette-photo-content h2 {\n    color: white;\n    font-size: clamp(35px, 5vw, 55px);\n    line-height: 1.1;\n    margin: 0 0 20px;\n}\n\n.annette-photo-content p {\n    font-size: 19px;\n}\n\n\n\/* ================================\n   CTA\n   ================================ *\/\n\n.annette-cta {\n    text-align: center;\n    padding: 90px 8%;\n    background: var(--cream);\n}\n\n.annette-cta h2 {\n    color: var(--dark);\n    font-size: clamp(35px, 5vw, 52px);\n    line-height: 1.1;\n    margin: 0 0 20px;\n}\n\n.annette-cta p {\n    max-width: 650px;\n    margin: 0 auto 30px;\n    font-size: 18px;\n}\n\n\n\/* ================================\n   MOBIEL\n   ================================ *\/\n\n@media (max-width: 850px) {\n\n    .annette-hero {\n        grid-template-columns: 1fr;\n    }\n\n    .annette-hero-text {\n        padding: 65px 7%;\n    }\n\n    .annette-hero-image {\n        min-height: 430px;\n    }\n\n    .annette-cards,\n    .annette-columns {\n        grid-template-columns: 1fr;\n    }\n\n    \/* Mobiele aanpassingen voor het persoonsblok *\/\n    .annette-person {\n        grid-template-columns: 1fr; \/* Onder elkaar op mobiel *\/\n        padding: 30px;\n        text-align: center;\n    }\n\n    .annette-person-photo {\n        \/* Foto centreren en grootte beperken op mobiel *\/\n        width: 180px;\n        margin: 0 auto 20px; \n    }\n\n    .annette-section {\n        padding: 65px 7%;\n    }\n\n    .annette-person-text {\n        padding: 0;\n    }\n\n    .annette-dark {\n        padding: 35px;\n    }\n}\n\n\n@media (max-width: 500px) {\n\n    .annette-hero h1 {\n        font-size: 46px;\n    }\n\n    .annette-hero p {\n        font-size: 18px;\n    }\n\n    .annette-buttons {\n        flex-direction: column;\n    }\n\n    .annette-button {\n        width: 100%;\n        text-align: center;\n    }\n\n    .annette-card {\n        padding: 28px;\n    }\n\n    .annette-photo-section {\n        min-height: 400px;\n    }\n}\n<\/style>\n\n\n<div class=\"annette-home\">\n\n\n    <!-- HERO -->\n\n    <section class=\"annette-hero\">\n\n        <div class=\"annette-hero-text\">\n\n            <div class=\"annette-label\">\n                Coaching bij kanker &#038; life-events\n            <\/div>\n\n            <h1>\n                Wat is jouw <span>uitzicht?<\/span>\n            <\/h1>\n\n            <p>\n                Soms verandert het leven ingrijpend. Door kanker, een\n                life-event of doordat je merkt dat je bent vastgelopen.\n                Coaching helpt je om stil te staan, inzicht te krijgen\n                en opnieuw regie te nemen over wat voor jou belangrijk is.\n            <\/p>\n\n            <div class=\"annette-buttons\">\n\n                <a\n                    href=\"\/home\/contact\/\"\n                    class=\"annette-button annette-button-primary\">\n                    Plan een kennismaking\n                <\/a>\n\n                <a\n                    href=\"\/home\/over-annette\/\"\n                    class=\"annette-button annette-button-secondary\">\n                    Maak kennis met Annette\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div\n            class=\"annette-hero-image\"\n            role=\"img\"\n            aria-label=\"Uitzicht over de zee bij zonsopkomst\">\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- INTRODUCTIE -->\n\n    <section class=\"annette-section\">\n\n        <div class=\"annette-heading\">\n\n            <div class=\"annette-label\">\n                Persoonlijke coaching\n            <\/div>\n\n            <h2>\n                Ruimte voor jouw verhaal\n            <\/h2>\n\n            <p>\n                Coaching krijgt vorm in een gelijkwaardig gesprek. Ik luister\n                naar je, probeer je te begrijpen en stel vragen die je helpen\n                bewust te worden van wat er bij jou speelt.\n            <\/p>\n\n            <p>\n                Samen onderzoeken we waar je tegenaan loopt, welke\n                belemmeringen je ervaart en welke verlangens en behoeften\n                daaronder liggen. Ook kijken we naar de mensen om je heen\n                en de omgeving waarin je leeft.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"annette-cards\">\n\n\n            <div class=\"annette-card\">\n\n                <div class=\"annette-card-number\">\n                    01 \u2014 COACHING\n                <\/div>\n\n                <h3>\n                    Coaching bij kanker\n                <\/h3>\n\n                <p>\n                    De diagnose kanker heeft vaak een enorme impact.\n                    Niet alleen op je gezondheid, maar ook op gezin,\n                    relaties, werk, zingeving, zelfbeeld, zelfvertrouwen\n                    en financi\u00ebn.\n                <\/p>\n\n                <p>\n                    Als coach kan ik je rust bieden en met je meelopen\n                    tijdens het proces en\/of daarna.\n                <\/p>\n\n                <a\n                    href=\"\/home\/coaching-bij-kanker\/\"\n                    class=\"annette-link\">\n                    Meer over coaching bij kanker \u2192\n                <\/a>\n\n            <\/div>\n\n\n            <div class=\"annette-card\">\n\n                <div class=\"annette-card-number\">\n                    02 \u2014 COACHING\n                <\/div>\n\n                <h3>\n                    Life coaching\n                <\/h3>\n\n                <p>\n                    In ons leven komen we allerlei dingen tegen die ons\n                    sterk be\u00efnvloeden. Onze gedachten en gevoelens kunnen\n                    ervoor zorgen dat we ons laten leiden door wat er gebeurt.\n                <\/p>\n\n                <p>\n                    Door te onderzoeken wat jou tegenhoudt en wat bij jou\n                    past, ontstaat ruimte voor bewustere keuzes en meer regie.\n                <\/p>\n\n                <a\n                    href=\"\/home\/life-coaching\/\"\n                    class=\"annette-link\">\n                    Meer over life coaching \u2192\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- KANKER -->\n\n    <section class=\"annette-section annette-section-green\">\n\n        <div class=\"annette-columns\">\n\n\n            <div>\n\n                <div class=\"annette-label\">\n                    Wanneer alles verandert\n                <\/div>\n\n                <h2>\n                    Kanker raakt meer dan alleen je gezondheid\n                <\/h2>\n\n                <p>\n                    Wanneer je hoort dat je kanker hebt, of wanneer een\n                    dierbare wordt getroffen, kan dat je volledig uit\n                    balans brengen.\n                <\/p>\n\n                <p>\n                    Het raakt vaak verschillende facetten van het leven:\n                <\/p>\n\n                <ul class=\"annette-list\">\n\n                    <li>gezin en relaties<\/li>\n                    <li>werk en financi\u00ebn<\/li>\n                    <li>zingeving<\/li>\n                    <li>zelfbeeld en zelfvertrouwen<\/li>\n                    <li>gedachten, gevoelens en toekomst<\/li>\n\n                <\/ul>\n\n            <\/div>\n\n\n            <div class=\"annette-dark\">\n\n                <h3>\n                    Samen kijken naar wat jij nodig hebt\n                <\/h3>\n\n                <p>\n                    We onderzoeken waar je tegenaan loopt, welke\n                    belemmeringen je ervaart en hoe deze zijn ontstaan.\n                <\/p>\n\n                <p>\n                    Daarna kijken we naar waar je naar verlangt,\n                    waar je behoefte aan hebt en wat bij jou past.\n                <\/p>\n\n                <p>\n                    Als coach ondersteun ik je en bied ik een plek waar\n                    je rust kunt vinden tijdens een periode waarin er\n                    veel op je afkomt.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- PERSOONLIJKE ERVARING -->\n\n    <section class=\"annette-section\">\n\n        <div class=\"annette-person\">\n\n            <div class=\"annette-person-photo\"><\/div>\n\n\n            <div class=\"annette-person-text\">\n\n                <div class=\"annette-label\">\n                    Persoonlijke ervaring\n                <\/div>\n\n                <h2>\n                    Ik weet hoe ingrijpend kanker kan zijn\n                <\/h2>\n\n                <p>\n                    Ik ben zelf ervaringsdeskundige. In 2019 kreeg ik\n                    de diagnose borstkanker en heb ik ervaren hoeveel\n                    invloed de manier waarop je met kanker omgaat kan\n                    hebben op hoe je behandelingen en een pittige periode\n                    doorstaat.\n                <\/p>\n\n                <p>\n                    Daarnaast heb ik in mijn eigen leven ervaren hoe\n                    gemakkelijk je je kunt laten leiden door wat anderen\n                    van je vinden en door wat er in je omgeving gebeurt.\n                <\/p>\n\n                <p>\n                    Inmiddels ervaar ik het als een enorme rijkdom dat ik\n                    hier anders mee om kan gaan en meer the regie over mijn\n                    leven kan nemen.\n                <\/p>\n\n                <p class=\"annette-quote\">\n                    Door mijn gedachten en gevoelens meer te bevragen,\n                    uit te zoeken en erop te reflecteren, ontstaat ruimte\n                    voor verandering.\n                <\/p>\n\n                <a\n                    href=\"\/home\/over-annette\/\"\n                    class=\"annette-link\">\n                    Meer over Annette \u2192\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- UITZICHT -->\n\n    <section class=\"annette-photo-section\">\n\n        <div class=\"annette-photo-content\">\n\n            <div class=\"annette-label\">\n                Coaching\n            <\/div>\n\n            <h2>\n                Van stilstaan naar vooruit kijken\n            <\/h2>\n\n            <p>\n                Soms heb je behoefte aan iemand die naast je staat,\n                luistert en samen met jou onderzoekt wat voor jou\n                belangrijk is.\n            <\/p>\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- CTA -->\n\n    <section class=\"annette-cta\">\n\n        <div class=\"annette-label\">\n            Annette Coaching\n        <\/div>\n\n        <h2>\n            Wil je eens kennismaken?\n        <\/h2>\n\n        <p>\n            Bel, mail of app gerust voor meer informatie of een\n            ori\u00ebnterend kennismakingsgesprek. Ik ben benieuwd naar\n            jouw verhaal.\n        <\/p>\n\n        <a\n            href=\"\/home\/contact\/\"\n            class=\"annette-button annette-button-primary\">\n            Neem contact op\n        <\/a>\n\n    <\/section>\n\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Coaching bij kanker &#038; life-events Wat is jouw uitzicht? Soms verandert het leven ingrijpend. Door kanker, een life-event of doordat je merkt dat je bent vastgelopen. Coaching helpt je om stil te staan, inzicht te krijgen en opnieuw regie te nemen over wat voor jou belangrijk is. Plan een kennismaking Maak kennis met Annette Persoonlijke &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/annettecoaching.nl\/home\/\"> <span class=\"screen-reader-text\">Home<\/span> Lees verder &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/annettecoaching.nl\/home\/wp-json\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/annettecoaching.nl\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/annettecoaching.nl\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/annettecoaching.nl\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/annettecoaching.nl\/home\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":34,"href":"https:\/\/annettecoaching.nl\/home\/wp-json\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":364,"href":"https:\/\/annettecoaching.nl\/home\/wp-json\/wp\/v2\/pages\/45\/revisions\/364"}],"wp:attachment":[{"href":"https:\/\/annettecoaching.nl\/home\/wp-json\/wp\/v2\/media?parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}