{"id":29,"date":"2026-06-23T14:46:11","date_gmt":"2026-06-23T14:46:11","guid":{"rendered":"https:\/\/cmsadmin.benjaminsmit.com\/?page_id=29"},"modified":"2026-07-01T20:07:14","modified_gmt":"2026-07-01T20:07:14","slug":"front","status":"publish","type":"page","link":"https:\/\/cmsadmin.benjaminsmit.com\/","title":{"rendered":"front tijdelijk"},"content":{"rendered":"<style>\n    .tk-lang-box {  \n        position: fixed !important; bottom: 20px !important; left: 20px !important; \n        z-index: 2147483647 !important; display: flex !important; flex-direction: column; gap: 8px;\n        background: rgba(10, 10, 10, 0.9); backdrop-filter: blur(15px);\n        padding: 15px; border-radius: 25px; border: 1px solid rgba(255,255,255,0.2);\n        box-shadow: 0 10px 40px rgba(0,0,0,0.7);\n        transition: opacity 0.6s ease, transform 0.6s ease;\n    } \n    .tk-hidden { opacity: 0 !important; transform: translateY(40px); pointer-events: none; }\n    .tk-flag-row { display: flex; gap: 20px; align-items: center; justify-content: center; }\n    \/* Aangepast voor SVG vlaggen *\/\n    .tk-flag { \n        width: 40px; \n        height: auto; \n        cursor: pointer; \n        transition: 0.3s; \n        filter: grayscale(0.5); \n        display: inline-block;\n    }\n    .tk-flag.is-active { filter: grayscale(0); transform: scale(1.1); }\n    \/* Gloei-effect voor de taal die NIET actief is *\/\n    .tk-flag.should-flicker { \n        filter: grayscale(0);\n        animation: active-pulse 2s infinite ease-in-out; \n    }\n    @keyframes active-pulse {\n        0%, 100% { transform: scale(1); filter: brightness(0.9); }\n        50% { transform: scale(1.2); filter: brightness(1.4) drop-shadow(0 0 10px #fff); }\n    }\n    \/* Progress Bar *\/\n    .tk-progress-container {\n        width: 100%; height: 4px; background: rgba(255,255,255,0.1);\n        border-radius: 2px; overflow: hidden; display: none;\n    }\n    #tk-bar { width: 0%; height: 100%; background: #4285f4; transition: width 0.1s linear; }\n    \/* Google Rommel Verbergen *\/\n    #google_translate_element, .skiptranslate, .goog-te-banner-frame, #goog-gt-tt { display: none !important; }\n    body { top: 0px !important; position: static !important; }\n<\/style>\n<p>        <svg id=\"flag-en\" onclick=\"translateTo('en')\" title=\"English\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 60 30\">\n            <clipPath id=\"s\"><path d=\"M0,0 v30 h60 v-30 z\"\/><\/clipPath>\n            <clipPath id=\"t\"><path d=\"M0,0 L60,30 M60,0 L0,30\"\/><\/clipPath>\n            <g clip-path=\"url(#s)\">\n                <path d=\"M0,0 v30 h60 v-30 z\" fill=\"#012169\"\/>\n                <path d=\"M0,0 L60,30 M60,0 L0,30\" stroke=\"#fff\" stroke-width=\"6\"\/>\n                <path d=\"M0,0 L60,30 M60,0 L0,30\" stroke=\"#C8102E\" stroke-width=\"4\" clip-path=\"url(#t)\"\/>\n                <path d=\"M30,0 v30 M0,15 h60\" stroke=\"#fff\" stroke-width=\"10\"\/>\n                <path d=\"M30,0 v30 M0,15 h60\" stroke=\"#C8102E\" stroke-width=\"6\"\/>\n            <\/g>\n        <\/svg><br \/>\n        <svg id=\"flag-nl\" onclick=\"translateTo('nl')\" title=\"Nederlands\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 9 6\">\n            <rect width=\"9\" height=\"6\" fill=\"#1E4785\"\/>\n            <rect width=\"9\" height=\"4\" fill=\"#FFFFFF\"\/>\n            <rect width=\"9\" height=\"2\" fill=\"#AE1C28\"\/>\n        <\/svg><br \/>\n\t\t\t\t\t<!DOCTYPE html><br \/>\n<html lang=\"nl\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Benjamin Smit | Digital Foundation<\/title><\/p>\n<style>\n        :root { \n            --bg-color: #d1d1d1; \n            --text-color: #000000;\n            --color-diensten: #004EA8; \n            --color-projecten: #B84200; \n            --color-contact: #4A2880;  \n        }\n        body { font-family: 'Segoe UI', sans-serif; background: var(--bg-color); color: var(--text-color); margin: 0; padding: 0; overflow-x: hidden; }\n        \/* Lightbox Stijlen *\/\n        #lightbox {\n            display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\n            background: rgba(0,0,0,0.95); z-index: 9999; justify-content: center; align-items: center; cursor: zoom-out;\n        }\n        #lightbox img { max-width: 90vw; max-height: 90vh; object-fit: contain; border: 2px solid #fff; }\n        \/* Header *\/\n        header { \n            position: sticky; top: 0; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 2vw; \n            background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);\n            z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); height: 70px; box-sizing: border-box;\n        }\n        .lang-container { grid-column: 1; justify-self: start; display: flex; gap: 5px; align-items: center; cursor: pointer; }\n        .active-lang { font-size: 2vh; opacity: 0.6; }\n        .alt-lang { font-size: 3vh; font-weight: bold; }\n        .header-logo { grid-column: 2; justify-self: center; height: 45px !important; width: auto !important; display: block; }\n        .menu-btn-header { grid-column: 3; justify-self: end; }\n        \/* CTA Stijlen *\/\n        .global-cta { display: flex; flex-direction: column; align-items: center; text-align: center; }\n        .cta-phone {\n            font-size: 2.2vh; font-weight: bold; color: #000 !important; text-decoration: none !important;\n            background: #fff; border: 2px solid #000; padding: 6px 14px; border-radius: 5px; transition: background 0.2s; display: inline-block;\n        }\n        .cta-phone:hover { background: #eee; }\n        .cta-hours { font-size: 1.4vh; margin-top: 4px; font-weight: 600; opacity: 0.9; }\n        \/* Menu Overlay *\/\n        #nav-overlay { \n            display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 2000; \n            flex-direction: column; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.9); overflow: hidden; cursor: pointer; \n        }\n        #nav-overlay::before {\n            content: \"\"; position: absolute; top: -20px; left: -20px; right: -20px; bottom: -20px; \n            background: url('https:\/\/cmsadmin.benjaminsmit.com\/wp-content\/uploads\/2026\/06\/achtergrond-1.png') no-repeat center center \/ cover;\n            filter: blur(15px); z-index: -1;\n        }\n        .menu-wrapper { display: flex; flex-direction: column; align-items: center; width: 95%; max-height: 98vh; z-index: 2001; cursor: default; padding-top: 5vh; }\n        \/* Compacte mobiele weergave om scrollen te voorkomen *\/\n        @media (max-width: 600px) {\n            .menu-wrapper { padding-top: 2vh; }\n            .menu-blocks-container { gap: 0.5vh !important; }\n            .menu-topic-block { padding: 8px !important; }\n            .main-topic-title { font-size: 2vh !important; margin-bottom: 4px !important; }\n            .menu-item { margin: 0.3vh 0 !important; font-size: 1.6vh !important; }\n            .global-cta { padding: 8px 15px !important; margin-top: 1vh !important; }\n        }\n        .menu-blocks-container { display: flex; flex-direction: column; width: 100%; gap: 1vh; }\n        .menu-topic-block { width: 100%; padding: 12px; box-sizing: border-box; border-radius: 10px; text-align: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15); }\n        .topic-diensten { background: var(--color-diensten); }\n        .topic-projecten { background: var(--color-projecten); }\n        .topic-contact { background: var(--color-contact); }\n        .main-topic-title { font-size: 2.4vh; font-weight: 900; margin-bottom: 8px; color: #fff !important; }\n        .menu-item { margin: 0.6vh 0; font-size: 1.8vh; font-weight: 700; }\n        .menu-item a { color: #ffffff !important; text-decoration: underline; }\n        section { display: none !important; }\n        .action-btn { background: #333; color: #fff; border: none; padding: 1vh 2vw; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1.8vh; }\n        \/* Close X Button *\/\n        .close-x-btn {\n            margin-top: 1.5vh; background: #000; color: #fff; border: none; border-radius: 50%;\n            width: 45px; height: 45px; font-size: 20px; font-weight: bold; cursor: pointer; display: flex;\n            align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n        }\n        \/* Constructie view *\/\n        #construction-desktop {\n            display: flex !important; position: relative; width: 100vw; height: calc(100vh - 70px); \n            overflow: hidden; justify-content: center; align-items: center; box-sizing: border-box;\n        }\n        #construction-desktop .bg-image {\n            display: block !important; position: absolute !important; top: 0; left: 0;\n            width: 100% !important; height: 100% !important; object-fit: cover !important; z-index: 1; cursor: zoom-in;\n        }\n        @media (max-width: 992px) {\n            #construction-desktop { height: 100vh !important; }\n            #construction-desktop .bg-image { object-fit: cover !important; }\n        }\n        .desktop-content-card {\n            position: relative; z-index: 2; background: rgba(255, 255, 255, 0.96); border: 3px solid #000000; \n            padding: 4vh 4vw; border-radius: 16px; box-shadow: 0 15px 35px rgba(0,0,0,0.3); text-align: center;\n            display: flex; flex-direction: column; align-items: center; gap: 2.5vh; max-width: 85vw; max-height: 85vh;\n        }\n        .desktop-content-card h1 { font-size: 3.6vh !important; margin: 0 !important; color: #000000; font-weight: 800; line-height: 1.2; }\n        .desktop-cta-box {\n            margin: 0 !important; background: #f7f7f7; border: 1px solid #ddd; display: inline-block;\n            padding: 2vh 3vw !important; border-radius: 10px; width: 100%; max-width: 450px;\n        }\n        .desktop-cta-box p { margin: 0 0 10px 0 !important; font-weight: bold; font-size: 2.2vh !important; color: #000; }\n        .desktop-cta-box .cta-phone { font-size: 3vh !important; padding: 8px 25px !important; }\n        .desktop-cta-box .cta-hours { font-size: 1.6vh !important; margin-top: 6px !important; color: #333; font-weight: 600; }\n        @media (min-width: 992px) {\n            .menu-wrapper { width: 90%; max-width: 1100px; }\n            .menu-blocks-container { flex-direction: row; justify-content: center; gap: 1.5vw; }\n            .menu-topic-block { flex: 1; padding: 3vh 1.5vw; min-height: 38vh; display: flex; flex-direction: column; justify-content: flex-start; }\n            .main-topic-title { font-size: 2.8vh; margin-bottom: 2.5vh; }\n            .submenu .menu-item { font-size: 2.4vh !important; margin: 1.5vh 0; }\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<header>\n            \ud83c\uddf3\ud83c\uddf1<br \/>\n            \ud83c\uddec\ud83c\udde7<br \/>\n        <img decoding=\"async\" src=\"https:\/\/cmsadmin.benjaminsmit.com\/wp-content\/uploads\/2026\/06\/BenBuild-NL-logo.png\" alt=\"Logo\"><br \/>\n        <button onclick=\"document.getElementById('nav-overlay').style.display='flex'\">MENU<\/button><br \/>\n    <\/header>\n<nav id=\"nav-overlay\" onclick=\"if(event.target === this) this.style.display='none'\">\n            <button style=\"margin-bottom: 1vh; background:#000;\" onclick=\"document.getElementById('nav-overlay').style.display='none'\" data-nl=\"SLUITEN\" data-en=\"CLOSE\">SLUITEN<\/button><br \/>\n                    DIENSTEN<br \/>\n                        <a href=\"https:\/\/benbuild.nl\/#platform-bouwer\" target=\"_blank\">\u00bb Platform bouwer<\/a><br \/>\n                        <a href=\"https:\/\/benbuild.nl\/#digitale-hulp\" target=\"_blank\">\u00bb Digitale hulp online<\/a><br \/>\n                        <a href=\"https:\/\/benbuild.nl\/#onderhoud\" target=\"_blank\">\u00bb Onderhoud website&#8217;s<\/a><br \/>\n                        <a href=\"https:\/\/benbuild.nl\/#wordpress\" target=\"_blank\">\u00bb WordPress + Crocoblock<\/a><br \/>\n                    PROJECTEN<br \/>\n                        <a href=\"https:\/\/benbuild.nl\" target=\"_blank\">\u00bb BenBuild.nl<\/a><br \/>\n                        <a href=\"https:\/\/go4.earth\" target=\"_blank\">\u00bb Go4.Earth<\/a><br \/>\n                    CONTACT<br \/>\n                        <a href=\"https:\/\/www.linkedin.com\/in\/benmooreless\/\" target=\"_blank\">LinkedIn<\/a> | <a href=\"https:\/\/www.facebook.com\/GO41EARTH\" target=\"_blank\">Facebook<\/a><br \/>\n                        <a href=\"mailto:b-t-w.top@proton.me\">Email<\/a> | <a href=\"https:\/\/wa.me\/31634001904\" target=\"_blank\">WhatsApp<\/a><br \/>\n                        <a href=\"https:\/\/signal.me\/#p\/+31634001904\" target=\"_blank\">Signal<\/a> | <a href=\"https:\/\/t.me\/BenGo4EarthFamily\" target=\"_blank\">Telegram<\/a><br \/>\n                <a href=\"tel:0634001904\" style=\"font-size: 2.2vh;\">\ud83d\udcde 0634001904<\/a><br \/>\n                Bellen tussen 16:00 &#8211; 19:00<br \/>\n            <button onclick=\"document.getElementById('nav-overlay').style.display='none'\">\u2715<\/button><br \/>\n    <\/nav>\n<p>    <main id=\"construction-desktop\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/cmsadmin.benjaminsmit.com\/wp-content\/uploads\/2026\/06\/achtergrond-1.png\" alt=\"Onder constructie\" onclick=\"openLightbox()\"><\/p>\n<h1 data-nl=\"Deze pagina is nog onder constructie\" data-en=\"This page is currently under construction\">Deze pagina is nog onder constructie<\/h1>\n<p data-nl=\"Direct telefonisch contact?\" data-en=\"Contact directly by phone?\">Direct telefonisch contact?<\/p>\n<p>                <a href=\"tel:0634001904\">\ud83d\udcde 0634001904<\/a><br \/>\n                Bereikbaar tussen 16:00 &#8211; 19:00<br \/>\n    <\/main><br \/>\n        <img decoding=\"async\" src=\"https:\/\/cmsadmin.benjaminsmit.com\/wp-content\/uploads\/2026\/06\/achtergrond-1.png\" alt=\"Onder constructie uitvergroot\"><br \/>\n<\/body><br \/>\n<\/html>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/cmsadmin.benjaminsmit.com\/wp-content\/uploads\/2026\/06\/BenBuild-NL-e1782229602789.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"BenBuild-NL\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NjUsInVybCI6Imh0dHBzOlwvXC9iZW5qYW1pbnNtaXQuY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8wNlwvQmVuQnVpbGQtTkwtZTE3ODIyMjk2MDI3ODkucG5nIn0%3D\"><br \/>\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"988\" height=\"672\" src=\"https:\/\/cmsadmin.benjaminsmit.com\/wp-content\/uploads\/2026\/06\/BenBuild-NL-e1782229602789.png\" alt=\"\" srcset=\"https:\/\/cmsadmin.benjaminsmit.com\/wp-content\/uploads\/2026\/06\/BenBuild-NL-e1782229602789.png 988w, https:\/\/cmsadmin.benjaminsmit.com\/wp-content\/uploads\/2026\/06\/BenBuild-NL-e1782229602789-300x204.png 300w, https:\/\/cmsadmin.benjaminsmit.com\/wp-content\/uploads\/2026\/06\/BenBuild-NL-e1782229602789-768x522.png 768w\" sizes=\"auto, (max-width: 988px) 100vw, 988px\" \/>\t\t\t\t\t\t\t\t<\/a><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!DOCTYPE html><br \/>\n<html lang=\"nl\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Kies Jouw Hulp<\/title><\/p>\n<style>\n        :root {\n            --primary: #2563eb;\n            --bg: #f8fafc;\n            --text: #1e293b;\n            --card-bg: #ffffff;\n        }\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background-color: var(--bg);\n            color: var(--text);\n            line-height: 1.5;\n            margin: 0;\n            padding: 40px 20px;\n        }\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n        }\n        .header {\n            text-align: center;\n            margin-bottom: 40px;\n        }\n        .header h1 {\n            font-size: 2.2rem;\n            color: #0f172a;\n            margin-bottom: 10px;\n        }\n        .header p {\n            font-size: 1.1rem;\n            color: #64748b;\n        }\n        .pricing-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px;\n        }\n        .card {\n            background: var(--card-bg);\n            border: 2px solid #e2e8f0;\n            border-radius: 12px;\n            padding: 25px;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n        .card.popular {\n            border-color: var(--primary);\n            box-shadow: 0 4px 12px rgba(37, 99, 235, 0.08);\n        }\n        .card-title {\n            font-size: 1.4rem;\n            margin-top: 0;\n            color: #0f172a;\n        }\n        .price {\n            font-size: 2.2rem;\n            font-weight: bold;\n            color: var(--primary);\n            margin: 10px 0;\n        }\n        .price span {\n            font-size: 0.9rem;\n            color: #64748b;\n            font-weight: normal;\n        }\n        .hours-badge {\n            background: #eff6ff;\n            color: #1e40af;\n            padding: 8px;\n            border-radius: 6px;\n            font-weight: bold;\n            text-align: center;\n            margin-bottom: 20px;\n        }\n        .features {\n            list-style: none;\n            padding: 0;\n            margin: 0 0 25px 0;\n        }\n        .features li {\n            margin-bottom: 10px;\n            padding-left: 20px;\n            position: relative;\n        }\n        .features li::before {\n            content: \"\u2713\";\n            color: #10b981;\n            font-weight: bold;\n            position: absolute;\n            left: 0;\n        }\n        .btn {\n            display: block;\n            text-align: center;\n            background: #e2e8f0;\n            color: #1e293b;\n            text-decoration: none;\n            padding: 12px;\n            border-radius: 6px;\n            font-weight: bold;\n        }\n        .card.popular .btn {\n            background: var(--primary);\n            color: white;\n        }\n        .footer-note {\n            text-align: center;\n            margin-top: 40px;\n            color: #64748b;\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<h1>Minder zelf doen, meer automatisch<\/h1>\n<p>Wij bouwen slimme systemen die het werk van je overnemen. Dat scheelt jou uren tijd.<\/p>\n<p>        <!-- PAKKET 1 --><\/p>\n<h2>Pakket Klein<\/h2>\n<p>                \u20ac44,- \/ maand<br \/>\n                Wij helpen je 1,5 uur per maand<\/p>\n<ul>\n<li>Klanten plannen zelf hun afspraak<\/li>\n<li>Systeem stuurt automatisch herinneringen<\/li>\n<li>Geen dubbele afspraken meer<\/li>\n<\/ul>\n<p>            <a href=\"#\">Kies Pakket Klein<\/a><br \/>\n        <!-- PAKKET 2 --><\/p>\n<h2>Pakket Midden<\/h2>\n<p>                \u20ac66,- \/ maand<br \/>\n                Wij helpen je 3 uur per maand<\/p>\n<ul>\n<li>Alles uit pakket Klein<\/li>\n<li>Automatisch mailen en sms&#8217;en naar klanten<\/li>\n<li>Nieuwe leads worden direct opgevangen<\/li>\n<li>Een website die automatisch werkt<\/li>\n<\/ul>\n<p>            <a href=\"#\">Kies Pakket Midden<\/a><br \/>\n        <!-- PAKKET 3 --><\/p>\n<h2>Pakket Groot<\/h2>\n<p>                \u20ac88,- \/ maand<br \/>\n                Wij helpen je 4,5 uur per maand<\/p>\n<ul>\n<li>Alles uit pakket Midden<\/li>\n<li>Uitgebreide automatisering van je marketing<\/li>\n<li>Wij doen al het moeilijke instelwerk<\/li>\n<li>Zelf alleen nog de binnengekomen klanten helpen<\/li>\n<\/ul>\n<p>            <a href=\"#\">Kies Pakket Groot<\/a><\/p>\n<p>Wil je minder stress en meer vrije tijd? We kijken samen wat bij je past.<\/p>\n<p><\/body><br \/>\n<\/html>\t\t\t\t\t<!DOCTYPE html><br \/>\n<html lang=\"nl\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Wat zit er in de pakketten?<\/title><\/p>\n<style>\n        :root {\n            --primary: #2563eb;\n            --bg: #f8fafc;\n            --text: #1e293b;\n            --border: #cbd5e1;\n            --green: #10b981;\n            --red: #ef4444;\n        }\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background-color: var(--bg);\n            color: var(--text);\n            line-height: 1.5;\n            margin: 0;\n            padding: 40px 10px;\n        }\n        .container {\n            max-width: 900px;\n            margin: 0 auto;\n        }\n        .header {\n            text-align: center;\n            margin-bottom: 40px;\n        }\n        .header h1 {\n            font-size: 2rem;\n            color: #0f172a;\n            margin-bottom: 10px;\n        }\n        .header p {\n            font-size: 1.1rem;\n            color: #64748b;\n        }\n        .table-wrapper {\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            border: 1px solid var(--border);\n        }\n        table {\n            width: 100%;\n            border-collapse: collapse;\n            text-align: left;\n        }\n        th, td {\n            padding: 16px;\n            border-bottom: 1px solid var(--border);\n            vertical-align: top;\n        }\n        th {\n            background-color: #f1f5f9;\n            color: #0f172a;\n            font-weight: bold;\n        }\n        th:nth-child(1), td:nth-child(1) { width: 45%; }\n        th:nth-child(2), td:nth-child(2) { width: 18%; text-align: center; }\n        th:nth-child(3), td:nth-child(3) { width: 18%; text-align: center; }\n        th:nth-child(4), td:nth-child(4) { width: 18%; text-align: center; }\n        .ja { color: var(--green); font-weight: bold; font-size: 1.2rem; }\n        .nee { color: var(--red); font-weight: bold; font-size: 1.2rem; }\n        .uren-tekst {\n            font-size: 0.9rem;\n            color: #64748b;\n            display: block;\n            font-weight: normal;\n            margin-top: 4px;\n        }\n        .pakket-naam { font-size: 1.1rem; color: var(--primary); display: block; }\n        \/* Klikbare Info Stijl *\/\n        .info-btn {\n            background: #e2e8f0;\n            color: #475569;\n            border: none;\n            border-radius: 50%;\n            width: 20px;\n            height: 20px;\n            font-size: 0.8rem;\n            cursor: pointer;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            margin-left: 5px;\n            font-weight: bold;\n        }\n        .info-btn:hover { background: var(--primary); color: white; }\n        .uitleg {\n            display: none;\n            background: #f8fafc;\n            border-left: 3px solid var(--primary);\n            padding: 8px 12px;\n            margin-top: 8px;\n            font-size: 0.85rem;\n            color: #475569;\n            border-radius: 0 4px 4px 0;\n        }\n        .item-titel { display: inline-flex; align-items: center; flex-wrap: wrap; }\n        @media (max-width: 600px) {\n            th, td { padding: 10px 6px; font-size: 0.85rem; }\n            .uren-tekst { font-size: 0.75rem; }\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<h1>Bekijk en vergelijk de pakketten<\/h1>\n<p>Klik op het \u24d8 icoontje voor een simpele uitleg van elk punt.<\/p>\n<table>\n<thead>\n<tr>\n<th>Wat krijg je?<\/th>\n<th>\n                        Klein<br \/>\n                        \u20ac44 \/ mnd\n                    <\/th>\n<th>\n                        Midden<br \/>\n                        \u20ac66 \/ mnd\n                    <\/th>\n<th>\n                        Groot<br \/>\n                        \u20ac88 \/ mnd\n                    <\/th>\n<\/tr>\n<\/thead>\n<tbody>\n                <!-- 1 --><\/p>\n<tr>\n<td>\n                        <strong>Hulp per maand<\/strong> <button onclick=\"toggleUitleg(1)\">\u24d8<\/button><br \/>\n                        Dit zijn de uren die je per maand van ons krijgt. Heb je een vraag, wil je een tekst aangepast hebben of werkt er iets niet? Dan gebruiken we deze uren om het direct voor je te regelen via de telefoon of mail.\n                    <\/td>\n<td>1,5 uur<\/td>\n<td>3 uur<\/td>\n<td>4,5 uur<\/td>\n<\/tr>\n<p>                <!-- 2 --><\/p>\n<tr>\n<td>\n                        <strong>Klaar voor gebruik<\/strong> <button onclick=\"toggleUitleg(2)\">\u24d8<\/button><br \/>\n                        Je hoeft zelf niks in te stellen. Wij zetten de basissystemen direct voor je aan en vullen je logo en bedrijfskleuren in, zodat je meteen kunt beginnen.\n                    <\/td>\n<td>\u2713<\/td>\n<td>\u2713<\/td>\n<td>\u2713<\/td>\n<\/tr>\n<p>                <!-- 3 --><\/p>\n<tr>\n<td>\n                        <strong>Slimme online agenda<\/strong> <button onclick=\"toggleUitleg(3)\">\u24d8<\/button><br \/>\n                        Een digitale agenda waar klanten zelf een afspraak in kunnen plannen wanneer het hen uitkomt. Dit scheelt jou uren aan de telefoon zitten.\n                    <\/td>\n<td>\u2713<\/td>\n<td>\u2713<\/td>\n<td>\u2713<\/td>\n<\/tr>\n<p>                <!-- 4 --><\/p>\n<tr>\n<td>\n                        <strong>Klantenlijst<\/strong> <button onclick=\"toggleUitleg(4)\">\u24d8<\/button><br \/>\n                        Al je klanten, telefoonnummers en e-mailadressen netjes geordend in \u00e9\u00e9n digitaal overzicht. Nooit meer zoeken in losse schriftjes of mailtjes.\n                    <\/td>\n<td>\u2713<\/td>\n<td>\u2713<\/td>\n<td>\u2713<\/td>\n<\/tr>\n<p>                <!-- 5 --><\/p>\n<tr>\n<td>\n                        <strong>Automatische mail-herinnering<\/strong> <button onclick=\"toggleUitleg(5)\">\u24d8<\/button><br \/>\n                        Zodra een klant een afspraak plant, stuurt het systeem automatisch een nette bevestiging en herinnering via de mail. Zo vergeten klanten hun afspraak niet meer.\n                    <\/td>\n<td>\u2715<\/td>\n<td>\u2713<\/td>\n<td>\u2713<\/td>\n<\/tr>\n<p>                <!-- 6 --><\/p>\n<tr>\n<td>\n                        <strong>Automatisch SMS&#8217;en<\/strong> <button onclick=\"toggleUitleg(6)\">\u24d8<\/button><br \/>\n                        Hetzelfde als de mail, maar dan via een sms&#8217;je op de mobiele telefoon van de klant. Omdat mensen hun sms direct lezen, voorkom je hiermee n\u00f3g beter dat ze een afspraak vergeten.\n                    <\/td>\n<td>\u2715<\/td>\n<td>\u2713<\/td>\n<td>\u2713<\/td>\n<\/tr>\n<p>                <!-- 7 --><\/p>\n<tr>\n<td>\n                        <strong>Je eigen internetpagina<\/strong> <button onclick=\"toggleUitleg(7)\">\u24d8<\/button><br \/>\n                        Een simpele, strakke webpagina onder jouw eigen bedrijfsnaam. Deze pagina is speciaal gemaakt om te zorgen dat bezoekers snel hun naam en nummer achterlaten (een lead worden) of een afspraak maken.\n                    <\/td>\n<td>\u2715<\/td>\n<td>\u2713<\/td>\n<td>\u2713<\/td>\n<\/tr>\n<p>                <!-- 8 --><\/p>\n<tr>\n<td>\n                        <strong>Automatische mail-campagnes<\/strong> <button onclick=\"toggleUitleg(8)\">\u24d8<\/button><br \/>\n                        Het systeem kan automatisch mailtjes sturen zonder dat jij erover na hoeft te denken. Bijvoorbeeld: een felicitatie met een kortingscode op de verjaardag van de klant, of een mailtje met de vraag voor een review na de afspraak.\n                    <\/td>\n<td>\u2715<\/td>\n<td>\u2715<\/td>\n<td>\u2713<\/td>\n<\/tr>\n<p>                <!-- 9 --><\/p>\n<tr>\n<td>\n                        <strong>Een slimme klant-route<\/strong> <button onclick=\"toggleUitleg(9)\">\u24d8<\/button><br \/>\n                        Dit zijn meerdere internetpagina&#8217;s achter elkaar die samenwerken. De klant klikt op je pagina -> vult zijn gegevens in -> komt automatisch op de pagina om te betalen of te plannen -> krijgt automatisch een bedankvideo te zien. Alles loopt vlekkeloos in elkaar over.\n                    <\/td>\n<td>\u2715<\/td>\n<td>\u2715<\/td>\n<td>\u2713<\/td>\n<\/tr>\n<p>                <!-- 10 --><\/p>\n<tr>\n<td>\n                        <strong>Volledig maatwerk<\/strong> <button onclick=\"toggleUitleg(10)\">\u24d8<\/button><br \/>\n                        Wil je een heel specifieke koppeling, ingewikkelde mails of extra schermen speciaal gebouwd voor jouw manier van werken? In dit pakket ontwerpen en programmeren wij het systeem precies zoals jij dat in je hoofd hebt.\n                    <\/td>\n<td>\u2715<\/td>\n<td>\u2715<\/td>\n<td>\u2713<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/body><br \/>\n<\/html>\t\t\t\t\t<\/p>\n<footer style=\"background-color: #4a4d50; color: #ffffff; text-align: center; padding: 40px 20px; font-family: sans-serif;\">\n<p style=\"margin: 0; font-size: 1.2rem; font-weight: 500; letter-spacing: 0.5px;\">\n        Building the digital foundation for your success.\n    <\/p>\n<p style=\"font-size: 0.9rem; opacity: 0.7; margin-top: 15px; margin-bottom: 0; letter-spacing: 0.5px;\">\n        &copy; 2026 BENsmit.BUILD\n    <\/p>\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>Benjamin Smit | Digital Foundation \ud83c\uddf3\ud83c\uddf1 \ud83c\uddec\ud83c\udde7 MENU SLUITEN DIENSTEN \u00bb Platform bouwer \u00bb Digitale hulp online \u00bb Onderhoud website&#8217;s \u00bb WordPress + Crocoblock PROJECTEN \u00bb BenBuild.nl \u00bb Go4.Earth CONTACT LinkedIn | Facebook Email | WhatsApp Signal | Telegram \ud83d\udcde 0634001904 Bellen tussen 16:00 &#8211; 19:00 \u2715 Deze pagina is nog onder constructie Direct telefonisch &#8230; <a title=\"front tijdelijk\" class=\"read-more\" href=\"https:\/\/cmsadmin.benjaminsmit.com\/\" aria-label=\"Read more about front tijdelijk\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-29","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/cmsadmin.benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cmsadmin.benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cmsadmin.benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cmsadmin.benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cmsadmin.benjaminsmit.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=29"}],"version-history":[{"count":311,"href":"https:\/\/cmsadmin.benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":366,"href":"https:\/\/cmsadmin.benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/pages\/29\/revisions\/366"}],"wp:attachment":[{"href":"https:\/\/cmsadmin.benjaminsmit.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}