{"id":29,"date":"2026-06-23T14:46:11","date_gmt":"2026-06-23T14:46:11","guid":{"rendered":"https:\/\/benjaminsmit.com\/?page_id=29"},"modified":"2026-06-23T17:13:15","modified_gmt":"2026-06-23T17:13:15","slug":"front","status":"publish","type":"page","link":"https:\/\/benjaminsmit.com\/","title":{"rendered":"front tijdelijk"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29\" class=\"elementor elementor-29\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2650523 e-con-full e-flex e-con e-parent\" data-id=\"2650523\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7cc2ae2 elementor-widget elementor-widget-image\" data-id=\"7cc2ae2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/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\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"988\" height=\"672\" src=\"https:\/\/benjaminsmit.com\/wp-content\/uploads\/2026\/06\/BenBuild-NL-e1782229602789.png\" class=\"attachment-full size-full wp-image-65\" alt=\"\" srcset=\"https:\/\/benjaminsmit.com\/wp-content\/uploads\/2026\/06\/BenBuild-NL-e1782229602789.png 988w, https:\/\/benjaminsmit.com\/wp-content\/uploads\/2026\/06\/BenBuild-NL-e1782229602789-300x204.png 300w, https:\/\/benjaminsmit.com\/wp-content\/uploads\/2026\/06\/BenBuild-NL-e1782229602789-768x522.png 768w\" sizes=\"(max-width: 988px) 100vw, 988px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a71327 e-flex e-con-boxed e-con e-parent\" data-id=\"8a71327\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f60eef elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6f60eef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>BENsmit.BUILD - Digital Foundation of your success<\/title>\r\n    <style>\r\n        :root {\r\n            --bg-color: #dadddf;\r\n            --text-color: #2b2b2b;\r\n            --card-border: #c4c6c8;\r\n            --card-bg: linear-gradient(145deg, #ffffff, #e6e8ea);\r\n            --announcement-bg: #2e363e;\r\n            --bright-accent: #ffee00;\r\n            --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; \r\n        }\r\n\r\n        * { box-sizing: border-box; }\r\n\r\n        body {\r\n            margin: 0; padding: 0;\r\n            font-family: var(--font-family);\r\n            color: var(--text-color);\r\n            background-color: var(--bg-color);\r\n            line-height: 1.6;\r\n            display: flex; flex-direction: column; min-height: 100vh;\r\n        }\r\n\r\n        \/* Taalbalk met vlaggen in het midden *\/\r\n        .language-bar {\r\n            width: 100%; padding: 15px; background: #fff;\r\n            display: flex; justify-content: center; align-items: center;\r\n            gap: 15px; border-bottom: 1px solid var(--card-border);\r\n            box-shadow: 0 2px 5px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .flag-btn {\r\n            cursor: pointer; font-size: 1.5rem; transition: transform 0.2s;\r\n            border: none; background: none; filter: grayscale(100%); opacity: 0.6;\r\n        }\r\n        .flag-btn:hover { transform: scale(1.2); opacity: 1; }\r\n        .flag-btn.active { filter: grayscale(0%); opacity: 1; transform: scale(1.1); }\r\n\r\n        \/* Welkomstsectie *\/\r\n        .welcome-header {\r\n            width: 100%; padding: 40px 20px; text-align: center;\r\n            background: var(--announcement-bg); color: #fff;\r\n        }\r\n        .welcome-header h1 { margin: 0; font-size: 2.5rem; color: #ffffff; }\r\n\r\n        \/* Toast melding *\/\r\n        #lang-toast {\r\n            position: fixed; top: 80px; left: 50%; transform: translateX(-50%);\r\n            background: var(--announcement-bg); color: #fff; padding: 10px 20px;\r\n            border-radius: 8px; display: none; z-index: 1000; box-shadow: 0 4px 10px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        \/* Container full width *\/\r\n        .container { width: 95%; margin: 20px auto; display: flex; flex-direction: column; align-items: center; }\r\n        .main-content { width: 100%; display: flex; flex-direction: column; gap: 25px; }\r\n\r\n        .announcement-card { width: 100%; background-color: var(--announcement-bg); border-radius: 8px; padding: 30px 20px; text-align: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 2px solid #1f2429; }\r\n        .announcement-card h1 { margin: 0 0 10px 0; font-size: 1.8rem; font-weight: 900; color: var(--bright-accent); }\r\n        .announcement-card p { margin: 0; font-size: 1.2rem; color: #ffffff; font-weight: 600; }\r\n        .highlight-date { display: inline-block; margin-top: 12px; background-color: var(--bright-accent); color: #000000; padding: 6px 20px; border-radius: 4px; font-weight: 900; text-transform: uppercase; }\r\n\r\n        .topics-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; width: 100%; }\r\n        .link-card { background: var(--card-bg); border: 1px solid var(--card-border); border-radius: 8px; padding: 20px; text-decoration: none; color: var(--text-color); display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; }\r\n        \r\n        @media (max-width: 480px) { .welcome-header h1 { font-size: 1.8rem; } }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div id=\"lang-toast\"><\/div>\r\n\r\n    <div class=\"language-bar\">\r\n        <button class=\"flag-btn\" onclick=\"changeLanguage('en', true)\" data-lang=\"en\">\ud83c\uddec\ud83c\udde7<\/button>\r\n        <button class=\"flag-btn\" onclick=\"changeLanguage('nl', true)\" data-lang=\"nl\">\ud83c\uddf3\ud83c\uddf1<\/button>\r\n        <button class=\"flag-btn\" onclick=\"changeLanguage('de', true)\" data-lang=\"de\">\ud83c\udde9\ud83c\uddea<\/button>\r\n        <button class=\"flag-btn\" onclick=\"changeLanguage('fr', true)\" data-lang=\"fr\">\ud83c\uddeb\ud83c\uddf7<\/button>\r\n        <button class=\"flag-btn\" onclick=\"changeLanguage('es', true)\" data-lang=\"es\">\ud83c\uddea\ud83c\uddf8<\/button>\r\n        <button class=\"flag-btn\" onclick=\"changeLanguage('pt', true)\" data-lang=\"pt\">\ud83c\uddf5\ud83c\uddf9<\/button>\r\n    <\/div>\r\n\r\n    <header class=\"welcome-header\">\r\n        <h1 id=\"welcome-title\">Welcome<\/h1>\r\n    <\/header>\r\n\r\n    <div class=\"container\">\r\n        <main class=\"main-content\">\r\n            <section class=\"announcement-card\">\r\n                <h1 id=\"announcement-title\">Our new website is coming soon!<\/h1>\r\n                <p id=\"announcement-text\">We are working hard on a brand new online experience. Expect us around<\/p>\r\n                <span class=\"highlight-date\" id=\"announcement-date\">July 11th<\/span>\r\n            <\/section>\r\n\r\n            <div class=\"topics-grid\">\r\n                <a href=\"#\" class=\"link-card\">\r\n                    <span class=\"card-icon\" aria-hidden=\"true\">\ud83d\udee0\ufe0f<\/span>\r\n                    <p class=\"card-title\" id=\"title-platform\">Platform Builder<\/p>\r\n                    <p class=\"card-description\" id=\"desc-platform\">Web development with code and tools.<\/p>\r\n                <\/a>\r\n                <a href=\"#\" class=\"link-card\">\r\n                    <span class=\"card-icon\" aria-hidden=\"true\">\ud83c\udfa8<\/span>\r\n                    <p class=\"card-title\" id=\"title-assistance\">Digital Assistance<\/p>\r\n                    <p class=\"card-description\" id=\"desc-assistance\">Wireframes and color palettes.<\/p>\r\n                <\/a>\r\n                <a href=\"#\" class=\"link-card\">\r\n                    <span class=\"card-icon\" aria-hidden=\"true\">\ud83d\udd27<\/span>\r\n                    <p class=\"card-title\" id=\"title-maintenance\">Maintenance<\/p>\r\n                    <p class=\"card-description\" id=\"desc-maintenance\">Updates and technical support.<\/p>\r\n                <\/a>\r\n                <a href=\"#\" class=\"link-card\">\r\n                    <span class=\"card-icon\" aria-hidden=\"true\">\ud83d\ude80<\/span>\r\n                    <p class=\"card-title\" id=\"title-wordpress\">WordPress & Crocoblocks<\/p>\r\n                    <p class=\"card-description\" id=\"desc-wordpress\">Advanced web solutions.<\/p>\r\n                <\/a>\r\n            <\/div>\r\n        <\/main>\r\n    <\/div>\r\n\r\n    <script>\r\n        const translations = {\r\n            en: { welcome: \"Welcome to BENsmit.BUILD\", announcementTitle: \"Our new website is coming soon!\", announcementText: \"We are working hard on a brand new online experience. Expect us around\", announcementDate: \"July 11th\", titlePlatform: \"Platform Builder\", descPlatform: \"Web development with code and tools.\", titleAssistance: \"Digital Assistance\", descAssistance: \"Wireframes and color palettes.\", titleMaintenance: \"Maintenance\", descMaintenance: \"Updates and technical support.\", titleWordpress: \"WordPress & Crocoblocks\", descWordpress: \"Advanced web solutions.\", toast: \"Language set to English\" },\r\n            nl: { welcome: \"Welkom bij BENsmit.BUILD\", announcementTitle: \"Onze nieuwe website komt binnenkort!\", announcementText: \"We werken hard aan een gloednieuwe online ervaring. Verwacht ons rond\", announcementDate: \"11 Juli\", titlePlatform: \"Platform Bouwer\", descPlatform: \"Webontwikkeling met code en tools.\", titleAssistance: \"Digitale Assistentie\", descAssistance: \"Wireframes en kleurenpaletten.\", titleMaintenance: \"Onderhoud\", descMaintenance: \"Updates en technische ondersteuning.\", titleWordpress: \"WordPress & Crocoblocks\", descWordpress: \"Geavanceerde weboplossingen.\", toast: \"Taal ingesteld op Nederlands\" },\r\n            de: { welcome: \"Willkommen bei BENsmit.BUILD\", announcementTitle: \"Unsere neue Website kommt bald!\", announcementText: \"Wir arbeiten hart an einem brandneuen Online-Erlebnis. Erwarten Sie uns gegen\", announcementDate: \"11. Juli\", titlePlatform: \"Plattform-Builder\", descPlatform: \"Webentwicklung mit Code und Tools.\", titleAssistance: \"Digitale Unterst\u00fctzung\", descAssistance: \"Wireframes und Farbpaletten.\", titleMaintenance: \"Wartung\", descMaintenance: \"Updates und technischer Support.\", titleWordpress: \"WordPress & Crocoblocks\", descWordpress: \"Erweiterte Webl\u00f6sungen.\", toast: \"Sprache auf Deutsch eingestellt\" },\r\n            fr: { welcome: \"Bienvenue sur BENsmit.BUILD\", announcementTitle: \"Notre nouveau site web arrive bient\u00f4t !\", announcementText: \"Nous travaillons dur sur une toute nouvelle exp\u00e9rience en ligne. Attendez-nous vers le\", announcementDate: \"11 Juillet\", titlePlatform: \"Cr\u00e9ateur de Plateforme\", descPlatform: \"D\u00e9veloppement web avec code et outils.\", titleAssistance: \"Assistance Num\u00e9rique\", descAssistance: \"Maquettes en fil de fer et palettes de couleurs.\", titleMaintenance: \"Maintenance\", descMaintenance: \"Mises \u00e0 jour et support technique.\", titleWordpress: \"WordPress & Crocoblocks\", descWordpress: \"Solutions web avanc\u00e9es.\", toast: \"Langue d\u00e9finie sur Fran\u00e7ais\" },\r\n            es: { welcome: \"Bienvenido a BENsmit.BUILD\", announcementTitle: \"\u00a1Nuestra nueva p\u00e1gina web estar\u00e1 lista pronto!\", announcementText: \"Estamos trabajando duro en una nueva experiencia online. Esp\u00e9renos hacia el\", announcementDate: \"11 de Julio\", titlePlatform: \"Creador de Plataformas\", descPlatform: \"Desarrollo web con c\u00f3digo y herramientas.\", titleAssistance: \"Asistencia Digital\", descAssistance: \"Estructuras al\u00e1mbricas y paletas de colores.\", titleMaintenance: \"Mantenimiento\", descMaintenance: \"Actualizaciones y soporte t\u00e9cnico.\", titleWordpress: \"WordPress & Crocoblocks\", descWordpress: \"Soluciones web avanzadas.\", toast: \"Idioma configurado en Espa\u00f1ol\" },\r\n            pt: { welcome: \"Bem-vindo ao BENsmit.BUILD\", announcementTitle: \"O nosso novo website estar\u00e1 dispon\u00edvel brevemente!\", announcementText: \"Estamos a trabalhar arduamente numa experi\u00eancia online totalmente nova. Espere por n\u00f3s por volta de\", announcementDate: \"11 de Julho\", titlePlatform: \"Construtor de Plataformas\", descPlatform: \"Desenvolvimento web com c\u00f3digo e ferramentas.\", titleAssistance: \"Assist\u00eancia Digital\", descAssistance: \"Wireframes e paletas de cores.\", titleMaintenance: \"Manuten\u00e7\u00e3o\", descMaintenance: \"Atualiza\u00e7\u00f5es e suporte t\u00e9cnico.\", titleWordpress: \"WordPress & Crocoblocks\", descWordpress: \"Soluciones web avan\u00e7adas.\", toast: \"Idioma definido como Portugu\u00eas\" }\r\n        };\r\n\r\n        function changeLanguage(lang, manual = false) {\r\n            const t = translations[lang] || translations['en'];\r\n            document.documentElement.lang = lang;\r\n            \r\n            \/\/ Update UI texts\r\n            document.getElementById('welcome-title').textContent = t.welcome;\r\n            document.getElementById('announcement-title').textContent = t.announcementTitle;\r\n            document.getElementById('announcement-text').textContent = t.announcementText;\r\n            document.getElementById('announcement-date').textContent = t.announcementDate;\r\n            document.getElementById('title-platform').textContent = t.titlePlatform;\r\n            document.getElementById('desc-platform').textContent = t.descPlatform;\r\n            document.getElementById('title-assistance').textContent = t.titleAssistance;\r\n            document.getElementById('desc-assistance').textContent = t.descAssistance;\r\n            document.getElementById('title-maintenance').textContent = t.titleMaintenance;\r\n            document.getElementById('desc-maintenance').textContent = t.descMaintenance;\r\n            document.getElementById('title-wordpress').textContent = t.titleWordpress;\r\n            document.getElementById('desc-wordpress').textContent = t.descWordpress;\r\n\r\n            \/\/ Highlight active flag\r\n            document.querySelectorAll('.flag-btn').forEach(btn => btn.classList.remove('active'));\r\n            document.querySelector(`[data-lang=\"${lang}\"]`).classList.add('active');\r\n\r\n            localStorage.setItem('userLang', lang);\r\n\r\n            if (manual) {\r\n                showToast(t.toast);\r\n            }\r\n        }\r\n\r\n        function showToast(message) {\r\n            const toast = document.getElementById('lang-toast');\r\n            toast.textContent = message;\r\n            toast.style.display = 'block';\r\n            setTimeout(() => { toast.style.display = 'none'; }, 3000);\r\n        }\r\n\r\n        window.onload = () => {\r\n            const savedLang = localStorage.getItem('userLang');\r\n            const browserLang = navigator.language.split('-')[0];\r\n            const initialLang = savedLang || (translations[browserLang] ? browserLang : 'en');\r\n            changeLanguage(initialLang, false);\r\n        };\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b717fd e-con-full e-flex e-con e-parent\" data-id=\"8b717fd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d145b8d e-con-full e-flex e-con e-parent\" data-id=\"d145b8d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97dea72 elementor-widget elementor-widget-html\" data-id=\"97dea72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer style=\"background-color: #4a4d50; color: #ffffff; text-align: center; padding: 40px 20px; font-family: sans-serif;\">\r\n    <p style=\"margin: 0; font-size: 1.2rem; font-weight: 500; letter-spacing: 0.5px;\">\r\n        Building the digital foundation for your success.\r\n    <\/p>\r\n    <p style=\"font-size: 0.9rem; opacity: 0.7; margin-top: 15px; margin-bottom: 0; letter-spacing: 0.5px;\">\r\n        &copy; 2026 BENsmit.BUILD\r\n    <\/p>\r\n<\/footer>\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>BENsmit.BUILD &#8211; Digital Foundation of your success \ud83c\uddec\ud83c\udde7 \ud83c\uddf3\ud83c\uddf1 \ud83c\udde9\ud83c\uddea \ud83c\uddeb\ud83c\uddf7 \ud83c\uddea\ud83c\uddf8 \ud83c\uddf5\ud83c\uddf9 Welcome Our new website is coming soon! We are working hard on a brand new online experience. Expect us around July 11th \ud83d\udee0\ufe0f Platform Builder Web development with code and tools. \ud83c\udfa8 Digital Assistance Wireframes and color palettes. \ud83d\udd27 Maintenance Updates and [&hellip;]<\/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","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"disable_footer":"yes","disable_header":"yes"},"_links":{"self":[{"href":"https:\/\/benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/benjaminsmit.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=29"}],"version-history":[{"count":148,"href":"https:\/\/benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":189,"href":"https:\/\/benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/pages\/29\/revisions\/189"}],"wp:attachment":[{"href":"https:\/\/benjaminsmit.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}