{"id":1135,"date":"2025-12-26T13:30:27","date_gmt":"2025-12-26T13:30:27","guid":{"rendered":"https:\/\/hansschuurmans.nl\/?page_id=1135"},"modified":"2025-12-29T08:43:10","modified_gmt":"2025-12-29T08:43:10","slug":"start-met-ai","status":"publish","type":"page","link":"https:\/\/hansschuurmans.nl\/","title":{"rendered":"Start"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1135\" class=\"elementor elementor-1135\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d0eab54 e-flex e-con-boxed e-con e-parent\" data-id=\"d0eab54\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f63dccf elementor-widget elementor-widget-html\" data-id=\"f63dccf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- \r\n===========================================\r\nWIDGET 0: NAVIGATION BAR (v6 - Kennismaken Button)\r\nHans Schuurmans - Personal Website\r\nPrefix: hs-nav-\r\n===========================================\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Syne:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ===== NAVIGATION VARIABLES ===== *\/\r\n.hs-nav-bar {\r\n    --hs-black: #0a0a0a;\r\n    --hs-dark: #111111;\r\n    --hs-gray: #1a1a1a;\r\n    --hs-gray-light: #2a2a2a;\r\n    --hs-gray-medium: #888888;\r\n    --hs-white: #ffffff;\r\n    --hs-white-soft: #e5e5e5;\r\n    --hs-purple: #8b5cf6;\r\n    --hs-purple-light: #a78bfa;\r\n    --hs-purple-dark: #7c3aed;\r\n    --hs-font-display: 'Instrument Serif', Georgia, serif;\r\n    --hs-font-body: 'Syne', sans-serif;\r\n}\r\n\r\n\/* ===== NAVIGATION BASE ===== *\/\r\n.hs-nav-bar {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 9999;\r\n    background: rgba(10, 10, 10, 0.95);\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n    border-bottom: 1px solid rgba(139, 92, 246, 0.1);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.hs-nav-bar.hs-nav-scrolled {\r\n    background: rgba(10, 10, 10, 0.98);\r\n    border-bottom: 1px solid rgba(139, 92, 246, 0.2);\r\n    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.hs-nav-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 0 5%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    height: 80px;\r\n}\r\n\r\n\/* ===== LOGO WITH HS ICON ===== *\/\r\n.hs-nav-logo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.hs-nav-logo:hover {\r\n    transform: scale(1.02);\r\n}\r\n\r\n.hs-nav-logo-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    background: linear-gradient(135deg, var(--hs-purple) 0%, var(--hs-purple-dark) 100%);\r\n    border-radius: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 15px rgba(139, 92, 246, 0.3);\r\n}\r\n\r\n.hs-nav-logo-icon::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%, transparent 50%);\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n}\r\n\r\n.hs-nav-logo:hover .hs-nav-logo-icon {\r\n    transform: rotate(-3deg);\r\n    box-shadow: 0 8px 25px rgba(139, 92, 246, 0.5);\r\n}\r\n\r\n.hs-nav-logo:hover .hs-nav-logo-icon::before {\r\n    opacity: 1;\r\n}\r\n\r\n.hs-nav-logo-initials {\r\n    font-family: var(--hs-font-display);\r\n    font-size: 22px;\r\n    font-weight: 400;\r\n    color: var(--hs-white);\r\n    letter-spacing: -0.02em;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.hs-nav-logo-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n}\r\n\r\n.hs-nav-logo-name {\r\n    font-family: var(--hs-font-display);\r\n    font-size: 20px;\r\n    color: var(--hs-white);\r\n    font-weight: 400;\r\n    line-height: 1.1;\r\n}\r\n\r\n.hs-nav-logo-tagline {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n    color: var(--hs-purple);\r\n}\r\n\r\n\/* ===== NAVIGATION MENU ===== *\/\r\n.hs-nav-menu {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.hs-nav-item {\r\n    position: relative;\r\n}\r\n\r\n.hs-nav-link {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    color: var(--hs-white-soft);\r\n    text-decoration: none;\r\n    padding: 12px 20px;\r\n    display: inline-block;\r\n    position: relative;\r\n    transition: all 0.3s ease;\r\n    letter-spacing: 0.02em;\r\n}\r\n\r\n.hs-nav-link::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 8px;\r\n    left: 20px;\r\n    right: 20px;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, var(--hs-purple), var(--hs-purple-light));\r\n    transform: scaleX(0);\r\n    transform-origin: center;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.hs-nav-link:hover {\r\n    color: var(--hs-white);\r\n}\r\n\r\n.hs-nav-link:hover::after {\r\n    transform: scaleX(1);\r\n}\r\n\r\n\/* Active state *\/\r\n.hs-nav-link.hs-nav-active {\r\n    color: var(--hs-purple-light);\r\n}\r\n\r\n.hs-nav-link.hs-nav-active::after {\r\n    transform: scaleX(1);\r\n}\r\n\r\n\/* ===== CTA BUTTON ===== *\/\r\n.hs-nav-cta {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: var(--hs-white);\r\n    background: var(--hs-purple);\r\n    border: 2px solid var(--hs-purple);\r\n    padding: 10px 24px;\r\n    text-decoration: none;\r\n    border-radius: 2px;\r\n    margin-left: 16px;\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    letter-spacing: 0.02em;\r\n}\r\n\r\n.hs-nav-cta:hover {\r\n    background: var(--hs-purple-dark);\r\n    border-color: var(--hs-purple-dark);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 25px rgba(139, 92, 246, 0.4);\r\n}\r\n\r\n\/* ===== HAMBURGER MENU ===== *\/\r\n.hs-nav-hamburger {\r\n    display: none;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 44px;\r\n    height: 44px;\r\n    background: transparent;\r\n    border: 1px solid var(--hs-gray-light);\r\n    border-radius: 2px;\r\n    cursor: pointer;\r\n    gap: 6px;\r\n    padding: 0;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.hs-nav-hamburger:hover {\r\n    border-color: var(--hs-purple);\r\n    background: rgba(139, 92, 246, 0.1);\r\n}\r\n\r\n.hs-nav-hamburger-line {\r\n    width: 20px;\r\n    height: 2px;\r\n    background: var(--hs-white);\r\n    transition: all 0.3s ease;\r\n    transform-origin: center;\r\n}\r\n\r\n.hs-nav-hamburger.hs-nav-open .hs-nav-hamburger-line:nth-child(1) {\r\n    transform: rotate(45deg) translate(5px, 6px);\r\n}\r\n\r\n.hs-nav-hamburger.hs-nav-open .hs-nav-hamburger-line:nth-child(2) {\r\n    opacity: 0;\r\n    transform: scaleX(0);\r\n}\r\n\r\n.hs-nav-hamburger.hs-nav-open .hs-nav-hamburger-line:nth-child(3) {\r\n    transform: rotate(-45deg) translate(6px, -7px);\r\n}\r\n\r\n\/* ===== MOBILE MENU ===== *\/\r\n.hs-nav-mobile-menu {\r\n    display: none;\r\n    position: fixed;\r\n    top: 80px;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: rgba(10, 10, 10, 0.98);\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n    padding: 40px 24px;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: all 0.3s ease;\r\n    overflow-y: auto;\r\n}\r\n\r\n.hs-nav-mobile-menu.hs-nav-open {\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n\r\n.hs-nav-mobile-list {\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n}\r\n\r\n.hs-nav-mobile-link {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 18px;\r\n    font-weight: 500;\r\n    color: var(--hs-white-soft);\r\n    text-decoration: none;\r\n    padding: 16px 20px;\r\n    display: block;\r\n    border: 1px solid transparent;\r\n    border-radius: 2px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.hs-nav-mobile-link:hover {\r\n    color: var(--hs-white);\r\n    background: rgba(139, 92, 246, 0.1);\r\n    border-color: rgba(139, 92, 246, 0.3);\r\n}\r\n\r\n.hs-nav-mobile-cta {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: var(--hs-white);\r\n    background: var(--hs-purple);\r\n    border: 2px solid var(--hs-purple);\r\n    padding: 16px 24px;\r\n    text-decoration: none;\r\n    border-radius: 2px;\r\n    display: block;\r\n    text-align: center;\r\n    margin-top: 24px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.hs-nav-mobile-cta:hover {\r\n    background: var(--hs-purple-dark);\r\n    border-color: var(--hs-purple-dark);\r\n}\r\n\r\n\/* ===== MOBILE DIVIDER ===== *\/\r\n.hs-nav-mobile-divider {\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.3), transparent);\r\n    margin: 16px 0;\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 1024px) {\r\n    .hs-nav-menu {\r\n        display: none;\r\n    }\r\n    \r\n    .hs-nav-cta-desktop {\r\n        display: none;\r\n    }\r\n    \r\n    .hs-nav-hamburger {\r\n        display: flex;\r\n    }\r\n    \r\n    .hs-nav-mobile-menu {\r\n        display: block;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hs-nav-container {\r\n        height: 70px;\r\n        padding: 0 24px;\r\n    }\r\n    \r\n    .hs-nav-logo-icon {\r\n        width: 42px;\r\n        height: 42px;\r\n        border-radius: 6px;\r\n    }\r\n    \r\n    .hs-nav-logo-initials {\r\n        font-size: 20px;\r\n    }\r\n    \r\n    .hs-nav-logo-name {\r\n        font-size: 18px;\r\n    }\r\n    \r\n    .hs-nav-logo-tagline {\r\n        font-size: 9px;\r\n    }\r\n    \r\n    .hs-nav-mobile-menu {\r\n        top: 70px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hs-nav-container {\r\n        height: 64px;\r\n        padding: 0 20px;\r\n    }\r\n    \r\n    .hs-nav-logo-icon {\r\n        width: 38px;\r\n        height: 38px;\r\n    }\r\n    \r\n    .hs-nav-logo-initials {\r\n        font-size: 18px;\r\n    }\r\n    \r\n    .hs-nav-logo-text {\r\n        display: none;\r\n    }\r\n    \r\n    .hs-nav-mobile-menu {\r\n        top: 64px;\r\n        padding: 32px 20px;\r\n    }\r\n    \r\n    .hs-nav-mobile-link {\r\n        font-size: 16px;\r\n        padding: 14px 16px;\r\n    }\r\n}\r\n\r\n\/* ===== SPACER FOR FIXED NAV ===== *\/\r\n.hs-nav-spacer {\r\n    height: 80px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hs-nav-spacer {\r\n        height: 70px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hs-nav-spacer {\r\n        height: 64px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<nav class=\"hs-nav-bar\" id=\"hs-navbar\">\r\n    <div class=\"hs-nav-container\">\r\n        <!-- Logo with HS Icon -->\r\n        <a href=\"https:\/\/hansschuurmans.nl\/\" class=\"hs-nav-logo\">\r\n            <div class=\"hs-nav-logo-icon\">\r\n                <span class=\"hs-nav-logo-initials\">HS<\/span>\r\n            <\/div>\r\n            <div class=\"hs-nav-logo-text\">\r\n                <span class=\"hs-nav-logo-name\">Hans Schuurmans<\/span>\r\n                <span class=\"hs-nav-logo-tagline\">Mister AI<\/span>\r\n            <\/div>\r\n        <\/a>\r\n        \r\n        <!-- Desktop Menu -->\r\n        <ul class=\"hs-nav-menu\">\r\n            <li class=\"hs-nav-item\">\r\n                <a href=\"#over\" class=\"hs-nav-link\">Over Hans<\/a>\r\n            <\/li>\r\n            <li class=\"hs-nav-item\">\r\n                <a href=\"#keynotespreker\" class=\"hs-nav-link\">Spreker<\/a>\r\n            <\/li>\r\n            <li class=\"hs-nav-item\">\r\n                <a href=\"#boeken\" class=\"hs-nav-link\">Auteur<\/a>\r\n            <\/li>\r\n            <li class=\"hs-nav-item\">\r\n                <a href=\"#aimaze\" class=\"hs-nav-link\">AIMAZE<\/a>\r\n            <\/li>\r\n            <li class=\"hs-nav-item\">\r\n                <a href=\"#ai-awards\" class=\"hs-nav-link\">AI Awards<\/a>\r\n            <\/li>\r\n        <\/ul>\r\n        \r\n        <!-- Desktop CTA Button -->\r\n        <a href=\"#contact\" class=\"hs-nav-cta hs-nav-cta-desktop\">Laten we kennismaken<\/a>\r\n        \r\n        <!-- Hamburger Button -->\r\n        <button class=\"hs-nav-hamburger\" id=\"hs-nav-toggle\" aria-label=\"Menu openen\">\r\n            <span class=\"hs-nav-hamburger-line\"><\/span>\r\n            <span class=\"hs-nav-hamburger-line\"><\/span>\r\n            <span class=\"hs-nav-hamburger-line\"><\/span>\r\n        <\/button>\r\n    <\/div>\r\n    \r\n    <!-- Mobile Menu -->\r\n    <div class=\"hs-nav-mobile-menu\" id=\"hs-nav-mobile\">\r\n        <ul class=\"hs-nav-mobile-list\">\r\n            <li>\r\n                <a href=\"#over\" class=\"hs-nav-mobile-link\">Over Hans<\/a>\r\n            <\/li>\r\n            <li>\r\n                <a href=\"#keynotespreker\" class=\"hs-nav-mobile-link\">Spreker<\/a>\r\n            <\/li>\r\n            <li>\r\n                <a href=\"#boeken\" class=\"hs-nav-mobile-link\">Auteur<\/a>\r\n            <\/li>\r\n            <li>\r\n                <a href=\"#aimaze\" class=\"hs-nav-mobile-link\">AIMAZE<\/a>\r\n            <\/li>\r\n            <li>\r\n                <a href=\"#ai-awards\" class=\"hs-nav-mobile-link\">AI Awards<\/a>\r\n            <\/li>\r\n        <\/ul>\r\n        <div class=\"hs-nav-mobile-divider\"><\/div>\r\n        <a href=\"#contact\" class=\"hs-nav-mobile-cta\">Laten we kennismaken<\/a>\r\n    <\/div>\r\n<\/nav>\r\n\r\n<!-- Spacer to prevent content from hiding behind fixed nav -->\r\n<div class=\"hs-nav-spacer\"><\/div>\r\n\r\n<script>\r\n(function() {\r\n    \/\/ Elements\r\n    const navbar = document.getElementById('hs-navbar');\r\n    const toggle = document.getElementById('hs-nav-toggle');\r\n    const mobileMenu = document.getElementById('hs-nav-mobile');\r\n    const mobileLinks = document.querySelectorAll('.hs-nav-mobile-link, .hs-nav-mobile-cta');\r\n    const navLinks = document.querySelectorAll('.hs-nav-link');\r\n    \r\n    \/\/ Toggle mobile menu\r\n    toggle.addEventListener('click', function() {\r\n        toggle.classList.toggle('hs-nav-open');\r\n        mobileMenu.classList.toggle('hs-nav-open');\r\n        document.body.style.overflow = mobileMenu.classList.contains('hs-nav-open') ? 'hidden' : '';\r\n    });\r\n    \r\n    \/\/ Close mobile menu when clicking a link\r\n    mobileLinks.forEach(function(link) {\r\n        link.addEventListener('click', function() {\r\n            toggle.classList.remove('hs-nav-open');\r\n            mobileMenu.classList.remove('hs-nav-open');\r\n            document.body.style.overflow = '';\r\n        });\r\n    });\r\n    \r\n    \/\/ Scroll effect for navbar\r\n    let lastScroll = 0;\r\n    window.addEventListener('scroll', function() {\r\n        const currentScroll = window.pageYOffset;\r\n        \r\n        if (currentScroll > 50) {\r\n            navbar.classList.add('hs-nav-scrolled');\r\n        } else {\r\n            navbar.classList.remove('hs-nav-scrolled');\r\n        }\r\n        \r\n        lastScroll = currentScroll;\r\n    });\r\n    \r\n    \/\/ Smooth scroll for anchor links\r\n    document.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor) {\r\n        anchor.addEventListener('click', function(e) {\r\n            const targetId = this.getAttribute('href');\r\n            if (targetId === '#') return;\r\n            \r\n            const targetElement = document.querySelector(targetId);\r\n            if (targetElement) {\r\n                e.preventDefault();\r\n                const navHeight = navbar.offsetHeight;\r\n                const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - navHeight;\r\n                \r\n                window.scrollTo({\r\n                    top: targetPosition,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n    \r\n    \/\/ Update active link based on scroll position\r\n    function updateActiveLink() {\r\n        const sections = ['over', 'keynotespreker', 'boeken', 'aimaze', 'ai-awards', 'contact'];\r\n        const navHeight = navbar.offsetHeight;\r\n        \r\n        let currentSection = '';\r\n        \r\n        sections.forEach(function(sectionId) {\r\n            const section = document.getElementById(sectionId);\r\n            if (section) {\r\n                const sectionTop = section.offsetTop - navHeight - 100;\r\n                const sectionBottom = sectionTop + section.offsetHeight;\r\n                \r\n                if (window.pageYOffset >= sectionTop && window.pageYOffset < sectionBottom) {\r\n                    currentSection = sectionId;\r\n                }\r\n            }\r\n        });\r\n        \r\n        navLinks.forEach(function(link) {\r\n            link.classList.remove('hs-nav-active');\r\n            if (link.getAttribute('href') === '#' + currentSection) {\r\n                link.classList.add('hs-nav-active');\r\n            }\r\n        });\r\n    }\r\n    \r\n    window.addEventListener('scroll', updateActiveLink);\r\n    updateActiveLink();\r\n})();\r\n<\/script>\t\t<\/div>\n\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-2920a23 e-flex e-con-boxed e-con e-parent\" data-id=\"2920a23\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d1cda1 elementor-widget elementor-widget-html\" data-id=\"7d1cda1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- \r\n===========================================\r\nWIDGET 1: HERO SECTION v5\r\nHans Schuurmans - Personal Website\r\nPrefix: hs-hero-\r\nUpdated: December 2025\r\nUnique photo integration\r\n===========================================\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Syne:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ===== HERO VARIABLES ===== *\/\r\n.hs-hero-section {\r\n    --hs-black: #0a0a0a;\r\n    --hs-dark: #111111;\r\n    --hs-gray: #1a1a1a;\r\n    --hs-gray-light: #2a2a2a;\r\n    --hs-gray-medium: #888888;\r\n    --hs-white: #ffffff;\r\n    --hs-white-soft: #e5e5e5;\r\n    --hs-purple: #8b5cf6;\r\n    --hs-purple-light: #a78bfa;\r\n    --hs-purple-dark: #7c3aed;\r\n    --hs-font-display: 'Instrument Serif', Georgia, serif;\r\n    --hs-font-body: 'Syne', sans-serif;\r\n}\r\n\r\n\/* ===== HERO SECTION ===== *\/\r\n.hs-hero-section {\r\n    background: var(--hs-black);\r\n    min-height: 100vh;\r\n    padding: 100px 5% 80px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.hs-hero-section *,\r\n.hs-hero-section *::before,\r\n.hs-hero-section *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Background effects *\/\r\n.hs-hero-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n.hs-hero-glow-1 {\r\n    position: absolute;\r\n    top: -20%;\r\n    right: 10%;\r\n    width: 50%;\r\n    height: 70%;\r\n    background: radial-gradient(ellipse at center, rgba(139, 92, 246, 0.1) 0%, transparent 60%);\r\n}\r\n\r\n.hs-hero-glow-2 {\r\n    position: absolute;\r\n    bottom: -20%;\r\n    left: -10%;\r\n    width: 40%;\r\n    height: 60%;\r\n    background: radial-gradient(ellipse at center, rgba(139, 92, 246, 0.06) 0%, transparent 60%);\r\n}\r\n\r\n\/* Diagonal line pattern *\/\r\n.hs-hero-lines {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    width: 55%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    opacity: 0.4;\r\n}\r\n\r\n.hs-hero-lines::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    right: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: repeating-linear-gradient(\r\n        -45deg,\r\n        transparent,\r\n        transparent 80px,\r\n        rgba(139, 92, 246, 0.03) 80px,\r\n        rgba(139, 92, 246, 0.03) 81px\r\n    );\r\n}\r\n\r\n\/* Main container *\/\r\n.hs-hero-container {\r\n    max-width: 1440px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* Layout grid *\/\r\n.hs-hero-grid-layout {\r\n    display: grid;\r\n    grid-template-columns: 1fr 560px;\r\n    gap: 80px;\r\n    align-items: center;\r\n    min-height: calc(100vh - 180px);\r\n}\r\n\r\n\/* ===== LEFT CONTENT ===== *\/\r\n.hs-hero-content {\r\n    padding-right: 20px;\r\n}\r\n\r\n\/* Label *\/\r\n.hs-hero-label {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--hs-purple);\r\n    margin-bottom: 32px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    opacity: 0;\r\n    animation: hs-hero-fadeUp 0.8s ease-out 0.2s forwards;\r\n}\r\n\r\n.hs-hero-label::before {\r\n    content: '';\r\n    width: 40px;\r\n    height: 2px;\r\n    background: var(--hs-purple);\r\n}\r\n\r\n\/* Main headline *\/\r\n.hs-hero-headline {\r\n    font-family: var(--hs-font-display);\r\n    font-size: clamp(36px, 4.5vw, 54px);\r\n    font-weight: 400;\r\n    line-height: 1.15;\r\n    color: var(--hs-white);\r\n    margin: 0 0 28px 0;\r\n    opacity: 0;\r\n    animation: hs-hero-fadeUp 0.8s ease-out 0.3s forwards;\r\n}\r\n\r\n.hs-hero-headline em {\r\n    font-style: italic;\r\n    color: var(--hs-purple-light);\r\n}\r\n\r\n\/* Subheadline *\/\r\n.hs-hero-subheadline {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    line-height: 1.7;\r\n    color: var(--hs-white-soft);\r\n    margin: 0 0 32px 0;\r\n    max-width: 540px;\r\n    opacity: 0;\r\n    animation: hs-hero-fadeUp 0.8s ease-out 0.4s forwards;\r\n}\r\n\r\n\/* Positioning paragraph *\/\r\n.hs-hero-paragraph {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.8;\r\n    color: var(--hs-gray-medium);\r\n    margin: 0 0 40px 0;\r\n    max-width: 500px;\r\n    opacity: 0;\r\n    animation: hs-hero-fadeUp 0.8s ease-out 0.5s forwards;\r\n}\r\n\r\n\/* Core statement - visual highlight *\/\r\n.hs-hero-core-statement {\r\n    position: relative;\r\n    padding: 24px 0 24px 24px;\r\n    margin: 0 0 40px 0;\r\n    border-left: 3px solid var(--hs-purple);\r\n    opacity: 0;\r\n    animation: hs-hero-fadeUp 0.8s ease-out 0.6s forwards;\r\n}\r\n\r\n.hs-hero-core-statement p {\r\n    font-family: var(--hs-font-display);\r\n    font-size: clamp(20px, 2.2vw, 26px);\r\n    font-style: italic;\r\n    font-weight: 400;\r\n    line-height: 1.4;\r\n    color: var(--hs-white);\r\n    margin: 0;\r\n}\r\n\r\n\/* AIMAZE reference *\/\r\n.hs-hero-aimaze-ref {\r\n    background: linear-gradient(135deg, var(--hs-gray) 0%, rgba(26, 26, 26, 0.6) 100%);\r\n    border: 1px solid var(--hs-gray-light);\r\n    padding: 22px 26px;\r\n    margin-bottom: 36px;\r\n    position: relative;\r\n    opacity: 0;\r\n    animation: hs-hero-fadeUp 0.8s ease-out 0.7s forwards;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.hs-hero-aimaze-ref::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, var(--hs-purple), var(--hs-purple-light));\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.hs-hero-aimaze-ref:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.hs-hero-aimaze-ref:hover {\r\n    border-color: rgba(139, 92, 246, 0.3);\r\n    transform: translateX(4px);\r\n}\r\n\r\n.hs-hero-aimaze-label {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n    color: var(--hs-purple);\r\n    margin-bottom: 10px;\r\n    display: block;\r\n}\r\n\r\n.hs-hero-aimaze-text {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    line-height: 1.7;\r\n    color: var(--hs-white-soft);\r\n    margin: 0;\r\n}\r\n\r\n.hs-hero-aimaze-text strong {\r\n    color: var(--hs-white);\r\n    font-weight: 600;\r\n}\r\n\r\n\/* CTA Buttons *\/\r\n.hs-hero-cta-group {\r\n    display: flex;\r\n    gap: 16px;\r\n    flex-wrap: wrap;\r\n    opacity: 0;\r\n    animation: hs-hero-fadeUp 0.8s ease-out 0.8s forwards;\r\n}\r\n\r\n.hs-hero-btn {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.02em;\r\n    text-decoration: none;\r\n    padding: 16px 28px;\r\n    border-radius: 2px;\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.hs-hero-btn-primary {\r\n    background: var(--hs-purple);\r\n    color: var(--hs-white);\r\n    border: 2px solid var(--hs-purple);\r\n}\r\n\r\n.hs-hero-btn-primary:hover {\r\n    background: var(--hs-purple-dark);\r\n    border-color: var(--hs-purple-dark);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 40px rgba(139, 92, 246, 0.4);\r\n}\r\n\r\n.hs-hero-btn-secondary {\r\n    background: transparent;\r\n    color: var(--hs-white);\r\n    border: 2px solid var(--hs-gray-light);\r\n}\r\n\r\n.hs-hero-btn-secondary:hover {\r\n    border-color: var(--hs-white);\r\n    background: rgba(255, 255, 255, 0.05);\r\n    transform: translateY(-3px);\r\n}\r\n\r\n.hs-hero-btn-icon {\r\n    width: 16px;\r\n    height: 16px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.hs-hero-btn:hover .hs-hero-btn-icon {\r\n    transform: translateX(3px);\r\n}\r\n\r\n\/* ===== RIGHT SIDE - PHOTO COMPOSITION ===== *\/\r\n.hs-hero-visual {\r\n    position: relative;\r\n    height: 700px;\r\n    opacity: 0;\r\n    animation: hs-hero-fadeUp 1s ease-out 0.3s forwards;\r\n}\r\n\r\n\/* Main photo container with clip-path *\/\r\n.hs-hero-photo-wrapper {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    width: 480px;\r\n    height: 640px;\r\n    clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%, 0 10%);\r\n    overflow: hidden;\r\n    z-index: 2;\r\n}\r\n\r\n.hs-hero-photo {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center top;\r\n    filter: grayscale(100%) contrast(1.05);\r\n    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n    transform: scale(1.02);\r\n}\r\n\r\n.hs-hero-photo-wrapper:hover .hs-hero-photo {\r\n    filter: grayscale(0%) contrast(1);\r\n    transform: scale(1);\r\n}\r\n\r\n\/* Geometric accent - top left corner *\/\r\n.hs-hero-geo-accent {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 30px;\r\n    width: 140px;\r\n    height: 140px;\r\n    z-index: 1;\r\n}\r\n\r\n.hs-hero-geo-accent::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 1px solid rgba(139, 92, 246, 0.4);\r\n    clip-path: polygon(0 0, 100% 0, 0 100%);\r\n}\r\n\r\n.hs-hero-geo-accent::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 20px;\r\n    left: 20px;\r\n    width: 60%;\r\n    height: 60%;\r\n    background: linear-gradient(135deg, rgba(139, 92, 246, 0.15) 0%, transparent 60%);\r\n    clip-path: polygon(0 0, 100% 0, 0 100%);\r\n}\r\n\r\n\/* Vertical accent line *\/\r\n.hs-hero-accent-line {\r\n    position: absolute;\r\n    top: 100px;\r\n    left: 0;\r\n    width: 2px;\r\n    height: 360px;\r\n    background: linear-gradient(180deg, var(--hs-purple) 0%, transparent 100%);\r\n    z-index: 3;\r\n}\r\n\r\n\/* Horizontal data strip *\/\r\n.hs-hero-data-strip {\r\n    position: absolute;\r\n    bottom: 120px;\r\n    left: 0;\r\n    right: 40px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    padding: 18px 22px;\r\n    background: var(--hs-gray);\r\n    border: 1px solid var(--hs-gray-light);\r\n    z-index: 4;\r\n}\r\n\r\n.hs-hero-data-strip::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 3px;\r\n    background: var(--hs-purple);\r\n}\r\n\r\n.hs-hero-data-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n}\r\n\r\n.hs-hero-data-value {\r\n    font-family: var(--hs-font-display);\r\n    font-size: 24px;\r\n    font-weight: 400;\r\n    color: var(--hs-white);\r\n    line-height: 1;\r\n}\r\n\r\n.hs-hero-data-label {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 9px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    color: var(--hs-gray-medium);\r\n}\r\n\r\n.hs-hero-data-divider {\r\n    width: 1px;\r\n    height: 40px;\r\n    background: var(--hs-gray-light);\r\n}\r\n\r\n\/* Name badge - overlapping *\/\r\n.hs-hero-name-badge {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    right: 40px;\r\n    background: var(--hs-black);\r\n    border: 1px solid var(--hs-gray-light);\r\n    padding: 20px 28px;\r\n    z-index: 5;\r\n    min-width: 200px;\r\n}\r\n\r\n.hs-hero-name-badge::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -8px;\r\n    right: -8px;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 1px solid rgba(139, 92, 246, 0.3);\r\n    z-index: -1;\r\n}\r\n\r\n.hs-hero-name {\r\n    font-family: var(--hs-font-display);\r\n    font-size: 22px;\r\n    font-weight: 400;\r\n    color: var(--hs-white);\r\n    margin: 0 0 6px 0;\r\n}\r\n\r\n.hs-hero-title {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n    color: var(--hs-purple);\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.hs-hero-title::before {\r\n    content: '';\r\n    width: 12px;\r\n    height: 1px;\r\n    background: var(--hs-purple);\r\n}\r\n\r\n\/* Floating initiative tags *\/\r\n.hs-hero-float-tags {\r\n    position: absolute;\r\n    top: 140px;\r\n    left: -20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    z-index: 3;\r\n}\r\n\r\n.hs-hero-float-tag {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    color: var(--hs-gray-medium);\r\n    background: var(--hs-black);\r\n    border: 1px solid var(--hs-gray-light);\r\n    padding: 8px 12px;\r\n    white-space: nowrap;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.hs-hero-float-tag:hover {\r\n    color: var(--hs-purple);\r\n    border-color: rgba(139, 92, 246, 0.4);\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* Decorative corner bracket *\/\r\n.hs-hero-corner-bracket {\r\n    position: absolute;\r\n    bottom: 180px;\r\n    right: 0;\r\n    width: 60px;\r\n    height: 60px;\r\n    z-index: 1;\r\n}\r\n\r\n.hs-hero-corner-bracket::before,\r\n.hs-hero-corner-bracket::after {\r\n    content: '';\r\n    position: absolute;\r\n    background: rgba(139, 92, 246, 0.3);\r\n}\r\n\r\n.hs-hero-corner-bracket::before {\r\n    bottom: 0;\r\n    right: 0;\r\n    width: 100%;\r\n    height: 1px;\r\n}\r\n\r\n.hs-hero-corner-bracket::after {\r\n    bottom: 0;\r\n    right: 0;\r\n    width: 1px;\r\n    height: 100%;\r\n}\r\n\r\n\/* ===== ANIMATIONS ===== *\/\r\n@keyframes hs-hero-fadeUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 1280px) {\r\n    .hs-hero-grid-layout {\r\n        grid-template-columns: 1fr 480px;\r\n        gap: 50px;\r\n    }\r\n    \r\n    .hs-hero-visual {\r\n        height: 640px;\r\n    }\r\n    \r\n    .hs-hero-photo-wrapper {\r\n        width: 420px;\r\n        height: 560px;\r\n    }\r\n    \r\n    .hs-hero-data-strip {\r\n        right: 30px;\r\n        bottom: 100px;\r\n    }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .hs-hero-section {\r\n        padding: 80px 5% 60px;\r\n        min-height: auto;\r\n    }\r\n    \r\n    .hs-hero-grid-layout {\r\n        grid-template-columns: 1fr;\r\n        gap: 50px;\r\n        min-height: auto;\r\n    }\r\n    \r\n    .hs-hero-content {\r\n        padding-right: 0;\r\n        order: 2;\r\n    }\r\n    \r\n    .hs-hero-visual {\r\n        order: 1;\r\n        height: 560px;\r\n        max-width: 520px;\r\n        margin: 0 auto;\r\n    }\r\n    \r\n    .hs-hero-photo-wrapper {\r\n        width: 400px;\r\n        height: 480px;\r\n        right: 0;\r\n    }\r\n    \r\n    .hs-hero-geo-accent {\r\n        width: 100px;\r\n        height: 100px;\r\n        left: 20px;\r\n    }\r\n    \r\n    .hs-hero-accent-line {\r\n        height: 260px;\r\n        top: 80px;\r\n    }\r\n    \r\n    .hs-hero-data-strip {\r\n        bottom: 80px;\r\n        right: 10px;\r\n        padding: 14px 18px;\r\n        gap: 16px;\r\n    }\r\n    \r\n    .hs-hero-data-value {\r\n        font-size: 20px;\r\n    }\r\n    \r\n    .hs-hero-data-label {\r\n        font-size: 8px;\r\n    }\r\n    \r\n    .hs-hero-float-tags {\r\n        left: -10px;\r\n        top: 120px;\r\n    }\r\n    \r\n    .hs-hero-name-badge {\r\n        bottom: 10px;\r\n        right: 10px;\r\n        padding: 16px 22px;\r\n    }\r\n    \r\n    .hs-hero-headline {\r\n        font-size: clamp(32px, 5vw, 44px);\r\n    }\r\n    \r\n    .hs-hero-subheadline,\r\n    .hs-hero-paragraph {\r\n        max-width: 100%;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hs-hero-section {\r\n        padding: 70px 24px 50px;\r\n    }\r\n    \r\n    .hs-hero-visual {\r\n        height: 500px;\r\n        max-width: 100%;\r\n    }\r\n    \r\n    .hs-hero-photo-wrapper {\r\n        width: 320px;\r\n        height: 420px;\r\n        right: 10px;\r\n        clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 8%);\r\n    }\r\n    \r\n    .hs-hero-geo-accent {\r\n        width: 70px;\r\n        height: 70px;\r\n        left: 15px;\r\n    }\r\n    \r\n    .hs-hero-accent-line {\r\n        display: none;\r\n    }\r\n    \r\n    .hs-hero-float-tags {\r\n        display: none;\r\n    }\r\n    \r\n    .hs-hero-data-strip {\r\n        bottom: 60px;\r\n        left: 0;\r\n        right: 0;\r\n        gap: 12px;\r\n        padding: 12px 14px;\r\n    }\r\n    \r\n    .hs-hero-data-value {\r\n        font-size: 16px;\r\n    }\r\n    \r\n    .hs-hero-data-label {\r\n        font-size: 8px;\r\n        letter-spacing: 0.05em;\r\n    }\r\n    \r\n    .hs-hero-data-divider {\r\n        height: 28px;\r\n    }\r\n    \r\n    .hs-hero-name-badge {\r\n        bottom: 0;\r\n        right: 10px;\r\n        padding: 14px 18px;\r\n        min-width: auto;\r\n    }\r\n    \r\n    .hs-hero-name {\r\n        font-size: 18px;\r\n    }\r\n    \r\n    .hs-hero-title {\r\n        font-size: 10px;\r\n    }\r\n    \r\n    .hs-hero-corner-bracket {\r\n        display: none;\r\n    }\r\n    \r\n    .hs-hero-headline {\r\n        font-size: 30px;\r\n    }\r\n    \r\n    .hs-hero-subheadline {\r\n        font-size: 16px;\r\n    }\r\n    \r\n    .hs-hero-core-statement p {\r\n        font-size: 20px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hs-hero-section {\r\n        padding: 60px 20px 40px;\r\n    }\r\n    \r\n    .hs-hero-visual {\r\n        height: 420px;\r\n    }\r\n    \r\n    .hs-hero-photo-wrapper {\r\n        width: 260px;\r\n        height: 340px;\r\n        right: 0;\r\n    }\r\n    \r\n    .hs-hero-geo-accent {\r\n        width: 50px;\r\n        height: 50px;\r\n        left: 10px;\r\n    }\r\n    \r\n    .hs-hero-data-strip {\r\n        bottom: 50px;\r\n        padding: 12px 14px;\r\n        gap: 10px;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n    }\r\n    \r\n    .hs-hero-data-item {\r\n        min-width: 70px;\r\n        align-items: center;\r\n        text-align: center;\r\n    }\r\n    \r\n    .hs-hero-data-value {\r\n        font-size: 16px;\r\n    }\r\n    \r\n    .hs-hero-data-divider {\r\n        display: none;\r\n    }\r\n    \r\n    .hs-hero-name-badge {\r\n        padding: 12px 16px;\r\n        bottom: -5px;\r\n    }\r\n    \r\n    .hs-hero-name {\r\n        font-size: 16px;\r\n    }\r\n    \r\n    .hs-hero-label {\r\n        font-size: 10px;\r\n        margin-bottom: 24px;\r\n    }\r\n    \r\n    .hs-hero-headline {\r\n        font-size: 26px;\r\n        margin-bottom: 20px;\r\n    }\r\n    \r\n    .hs-hero-subheadline {\r\n        font-size: 15px;\r\n        margin-bottom: 24px;\r\n    }\r\n    \r\n    .hs-hero-paragraph {\r\n        font-size: 14px;\r\n        margin-bottom: 32px;\r\n    }\r\n    \r\n    .hs-hero-core-statement {\r\n        padding: 18px 0 18px 18px;\r\n        margin-bottom: 32px;\r\n    }\r\n    \r\n    .hs-hero-core-statement p {\r\n        font-size: 18px;\r\n    }\r\n    \r\n    .hs-hero-aimaze-ref {\r\n        padding: 18px;\r\n    }\r\n    \r\n    .hs-hero-aimaze-text {\r\n        font-size: 13px;\r\n    }\r\n    \r\n    .hs-hero-cta-group {\r\n        flex-direction: column;\r\n    }\r\n    \r\n    .hs-hero-btn {\r\n        width: 100%;\r\n        justify-content: center;\r\n        padding: 14px 24px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hs-hero-section\" id=\"hero\">\r\n    <!-- Background effects -->\r\n    <div class=\"hs-hero-bg\">\r\n        <div class=\"hs-hero-glow-1\"><\/div>\r\n        <div class=\"hs-hero-glow-2\"><\/div>\r\n        <div class=\"hs-hero-lines\"><\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"hs-hero-container\">\r\n        <div class=\"hs-hero-grid-layout\">\r\n            \r\n            <!-- Left: Content -->\r\n            <div class=\"hs-hero-content\">\r\n                <span class=\"hs-hero-label\">AI Pionier \u00b7 Ondernemer \u00b7 Spreker \u00b7 Auteur<\/span>\r\n                \r\n                <h1 class=\"hs-hero-headline\">\r\n                    Ik zag kunstmatige intelligentie niet als <em>hype<\/em>, maar als <em>keerpunt<\/em>.\r\n                <\/h1>\r\n                \r\n                <p class=\"hs-hero-subheadline\">\r\n                    Lang voordat AI het gesprek domineerde, werkte ik al aan wat het zou veranderen: werk, leren en samenwerking.\r\n                <\/p>\r\n                \r\n                <p class=\"hs-hero-paragraph\">\r\n                    Innovatie is voor mij nooit een experiment aan de zijlijn geweest. Het was altijd onderdeel van hoe organisaties zich ontwikkelen, hoe mensen groeien en hoe technologie waarde krijgt. AI is daarin geen los hoofdstuk, maar een versneller van alles wat al in beweging was.\r\n                <\/p>\r\n                \r\n                <!-- Core statement - visually prominent -->\r\n                <div class=\"hs-hero-core-statement\">\r\n                    <p>Wie het keerpunt herkent, hoeft niet te rennen.<\/p>\r\n                <\/div>\r\n                \r\n                <!-- AIMAZE reference -->\r\n                <div class=\"hs-hero-aimaze-ref\">\r\n                    <span class=\"hs-hero-aimaze-label\">Mede-oprichter AIMAZE<\/span>\r\n                    <p class=\"hs-hero-aimaze-text\">\r\n                        Vanuit die overtuiging bouwde ik <strong>AIMAZE<\/strong> \u2014 digitale medewerkers die niet ondersteunen, maar meewerken. Niet als tool, maar als collega.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <!-- CTA Button -->\r\n                <div class=\"hs-hero-cta-group\">\r\n                    <a href=\"https:\/\/aimaze.nl\/\" class=\"hs-hero-btn hs-hero-btn-primary\">\r\n                        Ontdek AIMAZE\r\n                        <svg class=\"hs-hero-btn-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Right: Photo Composition -->\r\n            <div class=\"hs-hero-visual\">\r\n                \r\n                <!-- Geometric accent - top left -->\r\n                <div class=\"hs-hero-geo-accent\"><\/div>\r\n                \r\n                <!-- Vertical accent line -->\r\n                <div class=\"hs-hero-accent-line\"><\/div>\r\n                \r\n                <!-- Floating initiative tags -->\r\n                <div class=\"hs-hero-float-tags\">\r\n                    <span class=\"hs-hero-float-tag\">AI Academy<\/span>\r\n                    <span class=\"hs-hero-float-tag\">AI Awards<\/span>\r\n                    <span class=\"hs-hero-float-tag\">AIMAZE<\/span>\r\n                    <span class=\"hs-hero-float-tag\">SkillsTown<\/span>\r\n                <\/div>\r\n                \r\n                <!-- Main photo with clip-path -->\r\n                <div class=\"hs-hero-photo-wrapper\">\r\n                    <img decoding=\"async\" \r\n                        src=\"https:\/\/hansschuurmans.nl\/wp-content\/uploads\/2023\/10\/Hans-klaslokaal.jpeg\" \r\n                        alt=\"Hans Schuurmans\" \r\n                        class=\"hs-hero-photo\"\r\n                    >\r\n                <\/div>\r\n                \r\n                <!-- Data strip -->\r\n                <div class=\"hs-hero-data-strip\">\r\n                    <div class=\"hs-hero-data-item\">\r\n                        <span class=\"hs-hero-data-value\">600K+<\/span>\r\n                        <span class=\"hs-hero-data-label\">Cursisten<\/span>\r\n                    <\/div>\r\n                    <div class=\"hs-hero-data-divider\"><\/div>\r\n                    <div class=\"hs-hero-data-item\">\r\n                        <span class=\"hs-hero-data-value\">10+<\/span>\r\n                        <span class=\"hs-hero-data-label\">Bedrijven<\/span>\r\n                    <\/div>\r\n                    <div class=\"hs-hero-data-divider\"><\/div>\r\n                    <div class=\"hs-hero-data-item\">\r\n                        <span class=\"hs-hero-data-value\">7<\/span>\r\n                        <span class=\"hs-hero-data-label\">Boeken<\/span>\r\n                    <\/div>\r\n                    <div class=\"hs-hero-data-divider\"><\/div>\r\n                    <div class=\"hs-hero-data-item\">\r\n                        <span class=\"hs-hero-data-value\">1000+<\/span>\r\n                        <span class=\"hs-hero-data-label\">Presentaties<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Corner bracket decoration -->\r\n                <div class=\"hs-hero-corner-bracket\"><\/div>\r\n                \r\n                <!-- Name badge -->\r\n                <div class=\"hs-hero-name-badge\">\r\n                    <h2 class=\"hs-hero-name\">Hans Schuurmans<\/h2>\r\n                    <p class=\"hs-hero-title\">Mister AI<\/p>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\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-0d356e3 e-flex e-con-boxed e-con e-parent\" data-id=\"0d356e3\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-011d4c5 elementor-widget elementor-widget-html\" data-id=\"011d4c5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- \r\n===========================================\r\nWIDGET 2: INTRO SECTION - \"V\u00d3\u00d3R DE GOLF\"\r\nHans Schuurmans - Personal Website\r\nPrefix: hs-intro-\r\nVersion: 3.0 - Light Theme\r\n===========================================\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Syne:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ===== INTRO VARIABLES ===== *\/\r\n.hs-intro-section {\r\n    --hs-white: #ffffff;\r\n    --hs-off-white: #fafafa;\r\n    --hs-cream: #f5f5f0;\r\n    --hs-black: #0a0a0a;\r\n    --hs-dark: #1a1a1a;\r\n    --hs-gray: #4a4a4a;\r\n    --hs-gray-light: #e8e8e8;\r\n    --hs-gray-medium: #6b6b6b;\r\n    --hs-purple: #8b5cf6;\r\n    --hs-purple-light: #a78bfa;\r\n    --hs-purple-dark: #7c3aed;\r\n    --hs-purple-soft: rgba(139, 92, 246, 0.08);\r\n    --hs-font-display: 'Instrument Serif', Georgia, serif;\r\n    --hs-font-body: 'Syne', sans-serif;\r\n}\r\n\r\n\/* ===== SECTION BASE ===== *\/\r\n.hs-intro-section {\r\n    background: var(--hs-white);\r\n    padding: 140px 5%;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Background image - subtle *\/\r\n.hs-intro-bg-image {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    width: 55%;\r\n    height: 100%;\r\n    background-image: url('http:\/\/hansschuurmans.nl\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_2s3umz2s3umz2s3u.png');\r\n    background-size: cover;\r\n    background-position: center;\r\n    opacity: 0.06;\r\n    pointer-events: none;\r\n    mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);\r\n    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);\r\n}\r\n\r\n\/* Subtle gradient overlay *\/\r\n.hs-intro-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: linear-gradient(\r\n        135deg,\r\n        rgba(255, 255, 255, 1) 0%,\r\n        rgba(255, 255, 255, 0.95) 40%,\r\n        rgba(139, 92, 246, 0.03) 100%\r\n    );\r\n    pointer-events: none;\r\n}\r\n\r\n\/* ===== CONTAINER ===== *\/\r\n.hs-intro-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 80px;\r\n    align-items: start;\r\n}\r\n\r\n\/* ===== LEFT COLUMN ===== *\/\r\n.hs-intro-left {\r\n    position: relative;\r\n}\r\n\r\n\/* ===== RIGHT COLUMN ===== *\/\r\n.hs-intro-right {\r\n    position: relative;\r\n    padding-top: 20px;\r\n}\r\n\r\n\/* ===== LABEL ===== *\/\r\n.hs-intro-label {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.25em;\r\n    text-transform: uppercase;\r\n    color: var(--hs-purple);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin-bottom: 28px;\r\n    animation: hs-intro-fadeUp 0.8s ease-out both;\r\n}\r\n\r\n.hs-intro-label::before {\r\n    content: '';\r\n    width: 50px;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, var(--hs-purple), var(--hs-purple-light));\r\n}\r\n\r\n\/* ===== SECTION TITLE ===== *\/\r\n.hs-intro-title {\r\n    font-family: var(--hs-font-display);\r\n    font-size: clamp(42px, 5vw, 64px);\r\n    font-weight: 400;\r\n    color: var(--hs-black);\r\n    line-height: 1.1;\r\n    margin: 0 0 32px 0;\r\n    animation: hs-intro-fadeUp 0.8s ease-out 0.1s both;\r\n}\r\n\r\n\/* Purple accent on specific word *\/\r\n.hs-intro-title-accent {\r\n    color: var(--hs-purple);\r\n    font-style: italic;\r\n}\r\n\r\n\/* ===== INTRO SENTENCE ===== *\/\r\n.hs-intro-lead {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    color: var(--hs-gray);\r\n    line-height: 1.75;\r\n    margin: 0;\r\n    max-width: 480px;\r\n    animation: hs-intro-fadeUp 0.8s ease-out 0.2s both;\r\n}\r\n\r\n\/* ===== STATEMENT BLOCK ===== *\/\r\n.hs-intro-statement {\r\n    position: relative;\r\n    margin: 48px 0 0 0;\r\n    padding: 40px;\r\n    background: linear-gradient(135deg, var(--hs-purple-soft) 0%, rgba(139, 92, 246, 0.03) 100%);\r\n    border-left: 3px solid var(--hs-purple);\r\n    animation: hs-intro-fadeUp 0.8s ease-out 0.3s both;\r\n}\r\n\r\n\/* Decorative corner *\/\r\n.hs-intro-statement::after {\r\n    content: '\"';\r\n    position: absolute;\r\n    top: 16px;\r\n    right: 24px;\r\n    font-family: var(--hs-font-display);\r\n    font-size: 80px;\r\n    font-style: italic;\r\n    color: var(--hs-purple);\r\n    opacity: 0.15;\r\n    line-height: 1;\r\n}\r\n\r\n.hs-intro-statement-text {\r\n    font-family: var(--hs-font-display);\r\n    font-size: clamp(22px, 2.5vw, 28px);\r\n    font-weight: 400;\r\n    font-style: italic;\r\n    color: var(--hs-dark);\r\n    line-height: 1.45;\r\n    margin: 0;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* ===== MAIN TEXT BLOCK ===== *\/\r\n.hs-intro-text {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    color: var(--hs-gray);\r\n    line-height: 1.85;\r\n    margin: 0 0 40px 0;\r\n    animation: hs-intro-fadeUp 0.8s ease-out 0.15s both;\r\n}\r\n\r\n.hs-intro-text p {\r\n    margin: 0 0 24px 0;\r\n}\r\n\r\n.hs-intro-text p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\/* First letter styling *\/\r\n.hs-intro-text p:first-child::first-letter {\r\n    font-family: var(--hs-font-display);\r\n    font-size: 3.5em;\r\n    float: left;\r\n    line-height: 0.8;\r\n    padding-right: 12px;\r\n    padding-top: 6px;\r\n    color: var(--hs-purple);\r\n}\r\n\r\n\/* ===== DEEPER PARAGRAPH ===== *\/\r\n.hs-intro-deeper {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    color: var(--hs-gray);\r\n    line-height: 1.85;\r\n    margin: 0 0 40px 0;\r\n    padding-top: 40px;\r\n    border-top: 1px solid var(--hs-gray-light);\r\n    animation: hs-intro-fadeUp 0.8s ease-out 0.25s both;\r\n}\r\n\r\n.hs-intro-deeper p {\r\n    margin: 0;\r\n}\r\n\r\n\/* Highlight key phrases *\/\r\n.hs-intro-highlight {\r\n    color: var(--hs-dark);\r\n    font-weight: 500;\r\n}\r\n\r\n\/* ===== TRANSITION TO AIMAZE ===== *\/\r\n.hs-intro-transition {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    font-family: var(--hs-font-body);\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    color: var(--hs-purple);\r\n    line-height: 1.6;\r\n    margin: 0;\r\n    padding: 20px 28px;\r\n    background: var(--hs-white);\r\n    border: 1px solid var(--hs-gray-light);\r\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    animation: hs-intro-fadeUp 0.8s ease-out 0.35s both;\r\n}\r\n\r\n.hs-intro-transition:hover {\r\n    border-color: var(--hs-purple);\r\n    box-shadow: 0 8px 32px rgba(139, 92, 246, 0.12);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.hs-intro-transition-icon {\r\n    width: 32px;\r\n    height: 32px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: var(--hs-purple);\r\n    border-radius: 50%;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.hs-intro-transition-icon svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    fill: none;\r\n    stroke: white;\r\n    stroke-width: 2.5;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.hs-intro-transition-text {\r\n    color: var(--hs-gray);\r\n    font-weight: 400;\r\n}\r\n\r\n.hs-intro-transition-text strong {\r\n    color: var(--hs-dark);\r\n    font-weight: 600;\r\n}\r\n\r\n\/* ===== DECORATIVE ELEMENTS ===== *\/\r\n.hs-intro-decoration {\r\n    position: absolute;\r\n    bottom: -60px;\r\n    left: -40px;\r\n    width: 200px;\r\n    height: 200px;\r\n    border: 1px solid rgba(139, 92, 246, 0.12);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    animation: hs-intro-float 8s ease-in-out infinite;\r\n}\r\n\r\n.hs-intro-decoration::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 100px;\r\n    height: 100px;\r\n    border: 1px solid rgba(139, 92, 246, 0.08);\r\n    border-radius: 50%;\r\n}\r\n\r\n.hs-intro-decoration-dots {\r\n    position: absolute;\r\n    top: 40px;\r\n    right: 0;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 6px);\r\n    gap: 12px;\r\n}\r\n\r\n.hs-intro-decoration-dots span {\r\n    width: 6px;\r\n    height: 6px;\r\n    background: var(--hs-purple);\r\n    border-radius: 50%;\r\n    opacity: 0.3;\r\n}\r\n\r\n.hs-intro-decoration-dots span:nth-child(2) {\r\n    opacity: 0.5;\r\n}\r\n\r\n.hs-intro-decoration-dots span:nth-child(3) {\r\n    opacity: 0.7;\r\n}\r\n\r\n\/* ===== ANIMATIONS ===== *\/\r\n@keyframes hs-intro-fadeUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes hs-intro-float {\r\n    0%, 100% { \r\n        transform: translateY(0) rotate(0deg); \r\n    }\r\n    50% { \r\n        transform: translateY(-15px) rotate(5deg); \r\n    }\r\n}\r\n\r\n\/* ===== RESPONSIVE - 1200px ===== *\/\r\n@media (max-width: 1200px) {\r\n    .hs-intro-section {\r\n        padding: 120px 5%;\r\n    }\r\n    \r\n    .hs-intro-container {\r\n        gap: 60px;\r\n    }\r\n    \r\n    .hs-intro-decoration {\r\n        width: 150px;\r\n        height: 150px;\r\n        bottom: -40px;\r\n        left: -20px;\r\n    }\r\n    \r\n    .hs-intro-decoration::before {\r\n        width: 75px;\r\n        height: 75px;\r\n    }\r\n}\r\n\r\n\/* ===== RESPONSIVE - 1024px ===== *\/\r\n@media (max-width: 1024px) {\r\n    .hs-intro-section {\r\n        padding: 100px 24px;\r\n    }\r\n    \r\n    .hs-intro-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 48px;\r\n        max-width: 700px;\r\n    }\r\n    \r\n    .hs-intro-right {\r\n        padding-top: 0;\r\n    }\r\n    \r\n    .hs-intro-bg-image {\r\n        width: 100%;\r\n        opacity: 0.04;\r\n        mask-image: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60%);\r\n        -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60%);\r\n    }\r\n    \r\n    .hs-intro-decoration {\r\n        display: none;\r\n    }\r\n    \r\n    .hs-intro-statement {\r\n        margin: 40px 0 0 0;\r\n    }\r\n}\r\n\r\n\/* ===== RESPONSIVE - 768px ===== *\/\r\n@media (max-width: 768px) {\r\n    .hs-intro-section {\r\n        padding: 80px 24px;\r\n    }\r\n    \r\n    .hs-intro-container {\r\n        gap: 40px;\r\n    }\r\n    \r\n    .hs-intro-label {\r\n        margin-bottom: 20px;\r\n    }\r\n    \r\n    .hs-intro-title {\r\n        margin-bottom: 24px;\r\n    }\r\n    \r\n    .hs-intro-lead {\r\n        font-size: 16px;\r\n    }\r\n    \r\n    .hs-intro-statement {\r\n        padding: 32px;\r\n        margin-top: 32px;\r\n    }\r\n    \r\n    .hs-intro-statement::after {\r\n        font-size: 60px;\r\n        top: 12px;\r\n        right: 16px;\r\n    }\r\n    \r\n    .hs-intro-text {\r\n        font-size: 15px;\r\n        margin-bottom: 32px;\r\n    }\r\n    \r\n    .hs-intro-text p:first-child::first-letter {\r\n        font-size: 3em;\r\n        padding-right: 10px;\r\n    }\r\n    \r\n    .hs-intro-deeper {\r\n        font-size: 15px;\r\n        margin-bottom: 32px;\r\n        padding-top: 32px;\r\n    }\r\n    \r\n    .hs-intro-transition {\r\n        font-size: 14px;\r\n        padding: 16px 24px;\r\n        gap: 14px;\r\n    }\r\n    \r\n    .hs-intro-transition-icon {\r\n        width: 28px;\r\n        height: 28px;\r\n    }\r\n    \r\n    .hs-intro-transition-icon svg {\r\n        width: 12px;\r\n        height: 12px;\r\n    }\r\n    \r\n    .hs-intro-decoration-dots {\r\n        display: none;\r\n    }\r\n}\r\n\r\n\/* ===== RESPONSIVE - 480px ===== *\/\r\n@media (max-width: 480px) {\r\n    .hs-intro-section {\r\n        padding: 60px 20px;\r\n    }\r\n    \r\n    .hs-intro-container {\r\n        gap: 32px;\r\n    }\r\n    \r\n    .hs-intro-label {\r\n        font-size: 10px;\r\n        gap: 10px;\r\n        margin-bottom: 16px;\r\n    }\r\n    \r\n    .hs-intro-label::before {\r\n        width: 35px;\r\n    }\r\n    \r\n    .hs-intro-lead {\r\n        font-size: 15px;\r\n    }\r\n    \r\n    .hs-intro-statement {\r\n        padding: 24px;\r\n        margin-top: 28px;\r\n    }\r\n    \r\n    .hs-intro-statement::after {\r\n        font-size: 48px;\r\n        top: 8px;\r\n        right: 12px;\r\n    }\r\n    \r\n    .hs-intro-text {\r\n        font-size: 14px;\r\n        line-height: 1.8;\r\n        margin-bottom: 28px;\r\n    }\r\n    \r\n    .hs-intro-text p {\r\n        margin-bottom: 20px;\r\n    }\r\n    \r\n    .hs-intro-text p:first-child::first-letter {\r\n        font-size: 2.8em;\r\n        padding-right: 8px;\r\n        padding-top: 4px;\r\n    }\r\n    \r\n    .hs-intro-deeper {\r\n        font-size: 14px;\r\n        line-height: 1.8;\r\n        margin-bottom: 28px;\r\n        padding-top: 28px;\r\n    }\r\n    \r\n    .hs-intro-transition {\r\n        width: 100%;\r\n        font-size: 13px;\r\n        padding: 16px 20px;\r\n        gap: 12px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hs-intro-section\" id=\"intro\">\r\n    <!-- Subtle background image -->\r\n    <div class=\"hs-intro-bg-image\"><\/div>\r\n    \r\n    <div class=\"hs-intro-container\">\r\n        <!-- Left Column -->\r\n        <div class=\"hs-intro-left\">\r\n            <!-- Decorative dots -->\r\n            <div class=\"hs-intro-decoration-dots\">\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n            <\/div>\r\n            \r\n            <!-- Section Label -->\r\n            <div class=\"hs-intro-label\">V\u00f3\u00f3r de golf<\/div>\r\n            \r\n            <!-- Section Title -->\r\n            <h2 class=\"hs-intro-title\">Altijd v\u00f3\u00f3r de <span class=\"hs-intro-title-accent\">beweging<\/span><\/h2>\r\n            \r\n            <!-- Intro Sentence -->\r\n            <p class=\"hs-intro-lead\">\r\n                Innovatie volgt zelden een rechte lijn. Maar wie patronen herkent, ziet versnelling aankomen voordat ze zichtbaar wordt.\r\n            <\/p>\r\n            \r\n            <!-- Statement Block -->\r\n            <div class=\"hs-intro-statement\">\r\n                <p class=\"hs-intro-statement-text\">\r\n                    Echte vernieuwing voelt achteraf logisch, maar vooraf ongemakkelijk.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Right Column -->\r\n        <div class=\"hs-intro-right\">\r\n            <!-- Main Text -->\r\n            <div class=\"hs-intro-text\">\r\n                <p>\r\n                    Mijn werk is nooit begonnen bij technologie. Het begon bij mensen, bij leren, bij organisaties die wilden groeien zonder hun menselijkheid te verliezen.\r\n                <\/p>\r\n                <p>\r\n                    Toen digitalisering onderwijs veranderde, bouwde ik schaalbare leeromgevingen. Toen data en automatisering organisaties raakten, hielp ik structuren opnieuw vorm te geven. En toen kunstmatige intelligentie volwassen werd, was de volgende stap geen verrassing \u2014 maar noodzaak.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <!-- Deeper Paragraph -->\r\n            <div class=\"hs-intro-deeper\">\r\n                <p>\r\n                    AI is geen breuk met het verleden. Het is een <span class=\"hs-intro-highlight\">versnelling van alles wat al onder druk stond<\/span>: arbeid, kennis, besluitvorming en verantwoordelijkheid. Wie dat niet ziet, reageert. Wie dat wel ziet, bouwt.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <!-- Transition to AIMAZE -->\r\n            <div class=\"hs-intro-transition\">\r\n                <div class=\"hs-intro-transition-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <span class=\"hs-intro-transition-text\">\r\n                    <strong>AIMAZE<\/strong> is gebouwd vanuit dat perspectief \u2014 niet als product van enthousiasme, maar als antwoord.\r\n                <\/span>\r\n            <\/div>\r\n            \r\n            <!-- Decorative circle -->\r\n            <div class=\"hs-intro-decoration\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\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-09e5ce8 e-flex e-con-boxed e-con e-parent\" data-id=\"09e5ce8\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-255bc99 elementor-widget elementor-widget-html\" data-id=\"255bc99\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- \r\n===========================================\r\nWIDGET 3: ROLLEN \/ EXPERTISE SECTION\r\nHans Schuurmans - Personal Website\r\nPrefix: hs-roles-\r\n===========================================\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Syne:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ===== ROLES VARIABLES ===== *\/\r\n.hs-roles-section {\r\n    --hs-black: #0a0a0a;\r\n    --hs-dark: #111111;\r\n    --hs-gray: #1a1a1a;\r\n    --hs-gray-light: #2a2a2a;\r\n    --hs-gray-medium: #888888;\r\n    --hs-white: #ffffff;\r\n    --hs-white-soft: #e5e5e5;\r\n    --hs-purple: #8b5cf6;\r\n    --hs-purple-light: #a78bfa;\r\n    --hs-purple-dark: #7c3aed;\r\n    \r\n    --hs-font-display: 'Instrument Serif', Georgia, serif;\r\n    --hs-font-body: 'Syne', sans-serif;\r\n}\r\n\r\n\/* ===== ROLES SECTION ===== *\/\r\n.hs-roles-section {\r\n    position: relative;\r\n    background: var(--hs-gray);\r\n    padding: 100px 5%;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Subtle pattern overlay *\/\r\n.hs-roles-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: \r\n        radial-gradient(circle at 20% 50%, rgba(139, 92, 246, 0.03) 0%, transparent 50%),\r\n        radial-gradient(circle at 80% 50%, rgba(139, 92, 246, 0.03) 0%, transparent 50%);\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Grid pattern *\/\r\n.hs-roles-grid-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: \r\n        linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);\r\n    background-size: 40px 40px;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* ===== SECTION HEADER ===== *\/\r\n.hs-roles-header {\r\n    text-align: center;\r\n    margin-bottom: 64px;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.hs-roles-label {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--hs-purple);\r\n    margin-bottom: 16px;\r\n    display: block;\r\n}\r\n\r\n.hs-roles-title {\r\n    font-family: var(--hs-font-display);\r\n    font-size: clamp(32px, 4vw, 48px);\r\n    font-weight: 400;\r\n    color: var(--hs-white);\r\n    margin: 0;\r\n    line-height: 1.2;\r\n}\r\n\r\n.hs-roles-title em {\r\n    font-style: italic;\r\n    color: var(--hs-white-soft);\r\n}\r\n\r\n\/* ===== CARDS GRID ===== *\/\r\n.hs-roles-grid {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 24px;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ===== SINGLE CARD ===== *\/\r\n.hs-roles-card {\r\n    position: relative;\r\n    background: var(--hs-dark);\r\n    border: 1px solid var(--hs-gray-light);\r\n    padding: 40px 32px;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Top accent line *\/\r\n.hs-roles-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, var(--hs-purple), var(--hs-purple-light));\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.hs-roles-card:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n\/* Background glow on hover *\/\r\n.hs-roles-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 150px;\r\n    background: linear-gradient(180deg, rgba(139, 92, 246, 0.05) 0%, transparent 100%);\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n    pointer-events: none;\r\n}\r\n\r\n.hs-roles-card:hover::after {\r\n    opacity: 1;\r\n}\r\n\r\n.hs-roles-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: rgba(139, 92, 246, 0.3);\r\n    box-shadow: \r\n        0 20px 40px rgba(0, 0, 0, 0.3),\r\n        0 0 0 1px rgba(139, 92, 246, 0.1);\r\n}\r\n\r\n\/* Card number *\/\r\n.hs-roles-card-number {\r\n    font-family: var(--hs-font-display);\r\n    font-size: 64px;\r\n    font-weight: 400;\r\n    color: var(--hs-gray-light);\r\n    line-height: 1;\r\n    margin-bottom: 24px;\r\n    transition: color 0.4s ease;\r\n}\r\n\r\n.hs-roles-card:hover .hs-roles-card-number {\r\n    color: var(--hs-purple);\r\n}\r\n\r\n\/* Card icon *\/\r\n.hs-roles-card-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    margin-bottom: 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.hs-roles-card-icon svg {\r\n    width: 100%;\r\n    height: 100%;\r\n    stroke: var(--hs-white-soft);\r\n    stroke-width: 1.5;\r\n    fill: none;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.hs-roles-card:hover .hs-roles-card-icon svg {\r\n    stroke: var(--hs-purple-light);\r\n    transform: scale(1.1);\r\n}\r\n\r\n\/* Card title *\/\r\n.hs-roles-card-title {\r\n    font-family: var(--hs-font-display);\r\n    font-size: 28px;\r\n    font-weight: 400;\r\n    color: var(--hs-white);\r\n    margin: 0 0 16px 0;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* Card description *\/\r\n.hs-roles-card-desc {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.7;\r\n    color: var(--hs-gray-medium);\r\n    margin: 0;\r\n    position: relative;\r\n    z-index: 2;\r\n    transition: color 0.4s ease;\r\n}\r\n\r\n.hs-roles-card:hover .hs-roles-card-desc {\r\n    color: var(--hs-white-soft);\r\n}\r\n\r\n\/* Card link *\/\r\n.hs-roles-card-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-family: var(--hs-font-body);\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.05em;\r\n    color: var(--hs-purple);\r\n    text-decoration: none;\r\n    margin-top: 24px;\r\n    position: relative;\r\n    z-index: 2;\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.hs-roles-card:hover .hs-roles-card-link {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.hs-roles-card-link svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.hs-roles-card-link:hover svg {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* ===== DECORATIVE ELEMENTS ===== *\/\r\n.hs-roles-deco {\r\n    position: absolute;\r\n    border: 1px solid rgba(139, 92, 246, 0.2);\r\n    pointer-events: none;\r\n}\r\n\r\n.hs-roles-deco-1 {\r\n    width: 200px;\r\n    height: 200px;\r\n    top: -100px;\r\n    left: 10%;\r\n    transform: rotate(45deg);\r\n}\r\n\r\n.hs-roles-deco-2 {\r\n    width: 150px;\r\n    height: 150px;\r\n    bottom: -75px;\r\n    right: 15%;\r\n    transform: rotate(15deg);\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 1200px) {\r\n    .hs-roles-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 20px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hs-roles-section {\r\n        padding: 80px 24px;\r\n    }\r\n    \r\n    .hs-roles-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 16px;\r\n    }\r\n    \r\n    .hs-roles-card {\r\n        padding: 32px 24px;\r\n    }\r\n    \r\n    .hs-roles-card-number {\r\n        font-size: 48px;\r\n    }\r\n    \r\n    .hs-roles-card-link {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hs-roles-section {\r\n        padding: 60px 20px;\r\n    }\r\n    \r\n    .hs-roles-header {\r\n        margin-bottom: 40px;\r\n    }\r\n    \r\n    .hs-roles-card-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hs-roles-section\">\r\n    <!-- Background elements -->\r\n    <div class=\"hs-roles-grid-bg\"><\/div>\r\n    <div class=\"hs-roles-deco hs-roles-deco-1\"><\/div>\r\n    <div class=\"hs-roles-deco hs-roles-deco-2\"><\/div>\r\n    \r\n    <!-- Section header -->\r\n    <header class=\"hs-roles-header\">\r\n        <span class=\"hs-roles-label\">Expertise<\/span>\r\n        <h2 class=\"hs-roles-title\">Vier rollen, <em>\u00e9\u00e9n missie<\/em><\/h2>\r\n    <\/header>\r\n    \r\n    <!-- Cards grid -->\r\n    <div class=\"hs-roles-grid\">\r\n        \r\n        <!-- Card 1: Ondernemer -->\r\n        <article class=\"hs-roles-card\">\r\n            <div class=\"hs-roles-card-icon\">\r\n                <svg viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M24 4L4 14v20l20 10 20-10V14L24 4z\"\/>\r\n                    <path d=\"M4 14l20 10 20-10\"\/>\r\n                    <path d=\"M24 44V24\"\/>\r\n                    <path d=\"M34 9l-20 10\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3 class=\"hs-roles-card-title\">Ondernemer<\/h3>\r\n            <p class=\"hs-roles-card-desc\">\r\n                Oprichter van SkillsTown en mede-oprichter van AIMAZE. Van startup tot honderden medewerkers \u2014 altijd met innovatie als drijfveer.\r\n            <\/p>\r\n            <a href=\"#ondernemerschap\" class=\"hs-roles-card-link\">\r\n                Meer over mijn bedrijven\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                <\/svg>\r\n            <\/a>\r\n        <\/article>\r\n        \r\n        <!-- Card 2: AI Inspirator -->\r\n        <article class=\"hs-roles-card\">\r\n            <div class=\"hs-roles-card-icon\">\r\n                <svg viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <circle cx=\"24\" cy=\"24\" r=\"8\"\/>\r\n                    <path d=\"M24 4v8M24 36v8M4 24h8M36 24h8\"\/>\r\n                    <path d=\"M10 10l6 6M32 32l6 6M10 38l6-6M32 16l6-6\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3 class=\"hs-roles-card-title\">AI Inspirator<\/h3>\r\n            <p class=\"hs-roles-card-desc\">\r\n                Veelgevraagd spreker over kunstmatige intelligentie. Ik inspireer organisaties om AI strategisch en menselijk in te zetten.\r\n            <\/p>\r\n            <a href=\"#spreker\" class=\"hs-roles-card-link\">\r\n                Boek mij als spreker\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                <\/svg>\r\n            <\/a>\r\n        <\/article>\r\n        \r\n        <!-- Card 3: Auteur -->\r\n        <article class=\"hs-roles-card\">\r\n            <div class=\"hs-roles-card-icon\">\r\n                <svg viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M8 6h24a4 4 0 014 4v28a4 4 0 01-4 4H8V6z\"\/>\r\n                    <path d=\"M8 6a4 4 0 00-4 4v28a4 4 0 004 4\"\/>\r\n                    <path d=\"M14 16h16M14 24h16M14 32h10\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3 class=\"hs-roles-card-title\">Auteur<\/h3>\r\n            <p class=\"hs-roles-card-desc\">\r\n                Schrijver van \"AI am a Human\" en binnenkort \"Succesvolle marketing in het AI tijdperk\". Kennis delen is mijn passie.\r\n            <\/p>\r\n            <a href=\"#boeken\" class=\"hs-roles-card-link\">\r\n                Bekijk mijn boeken\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                <\/svg>\r\n            <\/a>\r\n        <\/article>\r\n        \r\n        <!-- Card 4: Initiatiefnemer -->\r\n        <article class=\"hs-roles-card\">\r\n            <div class=\"hs-roles-card-icon\">\r\n                <svg viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <polygon points=\"24,4 29,18 44,18 32,28 36,42 24,34 12,42 16,28 4,18 19,18\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3 class=\"hs-roles-card-title\">Initiatiefnemer<\/h3>\r\n            <p class=\"hs-roles-card-desc\">\r\n                Bedenker en organisator van de Nationale AI Awards. Ik verbind AI-koplopers en zet innovatie in de spotlight.\r\n            <\/p>\r\n            <a href=\"#ai-awards\" class=\"hs-roles-card-link\">\r\n                Ontdek de AI Awards\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                <\/svg>\r\n            <\/a>\r\n        <\/article>\r\n        \r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\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-1a317b4 e-flex e-con-boxed e-con e-parent\" data-id=\"1a317b4\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed4718b elementor-widget elementor-widget-html\" data-id=\"ed4718b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- \r\n===========================================\r\nWIDGET 4: OVER HANS SECTION (v9 - CLEAN DESIGNER)\r\nHans Schuurmans - Personal Website\r\nPrefix: hs-about-\r\n===========================================\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Syne:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ===== VARIABLES ===== *\/\r\n.hs-about-section {\r\n    --hs-white: #ffffff;\r\n    --hs-black: #0a0a0a;\r\n    --hs-gray-100: #f5f5f5;\r\n    --hs-gray-200: #e5e5e5;\r\n    --hs-gray-400: #9a9a9a;\r\n    --hs-gray-600: #525252;\r\n    --hs-purple: #8b5cf6;\r\n    --hs-purple-light: #a78bfa;\r\n    --hs-font-display: 'Instrument Serif', Georgia, serif;\r\n    --hs-font-body: 'Syne', sans-serif;\r\n}\r\n\r\n.hs-about-section *,\r\n.hs-about-section *::before,\r\n.hs-about-section *::after {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* ===== SECTION ===== *\/\r\n.hs-about-section {\r\n    background: var(--hs-white);\r\n    padding: 100px 5%;\r\n    width: 100%;\r\n}\r\n\r\n.hs-about-container {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ===== MAIN GRID ===== *\/\r\n.hs-about-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 80px;\r\n    align-items: center;\r\n}\r\n\r\n\/* ===== CONTENT SIDE ===== *\/\r\n.hs-about-content {\r\n    max-width: 520px;\r\n}\r\n\r\n\/* Name *\/\r\n.hs-about-name {\r\n    font-family: var(--hs-font-display);\r\n    font-size: clamp(52px, 8vw, 100px);\r\n    font-weight: 400;\r\n    color: var(--hs-black);\r\n    line-height: 0.95;\r\n    margin-bottom: 16px;\r\n    letter-spacing: -0.02em;\r\n}\r\n\r\n.hs-about-name span {\r\n    display: block;\r\n    font-style: italic;\r\n    color: var(--hs-purple);\r\n}\r\n\r\n\/* Tagline *\/\r\n.hs-about-tagline {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--hs-gray-400);\r\n    margin-bottom: 40px;\r\n}\r\n\r\n\/* Opening *\/\r\n.hs-about-opening {\r\n    font-family: var(--hs-font-display);\r\n    font-size: clamp(20px, 2.5vw, 28px);\r\n    font-style: italic;\r\n    color: var(--hs-black);\r\n    line-height: 1.45;\r\n    margin-bottom: 32px;\r\n}\r\n\r\n\/* Accent line *\/\r\n.hs-about-accent {\r\n    width: 56px;\r\n    height: 3px;\r\n    background: var(--hs-purple);\r\n    margin-bottom: 32px;\r\n}\r\n\r\n\/* Body text *\/\r\n.hs-about-text p {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    color: var(--hs-gray-600);\r\n    line-height: 1.9;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.hs-about-text p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\/* ===== IMAGE SIDE ===== *\/\r\n.hs-about-image-side {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0;\r\n}\r\n\r\n.hs-about-image-wrapper {\r\n    position: relative;\r\n    background: var(--hs-black);\r\n}\r\n\r\n.hs-about-image {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    filter: grayscale(100%);\r\n    transition: filter 0.6s ease;\r\n}\r\n\r\n.hs-about-image-wrapper:hover .hs-about-image {\r\n    filter: grayscale(0%);\r\n}\r\n\r\n\/* Quote box onder foto *\/\r\n.hs-about-quote-box {\r\n    background: var(--hs-purple);\r\n    padding: 32px 36px;\r\n}\r\n\r\n.hs-about-quote-box p {\r\n    font-family: var(--hs-font-display);\r\n    font-size: clamp(16px, 1.8vw, 20px);\r\n    font-style: italic;\r\n    color: var(--hs-white);\r\n    line-height: 1.5;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.hs-about-quote-box span {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n    color: rgba(255, 255, 255, 0.7);\r\n}\r\n\r\n\/* ===== BOTTOM GRID ===== *\/\r\n.hs-about-bottom {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 48px;\r\n    margin-top: 80px;\r\n    padding-top: 64px;\r\n    border-top: 1px solid var(--hs-gray-200);\r\n}\r\n\r\n.hs-about-bottom-item {\r\n    padding-right: 24px;\r\n}\r\n\r\n.hs-about-bottom-label {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--hs-purple);\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.hs-about-bottom-title {\r\n    font-family: var(--hs-font-display);\r\n    font-size: 18px;\r\n    font-style: italic;\r\n    color: var(--hs-black);\r\n    line-height: 1.4;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.hs-about-bottom-text {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 14px;\r\n    color: var(--hs-gray-600);\r\n    line-height: 1.75;\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 1024px) {\r\n    .hs-about-section {\r\n        padding: 80px 5%;\r\n    }\r\n    \r\n    .hs-about-grid {\r\n        gap: 60px;\r\n    }\r\n    \r\n    .hs-about-bottom {\r\n        gap: 32px;\r\n        margin-top: 64px;\r\n        padding-top: 48px;\r\n    }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n    .hs-about-section {\r\n        padding: 64px 5%;\r\n    }\r\n    \r\n    .hs-about-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 48px;\r\n    }\r\n    \r\n    .hs-about-content {\r\n        max-width: 100%;\r\n        order: 2;\r\n    }\r\n    \r\n    .hs-about-image-side {\r\n        order: 1;\r\n        max-width: 550px;\r\n        margin: 0 auto;\r\n        width: 100%;\r\n    }\r\n    \r\n    .hs-about-bottom {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n        margin-top: 56px;\r\n        padding-top: 40px;\r\n    }\r\n    \r\n    .hs-about-bottom-item {\r\n        padding-right: 0;\r\n        padding-bottom: 32px;\r\n        border-bottom: 1px solid var(--hs-gray-200);\r\n    }\r\n    \r\n    .hs-about-bottom-item:last-child {\r\n        padding-bottom: 0;\r\n        border-bottom: none;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .hs-about-section {\r\n        padding: 48px 20px;\r\n    }\r\n    \r\n    .hs-about-grid {\r\n        gap: 40px;\r\n    }\r\n    \r\n    .hs-about-tagline {\r\n        margin-bottom: 32px;\r\n    }\r\n    \r\n    .hs-about-opening {\r\n        margin-bottom: 28px;\r\n    }\r\n    \r\n    .hs-about-accent {\r\n        margin-bottom: 28px;\r\n    }\r\n    \r\n    .hs-about-text p {\r\n        font-size: 14px;\r\n    }\r\n    \r\n    .hs-about-quote-box {\r\n        padding: 28px 24px;\r\n    }\r\n    \r\n    .hs-about-bottom {\r\n        gap: 32px;\r\n        margin-top: 48px;\r\n        padding-top: 32px;\r\n    }\r\n    \r\n    .hs-about-bottom-item {\r\n        padding-bottom: 28px;\r\n    }\r\n    \r\n    .hs-about-bottom-title {\r\n        font-size: 17px;\r\n    }\r\n    \r\n    .hs-about-bottom-text {\r\n        font-size: 13px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hs-about-section\" id=\"over\">\r\n    <div class=\"hs-about-container\">\r\n        \r\n        <!-- Main Grid -->\r\n        <div class=\"hs-about-grid\">\r\n            \r\n            <!-- Content Side -->\r\n            <div class=\"hs-about-content\">\r\n                \r\n                <h2 class=\"hs-about-name\">\r\n                    Hans\r\n                    <span>Schuurmans<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"hs-about-tagline\">Mister AI \u00b7 Visionair \u00b7 Ondernemer<\/p>\r\n                \r\n                <p class=\"hs-about-opening\">\r\n                    Ik ben geen technoloog die toevallig met mensen werkt. Ik ben iemand die technologie altijd heeft benaderd vanuit de menselijke maat.\r\n                <\/p>\r\n                \r\n                <div class=\"hs-about-accent\"><\/div>\r\n                \r\n                <div class=\"hs-about-text\">\r\n                    <p>\r\n                        Wat mij drijft is niet de volgende innovatie, maar wat innovatie met mensen doet. Hoe werk verandert. Hoe leren zich aanpast. En hoe organisaties betekenisvol blijven in tijden van versnelling.\r\n                    <\/p>\r\n                    <p>\r\n                        In alles wat ik bouw, zoek ik dezelfde balans: vooruitgang zonder vervreemding. Schaal zonder afstand. Intelligentie zonder kilte.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n            \r\n            <!-- Image Side -->\r\n            <div class=\"hs-about-image-side\">\r\n                \r\n                <div class=\"hs-about-image-wrapper\">\r\n                    <img decoding=\"async\" \r\n                        src=\"http:\/\/hansschuurmans.nl\/wp-content\/uploads\/2025\/12\/Hans-Schuurmans-scaled.jpg\" \r\n                        alt=\"Hans Schuurmans\" \r\n                        class=\"hs-about-image\"\r\n                    >\r\n                <\/div>\r\n                \r\n                <div class=\"hs-about-quote-box\">\r\n                    <p>\"Technologie is pas vooruitgang als mensen erin mee kunnen groeien.\"<\/p>\r\n                    <span>\u2014 Hans Schuurmans<\/span>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n            \r\n        <\/div>\r\n        \r\n        <!-- Bottom Grid -->\r\n        <div class=\"hs-about-bottom\">\r\n            \r\n            <div class=\"hs-about-bottom-item\">\r\n                <span class=\"hs-about-bottom-label\">Overtuiging<\/span>\r\n                <p class=\"hs-about-bottom-title\">AI moet ons niet vervangen, maar dwingen beter te worden.<\/p>\r\n                <p class=\"hs-about-bottom-text\">Bewuster. Menselijker. Verantwoordelijker.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"hs-about-bottom-item\">\r\n                <span class=\"hs-about-bottom-label\">Kracht<\/span>\r\n                <p class=\"hs-about-bottom-title\">Niet in antwoorden, maar in het stellen van de juiste vragen.<\/p>\r\n                <p class=\"hs-about-bottom-text\">En in het samenbrengen van mensen die die vragen durven te onderzoeken.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"hs-about-bottom-item\">\r\n                <span class=\"hs-about-bottom-label\">Drijfveer<\/span>\r\n                <p class=\"hs-about-bottom-title\">Daarom bouw ik. Schrijf ik. Initieer ik.<\/p>\r\n                <p class=\"hs-about-bottom-text\">Niet om voorop te lopen, maar om richting te geven.<\/p>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\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-c7b8f52 e-flex e-con-boxed e-con e-parent\" data-id=\"c7b8f52\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6899b52 elementor-widget elementor-widget-html\" data-id=\"6899b52\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- \r\n===========================================\r\nWIDGET 6: KEYNOTESPREKER SECTION (v3)\r\nHans Schuurmans - Personal Website\r\nPrefix: hs-speaker-\r\n===========================================\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Syne:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ===== SPEAKER VARIABLES ===== *\/\r\n.hs-speaker-section {\r\n    --hs-black: #0a0a0a;\r\n    --hs-dark: #111111;\r\n    --hs-gray: #1a1a1a;\r\n    --hs-gray-light: #2a2a2a;\r\n    --hs-gray-medium: #888888;\r\n    --hs-white: #ffffff;\r\n    --hs-white-soft: #e5e5e5;\r\n    --hs-purple: #8b5cf6;\r\n    --hs-purple-light: #a78bfa;\r\n    --hs-purple-dark: #7c3aed;\r\n    --hs-font-display: 'Instrument Serif', Georgia, serif;\r\n    --hs-font-body: 'Syne', sans-serif;\r\n}\r\n\r\n\/* ===== SPEAKER BASE ===== *\/\r\n.hs-speaker-section {\r\n    background: var(--hs-black);\r\n    padding: 120px 5%;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hs-speaker-section * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Background glow *\/\r\n.hs-speaker-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 100%;\r\n    height: 100%;\r\n    background: radial-gradient(ellipse at center, rgba(139, 92, 246, 0.06) 0%, transparent 60%);\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Subtle grid pattern *\/\r\n.hs-speaker-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-image: \r\n        linear-gradient(rgba(139, 92, 246, 0.02) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(139, 92, 246, 0.02) 1px, transparent 1px);\r\n    background-size: 80px 80px;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* ===== SPEAKER CONTAINER ===== *\/\r\n.hs-speaker-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* ===== SPEAKER HEADER ===== *\/\r\n.hs-speaker-header {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 80px;\r\n    align-items: center;\r\n    margin-bottom: 100px;\r\n}\r\n\r\n.hs-speaker-header-content {\r\n    max-width: 600px;\r\n}\r\n\r\n.hs-speaker-label {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--hs-purple);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.hs-speaker-label::before {\r\n    content: '';\r\n    width: 40px;\r\n    height: 2px;\r\n    background: var(--hs-purple);\r\n}\r\n\r\n.hs-speaker-title {\r\n    font-family: var(--hs-font-display);\r\n    font-size: clamp(42px, 5vw, 60px);\r\n    font-weight: 400;\r\n    color: var(--hs-white);\r\n    line-height: 1.1;\r\n    margin-bottom: 32px;\r\n}\r\n\r\n.hs-speaker-intro {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    color: var(--hs-white-soft);\r\n    line-height: 1.8;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.hs-speaker-intro-highlight {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    color: var(--hs-gray-medium);\r\n    line-height: 1.7;\r\n    padding-left: 20px;\r\n    border-left: 2px solid rgba(139, 92, 246, 0.4);\r\n}\r\n\r\n\/* ===== SPEAKER IMAGE ===== *\/\r\n.hs-speaker-image-wrapper {\r\n    position: relative;\r\n}\r\n\r\n.hs-speaker-image-container {\r\n    position: relative;\r\n    overflow: hidden;\r\n    aspect-ratio: 4\/5;\r\n}\r\n\r\n.hs-speaker-image-container::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    border: 1px solid rgba(139, 92, 246, 0.2);\r\n    z-index: 2;\r\n    pointer-events: none;\r\n}\r\n\r\n.hs-speaker-image {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    filter: grayscale(100%);\r\n    transition: filter 0.6s ease, transform 0.6s ease;\r\n}\r\n\r\n.hs-speaker-image-container:hover .hs-speaker-image {\r\n    filter: grayscale(0%);\r\n    transform: scale(1.03);\r\n}\r\n\r\n\/* Decorative frame *\/\r\n.hs-speaker-image-frame {\r\n    position: absolute;\r\n    top: -20px;\r\n    right: -20px;\r\n    bottom: 20px;\r\n    left: 20px;\r\n    border: 1px solid rgba(139, 92, 246, 0.3);\r\n    z-index: -1;\r\n}\r\n\r\n\/* Floating badge *\/\r\n.hs-speaker-badge {\r\n    position: absolute;\r\n    bottom: 40px;\r\n    left: -30px;\r\n    background: var(--hs-gray);\r\n    border: 1px solid var(--hs-gray-light);\r\n    padding: 20px 28px;\r\n    z-index: 3;\r\n}\r\n\r\n.hs-speaker-badge-label {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n    color: var(--hs-purple);\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.hs-speaker-badge-text {\r\n    font-family: var(--hs-font-display);\r\n    font-size: 18px;\r\n    font-style: italic;\r\n    color: var(--hs-white);\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* ===== KEYNOTES SECTION ===== *\/\r\n.hs-speaker-keynotes {\r\n    margin-bottom: 80px;\r\n}\r\n\r\n.hs-speaker-keynotes-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.hs-speaker-keynotes-title {\r\n    font-family: var(--hs-font-display);\r\n    font-size: clamp(32px, 4vw, 42px);\r\n    font-weight: 400;\r\n    color: var(--hs-white);\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.hs-speaker-keynotes-subtitle {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 15px;\r\n    color: var(--hs-gray-medium);\r\n}\r\n\r\n\/* Keynotes Grid *\/\r\n.hs-speaker-keynotes-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 32px;\r\n}\r\n\r\n\/* Keynote Card *\/\r\n.hs-speaker-keynote-card {\r\n    background: var(--hs-gray);\r\n    border: 1px solid var(--hs-gray-light);\r\n    padding: 48px 36px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.hs-speaker-keynote-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, var(--hs-purple), var(--hs-purple-light));\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.hs-speaker-keynote-card:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.hs-speaker-keynote-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: rgba(139, 92, 246, 0.3);\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n.hs-speaker-keynote-number {\r\n    font-family: var(--hs-font-display);\r\n    font-size: 48px;\r\n    font-weight: 400;\r\n    color: rgba(139, 92, 246, 0.2);\r\n    line-height: 1;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.hs-speaker-keynote-title {\r\n    font-family: var(--hs-font-display);\r\n    font-size: 24px;\r\n    font-weight: 400;\r\n    color: var(--hs-white);\r\n    line-height: 1.3;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.hs-speaker-keynote-desc {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    color: var(--hs-gray-medium);\r\n    line-height: 1.8;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.hs-speaker-keynote-outcome {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: var(--hs-purple-light);\r\n    padding-top: 20px;\r\n    border-top: 1px solid var(--hs-gray-light);\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n}\r\n\r\n.hs-speaker-keynote-outcome::before {\r\n    content: '\u2192';\r\n    color: var(--hs-purple);\r\n}\r\n\r\n\/* ===== CLOSING STATEMENT ===== *\/\r\n.hs-speaker-closing {\r\n    text-align: center;\r\n    padding: 60px 40px;\r\n    background: linear-gradient(180deg, transparent 0%, rgba(139, 92, 246, 0.03) 100%);\r\n    border-top: 1px solid var(--hs-gray-light);\r\n}\r\n\r\n.hs-speaker-closing-quote {\r\n    font-family: var(--hs-font-display);\r\n    font-size: clamp(24px, 3vw, 32px);\r\n    font-style: italic;\r\n    font-weight: 400;\r\n    color: var(--hs-white);\r\n    line-height: 1.5;\r\n    max-width: 800px;\r\n    margin: 0 auto 40px;\r\n}\r\n\r\n.hs-speaker-closing-quote::before {\r\n    content: '\"';\r\n    color: var(--hs-purple);\r\n}\r\n\r\n.hs-speaker-closing-quote::after {\r\n    content: '\"';\r\n    color: var(--hs-purple);\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 1200px) {\r\n    .hs-speaker-section {\r\n        padding: 100px 5%;\r\n    }\r\n    \r\n    .hs-speaker-header {\r\n        gap: 60px;\r\n        margin-bottom: 80px;\r\n    }\r\n    \r\n    .hs-speaker-keynotes-grid {\r\n        gap: 24px;\r\n    }\r\n    \r\n    .hs-speaker-keynote-card {\r\n        padding: 40px 28px;\r\n    }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .hs-speaker-section {\r\n        padding: 80px 24px;\r\n    }\r\n    \r\n    .hs-speaker-header {\r\n        grid-template-columns: 1fr;\r\n        gap: 48px;\r\n        margin-bottom: 70px;\r\n    }\r\n    \r\n    .hs-speaker-header-content {\r\n        max-width: 100%;\r\n        text-align: center;\r\n    }\r\n    \r\n    .hs-speaker-label {\r\n        justify-content: center;\r\n    }\r\n    \r\n    .hs-speaker-intro-highlight {\r\n        border-left: none;\r\n        padding-left: 0;\r\n        border-top: 2px solid rgba(139, 92, 246, 0.4);\r\n        padding-top: 20px;\r\n        text-align: center;\r\n    }\r\n    \r\n    .hs-speaker-image-wrapper {\r\n        max-width: 500px;\r\n        margin: 0 auto;\r\n    }\r\n    \r\n    .hs-speaker-image-frame {\r\n        top: -15px;\r\n        right: -15px;\r\n        bottom: 15px;\r\n        left: 15px;\r\n    }\r\n    \r\n    .hs-speaker-badge {\r\n        left: 0;\r\n        bottom: 30px;\r\n    }\r\n    \r\n    .hs-speaker-keynotes-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 24px;\r\n    }\r\n    \r\n    .hs-speaker-keynote-card {\r\n        padding: 36px 28px;\r\n    }\r\n    \r\n    .hs-speaker-keynote-number {\r\n        font-size: 40px;\r\n        margin-bottom: 16px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hs-speaker-section {\r\n        padding: 70px 24px;\r\n    }\r\n    \r\n    .hs-speaker-header {\r\n        margin-bottom: 60px;\r\n    }\r\n    \r\n    .hs-speaker-title {\r\n        margin-bottom: 24px;\r\n    }\r\n    \r\n    .hs-speaker-intro {\r\n        font-size: 16px;\r\n    }\r\n    \r\n    .hs-speaker-badge {\r\n        position: relative;\r\n        left: 0;\r\n        bottom: 0;\r\n        margin-top: 24px;\r\n    }\r\n    \r\n    .hs-speaker-keynotes-header {\r\n        margin-bottom: 40px;\r\n    }\r\n    \r\n    .hs-speaker-closing {\r\n        padding: 48px 24px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hs-speaker-section {\r\n        padding: 60px 20px;\r\n    }\r\n    \r\n    .hs-speaker-label {\r\n        font-size: 11px;\r\n    }\r\n    \r\n    .hs-speaker-label::before {\r\n        width: 30px;\r\n    }\r\n    \r\n    .hs-speaker-intro {\r\n        font-size: 15px;\r\n    }\r\n    \r\n    .hs-speaker-intro-highlight {\r\n        font-size: 14px;\r\n    }\r\n    \r\n    .hs-speaker-image-frame {\r\n        display: none;\r\n    }\r\n    \r\n    .hs-speaker-keynote-card {\r\n        padding: 32px 24px;\r\n    }\r\n    \r\n    .hs-speaker-keynote-title {\r\n        font-size: 22px;\r\n    }\r\n    \r\n    .hs-speaker-keynote-desc {\r\n        font-size: 13px;\r\n    }\r\n    \r\n    .hs-speaker-closing-quote {\r\n        font-size: 20px;\r\n    }\r\n<\/style>\r\n\r\n<section class=\"hs-speaker-section\" id=\"keynotespreker\">\r\n    <div class=\"hs-speaker-container\">\r\n        \r\n        <!-- Header with Image -->\r\n        <div class=\"hs-speaker-header\">\r\n            <div class=\"hs-speaker-header-content\">\r\n                <div class=\"hs-speaker-label\">Keynotespreker<\/div>\r\n                <h2 class=\"hs-speaker-title\">De toekomst van AI is vandaag<\/h2>\r\n                <p class=\"hs-speaker-intro\">\r\n                    Hans Schuurmans spreekt niet over de toekomst van AI. Hij laat zien hoe die toekomst vandaag al werkt. Met ruim twee decennia ervaring in innovatie en ondernemerschap verbindt Hans technologie aan werk, organisatie en menselijk gedrag.\r\n                <\/p>\r\n                <p class=\"hs-speaker-intro-highlight\">\r\n                    Geen abstracte theorie\u00ebn, maar concrete inzichten die laten zien hoe mensen, organisaties en AI samen aantoonbaar beter functioneren. Zijn keynotes zijn strategisch, inspirerend en altijd diepgeworteld in de praktijk.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"hs-speaker-image-wrapper\">\r\n                <div class=\"hs-speaker-image-container\">\r\n                    <img decoding=\"async\" \r\n                        src=\"http:\/\/hansschuurmans.nl\/wp-content\/uploads\/2025\/12\/Hans-Schuurmans-pres.jpg\" \r\n                        alt=\"Hans Schuurmans als keynotespreker\" \r\n                        class=\"hs-speaker-image\"\r\n                    >\r\n                <\/div>\r\n                <div class=\"hs-speaker-image-frame\"><\/div>\r\n                <div class=\"hs-speaker-badge\">\r\n                    <div class=\"hs-speaker-badge-label\">Mister AI<\/div>\r\n                    <div class=\"hs-speaker-badge-text\">Strategisch & Inspirerend<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Keynotes -->\r\n        <div class=\"hs-speaker-keynotes\">\r\n            <div class=\"hs-speaker-keynotes-header\">\r\n                <h3 class=\"hs-speaker-keynotes-title\">Keynote Onderwerpen<\/h3>\r\n                <p class=\"hs-speaker-keynotes-subtitle\">Drie actuele thema's die organisaties vandaag raken<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"hs-speaker-keynotes-grid\">\r\n                <!-- Keynote 1 -->\r\n                <div class=\"hs-speaker-keynote-card\">\r\n                    <div class=\"hs-speaker-keynote-number\">01<\/div>\r\n                    <h4 class=\"hs-speaker-keynote-title\">De Digitale Medewerker als nieuwe collega<\/h4>\r\n                    <p class=\"hs-speaker-keynote-desc\">\r\n                        Veel organisaties experimenteren met AI, maar worstelen om het structureel onderdeel te maken van het dagelijks werk. In deze sessie laat Hans zien hoe Digitale Medewerkers en AI Agents succesvol worden ge\u00efntegreerd als collega's in teams en processen.\r\n                    <\/p>\r\n                    <div class=\"hs-speaker-keynote-outcome\">\r\n                        Een helder en realistisch beeld van hoe AI daadwerkelijk waarde toevoegt binnen je organisatie.\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Keynote 2 -->\r\n                <div class=\"hs-speaker-keynote-card\">\r\n                    <div class=\"hs-speaker-keynote-number\">02<\/div>\r\n                    <h4 class=\"hs-speaker-keynote-title\">Succesvolle marketing in het AI-tijdperk<\/h4>\r\n                    <p class=\"hs-speaker-keynote-desc\">\r\n                        Marketingteams verliezen grip doordat AI het speelveld sneller verandert dan strategie\u00ebn kunnen bijhouden. Hans laat zien hoe organisaties marketing opnieuw inrichten met AI en digitale medewerkers, gericht op zichtbaarheid, vertrouwen en schaal.\r\n                    <\/p>\r\n                    <div class=\"hs-speaker-keynote-outcome\">\r\n                        Richting en focus in een landschap waarin zowel mensen als machines bepalen wie wint.\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Keynote 3 -->\r\n                <div class=\"hs-speaker-keynote-card\">\r\n                    <div class=\"hs-speaker-keynote-number\">03<\/div>\r\n                    <h4 class=\"hs-speaker-keynote-title\">De toekomst van werk<\/h4>\r\n                    <p class=\"hs-speaker-keynote-desc\">\r\n                        Werk verandert niet omdat technologie dat belooft, maar omdat Digitale Medewerkers en AI Agents al meedoen in organisaties. In deze keynote verbindt Hans die realiteit aan vragen over rollen, vaardigheden en samenwerking tussen mens en machine.\r\n                    <\/p>\r\n                    <div class=\"hs-speaker-keynote-outcome\">\r\n                        Inzicht en houvast voor leiders en teams die vandaag keuzes moeten maken voor morgen.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Closing Statement & CTA -->\r\n        <div class=\"hs-speaker-closing\">\r\n            <p class=\"hs-speaker-closing-quote\">\r\n                AI verandert het werk niet straks \u2014 het verandert hoe we vandaag samenwerken.\r\n            <\/p>\r\n\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\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-53cd574 e-flex e-con-boxed e-con e-parent\" data-id=\"53cd574\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99e29c5 elementor-widget elementor-widget-html\" data-id=\"99e29c5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- \r\n===========================================\r\nWIDGET 8: AIMAZE SECTION (v5 - White)\r\nHans Schuurmans - Personal Website\r\nPrefix: hs-aimaze-\r\nLaatste update: December 2024\r\n===========================================\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Syne:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ===== AIMAZE VARIABLES ===== *\/\r\n.hs-aimaze-section {\r\n    --hs-white: #ffffff;\r\n    --hs-off-white: #f8f8f8;\r\n    --hs-light-gray: #f0f0f0;\r\n    --hs-border-gray: #e0e0e0;\r\n    --hs-text-gray: #666666;\r\n    --hs-text-dark: #1a1a1a;\r\n    --hs-text-black: #0a0a0a;\r\n    --hs-purple: #8b5cf6;\r\n    --hs-purple-light: #a78bfa;\r\n    --hs-purple-dark: #7c3aed;\r\n    --hs-cyan: #06b6d4;\r\n    --hs-cyan-light: #22d3ee;\r\n    --hs-font-display: 'Instrument Serif', Georgia, serif;\r\n    --hs-font-body: 'Syne', sans-serif;\r\n}\r\n\r\n\/* ===== SECTION BASE ===== *\/\r\n.hs-aimaze-section {\r\n    background: var(--hs-white);\r\n    padding: 120px 5%;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hs-aimaze-section * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Background glow *\/\r\n.hs-aimaze-bg-glow {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 30%;\r\n    transform: translate(-50%, -50%);\r\n    width: 800px;\r\n    height: 800px;\r\n    background: radial-gradient(ellipse at center, rgba(139, 92, 246, 0.06) 0%, transparent 60%);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n\/* ===== CONTAINER ===== *\/\r\n.hs-aimaze-container {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* ===== MAIN GRID ===== *\/\r\n.hs-aimaze-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 80px;\r\n    align-items: center;\r\n}\r\n\r\n\/* ===== LEFT CONTENT ===== *\/\r\n.hs-aimaze-content {\r\n    animation: hs-aimaze-fadeUp 0.8s ease-out both;\r\n}\r\n\r\n\/* Label *\/\r\n.hs-aimaze-label {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--hs-purple);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.hs-aimaze-label::before {\r\n    content: '';\r\n    width: 40px;\r\n    height: 2px;\r\n    background: var(--hs-purple);\r\n}\r\n\r\n\/* Title *\/\r\n.hs-aimaze-title {\r\n    font-family: var(--hs-font-display);\r\n    font-size: clamp(32px, 4vw, 48px);\r\n    font-weight: 400;\r\n    color: var(--hs-text-black);\r\n    line-height: 1.2;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n\/* Tagline *\/\r\n.hs-aimaze-tagline {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    color: var(--hs-purple);\r\n    letter-spacing: 0.05em;\r\n    margin-bottom: 32px;\r\n}\r\n\r\n\/* Lead paragraph *\/\r\n.hs-aimaze-lead {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    color: var(--hs-text-dark);\r\n    line-height: 1.8;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n\/* Body text *\/\r\n.hs-aimaze-text {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    color: var(--hs-text-gray);\r\n    line-height: 1.8;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.hs-aimaze-text:last-of-type {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\/* Highlight text *\/\r\n.hs-aimaze-highlight {\r\n    color: var(--hs-text-black);\r\n    font-weight: 500;\r\n}\r\n\r\n\/* ===== AWARDS BADGES ===== *\/\r\n.hs-aimaze-awards {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n    margin-top: 32px;\r\n    margin-bottom: 32px;\r\n}\r\n\r\n.hs-aimaze-award {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-family: var(--hs-font-body);\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: var(--hs-purple-dark);\r\n    background: rgba(139, 92, 246, 0.08);\r\n    border: 1px solid rgba(139, 92, 246, 0.2);\r\n    padding: 10px 16px;\r\n    border-radius: 2px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.hs-aimaze-award:hover {\r\n    background: rgba(139, 92, 246, 0.15);\r\n    border-color: rgba(139, 92, 246, 0.4);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.hs-aimaze-award-icon {\r\n    font-size: 14px;\r\n}\r\n\r\n\/* ===== CTA BUTTON ===== *\/\r\n.hs-aimaze-cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-family: var(--hs-font-body);\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.02em;\r\n    color: var(--hs-white);\r\n    background: var(--hs-purple);\r\n    border: 2px solid var(--hs-purple);\r\n    padding: 18px 32px;\r\n    text-decoration: none;\r\n    border-radius: 2px;\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    margin-top: 8px;\r\n}\r\n\r\n.hs-aimaze-cta:hover {\r\n    background: var(--hs-purple-dark);\r\n    border-color: var(--hs-purple-dark);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 40px rgba(139, 92, 246, 0.3);\r\n}\r\n\r\n.hs-aimaze-cta-arrow {\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.hs-aimaze-cta:hover .hs-aimaze-cta-arrow {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* ===== RIGHT VISUAL ===== *\/\r\n.hs-aimaze-visual {\r\n    position: relative;\r\n    animation: hs-aimaze-fadeUp 0.8s ease-out 0.2s both;\r\n}\r\n\r\n\/* Image container *\/\r\n.hs-aimaze-image-wrapper {\r\n    position: relative;\r\n    background: linear-gradient(135deg, rgba(139, 92, 246, 0.05) 0%, rgba(6, 182, 212, 0.05) 100%);\r\n    border-radius: 4px;\r\n    padding: 40px;\r\n    border: 1px solid var(--hs-border-gray);\r\n    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.06);\r\n}\r\n\r\n.hs-aimaze-image-wrapper::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -1px;\r\n    left: 0;\r\n    right: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, var(--hs-purple), var(--hs-cyan));\r\n    border-radius: 4px 4px 0 0;\r\n}\r\n\r\n.hs-aimaze-image {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    border-radius: 2px;\r\n    transition: transform 0.6s ease;\r\n}\r\n\r\n.hs-aimaze-image-wrapper:hover .hs-aimaze-image {\r\n    transform: scale(1.02);\r\n}\r\n\r\n\/* Floating badge *\/\r\n.hs-aimaze-badge {\r\n    position: absolute;\r\n    bottom: -20px;\r\n    right: 20px;\r\n    background: var(--hs-white);\r\n    border: 1px solid var(--hs-border-gray);\r\n    padding: 16px 24px;\r\n    border-radius: 2px;\r\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.hs-aimaze-badge-text {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    color: var(--hs-purple);\r\n    display: block;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.hs-aimaze-badge-title {\r\n    font-family: var(--hs-font-display);\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    color: var(--hs-text-black);\r\n}\r\n\r\n\/* ===== BOTTOM FEATURES ===== *\/\r\n.hs-aimaze-features {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n    margin-top: 80px;\r\n    padding-top: 60px;\r\n    border-top: 1px solid var(--hs-border-gray);\r\n}\r\n\r\n.hs-aimaze-feature {\r\n    text-align: center;\r\n    padding: 32px 24px;\r\n    background: var(--hs-off-white);\r\n    border: 1px solid var(--hs-border-gray);\r\n    border-radius: 2px;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hs-aimaze-feature::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, var(--hs-purple), var(--hs-purple-light));\r\n    transform: scaleX(0);\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.hs-aimaze-feature:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.hs-aimaze-feature:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(139, 92, 246, 0.3);\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\r\n    background: var(--hs-white);\r\n}\r\n\r\n.hs-aimaze-feature-icon {\r\n    font-size: 28px;\r\n    margin-bottom: 16px;\r\n    display: block;\r\n}\r\n\r\n.hs-aimaze-feature-title {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: var(--hs-text-black);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.hs-aimaze-feature-text {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    color: var(--hs-text-gray);\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* ===== ANIMATIONS ===== *\/\r\n@keyframes hs-aimaze-fadeUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 1200px) {\r\n    .hs-aimaze-section {\r\n        padding: 100px 5%;\r\n    }\r\n    \r\n    .hs-aimaze-grid {\r\n        gap: 60px;\r\n    }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .hs-aimaze-section {\r\n        padding: 80px 24px;\r\n    }\r\n    \r\n    .hs-aimaze-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 48px;\r\n    }\r\n    \r\n    .hs-aimaze-visual {\r\n        order: -1;\r\n        max-width: 500px;\r\n        margin: 0 auto;\r\n    }\r\n    \r\n    .hs-aimaze-features {\r\n        margin-top: 60px;\r\n        padding-top: 48px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hs-aimaze-section {\r\n        padding: 70px 24px;\r\n    }\r\n    \r\n    .hs-aimaze-title {\r\n        font-size: clamp(28px, 5vw, 36px);\r\n    }\r\n    \r\n    .hs-aimaze-features {\r\n        grid-template-columns: 1fr;\r\n        gap: 16px;\r\n    }\r\n    \r\n    .hs-aimaze-feature {\r\n        padding: 24px 20px;\r\n    }\r\n    \r\n    .hs-aimaze-image-wrapper {\r\n        padding: 24px;\r\n    }\r\n    \r\n    .hs-aimaze-badge {\r\n        position: relative;\r\n        bottom: auto;\r\n        right: auto;\r\n        margin-top: 16px;\r\n        text-align: center;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hs-aimaze-section {\r\n        padding: 60px 20px;\r\n    }\r\n    \r\n    .hs-aimaze-awards {\r\n        flex-direction: column;\r\n    }\r\n    \r\n    .hs-aimaze-award {\r\n        justify-content: center;\r\n    }\r\n    \r\n    .hs-aimaze-cta {\r\n        width: 100%;\r\n        justify-content: center;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hs-aimaze-section\" id=\"aimaze\">\r\n    <!-- Background glow -->\r\n    <div class=\"hs-aimaze-bg-glow\"><\/div>\r\n    \r\n    <div class=\"hs-aimaze-container\">\r\n        <!-- Main Grid -->\r\n        <div class=\"hs-aimaze-grid\">\r\n            <!-- Left: Content -->\r\n            <div class=\"hs-aimaze-content\">\r\n                <span class=\"hs-aimaze-label\">Mede-oprichter<\/span>\r\n                \r\n                <h2 class=\"hs-aimaze-title\">AIMAZE \u2013 AI werkend maken voor iedereen<\/h2>\r\n                \r\n                <p class=\"hs-aimaze-tagline\">H\u00e9t uitzendbureau voor Digitale Medewerkers<\/p>\r\n                \r\n                <p class=\"hs-aimaze-lead\">\r\n                    AIMAZE is gebouwd vanuit een eenvoudige maar fundamentele overtuiging: <span class=\"hs-aimaze-highlight\">AI heeft pas waarde als het daadwerkelijk werkt<\/span> in het dagelijks werk van mensen en organisaties.\r\n                <\/p>\r\n                \r\n                <p class=\"hs-aimaze-text\">\r\n                    Te lang bleef AI complex, afstandelijk en vooral bereikbaar voor specialisten en grote bedrijven. Met AIMAZE wil ik dat veranderen. Mijn doel is om AI effectief, toegankelijk en direct inzetbaar te maken voor iedere organisatie \u2014 groot of klein, publiek of privaat.\r\n                <\/p>\r\n                \r\n                <p class=\"hs-aimaze-text\">\r\n                    Daarom ontwikkelden we <span class=\"hs-aimaze-highlight\">digitale medewerkers en AI-agents<\/span> die geen hulpmiddelen zijn, maar volwaardige collega's. Ze voeren taken uit, leren continu en werken samen met mensen binnen bestaande teams en processen. Zo wordt AI geen experiment, maar een vanzelfsprekend onderdeel van het werk.\r\n                <\/p>\r\n                \r\n                <p class=\"hs-aimaze-text\">\r\n                    Wat AIMAZE onderscheidt, is de <span class=\"hs-aimaze-highlight\">focus op mensen in plaats van technologie<\/span>. Technologie is het middel, niet het doel. Digitale medewerkers nemen werk uit handen, zodat mensen ruimte krijgen voor creativiteit, oordeel en echte aandacht.\r\n                <\/p>\r\n                \r\n                <!-- Awards -->\r\n                <div class=\"hs-aimaze-awards\">\r\n                    <span class=\"hs-aimaze-award\">\r\n                        <span class=\"hs-aimaze-award-icon\">\ud83c\udfc6<\/span>\r\n                        Beste Tech Startup van Nederland\r\n                    <\/span>\r\n                    <span class=\"hs-aimaze-award\">\r\n                        <span class=\"hs-aimaze-award-icon\">\ud83c\udf1f<\/span>\r\n                        Future of Work Award\r\n                    <\/span>\r\n                <\/div>\r\n                \r\n                <!-- CTA -->\r\n                <a href=\"https:\/\/aimaze.nl\/\" target=\"_blank\" class=\"hs-aimaze-cta\">\r\n                    Ontdek AIMAZE\r\n                    <span class=\"hs-aimaze-cta-arrow\">\u2192<\/span>\r\n                <\/a>\r\n            <\/div>\r\n            \r\n            <!-- Right: Visual -->\r\n            <div class=\"hs-aimaze-visual\">\r\n                <div class=\"hs-aimaze-image-wrapper\">\r\n                    <img decoding=\"async\" \r\n                        src=\"http:\/\/aimaze.nl\/wp-content\/uploads\/2025\/03\/Digitale-medewerker-dame-notebook.png\" \r\n                        alt=\"Digitale Medewerker - AIMAZE\" \r\n                        class=\"hs-aimaze-image\"\r\n                    >\r\n                <\/div>\r\n                <div class=\"hs-aimaze-badge\">\r\n                    <span class=\"hs-aimaze-badge-text\">Digitale Medewerkers<\/span>\r\n                    <span class=\"hs-aimaze-badge-title\">Volwaardige collega's<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Bottom Features -->\r\n        <div class=\"hs-aimaze-features\">\r\n            <div class=\"hs-aimaze-feature\">\r\n                <span class=\"hs-aimaze-feature-icon\">\ud83e\udd1d<\/span>\r\n                <h3 class=\"hs-aimaze-feature-title\">Mensgerichte AI<\/h3>\r\n                <p class=\"hs-aimaze-feature-text\">Technologie als middel, mensen als doel. Ruimte voor creativiteit en echte aandacht.<\/p>\r\n            <\/div>\r\n            <div class=\"hs-aimaze-feature\">\r\n                <span class=\"hs-aimaze-feature-icon\">\u26a1<\/span>\r\n                <h3 class=\"hs-aimaze-feature-title\">Direct Inzetbaar<\/h3>\r\n                <p class=\"hs-aimaze-feature-text\">Geen experiment, maar een vanzelfsprekend onderdeel van het dagelijks werk.<\/p>\r\n            <\/div>\r\n            <div class=\"hs-aimaze-feature\">\r\n                <span class=\"hs-aimaze-feature-icon\">\ud83c\udfaf<\/span>\r\n                <h3 class=\"hs-aimaze-feature-title\">Praktische AI<\/h3>\r\n                <p class=\"hs-aimaze-feature-text\">AI die daadwerkelijk werkt binnen bestaande teams en processen.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\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-f101c64 e-flex e-con-boxed e-con e-parent\" data-id=\"f101c64\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0eaee07 elementor-widget elementor-widget-html\" data-id=\"0eaee07\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- \r\n===========================================\r\nWIDGET 5: BOEKEN SECTION v3\r\nHans Schuurmans - Personal Website\r\nPrefix: hs-books-\r\n===========================================\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Syne:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ===== BOOKS VARIABLES ===== *\/\r\n.hs-books-section {\r\n    --hs-black: #0a0a0a;\r\n    --hs-dark: #111111;\r\n    --hs-gray: #1a1a1a;\r\n    --hs-gray-light: #2a2a2a;\r\n    --hs-gray-medium: #888888;\r\n    --hs-white: #ffffff;\r\n    --hs-white-soft: #e5e5e5;\r\n    --hs-purple: #8b5cf6;\r\n    --hs-purple-light: #a78bfa;\r\n    --hs-purple-dark: #7c3aed;\r\n    --hs-font-display: 'Instrument Serif', Georgia, serif;\r\n    --hs-font-body: 'Syne', sans-serif;\r\n}\r\n\r\n\/* ===== BOOKS BASE ===== *\/\r\n.hs-books-section {\r\n    background: var(--hs-black);\r\n    padding: 120px 5%;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hs-books-section * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Background glow *\/\r\n.hs-books-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 800px;\r\n    height: 800px;\r\n    background: radial-gradient(ellipse at center, rgba(139, 92, 246, 0.06) 0%, transparent 70%);\r\n    pointer-events: none;\r\n}\r\n\r\n.hs-books-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* ===== HEADER ===== *\/\r\n.hs-books-header {\r\n    text-align: center;\r\n    margin-bottom: 80px;\r\n}\r\n\r\n.hs-books-label {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--hs-purple);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.hs-books-label::before,\r\n.hs-books-label::after {\r\n    content: '';\r\n    width: 40px;\r\n    height: 2px;\r\n    background: var(--hs-purple);\r\n}\r\n\r\n.hs-books-title {\r\n    font-family: var(--hs-font-display);\r\n    font-size: clamp(36px, 4vw, 52px);\r\n    font-weight: 400;\r\n    color: var(--hs-white);\r\n    margin-bottom: 20px;\r\n    line-height: 1.2;\r\n}\r\n\r\n.hs-books-subtitle {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    color: var(--hs-gray-medium);\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* ===== FEATURED BOOKS (Main) ===== *\/\r\n.hs-books-featured {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 48px;\r\n    margin-bottom: 80px;\r\n}\r\n\r\n.hs-books-featured-card {\r\n    background: var(--hs-gray);\r\n    border: 1px solid var(--hs-gray-light);\r\n    padding: 48px;\r\n    display: flex;\r\n    gap: 40px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.hs-books-featured-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, var(--hs-purple), var(--hs-purple-light));\r\n    transform: scaleX(0);\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.hs-books-featured-card:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.hs-books-featured-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: rgba(139, 92, 246, 0.3);\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n.hs-books-featured-image {\r\n    flex-shrink: 0;\r\n    width: 180px;\r\n    position: relative;\r\n}\r\n\r\n.hs-books-featured-image img {\r\n    width: 100%;\r\n    height: auto;\r\n    filter: grayscale(30%);\r\n    transition: all 0.5s ease;\r\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n.hs-books-featured-card:hover .hs-books-featured-image img {\r\n    filter: grayscale(0%);\r\n    transform: scale(1.02);\r\n}\r\n\r\n.hs-books-featured-badge {\r\n    position: absolute;\r\n    top: -10px;\r\n    right: -10px;\r\n    background: var(--hs-purple);\r\n    color: var(--hs-white);\r\n    font-family: var(--hs-font-body);\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    padding: 8px 14px;\r\n    border-radius: 2px;\r\n    box-shadow: 0 4px 20px rgba(139, 92, 246, 0.4);\r\n}\r\n\r\n.hs-books-featured-badge.coming {\r\n    background: linear-gradient(135deg, #f59e0b, #fbbf24);\r\n    color: #0a0a0a;\r\n}\r\n\r\n.hs-books-featured-content {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.hs-books-featured-year {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n    color: var(--hs-purple);\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.hs-books-featured-name {\r\n    font-family: var(--hs-font-display);\r\n    font-size: clamp(24px, 2.5vw, 32px);\r\n    font-weight: 400;\r\n    color: var(--hs-white);\r\n    margin-bottom: 16px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.hs-books-featured-desc {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    color: var(--hs-gray-medium);\r\n    line-height: 1.7;\r\n    margin-bottom: 24px;\r\n    flex: 1;\r\n}\r\n\r\n.hs-books-featured-cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: var(--hs-font-body);\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: var(--hs-purple);\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    align-self: flex-start;\r\n}\r\n\r\n.hs-books-featured-cta:hover {\r\n    color: var(--hs-purple-light);\r\n    gap: 14px;\r\n}\r\n\r\n.hs-books-featured-cta svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.hs-books-featured-cta:hover svg {\r\n    transform: translateX(4px);\r\n}\r\n\r\n.hs-books-featured-coming {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: var(--hs-font-body);\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #f59e0b;\r\n    align-self: flex-start;\r\n}\r\n\r\n.hs-books-featured-coming svg {\r\n    width: 18px;\r\n    height: 18px;\r\n}\r\n\r\n\/* ===== OTHER BOOKS SECTION ===== *\/\r\n.hs-books-other-header {\r\n    text-align: center;\r\n    margin-bottom: 48px;\r\n}\r\n\r\n.hs-books-other-title {\r\n    font-family: var(--hs-font-display);\r\n    font-size: clamp(24px, 2vw, 28px);\r\n    font-weight: 400;\r\n    color: var(--hs-white);\r\n}\r\n\r\n\/* ===== OTHER BOOKS GRID ===== *\/\r\n.hs-books-other-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, 1fr);\r\n    gap: 32px;\r\n}\r\n\r\n.hs-books-other-card {\r\n    text-align: center;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.hs-books-other-card:hover {\r\n    transform: translateY(-6px);\r\n}\r\n\r\n.hs-books-other-image {\r\n    position: relative;\r\n    margin-bottom: 20px;\r\n    overflow: hidden;\r\n}\r\n\r\n.hs-books-other-image img {\r\n    width: 100%;\r\n    max-width: 160px;\r\n    height: auto;\r\n    filter: grayscale(100%);\r\n    opacity: 0.85;\r\n    transition: all 0.5s ease;\r\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);\r\n    margin: 0 auto;\r\n    display: block;\r\n}\r\n\r\n.hs-books-other-card:hover .hs-books-other-image img {\r\n    filter: grayscale(0%);\r\n    opacity: 1;\r\n    transform: scale(1.03);\r\n}\r\n\r\n.hs-books-other-name {\r\n    font-family: var(--hs-font-display);\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    color: var(--hs-white);\r\n    margin-bottom: 8px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.hs-books-other-meta {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    color: var(--hs-gray-medium);\r\n}\r\n\r\n\/* ===== THEME NOTE ===== *\/\r\n.hs-books-theme {\r\n    margin-top: 64px;\r\n    text-align: center;\r\n    padding: 32px 48px;\r\n    background: rgba(139, 92, 246, 0.05);\r\n    border: 1px solid rgba(139, 92, 246, 0.15);\r\n    border-radius: 2px;\r\n}\r\n\r\n.hs-books-theme-text {\r\n    font-family: var(--hs-font-display);\r\n    font-size: 20px;\r\n    font-style: italic;\r\n    color: var(--hs-white-soft);\r\n    line-height: 1.6;\r\n}\r\n\r\n.hs-books-theme-text span {\r\n    color: var(--hs-purple);\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 1200px) {\r\n    .hs-books-section {\r\n        padding: 100px 5%;\r\n    }\r\n    \r\n    .hs-books-featured {\r\n        gap: 32px;\r\n    }\r\n    \r\n    .hs-books-featured-card {\r\n        padding: 36px;\r\n        gap: 28px;\r\n    }\r\n    \r\n    .hs-books-featured-image {\r\n        width: 150px;\r\n    }\r\n    \r\n    .hs-books-other-grid {\r\n        gap: 24px;\r\n    }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .hs-books-section {\r\n        padding: 80px 24px;\r\n    }\r\n    \r\n    .hs-books-header {\r\n        margin-bottom: 60px;\r\n    }\r\n    \r\n    .hs-books-featured {\r\n        grid-template-columns: 1fr;\r\n        gap: 32px;\r\n        margin-bottom: 64px;\r\n    }\r\n    \r\n    .hs-books-featured-card {\r\n        padding: 40px;\r\n        gap: 32px;\r\n    }\r\n    \r\n    .hs-books-featured-image {\r\n        width: 160px;\r\n    }\r\n    \r\n    .hs-books-other-grid {\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 32px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hs-books-section {\r\n        padding: 70px 24px;\r\n    }\r\n    \r\n    .hs-books-featured-card {\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n        padding: 36px 28px;\r\n    }\r\n    \r\n    .hs-books-featured-image {\r\n        width: 180px;\r\n    }\r\n    \r\n    .hs-books-featured-cta,\r\n    .hs-books-featured-coming {\r\n        align-self: center;\r\n    }\r\n    \r\n    .hs-books-other-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 28px;\r\n    }\r\n    \r\n    .hs-books-theme {\r\n        padding: 28px 24px;\r\n    }\r\n    \r\n    .hs-books-theme-text {\r\n        font-size: 18px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hs-books-section {\r\n        padding: 60px 20px;\r\n    }\r\n    \r\n    .hs-books-header {\r\n        margin-bottom: 48px;\r\n    }\r\n    \r\n    .hs-books-label::before,\r\n    .hs-books-label::after {\r\n        width: 24px;\r\n    }\r\n    \r\n    .hs-books-featured-card {\r\n        padding: 28px 20px;\r\n    }\r\n    \r\n    .hs-books-featured-image {\r\n        width: 150px;\r\n    }\r\n    \r\n    .hs-books-other-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 20px;\r\n    }\r\n    \r\n    .hs-books-other-image img {\r\n        max-width: 120px;\r\n    }\r\n    \r\n    .hs-books-other-name {\r\n        font-size: 15px;\r\n    }\r\n    \r\n    .hs-books-other-meta {\r\n        font-size: 12px;\r\n    }\r\n    \r\n    .hs-books-theme {\r\n        padding: 24px 20px;\r\n        margin-top: 48px;\r\n    }\r\n    \r\n    .hs-books-theme-text {\r\n        font-size: 16px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hs-books-section\" id=\"boeken\">\r\n    <div class=\"hs-books-container\">\r\n        \r\n        <!-- Header -->\r\n        <div class=\"hs-books-header\">\r\n            <div class=\"hs-books-label\">Auteur<\/div>\r\n            <h2 class=\"hs-books-title\">Boeken<\/h2>\r\n            <p class=\"hs-books-subtitle\">\r\n                Van visie naar praktijk \u2014 hoe innovatie en AI bijdragen aan betere prestaties van mensen en organisaties.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <!-- Featured Books -->\r\n        <div class=\"hs-books-featured\">\r\n            \r\n            <!-- AI am a Human -->\r\n            <div class=\"hs-books-featured-card\">\r\n                <div class=\"hs-books-featured-image\">\r\n                    <img decoding=\"async\" src=\"http:\/\/hansschuurmans.nl\/wp-content\/uploads\/2023\/11\/Boek-AI-am-a-Human.jpg\" alt=\"AI am a Human boek\">\r\n                    <div class=\"hs-books-featured-badge\">Bestseller<\/div>\r\n                <\/div>\r\n                <div class=\"hs-books-featured-content\">\r\n                    <div class=\"hs-books-featured-year\">2024<\/div>\r\n                    <h3 class=\"hs-books-featured-name\">AI am a Human<\/h3>\r\n                    <p class=\"hs-books-featured-desc\">\r\n                        Een diepgaande verkenning van kunstmatige intelligentie \u00e9n een praktische gids. Hans deelt zijn visie op de symbiose tussen AI en menselijkheid \u2014 hoe we technologie menselijk en betekenisvol kunnen maken.\r\n                    <\/p>\r\n                    <a href=\"https:\/\/managementboek.nl\/boek\/9789072594273\/ai-am-a-human-hans-schuurmans?srsltid=AfmBOorP2LiQ5jWUQxfWHt2Zd9IyzeO9BNeqKUoaUiDPAmNbModVt2zO\" target=\"_blank\" class=\"hs-books-featured-cta\">\r\n                        Bestel dit boek\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Marketing in AI tijdperk -->\r\n            <div class=\"hs-books-featured-card\">\r\n                <div class=\"hs-books-featured-image\">\r\n                    <img decoding=\"async\" src=\"http:\/\/hansschuurmans.nl\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_utm1o7utm1o7utm1.png\" alt=\"Marketing in het AI tijdperk boek\">\r\n                    <div class=\"hs-books-featured-badge coming\">2026<\/div>\r\n                <\/div>\r\n                <div class=\"hs-books-featured-content\">\r\n                    <div class=\"hs-books-featured-year\">Verschijnt in 2026<\/div>\r\n                    <h3 class=\"hs-books-featured-name\">Succesvolle Marketing in het AI tijdperk<\/h3>\r\n                    <p class=\"hs-books-featured-desc\">\r\n                        Hoe AI de marketingwereld transformeert en wat dit betekent voor ondernemers en marketeers. Een praktische gids voor iedereen die voorop wil lopen in het tijdperk van kunstmatige intelligentie.\r\n                    <\/p>\r\n                    <div class=\"hs-books-featured-coming\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n                        <\/svg>\r\n                        Binnenkort beschikbaar\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n        \r\n        <!-- Other Books Section -->\r\n        <div class=\"hs-books-other-header\">\r\n            <h3 class=\"hs-books-other-title\">Eerdere publicaties<\/h3>\r\n        <\/div>\r\n        \r\n        <div class=\"hs-books-other-grid\">\r\n            \r\n            <!-- 21st Century Skills -->\r\n            <div class=\"hs-books-other-card\">\r\n                <div class=\"hs-books-other-image\">\r\n                    <img decoding=\"async\" src=\"http:\/\/hansschuurmans.nl\/wp-content\/uploads\/2025\/12\/Boek-21st-century-skills.jpg\" alt=\"21st Century Skills boek\">\r\n                <\/div>\r\n                <h4 class=\"hs-books-other-name\">21st Century Skills<\/h4>\r\n                <p class=\"hs-books-other-meta\">Vaardigheden voor de toekomst<\/p>\r\n            <\/div>\r\n            \r\n            <!-- De presterende organisatie -->\r\n            <div class=\"hs-books-other-card\">\r\n                <div class=\"hs-books-other-image\">\r\n                    <img decoding=\"async\" src=\"http:\/\/hansschuurmans.nl\/wp-content\/uploads\/2025\/12\/Boek-de-presterende-organisatie.jpg\" alt=\"De presterende organisatie boek\">\r\n                <\/div>\r\n                <h4 class=\"hs-books-other-name\">De presterende organisatie<\/h4>\r\n                <p class=\"hs-books-other-meta\">Maximaal rendement realiseren<\/p>\r\n            <\/div>\r\n            \r\n            <!-- Manager 2.0 -->\r\n            <div class=\"hs-books-other-card\">\r\n                <div class=\"hs-books-other-image\">\r\n                    <img decoding=\"async\" src=\"http:\/\/hansschuurmans.nl\/wp-content\/uploads\/2025\/12\/Boek-Het-Nieuwe-Leren.jpg\" alt=\"Manager 2.0 boek\">\r\n                <\/div>\r\n                <h4 class=\"hs-books-other-name\">Manager 2.0<\/h4>\r\n                <p class=\"hs-books-other-meta\">Het Nieuwe Leren<\/p>\r\n            <\/div>\r\n            \r\n            <!-- Leren werkt -->\r\n            <div class=\"hs-books-other-card\">\r\n                <div class=\"hs-books-other-image\">\r\n                    <img decoding=\"async\" src=\"http:\/\/hansschuurmans.nl\/wp-content\/uploads\/2025\/12\/Boek-leren-werkt.jpg\" alt=\"Leren werkt boek\">\r\n                <\/div>\r\n                <h4 class=\"hs-books-other-name\">Leren werkt<\/h4>\r\n                <p class=\"hs-books-other-meta\">Effectief leren in organisaties<\/p>\r\n            <\/div>\r\n            \r\n            <!-- Over het einde van leren -->\r\n            <div class=\"hs-books-other-card\">\r\n                <div class=\"hs-books-other-image\">\r\n                    <img decoding=\"async\" src=\"http:\/\/hansschuurmans.nl\/wp-content\/uploads\/2025\/12\/Boek-Over-het-einde-van-leren.jpg\" alt=\"Over het einde van leren boek\">\r\n                <\/div>\r\n                <h4 class=\"hs-books-other-name\">Over het einde van leren<\/h4>\r\n                <p class=\"hs-books-other-meta\">Toekomst van educatie<\/p>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n        \r\n        <!-- Theme Note -->\r\n        <div class=\"hs-books-theme\">\r\n            <p class=\"hs-books-theme-text\">\r\n                \"Alle boeken delen \u00e9\u00e9n rode draad: hoe <span>innovatie<\/span> en <span>AI<\/span> kunnen bijdragen aan betere prestaties van <span>mensen<\/span> en <span>organisaties<\/span>.\"\r\n            <\/p>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\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-fb58e73 e-flex e-con-boxed e-con e-parent\" data-id=\"fb58e73\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dea6870 elementor-widget elementor-widget-html\" data-id=\"dea6870\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- \r\n===========================================\r\nWIDGET 7: NATIONALE AI AWARDS SECTION (v4)\r\nHans Schuurmans - Personal Website\r\nPrefix: hs-awards-\r\n===========================================\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Syne:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ===== AWARDS VARIABLES ===== *\/\r\n.hs-awards-section {\r\n    --hs-black: #0a0a0a;\r\n    --hs-dark: #111111;\r\n    --hs-gray: #1a1a1a;\r\n    --hs-gray-light: #2a2a2a;\r\n    --hs-gray-medium: #888888;\r\n    --hs-white: #ffffff;\r\n    --hs-white-soft: #e5e5e5;\r\n    --hs-purple: #8b5cf6;\r\n    --hs-purple-light: #a78bfa;\r\n    --hs-purple-dark: #7c3aed;\r\n    --hs-font-display: 'Instrument Serif', Georgia, serif;\r\n    --hs-font-body: 'Syne', sans-serif;\r\n}\r\n\r\n\/* ===== AWARDS SECTION ===== *\/\r\n.hs-awards-section {\r\n    background: var(--hs-black);\r\n    padding: 120px 5%;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hs-awards-section * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Background Effects *\/\r\n.hs-awards-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    pointer-events: none;\r\n    overflow: hidden;\r\n}\r\n\r\n.hs-awards-glow {\r\n    position: absolute;\r\n    width: 800px;\r\n    height: 800px;\r\n    border-radius: 50%;\r\n    filter: blur(120px);\r\n    opacity: 0.12;\r\n}\r\n\r\n.hs-awards-glow-1 {\r\n    top: -200px;\r\n    right: -200px;\r\n    background: var(--hs-purple);\r\n}\r\n\r\n.hs-awards-glow-2 {\r\n    bottom: -300px;\r\n    left: -200px;\r\n    background: var(--hs-purple-light);\r\n    opacity: 0.08;\r\n}\r\n\r\n\/* Grid Pattern *\/\r\n.hs-awards-grid-pattern {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-image: \r\n        linear-gradient(rgba(139, 92, 246, 0.03) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(139, 92, 246, 0.03) 1px, transparent 1px);\r\n    background-size: 80px 80px;\r\n    opacity: 0.5;\r\n}\r\n\r\n\/* Container *\/\r\n.hs-awards-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* Header *\/\r\n.hs-awards-header {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 80px;\r\n    align-items: start;\r\n    margin-bottom: 80px;\r\n}\r\n\r\n.hs-awards-header-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 32px;\r\n}\r\n\r\n\/* Label *\/\r\n.hs-awards-label {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--hs-purple);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n}\r\n\r\n.hs-awards-label::before {\r\n    content: '';\r\n    width: 40px;\r\n    height: 2px;\r\n    background: var(--hs-purple);\r\n}\r\n\r\n\/* Title *\/\r\n.hs-awards-title {\r\n    font-family: var(--hs-font-display);\r\n    font-size: clamp(36px, 4vw, 52px);\r\n    font-weight: 400;\r\n    color: var(--hs-white);\r\n    line-height: 1.15;\r\n}\r\n\r\n.hs-awards-title-highlight {\r\n    color: var(--hs-purple-light);\r\n    font-style: italic;\r\n}\r\n\r\n\/* Intro Text *\/\r\n.hs-awards-intro {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    color: var(--hs-white-soft);\r\n    line-height: 1.8;\r\n}\r\n\r\n\/* Logo Container *\/\r\n.hs-awards-logo-container {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 40px;\r\n}\r\n\r\n.hs-awards-logo {\r\n    max-width: 320px;\r\n    width: 100%;\r\n    height: auto;\r\n    filter: drop-shadow(0 20px 60px rgba(139, 92, 246, 0.2));\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.hs-awards-logo:hover {\r\n    transform: scale(1.05);\r\n    filter: drop-shadow(0 30px 80px rgba(139, 92, 246, 0.35));\r\n}\r\n\r\n\/* Content Sections *\/\r\n.hs-awards-content {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 48px;\r\n    margin-bottom: 80px;\r\n}\r\n\r\n.hs-awards-block {\r\n    background: var(--hs-gray);\r\n    border: 1px solid var(--hs-gray-light);\r\n    padding: 40px 36px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.hs-awards-block::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, var(--hs-purple), var(--hs-purple-light));\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.hs-awards-block:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(139, 92, 246, 0.3);\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.hs-awards-block:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.hs-awards-block-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    background: rgba(139, 92, 246, 0.1);\r\n    border: 1px solid rgba(139, 92, 246, 0.2);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 24px;\r\n    font-size: 22px;\r\n}\r\n\r\n.hs-awards-block-title {\r\n    font-family: var(--hs-font-display);\r\n    font-size: 24px;\r\n    font-weight: 400;\r\n    color: var(--hs-white);\r\n    margin-bottom: 16px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.hs-awards-block-text {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    color: var(--hs-gray-medium);\r\n    line-height: 1.75;\r\n}\r\n\r\n\/* Quote Section *\/\r\n.hs-awards-quote-section {\r\n    background: linear-gradient(135deg, rgba(139, 92, 246, 0.08) 0%, rgba(167, 139, 250, 0.05) 100%);\r\n    border: 1px solid rgba(139, 92, 246, 0.2);\r\n    padding: 60px;\r\n    text-align: center;\r\n    position: relative;\r\n}\r\n\r\n.hs-awards-quote-section::before,\r\n.hs-awards-quote-section::after {\r\n    content: '\"';\r\n    font-family: var(--hs-font-display);\r\n    font-size: 120px;\r\n    color: var(--hs-purple);\r\n    opacity: 0.15;\r\n    position: absolute;\r\n    line-height: 1;\r\n}\r\n\r\n.hs-awards-quote-section::before {\r\n    top: 20px;\r\n    left: 40px;\r\n}\r\n\r\n.hs-awards-quote-section::after {\r\n    bottom: -30px;\r\n    right: 40px;\r\n}\r\n\r\n.hs-awards-quote {\r\n    font-family: var(--hs-font-display);\r\n    font-size: clamp(22px, 2.5vw, 28px);\r\n    font-weight: 400;\r\n    font-style: italic;\r\n    color: var(--hs-white);\r\n    line-height: 1.5;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 1024px) {\r\n    .hs-awards-section {\r\n        padding: 100px 5%;\r\n    }\r\n    \r\n    .hs-awards-header {\r\n        grid-template-columns: 1fr;\r\n        gap: 48px;\r\n    }\r\n    \r\n    .hs-awards-logo-container {\r\n        order: -1;\r\n        padding: 20px;\r\n    }\r\n    \r\n    .hs-awards-logo {\r\n        max-width: 260px;\r\n    }\r\n    \r\n    .hs-awards-content {\r\n        grid-template-columns: 1fr;\r\n        gap: 32px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hs-awards-section {\r\n        padding: 80px 24px;\r\n    }\r\n    \r\n    .hs-awards-header {\r\n        margin-bottom: 60px;\r\n        gap: 40px;\r\n    }\r\n    \r\n    .hs-awards-block {\r\n        padding: 32px 28px;\r\n    }\r\n    \r\n    .hs-awards-quote-section {\r\n        padding: 48px 32px;\r\n    }\r\n    \r\n    .hs-awards-quote-section::before,\r\n    .hs-awards-quote-section::after {\r\n        font-size: 80px;\r\n    }\r\n    \r\n    .hs-awards-quote-section::before {\r\n        left: 20px;\r\n    }\r\n    \r\n    .hs-awards-quote-section::after {\r\n        right: 20px;\r\n    }\r\n    \r\n    .hs-awards-content {\r\n        margin-bottom: 60px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hs-awards-section {\r\n        padding: 60px 20px;\r\n    }\r\n    \r\n    .hs-awards-label {\r\n        font-size: 11px;\r\n    }\r\n    \r\n    .hs-awards-label::before {\r\n        width: 24px;\r\n    }\r\n    \r\n    .hs-awards-intro {\r\n        font-size: 15px;\r\n    }\r\n    \r\n    .hs-awards-logo {\r\n        max-width: 220px;\r\n    }\r\n    \r\n    .hs-awards-block {\r\n        padding: 28px 24px;\r\n    }\r\n    \r\n    .hs-awards-block-icon {\r\n        width: 42px;\r\n        height: 42px;\r\n        font-size: 20px;\r\n    }\r\n    \r\n    .hs-awards-block-title {\r\n        font-size: 20px;\r\n    }\r\n    \r\n    .hs-awards-block-text {\r\n        font-size: 14px;\r\n    }\r\n    \r\n    .hs-awards-quote-section {\r\n        padding: 40px 24px;\r\n    }\r\n    \r\n    .hs-awards-quote-section::before,\r\n    .hs-awards-quote-section::after {\r\n        font-size: 60px;\r\n        opacity: 0.1;\r\n    }\r\n    \r\n    .hs-awards-quote {\r\n        font-size: 18px;\r\n    }\r\n}\r\n\r\n\/* ===== ANIMATIONS ===== *\/\r\n@keyframes hs-awards-fadeUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.hs-awards-header-content {\r\n    animation: hs-awards-fadeUp 0.8s ease-out 0.1s both;\r\n}\r\n\r\n.hs-awards-logo-container {\r\n    animation: hs-awards-fadeUp 0.8s ease-out 0.2s both;\r\n}\r\n\r\n.hs-awards-block:nth-child(1) {\r\n    animation: hs-awards-fadeUp 0.8s ease-out 0.3s both;\r\n}\r\n\r\n.hs-awards-block:nth-child(2) {\r\n    animation: hs-awards-fadeUp 0.8s ease-out 0.4s both;\r\n}\r\n\r\n.hs-awards-block:nth-child(3) {\r\n    animation: hs-awards-fadeUp 0.8s ease-out 0.5s both;\r\n}\r\n\r\n.hs-awards-block:nth-child(4) {\r\n    animation: hs-awards-fadeUp 0.8s ease-out 0.6s both;\r\n}\r\n\r\n.hs-awards-quote-section {\r\n    animation: hs-awards-fadeUp 0.8s ease-out 0.7s both;\r\n}\r\n<\/style>\r\n\r\n<section class=\"hs-awards-section\" id=\"ai-awards\">\r\n    <!-- Background Effects -->\r\n    <div class=\"hs-awards-bg\">\r\n        <div class=\"hs-awards-glow hs-awards-glow-1\"><\/div>\r\n        <div class=\"hs-awards-glow hs-awards-glow-2\"><\/div>\r\n        <div class=\"hs-awards-grid-pattern\"><\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"hs-awards-container\">\r\n        <!-- Header -->\r\n        <div class=\"hs-awards-header\">\r\n            <div class=\"hs-awards-header-content\">\r\n                <span class=\"hs-awards-label\">Initiatief<\/span>\r\n                <h2 class=\"hs-awards-title\">\r\n                    AI Awards \u2013 <span class=\"hs-awards-title-highlight\">zichtbaar maken wat echt werkt<\/span>\r\n                <\/h2>\r\n                <p class=\"hs-awards-intro\">\r\n                    De Nationale AI Awards zijn ontstaan vanuit dezelfde overtuiging die mijn werk al jaren drijft: AI is pas waardevol als het daadwerkelijk bijdraagt aan mensen, organisaties en samenleving. In een wereld vol beloftes, hypes en grote claims brengen de AI Awards het gesprek terug naar de praktijk. Naar toepassingen die werken. Naar mensen en organisaties die verantwoordelijkheid nemen. En naar initiatieven die laten zien hoe AI vandaag al het verschil maakt \u2014 niet morgen, maar nu.\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"hs-awards-logo-container\">\r\n                <img decoding=\"async\" src=\"http:\/\/hansschuurmans.nl\/wp-content\/uploads\/2025\/12\/NATIONALE-AI-AWARDS-TRANSPARANT-WITTE-LETTERS.png\" alt=\"Nationale AI Awards\" class=\"hs-awards-logo\">\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Content Blocks -->\r\n        <div class=\"hs-awards-content\">\r\n            <div class=\"hs-awards-block\">\r\n                <div class=\"hs-awards-block-icon\">\ud83d\udca1<\/div>\r\n                <h3 class=\"hs-awards-block-title\">Waarom ik de AI Awards initieerde<\/h3>\r\n                <p class=\"hs-awards-block-text\">\r\n                    Te vaak ging de aandacht naar technologie op zich, terwijl de echte impact elders lag. Bij vernieuwers die bouwen. Bij professionals die toepassen. Bij organisaties die durven kiezen voor mensgerichte AI. De AI Awards zijn bedoeld om juist di\u00e9 beweging zichtbaar te maken en te versterken.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"hs-awards-block\">\r\n                <div class=\"hs-awards-block-icon\">\ud83c\udfc6<\/div>\r\n                <h3 class=\"hs-awards-block-title\">Meer dan een prijs<\/h3>\r\n                <p class=\"hs-awards-block-text\">\r\n                    De AI Awards zijn geen competitie om \"de beste AI\". Ze vormen een podium voor vooruitgang, dialoog en erkenning binnen het Nederlandse AI-ecosysteem. Door mensen, boeken, podcasts, projecten en organisaties in het licht te zetten, ontstaat een eerlijker en realistischer beeld van waar AI ons werkelijk brengt.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"hs-awards-block\">\r\n                <div class=\"hs-awards-block-icon\">\ud83c\udfaf<\/div>\r\n                <h3 class=\"hs-awards-block-title\">Mijn rol<\/h3>\r\n                <p class=\"hs-awards-block-text\">\r\n                    Als initiatiefnemer en voorzitter van de jury bewaak ik de inhoudelijke koers. Niet vanuit oordeel, maar vanuit richting: impact v\u00f3\u00f3r belofte, menselijkheid v\u00f3\u00f3r technologie, samenwerking v\u00f3\u00f3r schaal om de schaal. Daarmee sluiten de AI Awards naadloos aan bij alles waar ik me al jaren voor inzet.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"hs-awards-block\">\r\n                <div class=\"hs-awards-block-icon\">\ud83e\udd1d<\/div>\r\n                <h3 class=\"hs-awards-block-title\">Wat de AI Awards bijdragen<\/h3>\r\n                <p class=\"hs-awards-block-text\">\r\n                    De AI Awards verbinden mensen die verder kijken dan tools en trends. Ze versnellen wat werkt, geven erkenning waar die verdiend is en dragen bij aan een volwassen gesprek over AI in Nederland.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Quote -->\r\n        <div class=\"hs-awards-quote-section\">\r\n            <p class=\"hs-awards-quote\">\r\n                Vooruitgang verdient erkenning \u2014 zeker als die met beide benen in de praktijk staat.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\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-0c09ca4 e-flex e-con-boxed e-con e-parent\" data-id=\"0c09ca4\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27c8402 elementor-widget elementor-widget-html\" data-id=\"27c8402\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- \r\n===========================================\r\nCONTACT PAGE - With Image\r\nHans Schuurmans - Personal Website\r\nPrefix: hs-contactpage-\r\n===========================================\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Syne:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ===== CONTACT PAGE VARIABLES ===== *\/\r\n.hs-contactpage-section {\r\n    --hs-black: #0a0a0a;\r\n    --hs-gray: #1a1a1a;\r\n    --hs-gray-light: #2a2a2a;\r\n    --hs-gray-medium: #888888;\r\n    --hs-white: #ffffff;\r\n    --hs-white-soft: #e5e5e5;\r\n    --hs-purple: #8b5cf6;\r\n    --hs-purple-light: #a78bfa;\r\n    --hs-font-display: 'Instrument Serif', Georgia, serif;\r\n    --hs-font-body: 'Syne', sans-serif;\r\n}\r\n\r\n\/* ===== CONTACT PAGE RESET ===== *\/\r\n.hs-contactpage-section * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* ===== MAIN SECTION ===== *\/\r\n.hs-contactpage-section {\r\n    background: var(--hs-black);\r\n    padding: 100px 5%;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Background effect *\/\r\n.hs-contactpage-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    right: -20%;\r\n    width: 80%;\r\n    height: 150%;\r\n    background: radial-gradient(ellipse at center, rgba(139, 92, 246, 0.07) 0%, transparent 55%);\r\n    pointer-events: none;\r\n}\r\n\r\n\/* ===== CONTAINER ===== *\/\r\n.hs-contactpage-container {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* ===== GRID LAYOUT ===== *\/\r\n.hs-contactpage-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n}\r\n\r\n\/* ===== IMAGE SIDE ===== *\/\r\n.hs-contactpage-image-wrapper {\r\n    position: relative;\r\n    animation: hs-contactpage-fadeUp 0.8s ease-out both;\r\n}\r\n\r\n.hs-contactpage-image-frame {\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hs-contactpage-image-frame::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -20px;\r\n    left: -20px;\r\n    right: 20px;\r\n    bottom: 20px;\r\n    border: 2px solid var(--hs-purple);\r\n    opacity: 0.3;\r\n    z-index: -1;\r\n}\r\n\r\n.hs-contactpage-image {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    filter: grayscale(100%);\r\n    transition: filter 0.6s ease;\r\n}\r\n\r\n.hs-contactpage-image-wrapper:hover .hs-contactpage-image {\r\n    filter: grayscale(0%);\r\n}\r\n\r\n.hs-contactpage-image-badge {\r\n    position: absolute;\r\n    bottom: -16px;\r\n    right: 24px;\r\n    background: var(--hs-purple);\r\n    padding: 12px 20px;\r\n    font-family: var(--hs-font-body);\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n    color: var(--hs-white);\r\n}\r\n\r\n\/* ===== CONTENT SIDE ===== *\/\r\n.hs-contactpage-content {\r\n    animation: hs-contactpage-fadeUp 0.8s ease-out 0.2s both;\r\n}\r\n\r\n.hs-contactpage-label {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--hs-purple);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.hs-contactpage-label::before {\r\n    content: '';\r\n    width: 40px;\r\n    height: 2px;\r\n    background: var(--hs-purple);\r\n}\r\n\r\n.hs-contactpage-title {\r\n    font-family: var(--hs-font-display);\r\n    font-size: clamp(36px, 4vw, 52px);\r\n    font-weight: 400;\r\n    color: var(--hs-white);\r\n    line-height: 1.1;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.hs-contactpage-title em {\r\n    font-style: italic;\r\n    color: var(--hs-purple-light);\r\n}\r\n\r\n.hs-contactpage-text {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 16px;\r\n    color: var(--hs-gray-medium);\r\n    line-height: 1.7;\r\n    margin-bottom: 32px;\r\n}\r\n\r\n\/* ===== CONTACT INFO ===== *\/\r\n.hs-contactpage-info {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n}\r\n\r\n.hs-contactpage-info-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.hs-contactpage-info-item:hover {\r\n    transform: translateX(8px);\r\n}\r\n\r\n.hs-contactpage-info-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    background: rgba(139, 92, 246, 0.1);\r\n    border: 1px solid rgba(139, 92, 246, 0.3);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.hs-contactpage-info-item:hover .hs-contactpage-info-icon {\r\n    background: var(--hs-purple);\r\n    border-color: var(--hs-purple);\r\n}\r\n\r\n.hs-contactpage-info-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    stroke: var(--hs-purple);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.hs-contactpage-info-item:hover .hs-contactpage-info-icon svg {\r\n    stroke: var(--hs-white);\r\n}\r\n\r\n.hs-contactpage-info-icon--filled svg {\r\n    fill: var(--hs-purple);\r\n    stroke: none;\r\n}\r\n\r\n.hs-contactpage-info-item:hover .hs-contactpage-info-icon--filled svg {\r\n    fill: var(--hs-white);\r\n}\r\n\r\n.hs-contactpage-info-text {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 15px;\r\n    color: var(--hs-white-soft);\r\n    font-weight: 500;\r\n}\r\n\r\n\/* ===== ANIMATIONS ===== *\/\r\n@keyframes hs-contactpage-fadeUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 1024px) {\r\n    .hs-contactpage-section {\r\n        padding: 80px 5%;\r\n    }\r\n    \r\n    .hs-contactpage-grid {\r\n        gap: 48px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hs-contactpage-section {\r\n        padding: 60px 24px;\r\n    }\r\n    \r\n    .hs-contactpage-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n    }\r\n    \r\n    .hs-contactpage-image-wrapper {\r\n        max-width: 400px;\r\n        margin: 0 auto;\r\n    }\r\n    \r\n    .hs-contactpage-image-frame::before {\r\n        top: -12px;\r\n        left: -12px;\r\n        right: 12px;\r\n        bottom: 12px;\r\n    }\r\n    \r\n    .hs-contactpage-content {\r\n        text-align: center;\r\n    }\r\n    \r\n    .hs-contactpage-label {\r\n        justify-content: center;\r\n    }\r\n    \r\n    .hs-contactpage-label::before {\r\n        display: none;\r\n    }\r\n    \r\n    .hs-contactpage-info {\r\n        align-items: center;\r\n    }\r\n    \r\n    .hs-contactpage-info-item:hover {\r\n        transform: translateX(0) translateY(-4px);\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hs-contactpage-section {\r\n        padding: 48px 20px;\r\n    }\r\n    \r\n    .hs-contactpage-image-badge {\r\n        padding: 10px 16px;\r\n        font-size: 10px;\r\n        right: 16px;\r\n        bottom: -12px;\r\n    }\r\n    \r\n    .hs-contactpage-info-item {\r\n        gap: 12px;\r\n    }\r\n    \r\n    .hs-contactpage-info-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n    }\r\n    \r\n    .hs-contactpage-info-icon svg {\r\n        width: 18px;\r\n        height: 18px;\r\n    }\r\n    \r\n    .hs-contactpage-info-text {\r\n        font-size: 14px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hs-contactpage-section\" id=\"contact\">\r\n    <div class=\"hs-contactpage-container\">\r\n        <div class=\"hs-contactpage-grid\">\r\n            \r\n            <!-- Image -->\r\n            <div class=\"hs-contactpage-image-wrapper\">\r\n                <div class=\"hs-contactpage-image-frame\">\r\n                    <img decoding=\"async\" src=\"http:\/\/hansschuurmans.nl\/wp-content\/uploads\/2025\/07\/Hans-klaslokaal.jpeg\" \r\n                         alt=\"Hans Schuurmans\" \r\n                         class=\"hs-contactpage-image\">\r\n                    <span class=\"hs-contactpage-image-badge\">Mister AI<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Content -->\r\n            <div class=\"hs-contactpage-content\">\r\n                <span class=\"hs-contactpage-label\">Contact<\/span>\r\n                <h1 class=\"hs-contactpage-title\">Laten we <em>kennismaken<\/em><\/h1>\r\n                <p class=\"hs-contactpage-text\">\r\n                    Interesse in een samenwerking, een keynote of gewoon een goed gesprek over AI? \r\n                    Neem contact op \u2014 ik hoor graag van je.\r\n                <\/p>\r\n                \r\n                <div class=\"hs-contactpage-info\">\r\n                    <a href=\"mailto:info@hansschuurmans.nl\" class=\"hs-contactpage-info-item\">\r\n                        <div class=\"hs-contactpage-info-icon\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"hs-contactpage-info-text\">info@hansschuurmans.nl<\/span>\r\n                    <\/a>\r\n                    \r\n                    <a href=\"tel:+31407600074\" class=\"hs-contactpage-info-item\">\r\n                        <div class=\"hs-contactpage-info-icon\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"hs-contactpage-info-text\">040 760 0074<\/span>\r\n                    <\/a>\r\n                    \r\n                    <a href=\"https:\/\/www.linkedin.com\/in\/hans-schuurmans-b05457\/\" target=\"_blank\" rel=\"noopener\" class=\"hs-contactpage-info-item\">\r\n                        <div class=\"hs-contactpage-info-icon hs-contactpage-info-icon--filled\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\r\n                                <path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"hs-contactpage-info-text\">LinkedIn<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\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-55969fa e-flex e-con-boxed e-con e-parent\" data-id=\"55969fa\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37e6af0 elementor-widget elementor-widget-html\" data-id=\"37e6af0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- \r\n===========================================\r\nWIDGET 11: FOOTER SECTION\r\nHans Schuurmans - Personal Website\r\nPrefix: hs-footer-\r\n===========================================\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Syne:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ===== FOOTER VARIABLES ===== *\/\r\n.hs-footer-section {\r\n    --hs-black: #0a0a0a;\r\n    --hs-dark: #111111;\r\n    --hs-gray: #1a1a1a;\r\n    --hs-gray-light: #2a2a2a;\r\n    --hs-gray-medium: #888888;\r\n    --hs-white: #ffffff;\r\n    --hs-white-soft: #e5e5e5;\r\n    --hs-purple: #8b5cf6;\r\n    --hs-purple-light: #a78bfa;\r\n    --hs-purple-dark: #7c3aed;\r\n    --hs-cyan: #06b6d4;\r\n    --hs-font-display: 'Instrument Serif', Georgia, serif;\r\n    --hs-font-body: 'Syne', sans-serif;\r\n}\r\n\r\n\/* ===== FOOTER SECTION ===== *\/\r\n.hs-footer-section {\r\n    background: var(--hs-black);\r\n    padding: 0;\r\n    font-family: var(--hs-font-body);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* ===== DIVIDER LINE ===== *\/\r\n.hs-footer-divider {\r\n    width: 100%;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, \r\n        transparent 0%, \r\n        rgba(139, 92, 246, 0.3) 20%, \r\n        rgba(139, 92, 246, 0.6) 50%, \r\n        rgba(139, 92, 246, 0.3) 80%, \r\n        transparent 100%\r\n    );\r\n    position: relative;\r\n}\r\n\r\n.hs-footer-divider::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -10px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 20px;\r\n    height: 20px;\r\n    background: var(--hs-purple);\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 30px rgba(139, 92, 246, 0.6), 0 0 60px rgba(139, 92, 246, 0.3);\r\n    animation: hs-footer-pulse 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes hs-footer-pulse {\r\n    0%, 100% { \r\n        opacity: 0.6; \r\n        transform: translateX(-50%) scale(0.8);\r\n        box-shadow: 0 0 20px rgba(139, 92, 246, 0.4), 0 0 40px rgba(139, 92, 246, 0.2);\r\n    }\r\n    50% { \r\n        opacity: 1; \r\n        transform: translateX(-50%) scale(1);\r\n        box-shadow: 0 0 40px rgba(139, 92, 246, 0.8), 0 0 80px rgba(139, 92, 246, 0.4);\r\n    }\r\n}\r\n\r\n\/* ===== MAIN CONTENT ===== *\/\r\n.hs-footer-main {\r\n    padding: 100px 5% 60px;\r\n    position: relative;\r\n}\r\n\r\n\/* Background glow *\/\r\n.hs-footer-main::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 800px;\r\n    height: 400px;\r\n    background: radial-gradient(ellipse at center, rgba(139, 92, 246, 0.08) 0%, transparent 70%);\r\n    pointer-events: none;\r\n}\r\n\r\n\/* ===== THANK YOU SECTION ===== *\/\r\n.hs-footer-thanks {\r\n    text-align: center;\r\n    max-width: 800px;\r\n    margin: 0 auto 80px;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.hs-footer-thanks-label {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.25em;\r\n    text-transform: uppercase;\r\n    color: var(--hs-purple);\r\n    margin-bottom: 24px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.hs-footer-thanks-label::before,\r\n.hs-footer-thanks-label::after {\r\n    content: '';\r\n    width: 30px;\r\n    height: 1px;\r\n    background: var(--hs-purple);\r\n}\r\n\r\n.hs-footer-thanks-title {\r\n    font-family: var(--hs-font-display);\r\n    font-size: clamp(32px, 5vw, 48px);\r\n    font-weight: 400;\r\n    color: var(--hs-white);\r\n    line-height: 1.2;\r\n    margin: 0 0 20px;\r\n}\r\n\r\n.hs-footer-thanks-title em {\r\n    font-style: italic;\r\n    color: var(--hs-purple-light);\r\n}\r\n\r\n.hs-footer-thanks-subtitle {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    color: var(--hs-gray-medium);\r\n    line-height: 1.7;\r\n    margin: 0;\r\n}\r\n\r\n\/* ===== AI MADE SECTION ===== *\/\r\n.hs-footer-ai-made {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 40px;\r\n    padding: 40px;\r\n    background: rgba(139, 92, 246, 0.03);\r\n    border: 1px solid rgba(139, 92, 246, 0.1);\r\n    border-radius: 4px;\r\n    max-width: 900px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hs-footer-ai-made::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, \r\n        transparent, \r\n        var(--hs-purple), \r\n        var(--hs-cyan), \r\n        var(--hs-purple), \r\n        transparent\r\n    );\r\n    animation: hs-footer-gradient-flow 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes hs-footer-gradient-flow {\r\n    0%, 100% { opacity: 0.5; }\r\n    50% { opacity: 1; }\r\n}\r\n\r\n\/* Terminal style box *\/\r\n.hs-footer-terminal {\r\n    flex: 0 0 auto;\r\n    background: var(--hs-dark);\r\n    border: 1px solid var(--hs-gray-light);\r\n    border-radius: 8px;\r\n    padding: 20px 24px;\r\n    min-width: 280px;\r\n    position: relative;\r\n}\r\n\r\n.hs-footer-terminal-dots {\r\n    display: flex;\r\n    gap: 6px;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.hs-footer-terminal-dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n}\r\n\r\n.hs-footer-terminal-dot:nth-child(1) { background: #ff5f57; }\r\n.hs-footer-terminal-dot:nth-child(2) { background: #ffbd2e; }\r\n.hs-footer-terminal-dot:nth-child(3) { background: #28c840; }\r\n\r\n.hs-footer-terminal-code {\r\n    font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;\r\n    font-size: 13px;\r\n    line-height: 1.8;\r\n    color: var(--hs-white-soft);\r\n}\r\n\r\n.hs-footer-terminal-line {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.hs-footer-terminal-prompt {\r\n    color: var(--hs-purple);\r\n}\r\n\r\n.hs-footer-terminal-command {\r\n    color: var(--hs-cyan);\r\n}\r\n\r\n.hs-footer-terminal-output {\r\n    color: var(--hs-gray-medium);\r\n    padding-left: 20px;\r\n}\r\n\r\n.hs-footer-terminal-success {\r\n    color: #28c840;\r\n}\r\n\r\n.hs-footer-cursor {\r\n    display: inline-block;\r\n    width: 8px;\r\n    height: 16px;\r\n    background: var(--hs-purple);\r\n    margin-left: 4px;\r\n    animation: hs-footer-blink 1s step-end infinite;\r\n}\r\n\r\n@keyframes hs-footer-blink {\r\n    0%, 100% { opacity: 1; }\r\n    50% { opacity: 0; }\r\n}\r\n\r\n\/* AI Made text *\/\r\n.hs-footer-ai-text {\r\n    flex: 1;\r\n    text-align: left;\r\n}\r\n\r\n.hs-footer-ai-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(6, 182, 212, 0.1));\r\n    border: 1px solid rgba(139, 92, 246, 0.3);\r\n    padding: 10px 18px;\r\n    border-radius: 100px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.hs-footer-ai-badge-icon {\r\n    width: 20px;\r\n    height: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.hs-footer-ai-badge-icon svg {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.hs-footer-ai-badge-text {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    background: linear-gradient(135deg, var(--hs-purple-light), var(--hs-cyan));\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.hs-footer-ai-statement {\r\n    font-family: var(--hs-font-display);\r\n    font-size: clamp(20px, 2.5vw, 26px);\r\n    font-weight: 400;\r\n    color: var(--hs-white);\r\n    line-height: 1.4;\r\n    margin: 0 0 16px;\r\n}\r\n\r\n.hs-footer-ai-statement em {\r\n    font-style: italic;\r\n    color: var(--hs-purple-light);\r\n}\r\n\r\n.hs-footer-ai-description {\r\n    font-family: var(--hs-font-body);\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    color: var(--hs-gray-medium);\r\n    line-height: 1.7;\r\n    margin: 0 0 20px;\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 1024px) {\r\n    .hs-footer-ai-made {\r\n        flex-direction: column;\r\n        gap: 32px;\r\n        padding: 32px;\r\n    }\r\n    \r\n    .hs-footer-terminal {\r\n        width: 100%;\r\n        min-width: auto;\r\n    }\r\n    \r\n    .hs-footer-ai-text {\r\n        text-align: center;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hs-footer-main {\r\n        padding: 80px 24px 50px;\r\n    }\r\n    \r\n    .hs-footer-thanks {\r\n        margin-bottom: 60px;\r\n    }\r\n    \r\n    .hs-footer-ai-made {\r\n        padding: 24px;\r\n    }\r\n    \r\n    .hs-footer-terminal {\r\n        padding: 16px 20px;\r\n    }\r\n    \r\n    .hs-footer-terminal-code {\r\n        font-size: 11px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hs-footer-main {\r\n        padding: 60px 20px 40px;\r\n    }\r\n    \r\n    .hs-footer-thanks-label::before,\r\n    .hs-footer-thanks-label::after {\r\n        width: 20px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<footer class=\"hs-footer-section\" id=\"footer\">\r\n    <!-- Divider Line -->\r\n    <div class=\"hs-footer-divider\"><\/div>\r\n    \r\n    <!-- Main Content -->\r\n    <div class=\"hs-footer-main\">\r\n        <!-- Thank You Section -->\r\n        <div class=\"hs-footer-thanks\">\r\n            <div class=\"hs-footer-thanks-label\">Tot ziens<\/div>\r\n            <h2 class=\"hs-footer-thanks-title\">Bedankt voor je <em>bezoek<\/em><\/h2>\r\n            <p class=\"hs-footer-thanks-subtitle\">\r\n                De toekomst wordt gevormd door degenen die durven te handelen. \r\n                Blijf nieuwsgierig, blijf leren, en laten we samen AI menselijk maken.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <!-- AI Made Section -->\r\n        <div class=\"hs-footer-ai-made\">\r\n            <!-- Terminal Style Box -->\r\n            <div class=\"hs-footer-terminal\">\r\n                <div class=\"hs-footer-terminal-dots\">\r\n                    <span class=\"hs-footer-terminal-dot\"><\/span>\r\n                    <span class=\"hs-footer-terminal-dot\"><\/span>\r\n                    <span class=\"hs-footer-terminal-dot\"><\/span>\r\n                <\/div>\r\n                <div class=\"hs-footer-terminal-code\">\r\n                    <div class=\"hs-footer-terminal-line\">\r\n                        <span class=\"hs-footer-terminal-prompt\">><\/span>\r\n                        <span class=\"hs-footer-terminal-command\">build website --with AI<\/span>\r\n                    <\/div>\r\n                    <div class=\"hs-footer-terminal-output\">Initializing digital workforce...<\/div>\r\n                    <div class=\"hs-footer-terminal-output\">Loading creativity modules...<\/div>\r\n                    <div class=\"hs-footer-terminal-output\">Deploying design systems...<\/div>\r\n                    <div class=\"hs-footer-terminal-line\">\r\n                        <span class=\"hs-footer-terminal-success\">\u2713 Website built successfully<\/span>\r\n                    <\/div>\r\n                    <div class=\"hs-footer-terminal-line\">\r\n                        <span class=\"hs-footer-terminal-prompt\">><\/span>\r\n                        <span class=\"hs-footer-cursor\"><\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- AI Statement -->\r\n            <div class=\"hs-footer-ai-text\">\r\n                <div class=\"hs-footer-ai-badge\">\r\n                    <div class=\"hs-footer-ai-badge-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#footer-gradient)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <defs>\r\n                                <linearGradient id=\"footer-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n                                    <stop offset=\"0%\" stop-color=\"#a78bfa\"\/>\r\n                                    <stop offset=\"100%\" stop-color=\"#06b6d4\"\/>\r\n                                <\/linearGradient>\r\n                            <\/defs>\r\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\r\n                            <path d=\"M2 17l10 5 10-5\"\/>\r\n                            <path d=\"M2 12l10 5 10-5\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <span class=\"hs-footer-ai-badge-text\">AI-Powered Creation<\/span>\r\n                <\/div>\r\n                \r\n                <h3 class=\"hs-footer-ai-statement\">\r\n                    Deze website is gebouwd met <em>Digitale Medewerkers<\/em>\r\n                <\/h3>\r\n                \r\n                <p class=\"hs-footer-ai-description\">\r\n                    Natuurlijk is deze website volledig ontworpen en ontwikkeld met behulp van \r\n                    kunstmatige intelligentie en de Digitale Medewerkers van AIMAZE. \r\n                    Bewijs dat mens en AI samen iets moois kunnen cre\u00ebren.\r\n                <\/p>\r\n                \r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/footer>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hans Schuurmans is een ondernemer, spreker en auteur die AI benadert als een kracht die vandaag al het verschil maakt. Het is duidelijk dat hij technologie altijd koppelt aan menselijk handelen, leiderschap en maatschappelijke impact.<br \/>\nHans wordt ook wel Mister AI genoemd, niet alleen vanwege zijn visie, maar vooral door zijn voortdurende initiatieven op het gebied van AI. Zo stond hij aan de basis van de eerste AI Academy in Nederland, waarmee hij AI toegankelijk maakte voor professionals en organisaties.<br \/>\nDaarnaast is hij initiatiefnemer van de Nationale AI Awards, waarmee mensen en organisaties die met AI echte impact maken in de schijnwerpers worden gezet.<br \/>\nOok als auteur draagt hij bij aan het AI-debat, met boeken waarin hij technologie vertaalt naar begrijpelijke en toepasbare inzichten.<br \/>\nDie combinatie van denken, doen en bouwen maakt dat Hans Schuurmans wordt gezien als een drijvende kracht achter de Nederlandse AI-beweging.<\/p>\n","protected":false},"author":2,"featured_media":1127,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1135","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Start - hansschuurmans<\/title>\n<meta name=\"description\" content=\"Hans Schuurmans wordt Mister AI genoemd, omdat hij niet voorspelde wat AI zou worden, maar het ook vormgaf. Hij maakte AI toegankelijk met de eerste AI Academy van Nederland, schreef richtinggevende boeken en zette met initiatieven als de Nationale AI Awards AI-impact op de kaart. Waar anderen blijven praten over technologie, zorgt hij dat mensen en organisaties ermee werken. Zo verbindt hij visie aan resultaat en menselijkheid aan innovatie.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hansschuurmans.nl\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Start - hansschuurmans\" \/>\n<meta property=\"og:description\" content=\"Hans Schuurmans wordt Mister AI genoemd, omdat hij niet voorspelde wat AI zou worden, maar het ook vormgaf. Hij maakte AI toegankelijk met de eerste AI Academy van Nederland, schreef richtinggevende boeken en zette met initiatieven als de Nationale AI Awards AI-impact op de kaart. Waar anderen blijven praten over technologie, zorgt hij dat mensen en organisaties ermee werken. Zo verbindt hij visie aan resultaat en menselijkheid aan innovatie.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hansschuurmans.nl\" \/>\n<meta property=\"og:site_name\" content=\"hansschuurmans\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-29T08:43:10+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/hansschuurmans.nl\/wp-content\/uploads\/2025\/07\/Hans-klaslokaal.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"1364\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"13 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hansschuurmans.nl\/\",\"url\":\"https:\/\/hansschuurmans.nl\",\"name\":\"Start - hansschuurmans\",\"isPartOf\":{\"@id\":\"https:\/\/hansschuurmans.nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hansschuurmans.nl#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hansschuurmans.nl#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hansschuurmans.nl\/wp-content\/uploads\/2025\/07\/Hans-klaslokaal.jpeg\",\"datePublished\":\"2025-12-26T13:30:27+00:00\",\"dateModified\":\"2025-12-29T08:43:10+00:00\",\"description\":\"Hans Schuurmans wordt Mister AI genoemd, omdat hij niet voorspelde wat AI zou worden, maar het ook vormgaf. Hij maakte AI toegankelijk met de eerste AI Academy van Nederland, schreef richtinggevende boeken en zette met initiatieven als de Nationale AI Awards AI-impact op de kaart. Waar anderen blijven praten over technologie, zorgt hij dat mensen en organisaties ermee werken. Zo verbindt hij visie aan resultaat en menselijkheid aan innovatie.\",\"breadcrumb\":{\"@id\":\"https:\/\/hansschuurmans.nl#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hansschuurmans.nl\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/hansschuurmans.nl#primaryimage\",\"url\":\"https:\/\/hansschuurmans.nl\/wp-content\/uploads\/2025\/07\/Hans-klaslokaal.jpeg\",\"contentUrl\":\"https:\/\/hansschuurmans.nl\/wp-content\/uploads\/2025\/07\/Hans-klaslokaal.jpeg\",\"width\":2048,\"height\":1364},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hansschuurmans.nl#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hansschuurmans.nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hans Schuurmans \u2013 Mister AI\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hansschuurmans.nl\/#website\",\"url\":\"https:\/\/hansschuurmans.nl\/\",\"name\":\"hansschuurmans\",\"description\":\"Mister AI\",\"publisher\":{\"@id\":\"https:\/\/hansschuurmans.nl\/#\/schema\/person\/a2e09b7e840e8ab7ab4c7e20d9b70c77\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hansschuurmans.nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/hansschuurmans.nl\/#\/schema\/person\/a2e09b7e840e8ab7ab4c7e20d9b70c77\",\"name\":\"Hans Schuurmans\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/hansschuurmans.nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/hansschuurmans.nl\/wp-content\/uploads\/2023\/10\/Gemini_Generated_Image_oy0h1xoy0h1xoy0h-scaled.png\",\"contentUrl\":\"https:\/\/hansschuurmans.nl\/wp-content\/uploads\/2023\/10\/Gemini_Generated_Image_oy0h1xoy0h1xoy0h-scaled.png\",\"width\":2560,\"height\":748,\"caption\":\"Hans Schuurmans\"},\"logo\":{\"@id\":\"https:\/\/hansschuurmans.nl\/#\/schema\/person\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Start - hansschuurmans","description":"Hans Schuurmans wordt Mister AI genoemd, omdat hij niet voorspelde wat AI zou worden, maar het ook vormgaf. Hij maakte AI toegankelijk met de eerste AI Academy van Nederland, schreef richtinggevende boeken en zette met initiatieven als de Nationale AI Awards AI-impact op de kaart. Waar anderen blijven praten over technologie, zorgt hij dat mensen en organisaties ermee werken. Zo verbindt hij visie aan resultaat en menselijkheid aan innovatie.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hansschuurmans.nl","og_locale":"nl_NL","og_type":"article","og_title":"Start - hansschuurmans","og_description":"Hans Schuurmans wordt Mister AI genoemd, omdat hij niet voorspelde wat AI zou worden, maar het ook vormgaf. Hij maakte AI toegankelijk met de eerste AI Academy van Nederland, schreef richtinggevende boeken en zette met initiatieven als de Nationale AI Awards AI-impact op de kaart. Waar anderen blijven praten over technologie, zorgt hij dat mensen en organisaties ermee werken. Zo verbindt hij visie aan resultaat en menselijkheid aan innovatie.","og_url":"https:\/\/hansschuurmans.nl","og_site_name":"hansschuurmans","article_modified_time":"2025-12-29T08:43:10+00:00","og_image":[{"width":2048,"height":1364,"url":"http:\/\/hansschuurmans.nl\/wp-content\/uploads\/2025\/07\/Hans-klaslokaal.jpeg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"13 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hansschuurmans.nl\/","url":"https:\/\/hansschuurmans.nl","name":"Start - hansschuurmans","isPartOf":{"@id":"https:\/\/hansschuurmans.nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hansschuurmans.nl#primaryimage"},"image":{"@id":"https:\/\/hansschuurmans.nl#primaryimage"},"thumbnailUrl":"https:\/\/hansschuurmans.nl\/wp-content\/uploads\/2025\/07\/Hans-klaslokaal.jpeg","datePublished":"2025-12-26T13:30:27+00:00","dateModified":"2025-12-29T08:43:10+00:00","description":"Hans Schuurmans wordt Mister AI genoemd, omdat hij niet voorspelde wat AI zou worden, maar het ook vormgaf. Hij maakte AI toegankelijk met de eerste AI Academy van Nederland, schreef richtinggevende boeken en zette met initiatieven als de Nationale AI Awards AI-impact op de kaart. Waar anderen blijven praten over technologie, zorgt hij dat mensen en organisaties ermee werken. Zo verbindt hij visie aan resultaat en menselijkheid aan innovatie.","breadcrumb":{"@id":"https:\/\/hansschuurmans.nl#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hansschuurmans.nl"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/hansschuurmans.nl#primaryimage","url":"https:\/\/hansschuurmans.nl\/wp-content\/uploads\/2025\/07\/Hans-klaslokaal.jpeg","contentUrl":"https:\/\/hansschuurmans.nl\/wp-content\/uploads\/2025\/07\/Hans-klaslokaal.jpeg","width":2048,"height":1364},{"@type":"BreadcrumbList","@id":"https:\/\/hansschuurmans.nl#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hansschuurmans.nl\/"},{"@type":"ListItem","position":2,"name":"Hans Schuurmans \u2013 Mister AI"}]},{"@type":"WebSite","@id":"https:\/\/hansschuurmans.nl\/#website","url":"https:\/\/hansschuurmans.nl\/","name":"hansschuurmans","description":"Mister AI","publisher":{"@id":"https:\/\/hansschuurmans.nl\/#\/schema\/person\/a2e09b7e840e8ab7ab4c7e20d9b70c77"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hansschuurmans.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":["Person","Organization"],"@id":"https:\/\/hansschuurmans.nl\/#\/schema\/person\/a2e09b7e840e8ab7ab4c7e20d9b70c77","name":"Hans Schuurmans","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/hansschuurmans.nl\/#\/schema\/person\/image\/","url":"https:\/\/hansschuurmans.nl\/wp-content\/uploads\/2023\/10\/Gemini_Generated_Image_oy0h1xoy0h1xoy0h-scaled.png","contentUrl":"https:\/\/hansschuurmans.nl\/wp-content\/uploads\/2023\/10\/Gemini_Generated_Image_oy0h1xoy0h1xoy0h-scaled.png","width":2560,"height":748,"caption":"Hans Schuurmans"},"logo":{"@id":"https:\/\/hansschuurmans.nl\/#\/schema\/person\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/hansschuurmans.nl\/index.php\/wp-json\/wp\/v2\/pages\/1135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hansschuurmans.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hansschuurmans.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hansschuurmans.nl\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hansschuurmans.nl\/index.php\/wp-json\/wp\/v2\/comments?post=1135"}],"version-history":[{"count":177,"href":"https:\/\/hansschuurmans.nl\/index.php\/wp-json\/wp\/v2\/pages\/1135\/revisions"}],"predecessor-version":[{"id":1382,"href":"https:\/\/hansschuurmans.nl\/index.php\/wp-json\/wp\/v2\/pages\/1135\/revisions\/1382"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hansschuurmans.nl\/index.php\/wp-json\/wp\/v2\/media\/1127"}],"wp:attachment":[{"href":"https:\/\/hansschuurmans.nl\/index.php\/wp-json\/wp\/v2\/media?parent=1135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}