{"id":28,"date":"2026-07-06T14:59:56","date_gmt":"2026-07-06T14:59:56","guid":{"rendered":"https:\/\/stratx.it\/?page_id=28"},"modified":"2026-08-10T11:26:27","modified_gmt":"2026-08-10T11:26:27","slug":"home","status":"publish","type":"page","link":"https:\/\/stratx.it\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28\" class=\"elementor elementor-28\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43fc859 e-flex e-con-boxed e-con e-parent\" data-id=\"43fc859\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a18817 elementor-widget elementor-widget-html\" data-id=\"5a18817\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --bg-base: #06040d;\r\n        --bg-surface: #100c22;\r\n        --bg-surface-hover: #161131;\r\n        --color-primary: #5c3ef2;\r\n        --color-cyan: #00f0ff;\r\n        --color-text-main: #f3f2f7;\r\n        --color-text-muted: #9c97b0;\r\n        --color-border: rgba(255, 255, 255, 0.06);\r\n        --color-border-hover: rgba(0, 240, 255, 0.3);\r\n    }\r\n\r\n    \/* Forceer de WordPress en Elementor achtergrond *\/\r\n    body, html, .elementor, .elementor-page, .elementor-section-wrap, .elementor-widget-wrap {\r\n        background-color: var(--bg-base) !important;\r\n        color: var(--color-text-main) !important;\r\n        font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n\r\n    .stratx-wrapper * {\r\n        box-sizing: border-box;\r\n        scroll-behavior: smooth;\r\n    }\r\n\r\n    .stratx-wrapper {\r\n        background-color: var(--bg-base);\r\n        color: var(--color-text-main);\r\n        font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\r\n        overflow-x: hidden;\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: 100vh;\r\n    }\r\n\r\n    \/* --- Language Toggle Logic --- *\/\r\n    .stratx-wrapper.lang-en .text-nl { display: none !important; }\r\n    .stratx-wrapper.lang-nl .text-en { display: none !important; }\r\n\r\n    \/* Ambient Glow Background Effects *\/\r\n    .stratx-wrapper .ambient-glow-1 {\r\n        position: absolute;\r\n        top: -200px;\r\n        left: 70%;\r\n        width: 700px;\r\n        height: 700px;\r\n        background: radial-gradient(circle, rgba(92, 62, 242, 0.15) 0%, rgba(0,0,0,0) 70%);\r\n        z-index: 1;\r\n        pointer-events: none;\r\n        animation: floatGlow 12s infinite alternate ease-in-out;\r\n    }\r\n\r\n    .stratx-wrapper .ambient-glow-2 {\r\n        position: absolute;\r\n        top: 600px;\r\n        left: -200px;\r\n        width: 600px;\r\n        height: 600px;\r\n        background: radial-gradient(circle, rgba(0, 240, 255, 0.08) 0%, rgba(0,0,0,0) 70%);\r\n        z-index: 1;\r\n        pointer-events: none;\r\n        animation: floatGlow 16s infinite alternate-reverse ease-in-out;\r\n    }\r\n\r\n    @keyframes floatGlow {\r\n        0% { transform: translate(0, 0) scale(1); }\r\n        100% { transform: translate(-40px, 50px) scale(1.1); }\r\n    }\r\n\r\n    \/* Header Navigation *\/\r\n    .stratx-wrapper header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 24px 8%;\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        backdrop-filter: blur(20px);\r\n        -webkit-backdrop-filter: blur(20px);\r\n        background: rgba(6, 4, 13, 0.8) !important;\r\n        border-bottom: 1px solid var(--color-border);\r\n        z-index: 9999;\r\n    }\r\n\r\n    .stratx-wrapper .logo-area {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        font-weight: 800;\r\n        font-size: 1.45rem;\r\n        letter-spacing: 2px;\r\n        color: #fff;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .stratx-wrapper .site-logo {\r\n        width: 44px;\r\n        height: 44px;\r\n        border-radius: 50%;\r\n        object-fit: contain;\r\n        border: 1px solid var(--color-primary);\r\n        box-shadow: 0 0 10px rgba(92, 62, 242, 0.4);\r\n    }\r\n\r\n    .stratx-wrapper nav {\r\n        display: flex;\r\n        gap: 32px;\r\n    }\r\n\r\n    .stratx-wrapper nav a {\r\n        color: var(--color-text-muted);\r\n        text-decoration: none;\r\n        font-size: 0.95rem;\r\n        font-weight: 500;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        padding: 4px 0;\r\n    }\r\n\r\n    .stratx-wrapper nav a:hover { color: #fff; }\r\n\r\n    .stratx-wrapper nav a::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 0;\r\n        height: 2px;\r\n        background: var(--color-cyan);\r\n        transition: width 0.3s ease;\r\n    }\r\n\r\n    .stratx-wrapper nav a:hover::after { width: 100%; }\r\n\r\n    .stratx-wrapper .header-right {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 24px;\r\n    }\r\n\r\n    \/* Language Switcher *\/\r\n    .stratx-wrapper .lang-switcher {\r\n        display: flex;\r\n        gap: 8px;\r\n        font-size: 0.9rem;\r\n        font-weight: 600;\r\n        color: var(--color-text-muted);\r\n    }\r\n    \r\n    .stratx-wrapper .lang-btn {\r\n        background: none;\r\n        border: none;\r\n        color: inherit;\r\n        cursor: pointer;\r\n        padding: 0;\r\n        font-family: inherit;\r\n        font-weight: inherit;\r\n        transition: color 0.3s ease;\r\n    }\r\n\r\n    .stratx-wrapper .lang-btn:hover { color: #fff; }\r\n    \r\n    \/* Active language styles *\/\r\n    .stratx-wrapper.lang-nl .btn-nl { color: var(--color-cyan); }\r\n    .stratx-wrapper.lang-en .btn-en { color: var(--color-cyan); }\r\n\r\n    .stratx-wrapper .cta-header-btn {\r\n        padding: 10px 20px;\r\n        border: 1px solid var(--color-cyan);\r\n        border-radius: 6px;\r\n        color: var(--color-cyan);\r\n        text-decoration: none;\r\n        font-size: 0.9rem;\r\n        font-weight: 600;\r\n        background: transparent;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .stratx-wrapper .cta-header-btn:hover {\r\n        background: rgba(0, 240, 255, 0.08);\r\n        box-shadow: 0 0 15px rgba(0, 240, 255, 0.2);\r\n        transform: translateY(-1px);\r\n        color: #fff;\r\n    }\r\n\r\n    \/* Hero Section *\/\r\n    .stratx-wrapper .hero-section {\r\n        min-height: 100vh;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        text-align: center;\r\n        padding: 160px 20px 80px 20px;\r\n        max-width: 1000px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .stratx-wrapper .circuit-decoration {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        top: 0;\r\n        left: 0;\r\n        z-index: -1;\r\n        opacity: 0.25;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .stratx-wrapper .hero-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: rgba(92, 62, 242, 0.12);\r\n        border: 1px solid rgba(92, 62, 242, 0.4);\r\n        padding: 6px 16px;\r\n        border-radius: 100px;\r\n        color: var(--color-cyan);\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        margin-bottom: 28px;\r\n        animation: fadeInUp 0.8s ease-out;\r\n    }\r\n\r\n    .stratx-wrapper .hero-badge::before {\r\n        content: '';\r\n        width: 6px;\r\n        height: 6px;\r\n        background-color: var(--color-cyan);\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 8px var(--color-cyan);\r\n    }\r\n\r\n    .stratx-wrapper h1 {\r\n        font-size: 3.8rem;\r\n        font-weight: 800;\r\n        line-height: 1.15;\r\n        letter-spacing: -1px;\r\n        margin-bottom: 24px;\r\n        background: linear-gradient(135deg, #ffffff 40%, #b4afcd 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        animation: fadeInUp 1s ease-out 0.2s both;\r\n        color: #fff;\r\n    }\r\n\r\n    .stratx-wrapper .hero-section p {\r\n        font-size: 1.3rem;\r\n        color: var(--color-text-muted);\r\n        max-width: 760px;\r\n        line-height: 1.6;\r\n        margin-bottom: 44px;\r\n        font-weight: 400;\r\n        animation: fadeInUp 1s ease-out 0.4s both;\r\n    }\r\n\r\n    .stratx-wrapper .hero-buttons {\r\n        display: flex;\r\n        gap: 20px;\r\n        animation: fadeInUp 1s ease-out 0.6s both;\r\n    }\r\n\r\n    .stratx-wrapper .btn-primary, .stratx-wrapper .btn-secondary {\r\n        padding: 16px 36px;\r\n        border-radius: 8px;\r\n        font-weight: 600;\r\n        font-size: 1rem;\r\n        transition: all 0.3s ease;\r\n        display: inline-block;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .stratx-wrapper .btn-primary {\r\n        background: linear-gradient(135deg, var(--color-primary) 0%, #4429cc 100%);\r\n        color: #fff !important;\r\n        box-shadow: 0 8px 24px rgba(92, 62, 242, 0.35);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .stratx-wrapper .btn-primary:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 12px 30px rgba(92, 62, 242, 0.5), 0 0 15px rgba(0, 240, 255, 0.2);\r\n        border-color: rgba(0, 240, 255, 0.4);\r\n    }\r\n\r\n    .stratx-wrapper .btn-secondary {\r\n        background: rgba(255, 255, 255, 0.03);\r\n        color: var(--color-text-main) !important;\r\n        border: 1px solid var(--color-border);\r\n    }\r\n\r\n    .stratx-wrapper .btn-secondary:hover {\r\n        background: rgba(255, 255, 255, 0.07);\r\n        border-color: var(--color-text-muted);\r\n        transform: translateY(-2px);\r\n        color: #fff !important;\r\n    }\r\n\r\n    \/* Section Global Layout *\/\r\n    .stratx-wrapper section.content-section {\r\n        padding: 120px 8% 100px 8%;\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .stratx-wrapper .section-header { margin-bottom: 64px; max-width: 650px; }\r\n\r\n    .stratx-wrapper .section-subtitle {\r\n        color: var(--color-cyan);\r\n        text-transform: uppercase;\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 12px;\r\n        display: block;\r\n    }\r\n\r\n    .stratx-wrapper .section-title {\r\n        font-size: 2.4rem;\r\n        font-weight: 700;\r\n        color: #fff;\r\n        line-height: 1.25;\r\n    }\r\n\r\n    \/* Services Grid Layout *\/\r\n    .stratx-wrapper .services-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n        gap: 32px;\r\n    }\r\n\r\n    .stratx-wrapper .service-card {\r\n        background-color: var(--bg-surface);\r\n        border: 1px solid var(--color-border);\r\n        border-radius: 16px;\r\n        padding: 44px 36px;\r\n        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .stratx-wrapper .service-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: linear-gradient(180deg, rgba(0, 240, 255, 0.03) 0%, transparent 100%);\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n    }\r\n\r\n    .stratx-wrapper .service-card:hover {\r\n        transform: translateY(-6px);\r\n        background-color: var(--bg-surface-hover);\r\n        border-color: var(--color-border-hover);\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(92, 62, 242, 0.05);\r\n    }\r\n    \r\n    .stratx-wrapper .service-card:hover::before { opacity: 1; }\r\n\r\n    .stratx-wrapper .card-icon-box {\r\n        width: 56px; height: 56px;\r\n        background: rgba(255, 255, 255, 0.03);\r\n        border: 1px solid var(--color-border);\r\n        border-radius: 12px;\r\n        display: flex; align-items: center; justify-content: center;\r\n        margin-bottom: 28px;\r\n        color: var(--color-cyan);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .stratx-wrapper .service-card:hover .card-icon-box {\r\n        background: rgba(92, 62, 242, 0.2);\r\n        border-color: var(--color-cyan);\r\n        color: #fff;\r\n        box-shadow: 0 0 15px rgba(0, 240, 255, 0.3);\r\n    }\r\n\r\n    .stratx-wrapper .card-icon-box svg {\r\n        width: 26px; height: 26px; fill: none; stroke: currentColor;\r\n        stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\r\n    }\r\n\r\n    .stratx-wrapper .service-card h3 {\r\n        font-size: 1.45rem; color: #fff; margin-bottom: 16px; font-weight: 600;\r\n    }\r\n\r\n    .stratx-wrapper .service-card p {\r\n        color: var(--color-text-muted); line-height: 1.6; font-size: 0.98rem;\r\n    }\r\n\r\n    \/* Target Group Section *\/\r\n    .stratx-wrapper .target-section {\r\n        background: linear-gradient(180deg, rgba(16, 12, 34, 0.4) 0%, rgba(6, 4, 13, 0) 100%);\r\n        border-top: 1px solid var(--color-border);\r\n        border-bottom: 1px solid var(--color-border);\r\n    }\r\n\r\n    .stratx-wrapper .target-container {\r\n        display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center;\r\n    }\r\n\r\n    .stratx-wrapper .target-left h2 {\r\n        font-size: 2.4rem; margin-bottom: 24px; line-height: 1.25; color: #fff;\r\n    }\r\n\r\n    .stratx-wrapper .target-left p {\r\n        color: var(--color-text-muted); font-size: 1.1rem; line-height: 1.6; margin-bottom: 32px;\r\n    }\r\n\r\n    .stratx-wrapper .target-list { display: flex; flex-direction: column; gap: 20px; }\r\n\r\n    .stratx-wrapper .target-item {\r\n        display: flex; gap: 16px; background: rgba(255, 255, 255, 0.02);\r\n        border: 1px solid var(--color-border); padding: 24px; border-radius: 12px;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .stratx-wrapper .target-item:hover {\r\n        background: rgba(255, 255, 255, 0.04);\r\n        border-color: rgba(255, 255, 255, 0.15); transform: translateX(4px);\r\n    }\r\n\r\n    .stratx-wrapper .target-number {\r\n        font-size: 1.2rem; font-weight: 800; color: var(--color-cyan); font-family: monospace;\r\n    }\r\n\r\n    .stratx-wrapper .target-text h4 {\r\n        font-size: 1.15rem; color: #fff; margin-bottom: 6px;\r\n    }\r\n\r\n    .stratx-wrapper .target-text p {\r\n        color: var(--color-text-muted); font-size: 0.95rem; line-height: 1.5;\r\n    }\r\n\r\n    \/* Contact Section *\/\r\n    .stratx-wrapper .contact-card {\r\n        background: radial-gradient(circle at top right, rgba(92, 62, 242, 0.15), transparent), var(--bg-surface);\r\n        border: 1px solid rgba(92, 62, 242, 0.25); border-radius: 24px;\r\n        padding: 60px; text-align: center; max-width: 900px; margin: 40px auto 0 auto;\r\n        box-shadow: 0 30px 60px rgba(0,0,0,0.5); position: relative;\r\n    }\r\n\r\n    .stratx-wrapper .contact-card h2 {\r\n        font-size: 2.6rem; font-weight: 800; margin-bottom: 16px; color: #fff;\r\n    }\r\n\r\n    .stratx-wrapper .contact-card p {\r\n        color: var(--color-text-muted); font-size: 1.15rem; max-width: 600px; margin: 0 auto 36px auto;\r\n    }\r\n\r\n    .stratx-wrapper .email-link {\r\n        font-size: 2rem; color: var(--color-cyan) !important; text-decoration: none;\r\n        font-weight: 700; transition: all 0.3s ease; display: inline-block;\r\n        letter-spacing: -0.5px; margin-bottom: 12px;\r\n    }\r\n\r\n    .stratx-wrapper .email-link:hover {\r\n        color: #fff !important; text-shadow: 0 0 25px rgba(0, 240, 255, 0.6); transform: scale(1.02);\r\n    }\r\n\r\n    \/* Footer *\/\r\n    .stratx-wrapper footer {\r\n        margin-top: 120px; padding: 40px 8%; border-top: 1px solid var(--color-border);\r\n        display: flex; justify-content: space-between; align-items: center;\r\n        color: #5d5970; font-size: 0.9rem;\r\n    }\r\n    \r\n    .stratx-wrapper footer .logo-bottom { font-weight: 700; color: var(--color-text-muted); letter-spacing: 1px; }\r\n\r\n    \/* Cookie Banner *\/\r\n    .stratx-cookie-banner {\r\n        position: fixed;\r\n        bottom: -100px; \/* starts hidden *\/\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        background: rgba(16, 12, 34, 0.95);\r\n        border: 1px solid var(--color-primary);\r\n        box-shadow: 0 0 30px rgba(0,0,0,0.8);\r\n        padding: 16px 24px;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 24px;\r\n        z-index: 10000;\r\n        backdrop-filter: blur(10px);\r\n        transition: bottom 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n        width: 90%;\r\n        max-width: 600px;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .stratx-cookie-banner.show { bottom: 30px; }\r\n\r\n    .stratx-cookie-banner p { margin: 0; font-size: 0.9rem; color: var(--color-text-main); }\r\n    \r\n    .stratx-cookie-banner button {\r\n        background: var(--color-cyan);\r\n        color: var(--bg-base);\r\n        border: none;\r\n        padding: 8px 20px;\r\n        border-radius: 6px;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: transform 0.2s ease;\r\n    }\r\n    .stratx-cookie-banner button:hover { transform: scale(1.05); }\r\n\r\n    @keyframes fadeInUp {\r\n        from { opacity: 0; transform: translateY(24px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n        .stratx-wrapper h1 { font-size: 2.8rem; }\r\n        .stratx-wrapper .target-container { grid-template-columns: 1fr; gap: 40px; }\r\n        .stratx-wrapper .contact-card { padding: 40px 24px; }\r\n        .stratx-wrapper .contact-card h2 { font-size: 2rem; }\r\n        .stratx-wrapper .email-link { font-size: 1.5rem; }\r\n        .stratx-cookie-banner { flex-direction: column; text-align: center; gap: 16px; bottom: -150px;}\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .stratx-wrapper nav { display: none; }\r\n        .stratx-wrapper .header-right { gap: 12px; }\r\n        .stratx-wrapper .cta-header-btn { display: none; } \/* Hide btn on mobile to make room for lang toggle *\/\r\n        .stratx-wrapper h1 { font-size: 2.3rem; }\r\n        .stratx-wrapper .hero-section p { font-size: 1.1rem; }\r\n        .stratx-wrapper .hero-buttons { flex-direction: column; width: 100%; max-width: 300px; }\r\n        .stratx-wrapper section.content-section { padding: 80px 24px; }\r\n    }\r\n<\/style>\r\n\r\n<!-- Defaulting to NL layout -->\r\n<div class=\"stratx-wrapper lang-nl\" id=\"stratx-main\">\r\n    <div class=\"ambient-glow-1\"><\/div>\r\n    <div class=\"ambient-glow-2\"><\/div>\r\n\r\n    <header>\r\n        <a href=\"#hero\" class=\"logo-area\">\r\n            <img decoding=\"async\" src=\"https:\/\/stratx.it\/wp-content\/uploads\/2026\/07\/cropped-logo.jpg\" alt=\"STRATX Logo\" class=\"site-logo\">\r\n            <span>STRATX<\/span>\r\n        <\/a>\r\n        <nav>\r\n            <a href=\"#hero\">\r\n                <span class=\"text-nl\">Home<\/span><span class=\"text-en\">Home<\/span>\r\n            <\/a>\r\n            <a href=\"#services\">\r\n                <span class=\"text-nl\">Diensten<\/span><span class=\"text-en\">Services<\/span>\r\n            <\/a>\r\n            <a href=\"#target\">\r\n                <span class=\"text-nl\">Voor Wie<\/span><span class=\"text-en\">Target Audience<\/span>\r\n            <\/a>\r\n            <a href=\"#contact\">\r\n                <span class=\"text-nl\">Contact<\/span><span class=\"text-en\">Contact<\/span>\r\n            <\/a>\r\n        <\/nav>\r\n        <div class=\"header-right\">\r\n            <div class=\"lang-switcher\">\r\n                <button class=\"lang-btn btn-nl\" onclick=\"setLanguage('nl')\">NL<\/button> \r\n                <span>|<\/span> \r\n                <button class=\"lang-btn btn-en\" onclick=\"setLanguage('en')\">EN<\/button>\r\n            <\/div>\r\n            <a href=\"#contact\" class=\"cta-header-btn\">\r\n                <span class=\"text-nl\">Gesprek plannen<\/span><span class=\"text-en\">Schedule Call<\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- Hero Section -->\r\n    <section id=\"hero\" class=\"hero-section\">\r\n        <svg class=\"circuit-decoration\" viewBox=\"0 0 800 600\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M-50,300 L300,300 L400,200 L650,200 L700,250 L900,250\" stroke=\"#5c3ef2\" stroke-width=\"1.5\" stroke-dasharray=\"8 4\"\/>\r\n            <path d=\"M150,300 L220,370 L500,370 L550,420 L850,420\" stroke=\"#00f0ff\" stroke-width=\"1\" opacity=\"0.7\"\/>\r\n            <circle cx=\"400\" cy=\"200\" r=\"4\" fill=\"#00f0ff\" \/>\r\n            <circle cx=\"650\" cy=\"200\" r=\"4\" fill=\"#5c3ef2\" \/>\r\n            <circle cx=\"550\" cy=\"420\" r=\"4\" fill=\"#00f0ff\" \/>\r\n        <\/svg>\r\n\r\n        <div class=\"hero-badge\">\r\n            <span class=\"text-nl\">Strategische Toepassing van ICT & AI<\/span>\r\n            <span class=\"text-en\">Fractional CIO & EU Compliance<\/span>\r\n        <\/div>\r\n        \r\n        <h1>\r\n            <span class=\"text-nl\">Koersvast innoveren in een wereld van digitale complexiteit.<\/span>\r\n            <span class=\"text-en\">Bridge the gap between rapid AI scaling and strict EU compliance.<\/span>\r\n        <\/h1>\r\n        \r\n        <p>\r\n            <span class=\"text-nl\">Onafhankelijk strategisch advies en boardroom sparringpartner voor Executives, besturen en managers. Wij vertalen AI-hypes en complexe IT-architecturen naar tastbare waarde en grip.<\/span>\r\n            <span class=\"text-en\">Independent strategic advisory and Fractional CIO services for US venture-backed scale-ups. We transform complex IT architectures into scalable, European-ready infrastructure.<\/span>\r\n        <\/p>\r\n        \r\n        <div class=\"hero-buttons\">\r\n            <a href=\"#contact\" class=\"btn-primary\">\r\n                <span class=\"text-nl\">Strategisch gesprek plannen<\/span><span class=\"text-en\">Schedule a strategic call<\/span>\r\n            <\/a>\r\n            <a href=\"#services\" class=\"btn-secondary\">\r\n                <span class=\"text-nl\">Ontdek onze diensten<\/span><span class=\"text-en\">Discover our services<\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Services Section -->\r\n    <section id=\"services\" class=\"content-section\">\r\n        <div class=\"section-header\">\r\n            <span class=\"section-subtitle\">\r\n                <span class=\"text-nl\">Onze Expertise<\/span><span class=\"text-en\">Our Expertise<\/span>\r\n            <\/span>\r\n            <h2 class=\"section-title\">\r\n                <span class=\"text-nl\">Strategische sturing op het snijvlak van business, ICT en Kunstmatige Intelligentie.<\/span>\r\n                <span class=\"text-en\">Strategic steering at the intersection of business, IT, and Artificial Intelligence.<\/span>\r\n            <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"services-grid\">\r\n            <!-- Card 1 -->\r\n            <div class=\"service-card\">\r\n                <div class=\"card-icon-box\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\r\n                <\/div>\r\n                <h3>\r\n                    <span class=\"text-nl\">AI-Gereedheid & Strategie<\/span>\r\n                    <span class=\"text-en\">EU AI & IT Readiness Audit<\/span>\r\n                <\/h3>\r\n                <p>\r\n                    <span class=\"text-nl\">Niet blind meegaan in hypes, maar kritisch kijken waar AI daadwerkelijk effici\u00ebntie, concurrentievoordeel of nieuwe businessmodellen oplevert voor uw organisatie.<\/span>\r\n                    <span class=\"text-en\">A rapid, 2-week critical assessment exposing infrastructure bottlenecks and GDPR\/EU AI Act compliance gaps before you pour more capital into scaling.<\/span>\r\n                <\/p>\r\n            <\/div>\r\n            <!-- Card 2 -->\r\n            <div class=\"service-card\">\r\n                <div class=\"card-icon-box\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 0 0-10 10c0 5.52 4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm1 14h-2v-2h2v2zm0-4h-2V7h2v5z\"\/><\/svg>\r\n                <\/div>\r\n                <h3>\r\n                    <span class=\"text-nl\">Boardroom Sparring & Governance<\/span>\r\n                    <span class=\"text-en\">Boardroom & Tech Due Diligence<\/span>\r\n                <\/h3>\r\n                <p>\r\n                    <span class=\"text-nl\">Onafhankelijke validatie van grote IT-investeringen, second opinions op complexe vendor-voorstellen en heldere risico-analyses rechtstreeks voor het bestuur.<\/span>\r\n                    <span class=\"text-en\">Independent, board-level second opinions before major budgets are approved. We deliver risk framing that supports VC governance and secure AI adoption.<\/span>\r\n                <\/p>\r\n            <\/div>\r\n            <!-- Card 3 -->\r\n            <div class=\"service-card\">\r\n                <div class=\"card-icon-box\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\r\n                <\/div>\r\n                <h3>\r\n                    <span class=\"text-nl\">Architectuur & Regievoering<\/span>\r\n                    <span class=\"text-en\">Fractional CIO & Vendor Governance<\/span>\r\n                <\/h3>\r\n                <p>\r\n                    <span class=\"text-nl\">Zorgen dat uw applicatielandschap, data-infrastructuur en cloud-keuzes toekomstbestendig zijn. Wij voeren de regie over externe leveranciers zodat u de controle behoudt.<\/span>\r\n                    <span class=\"text-en\">Strategic steering over your application landscape and cloud infrastructure. We aggressively manage tech vendors to reduce ambiguity in approvals and oversight.<\/span>\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Target Audience Section -->\r\n    <section id=\"target\" class=\"content-section target-section\">\r\n        <div class=\"target-container\">\r\n            <div class=\"target-left\">\r\n                <span class=\"section-subtitle\">\r\n                    <span class=\"text-nl\">Doelgroep<\/span><span class=\"text-en\">Target Audience<\/span>\r\n                <\/span>\r\n                <h2>\r\n                    <span class=\"text-nl\">Scherp advies voor organisaties in beweging.<\/span>\r\n                    <span class=\"text-en\">Sharp advice for organizations in motion.<\/span>\r\n                <\/h2>\r\n                <p>\r\n                    <span class=\"text-nl\">Digitale transformatie en AI vragen om een volwassen visie, ongeacht de omvang van de organisatie. STRATX spreekt de taal van de boardroom \u00e9n de techniek.<\/span>\r\n                    <span class=\"text-en\">Digital transformation and AI demand a mature vision, regardless of organizational size. STRATX speaks the language of both the boardroom and technology.<\/span>\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"target-right\">\r\n                <div class=\"target-list\">\r\n                    <div class=\"target-item\">\r\n                        <div class=\"target-number\">01<\/div>\r\n                        <div class=\"target-text\">\r\n                            <h4>\r\n                                <span class=\"text-nl\">Start-ups & Scale-ups<\/span>\r\n                                <span class=\"text-en\">Series A\/B\/C Scale-ups<\/span>\r\n                            <\/h4>\r\n                            <p>\r\n                                <span class=\"text-nl\">Direct vanaf het begin de juiste technologische fundering leggen om exponenti\u00eble groei en AI-integratie technisch mogelijk te maken.<\/span>\r\n                                <span class=\"text-en\">Venture-backed companies facing forced IT professionalization, architectural limits, or aggressive AI integration pushes by the board.<\/span>\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"target-item\">\r\n                        <div class=\"target-number\">02<\/div>\r\n                        <div class=\"target-text\">\r\n                            <h4>\r\n                                <span class=\"text-nl\">Kleine Bedrijven<\/span>\r\n                                <span class=\"text-en\">US Tech Expanding to Europe<\/span>\r\n                            <\/h4>\r\n                            <p>\r\n                                <span class=\"text-nl\">Slimme keuzes maken zonder gigantische budgetten. Enterprise-level inzichten praktisch vertaald naar direct toepasbare ICT-oplossingen.<\/span>\r\n                                <span class=\"text-en\">Organizations eyeing the European market that need to embed strict GDPR and EU AI Act compliance directly into their tech architecture from day one.<\/span>\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"target-item\">\r\n                        <div class=\"target-number\">03<\/div>\r\n                        <div class=\"target-text\">\r\n                            <h4>\r\n                                <span class=\"text-nl\">Midden- en Kleinbedrijf (MKB)<\/span>\r\n                                <span class=\"text-en\">VC Operating Partners<\/span>\r\n                            <\/h4>\r\n                            <p>\r\n                                <span class=\"text-nl\">Het doorbreken van legacy systemen, optimaliseren van operationele processen en het inrichten van een solide digitale regiestructuur.<\/span>\r\n                                <span class=\"text-en\">Investors who need independent technical validation and C-level governance over their portfolio's major IT investments, without the overhead of a full-time hire.<\/span>\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Contact Section -->\r\n    <section id=\"contact\" class=\"content-section\">\r\n        <div class=\"contact-card\">\r\n            <h2>\r\n                <span class=\"text-nl\">Direct regie nemen over uw ICT- & AI-koers?<\/span>\r\n                <span class=\"text-en\">Ready to take direct control of your IT & AI course?<\/span>\r\n            <\/h2>\r\n            <p>\r\n                <span class=\"text-nl\">Laat de complexiteit achter u. Laten we in een vertrouwelijk, strategisch gesprek kijken waar de knelpunten en de echte kansen liggen binnen uw organisatie.<\/span>\r\n                <span class=\"text-en\">Leave the complexity behind. Let's discuss where the bottlenecks and real opportunities lie within your organization during a confidential, strategic conversation.<\/span>\r\n            <\/p>\r\n            <a href=\"mailto:info@stratx.it\" class=\"email-link\">info@stratx.it<\/a>\r\n            <p style=\"font-size: 0.95rem; margin-top: 10px; color: var(--color-text-main);\">\r\n                <span class=\"text-nl\">Locatie: 's-Hertogenbosch (en op locatie bij cli\u00ebnten)<\/span>\r\n                <span class=\"text-en\">Based in the EU | Strategic time-zone overlap for US mornings<\/span>\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <footer>\r\n        <div class=\"logo-bottom\">STRATX &copy; 2026<\/div>\r\n        <div>\r\n            <span class=\"text-nl\">Strategisch ICT & AI Advies voor Executives<\/span>\r\n            <span class=\"text-en\">Strategic IT & AI Advice for Executives<\/span>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- Cookie Banner -->\r\n    <div id=\"stratx-cookie\" class=\"stratx-cookie-banner\">\r\n        <p>\r\n            <span class=\"text-nl\">Wij gebruiken een functioneel minimum aan cookies voor een optimale website-ervaring.<\/span>\r\n            <span class=\"text-en\">We use a functional minimum of cookies to ensure an optimal website experience.<\/span>\r\n        <\/p>\r\n        <button onclick=\"acceptCookies()\">\r\n            <span class=\"text-nl\">Akkoord<\/span><span class=\"text-en\">Accept<\/span>\r\n        <\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ --- Language Logic ---\r\n    function setLanguage(lang) {\r\n        const wrapper = document.getElementById('stratx-main');\r\n        \r\n        \/\/ Remove existing lang classes\r\n        wrapper.classList.remove('lang-nl', 'lang-en');\r\n        \/\/ Add new lang class\r\n        wrapper.classList.add('lang-' + lang);\r\n        \r\n        \/\/ Save to localStorage\r\n        localStorage.setItem('stratx_language', lang);\r\n    }\r\n\r\n    \/\/ --- Cookie Banner Logic ---\r\n    function acceptCookies() {\r\n        localStorage.setItem('stratx_cookies_accepted', 'true');\r\n        document.getElementById('stratx-cookie').classList.remove('show');\r\n    }\r\n\r\n    \/\/ --- Initialization on load ---\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        \/\/ Init Language\r\n        const savedLang = localStorage.getItem('stratx_language') || 'nl'; \/\/ default is nl\r\n        setLanguage(savedLang);\r\n\r\n        \/\/ Init Cookies (delay slightly for nice animation)\r\n        setTimeout(() => {\r\n            if (!localStorage.getItem('stratx_cookies_accepted')) {\r\n                document.getElementById('stratx-cookie').classList.add('show');\r\n            }\r\n        }, 1500);\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>STRATX HomeHome DienstenServices Voor WieTarget Audience ContactContact NL | EN Gesprek plannenSchedule Call Strategische Toepassing van ICT &#038; AI Fractional [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stratx.it\/index.php\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stratx.it\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stratx.it\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stratx.it\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stratx.it\/index.php\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":19,"href":"https:\/\/stratx.it\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/stratx.it\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/stratx.it\/index.php\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}