{"id":26,"date":"2026-04-19T12:39:51","date_gmt":"2026-04-19T12:39:51","guid":{"rendered":"https:\/\/quaility.nl\/?page_id=26"},"modified":"2026-04-19T12:39:52","modified_gmt":"2026-04-19T12:39:52","slug":"brain-nederland-home","status":"publish","type":"page","link":"https:\/\/quaility.nl\/?page_id=26","title":{"rendered":"BRAIN Nederland home"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Lid van BRAIN Nederland | D\u00e9 Brancheorganisatie AI Nederland<\/title>\n    <meta name=\"description\" content=\"Word lid van BRAIN Nederland. D\u00e9 brancheorganisatie voor AI in Nederland. Samen bouwen we aan transparantie, kwaliteit en verantwoorde AI.\">\n    \n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&#038;family=Space+Grotesk:wght@600;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n    \n    <style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n:root {\n    --brain-blue: #003B70;\n    --brain-orange: #F39200;\n    --white: #FFFFFF;\n    --gray-50: #FAFBFC;\n    --gray-100: #F4F6F8;\n    --gray-800: #1F2937;\n}\n\nbody {\n    font-family: 'Inter', sans-serif;\n    color: var(--gray-800);\n    line-height: 1.6;\n    background: var(--white);\n    overflow-x: hidden;\n}\n\n\/* Animations *\/\n@keyframes fadeInUp {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n@keyframes float {\n    0%, 100% { transform: translateY(0px); }\n    50% { transform: translateY(-20px); }\n}\n\n@keyframes pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.05); }\n}\n\n@keyframes slideInLeft {\n    from {\n        opacity: 0;\n        transform: translateX(-50px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n@keyframes slideInRight {\n    from {\n        opacity: 0;\n        transform: translateX(50px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n.animate-on-scroll {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.animate-on-scroll.visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* Hero *\/\n.hero {\n    min-height: 100vh;\n    background: linear-gradient(135deg, var(--brain-blue) 0%, #001B3D 100%);\n    color: var(--white);\n    display: flex;\n    align-items: center;\n    padding: 4rem 2rem;\n    position: relative;\n    overflow: hidden;\n}\n\n.hero::before {\n    content: '';\n    position: absolute;\n    top: -20%;\n    right: -10%;\n    width: 800px;\n    height: 800px;\n    background: radial-gradient(circle, rgba(243, 146, 0, 0.15) 0%, transparent 70%);\n    animation: pulse 8s ease-in-out infinite;\n}\n\n.hero::after {\n    content: '';\n    position: absolute;\n    bottom: -30%;\n    left: -20%;\n    width: 700px;\n    height: 700px;\n    background: radial-gradient(circle, rgba(243, 146, 0, 0.1) 0%, transparent 70%);\n    animation: pulse 10s ease-in-out infinite;\n}\n\n.hero-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 6rem;\n    align-items: center;\n    position: relative;\n    z-index: 1;\n}\n\n.hero-content {\n    animation: slideInLeft 1s ease-out;\n}\n\n.hero-content h1 {\n    font-family: 'Space Grotesk', sans-serif;\n    font-size: clamp(2.5rem, 6vw, 4.5rem);\n    font-weight: 900;\n    line-height: 1.1;\n    margin-bottom: 2rem;\n    letter-spacing: -0.02em;\n}\n\n.hero-highlight {\n    color: var(--brain-orange);\n    position: relative;\n    display: inline-block;\n}\n\n.hero-highlight::after {\n    content: '';\n    position: absolute;\n    bottom: -5px;\n    left: 0;\n    width: 100%;\n    height: 8px;\n    background: var(--brain-orange);\n    opacity: 0.3;\n    border-radius: 4px;\n}\n\n.hero-subtitle {\n    font-size: clamp(1.5rem, 3vw, 2rem);\n    font-weight: 700;\n    margin-bottom: 2rem;\n    color: var(--brain-orange);\n    animation: fadeIn 1s ease-out 0.3s both;\n}\n\n.hero-lead {\n    font-size: clamp(1.125rem, 2.5vw, 1.375rem);\n    line-height: 1.7;\n    margin-bottom: 3rem;\n    opacity: 0.95;\n    animation: fadeIn 1s ease-out 0.6s both;\n}\n\n.hero-logo {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 3rem;\n    background: rgba(255, 255, 255, 0.08);\n    border-radius: 32px;\n    border: 2px solid rgba(255, 255, 255, 0.15);\n    backdrop-filter: blur(10px);\n    animation: slideInRight 1s ease-out, float 6s ease-in-out 1s infinite;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n    transition: all 0.4s ease;\n}\n\n.hero-logo:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);\n    border-color: rgba(243, 146, 0, 0.3);\n}\n\n.hero-logo img {\n    max-width: 100%;\n    height: auto;\n    filter: drop-shadow(0 10px 40px rgba(0, 0, 0, 0.2));\n}\n\n.btn-hero {\n    display: inline-block;\n    background: var(--brain-orange);\n    color: var(--white);\n    padding: 1.25rem 3rem;\n    border-radius: 12px;\n    text-decoration: none;\n    font-weight: 800;\n    font-size: 1.125rem;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    box-shadow: 0 8px 30px rgba(243, 146, 0, 0.4);\n    border: none;\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n    animation: fadeIn 1s ease-out 0.9s both;\n}\n\n.btn-hero::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 0;\n    height: 0;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.3);\n    transform: translate(-50%, -50%);\n    transition: width 0.6s, height 0.6s;\n}\n\n.btn-hero:hover::before {\n    width: 300px;\n    height: 300px;\n}\n\n.btn-hero:hover {\n    transform: translateY(-3px) scale(1.05);\n    box-shadow: 0 15px 50px rgba(243, 146, 0, 0.6);\n}\n\n\/* Container *\/\n.container {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.section-title {\n    font-family: 'Space Grotesk', sans-serif;\n    font-size: clamp(2rem, 5vw, 3.5rem);\n    font-weight: 900;\n    color: var(--brain-blue);\n    text-align: center;\n    margin-bottom: 1.5rem;\n    position: relative;\n}\n\n.section-title::after {\n    content: '';\n    display: block;\n    width: 80px;\n    height: 6px;\n    background: linear-gradient(90deg, var(--brain-orange), transparent);\n    margin: 1.5rem auto 0;\n    border-radius: 3px;\n}\n\n.section-subtitle {\n    text-align: center;\n    font-size: 1.375rem;\n    color: var(--gray-800);\n    margin-bottom: 5rem;\n    line-height: 1.7;\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n\/* Stand For *\/\n.stand-for {\n    padding: 8rem 2rem;\n    background: linear-gradient(180deg, var(--white) 0%, var(--gray-50) 100%);\n    position: relative;\n}\n\n.values-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 3rem;\n}\n\n.value-card {\n    text-align: center;\n    padding: 3rem 2rem;\n    background: var(--white);\n    border-radius: 24px;\n    border: 2px solid transparent;\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n}\n\n.value-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(243, 146, 0, 0.1), transparent);\n    transition: left 0.6s;\n}\n\n.value-card:hover::before {\n    left: 100%;\n}\n\n.value-card:hover {\n    border-color: var(--brain-orange);\n    transform: translateY(-12px) scale(1.03);\n    box-shadow: 0 20px 60px rgba(0, 59, 112, 0.15);\n}\n\n.value-icon {\n    font-size: 4.5rem;\n    margin-bottom: 1.5rem;\n    display: inline-block;\n    transition: all 0.4s ease;\n}\n\n.value-card:hover .value-icon {\n    transform: scale(1.2) rotate(5deg);\n}\n\n.value-card h3 {\n    font-family: 'Space Grotesk', sans-serif;\n    font-size: 1.75rem;\n    font-weight: 800;\n    color: var(--brain-blue);\n    margin-bottom: 1rem;\n    transition: color 0.3s ease;\n}\n\n.value-card:hover h3 {\n    color: var(--brain-orange);\n}\n\n.value-card p {\n    font-size: 1.0625rem;\n    line-height: 1.8;\n    color: var(--gray-800);\n}\n\n\/* Why Join *\/\n.why-join {\n    padding: 8rem 2rem;\n    background: var(--white);\n}\n\n.benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 2.5rem;\n    margin-top: 4rem;\n}\n\n.benefit-card {\n    display: flex;\n    gap: 1.5rem;\n    padding: 2.5rem;\n    background: var(--gray-50);\n    border-radius: 24px;\n    border: 2px solid transparent;\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    position: relative;\n    overflow: hidden;\n}\n\n.benefit-card::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 0;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, var(--brain-orange));\n    opacity: 0.05;\n    transition: width 0.5s ease;\n}\n\n.benefit-card:hover::after {\n    width: 100%;\n}\n\n.benefit-card:hover {\n    border-color: var(--brain-orange);\n    background: var(--white);\n    transform: translateX(12px) scale(1.02);\n    box-shadow: 0 12px 40px rgba(0, 59, 112, 0.1);\n}\n\n.benefit-icon {\n    font-size: 3.5rem;\n    flex-shrink: 0;\n    transition: all 0.4s ease;\n}\n\n.benefit-card:hover .benefit-icon {\n    transform: scale(1.2) rotate(-5deg);\n}\n\n.benefit-content h4 {\n    font-family: 'Space Grotesk', sans-serif;\n    font-weight: 800;\n    color: var(--brain-blue);\n    font-size: 1.375rem;\n    margin-bottom: 0.75rem;\n    transition: color 0.3s ease;\n}\n\n.benefit-card:hover .benefit-content h4 {\n    color: var(--brain-orange);\n}\n\n.benefit-content p {\n    color: var(--gray-800);\n    line-height: 1.8;\n}\n\n\/* Trust *\/\n.trust {\n    padding: 8rem 2rem;\n    background: linear-gradient(135deg, var(--brain-orange) 0%, #e88600 100%);\n    color: var(--white);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}\n\n.trust::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -25%;\n    width: 800px;\n    height: 800px;\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\n    animation: pulse 10s ease-in-out infinite;\n}\n\n.trust h2 {\n    font-family: 'Space Grotesk', sans-serif;\n    font-size: clamp(2.25rem, 5vw, 3.5rem);\n    font-weight: 900;\n    margin-bottom: 2rem;\n    position: relative;\n    z-index: 1;\n}\n\n.trust-lead {\n    font-size: 1.5rem;\n    line-height: 1.8;\n    margin-bottom: 4rem;\n    max-width: 900px;\n    margin-left: auto;\n    margin-right: auto;\n    position: relative;\n    z-index: 1;\n}\n\n.trust-features {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 2rem;\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n}\n\n.trust-feature {\n    padding: 2.5rem 2rem;\n    background: rgba(255, 255, 255, 0.15);\n    border-radius: 20px;\n    border: 2px solid rgba(255, 255, 255, 0.2);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    backdrop-filter: blur(10px);\n}\n\n.trust-feature:hover {\n    background: rgba(255, 255, 255, 0.25);\n    transform: translateY(-10px) scale(1.05);\n    border-color: rgba(255, 255, 255, 0.4);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\n}\n\n.trust-feature-icon {\n    font-size: 3rem;\n    margin-bottom: 1rem;\n    display: inline-block;\n    transition: all 0.4s ease;\n}\n\n.trust-feature:hover .trust-feature-icon {\n    transform: scale(1.3) rotate(360deg);\n}\n\n.trust-feature h4 {\n    font-weight: 800;\n    font-size: 1.25rem;\n    margin-bottom: 0.5rem;\n}\n\n.trust-feature p {\n    font-size: 0.9375rem;\n    opacity: 0.95;\n}\n\n\/* CTA *\/\n.cta {\n    padding: 10rem 2rem;\n    background: linear-gradient(135deg, var(--brain-blue) 0%, #001B3D 100%);\n    color: var(--white);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}\n\n.cta::before,\n.cta::after {\n    content: '';\n    position: absolute;\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(243, 146, 0, 0.15) 0%, transparent 70%);\n}\n\n.cta::before {\n    bottom: -30%;\n    left: -10%;\n    animation: pulse 8s ease-in-out infinite;\n}\n\n.cta::after {\n    top: -30%;\n    right: -10%;\n    animation: pulse 10s ease-in-out infinite 2s;\n}\n\n.cta-content {\n    max-width: 800px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n}\n\n.cta h2 {\n    font-family: 'Space Grotesk', sans-serif;\n    font-size: clamp(2.5rem, 5vw, 4.5rem);\n    font-weight: 900;\n    margin-bottom: 2rem;\n    line-height: 1.2;\n}\n\n.cta-lead {\n    font-size: 1.5rem;\n    margin-bottom: 3rem;\n    opacity: 0.95;\n    line-height: 1.8;\n}\n\n\/* Form *\/\n.form-section {\n    padding: 8rem 2rem;\n    background: linear-gradient(180deg, var(--white) 0%, var(--gray-50) 100%);\n}\n\n.form-container {\n    max-width: 600px;\n    margin: 0 auto;\n    background: var(--white);\n    padding: 3rem;\n    border-radius: 32px;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);\n    border: 2px solid var(--gray-100);\n}\n\n.form-title {\n    font-family: 'Space Grotesk', sans-serif;\n    font-size: 2.5rem;\n    font-weight: 900;\n    color: var(--brain-blue);\n    text-align: center;\n    margin-bottom: 1rem;\n}\n\n.form-subtitle {\n    text-align: center;\n    font-size: 1.125rem;\n    color: var(--gray-800);\n    margin-bottom: 3rem;\n}\n\n.form-group {\n    margin-bottom: 1.5rem;\n}\n\n.form-group label {\n    display: block;\n    font-weight: 700;\n    color: var(--brain-blue);\n    margin-bottom: 0.5rem;\n    transition: color 0.3s ease;\n}\n\n.form-group input:focus ~ label,\n.form-group select:focus ~ label,\n.form-group textarea:focus ~ label {\n    color: var(--brain-orange);\n}\n\n.form-group input,\n.form-group select,\n.form-group textarea {\n    width: 100%;\n    padding: 1rem 1.25rem;\n    border: 2px solid var(--gray-100);\n    border-radius: 12px;\n    font-size: 1rem;\n    font-family: 'Inter', sans-serif;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    background: var(--gray-50);\n}\n\n.form-group input:focus,\n.form-group select:focus,\n.form-group textarea:focus {\n    outline: none;\n    border-color: var(--brain-orange);\n    box-shadow: 0 0 0 4px rgba(243, 146, 0, 0.1);\n    background: var(--white);\n    transform: translateY(-2px);\n}\n\n.form-group textarea {\n    min-height: 120px;\n    resize: vertical;\n}\n\n.form-submit {\n    text-align: center;\n    margin-top: 2rem;\n}\n\n.success-message {\n    background: linear-gradient(135deg, #10B981, #059669);\n    color: white;\n    padding: 1.25rem;\n    border-radius: 12px;\n    text-align: center;\n    margin-bottom: 1.5rem;\n    font-weight: 600;\n    display: none;\n    animation: fadeInUp 0.5s ease-out;\n}\n\n.success-message.show {\n    display: block;\n}\n\n\/* Footer *\/\n.footer {\n    background: var(--brain-blue);\n    color: var(--white);\n    padding: 4rem 2rem;\n    text-align: center;\n}\n\n.footer p {\n    opacity: 0.9;\n}\n\n\/* Scroll Progress Bar *\/\n.scroll-progress {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 0%;\n    height: 4px;\n    background: linear-gradient(90deg, var(--brain-orange), var(--brain-blue));\n    z-index: 9999;\n    transition: width 0.1s ease;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n    .hero-container {\n        grid-template-columns: 1fr;\n        gap: 4rem;\n    }\n    \n    .hero-logo {\n        order: -1;\n    }\n    \n    .values-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .trust-features {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 768px) {\n    .benefits-grid,\n    .trust-features {\n        grid-template-columns: 1fr;\n    }\n    \n    .form-container {\n        padding: 2rem;\n    }\n}\n    <\/style>\n<\/head>\n<body>\n    <!-- Scroll Progress Bar -->\n    <div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\n\n    <!-- Hero -->\n    <section class=\"hero\">\n        <div class=\"hero-container\">\n            <div class=\"hero-content\">\n                <h1>Word <span class=\"hero-highlight\">Lid van BRAIN Nederland<\/span><\/h1>\n                <p class=\"hero-subtitle\">D\u00e9 Brancheorganisatie AI Nederland<\/p>\n                <p class=\"hero-lead\">Samen bouwen we aan een AI-sector die bekend staat om transparantie, kwaliteit en verantwoorde innovatie. Voor professionals die het verschil willen maken.<\/p>\n                <a href=\"#word-lid\" class=\"btn-hero\">Ja, ik wil lid worden \u2192<\/a>\n            <\/div>\n            \n            <div class=\"hero-logo\">\n                <img decoding=\"async\" src=\"http:\/\/aimaze.nl\/wp-content\/uploads\/2026\/04\/Lid-van-BRAIN-Nederland-scaled.png\" alt=\"Lid van BRAIN Nederland\">\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- What We Stand For -->\n    <section class=\"stand-for\">\n        <div class=\"container\">\n            <h2 class=\"section-title animate-on-scroll\">Waarvoor staat BRAIN Nederland?<\/h2>\n            <p class=\"section-subtitle animate-on-scroll\">Als brancheorganisatie verenigen we AI-professionals die streven naar de hoogste standaarden in onze sector<\/p>\n            \n            <div class=\"values-grid\">\n                <div class=\"value-card animate-on-scroll\">\n                    <div class=\"value-icon\">\ud83d\udee1\ufe0f<\/div>\n                    <h3>Transparantie<\/h3>\n                    <p>Duidelijkheid over hoe AI werkt. Eerlijke communicatie naar klanten. Geen black boxes, maar heldere uitleg.<\/p>\n                <\/div>\n                \n                <div class=\"value-card animate-on-scroll\">\n                    <div class=\"value-icon\">\u2b50<\/div>\n                    <h3>Kwaliteit<\/h3>\n                    <p>Professionele standaarden. Betrouwbare oplossingen. AI die doet wat het belooft en bijdraagt aan echte waarde.<\/p>\n                <\/div>\n                \n                <div class=\"value-card animate-on-scroll\">\n                    <div class=\"value-icon\">\ud83e\udd1d<\/div>\n                    <h3>Verantwoordelijkheid<\/h3>\n                    <p>Ethische innovatie. Respect voor privacy. AI die goed is voor mensen, bedrijven en de maatschappij.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Why Join -->\n    <section class=\"why-join\">\n        <div class=\"container\">\n            <h2 class=\"section-title animate-on-scroll\">Waarom lid worden?<\/h2>\n            <p class=\"section-subtitle animate-on-scroll\">Samen staan we sterker. Dit krijg je als lid van BRAIN Nederland.<\/p>\n            \n            <div class=\"benefits-grid\">\n                <div class=\"benefit-card animate-on-scroll\">\n                    <div class=\"benefit-icon\">\ud83d\ude80<\/div>\n                    <div class=\"benefit-content\">\n                        <h4>Versterk je positie<\/h4>\n                        <p>Laat zien dat je onderdeel bent van een professionele brancheorganisatie. Klanten vertrouwen je sneller als je werkt volgens erkende standaarden.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"benefit-card animate-on-scroll\">\n                    <div class=\"benefit-icon\">\ud83c\udf10<\/div>\n                    <div class=\"benefit-content\">\n                        <h4>Bouw je netwerk<\/h4>\n                        <p>Ontmoet gelijkgestemde professionals. Deel kennis. Werk samen aan projecten. Groei samen met de beste AI-spelers van Nederland.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"benefit-card animate-on-scroll\">\n                    <div class=\"benefit-icon\">\ud83d\udcda<\/div>\n                    <div class=\"benefit-content\">\n                        <h4>Blijf voorop lopen<\/h4>\n                        <p>Toegang tot kennisbank, trainingen en events. Blijf op de hoogte van nieuwe ontwikkelingen en wetgeving in de AI-sector.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"benefit-card animate-on-scroll\">\n                    <div class=\"benefit-icon\">\ud83d\udcaa<\/div>\n                    <div class=\"benefit-content\">\n                        <h4>Gezamenlijke stem<\/h4>\n                        <p>Belangenbehartiging richting overheid en stakeholders. Samen bepalen we de toekomst van AI in Nederland.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Trust -->\n    <section class=\"trust\">\n        <div class=\"container\">\n            <h2 class=\"animate-on-scroll\">Van wildgroei naar professionele sector<\/h2>\n            <p class=\"trust-lead animate-on-scroll\">BRAIN Nederland brengt structuur. Leden werken volgens duidelijke normen, leveren betrouwbare oplossingen en dragen bij aan veilige innovatie. Dat geeft klanten direct vertrouwen.<\/p>\n            \n            <div class=\"trust-features\">\n                <div class=\"trust-feature animate-on-scroll\">\n                    <div class=\"trust-feature-icon\">\u2713<\/div>\n                    <h4>Duidelijke normen<\/h4>\n                    <p>Herkenbare standaarden<\/p>\n                <\/div>\n                \n                <div class=\"trust-feature animate-on-scroll\">\n                    <div class=\"trust-feature-icon\">\u2713<\/div>\n                    <h4>Kwaliteitsborging<\/h4>\n                    <p>Betrouwbare AI-partners<\/p>\n                <\/div>\n                \n                <div class=\"trust-feature animate-on-scroll\">\n                    <div class=\"trust-feature-icon\">\u2713<\/div>\n                    <h4>Ethische innovatie<\/h4>\n                    <p>Veilig en verantwoord<\/p>\n                <\/div>\n                \n                <div class=\"trust-feature animate-on-scroll\">\n                    <div class=\"trust-feature-icon\">\u2713<\/div>\n                    <h4>Samen sterker<\/h4>\n                    <p>Gezamenlijke kracht<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA -->\n    <section class=\"cta\">\n        <div class=\"container\">\n            <div class=\"cta-content\">\n                <h2 class=\"animate-on-scroll\">Sluit je aan bij de beweging<\/h2>\n                <p class=\"cta-lead animate-on-scroll\">Word onderdeel van de eerste offici\u00eble AI brancheorganisatie van Nederland. Samen maken we het verschil.<\/p>\n                <a href=\"#word-lid\" class=\"btn-hero\">Word nu lid \u2192<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Form -->\n    <section class=\"form-section\" id=\"word-lid\">\n        <div class=\"container\">\n            <div class=\"form-container animate-on-scroll\">\n                <h2 class=\"form-title\">Word lid<\/h2>\n                <p class=\"form-subtitle\">Vul het formulier in. We nemen binnen 24 uur contact op.<\/p>\n                \n                <div id=\"successMessage\" class=\"success-message\">\n                    \u2713 Aanvraag verzonden! We nemen snel contact op.\n                <\/div>\n                \n                <form id=\"membershipForm\">\n                    <div class=\"form-group\">\n                        <label for=\"company\">Bedrijfsnaam *<\/label>\n                        <input type=\"text\" id=\"company\" name=\"company\" required>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"name\">Jouw naam *<\/label>\n                        <input type=\"text\" id=\"name\" name=\"name\" required>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"email\">E-mail *<\/label>\n                        <input type=\"email\" id=\"email\" name=\"email\" required>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"phone\">Telefoon *<\/label>\n                        <input type=\"tel\" id=\"phone\" name=\"phone\" required>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"type\">Type organisatie *<\/label>\n                        <select id=\"type\" name=\"type\" required>\n                            <option value=\"\">Kies&#8230;<\/option>\n                            <option value=\"AI-bedrijf\">AI-bedrijf<\/option>\n                            <option value=\"Consultant\">AI-consultant<\/option>\n                            <option value=\"Ontwikkelaar\">Ontwikkelaar<\/option>\n                            <option value=\"Organisatie\">Organisatie (zoekt AI-partner)<\/option>\n                            <option value=\"Anders\">Anders<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"message\">Waarom lid worden? *<\/label>\n                        <textarea id=\"message\" name=\"message\" required><\/textarea>\n                    <\/div>\n\n                    <div class=\"form-submit\">\n                        <button type=\"submit\" class=\"btn-hero\">Verstuur aanvraag<\/button>\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer class=\"footer\">\n        <div class=\"container\">\n            <p>2026 \u00a9 BRAIN Nederland | Brancheorganisatie AI Nederland<\/p>\n            <p style=\"margin-top: 0.5rem;\">info@brainnederland.nl | +31 (0)40 251 63 34<\/p>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ Scroll Progress Bar\n        window.addEventListener('scroll', () => {\n            const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n            const scrolled = (winScroll \/ height) * 100;\n            document.getElementById('scrollProgress').style.width = scrolled + '%';\n        });\n\n        \/\/ Animate on Scroll\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach((entry, index) => {\n                if (entry.isIntersecting) {\n                    setTimeout(() => {\n                        entry.target.classList.add('visible');\n                    }, index * 100);\n                }\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('.animate-on-scroll').forEach((el) => {\n            observer.observe(el);\n        });\n\n        \/\/ Form Submission\n        document.getElementById('membershipForm').addEventListener('submit', function(e) {\n            e.preventDefault();\n            \n            const formData = {\n                company: document.getElementById('company').value,\n                name: document.getElementById('name').value,\n                email: document.getElementById('email').value,\n                phone: document.getElementById('phone').value,\n                type: document.getElementById('type').value,\n                message: document.getElementById('message').value\n            };\n            \n            const emailBody = `Nieuwe lidmaatschapsaanvraag BRAIN Nederland\n\nBedrijf: ${formData.company}\nNaam: ${formData.name}\nE-mail: ${formData.email}\nTelefoon: ${formData.phone}\nType: ${formData.type}\n\nMotivatie:\n${formData.message}`;\n            \n            window.location.href = `mailto:info@hansschuurmans.nl?subject=Lidmaatschap ${formData.company}&body=${encodeURIComponent(emailBody)}`;\n            \n            document.getElementById('successMessage').classList.add('show');\n            this.reset();\n            \n            setTimeout(() => {\n                document.getElementById('successMessage').classList.remove('show');\n            }, 5000);\n        });\n\n        \/\/ Smooth Scroll\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n    <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Lid van BRAIN Nederland | D\u00e9 Brancheorganisatie AI Nederland Word Lid van BRAIN Nederland D\u00e9 Brancheorganisatie AI Nederland Samen bouwen we aan een AI-sector die bekend staat om transparantie, kwaliteit en verantwoorde innovatie. Voor professionals die het verschil willen maken. Ja, ik wil lid worden \u2192 Waarvoor staat BRAIN Nederland? Als brancheorganisatie verenigen we AI-professionals <a href=\"https:\/\/quaility.nl\/?page_id=26\" class=\"more-link\">&#8230;<span class=\"screen-reader-text\">  BRAIN Nederland home<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>BRAIN Nederland home -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/quaility.nl\/?page_id=26\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"BRAIN Nederland home -\" \/>\n<meta property=\"og:description\" content=\"Lid van BRAIN Nederland | D\u00e9 Brancheorganisatie AI Nederland Word Lid van BRAIN Nederland D\u00e9 Brancheorganisatie AI Nederland Samen bouwen we aan een AI-sector die bekend staat om transparantie, kwaliteit en verantwoorde innovatie. Voor professionals die het verschil willen maken. Ja, ik wil lid worden \u2192 Waarvoor staat BRAIN Nederland? Als brancheorganisatie verenigen we AI-professionals ... BRAIN Nederland home\" \/>\n<meta property=\"og:url\" content=\"https:\/\/quaility.nl\/?page_id=26\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-19T12:39:52+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/aimaze.nl\/wp-content\/uploads\/2026\/04\/Lid-van-BRAIN-Nederland-scaled.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/quaility.nl\\\/?page_id=26\",\"url\":\"https:\\\/\\\/quaility.nl\\\/?page_id=26\",\"name\":\"BRAIN Nederland home -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/quaility.nl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/quaility.nl\\\/?page_id=26#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/quaility.nl\\\/?page_id=26#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/aimaze.nl\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Lid-van-BRAIN-Nederland-scaled.png\",\"datePublished\":\"2026-04-19T12:39:51+00:00\",\"dateModified\":\"2026-04-19T12:39:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/quaility.nl\\\/?page_id=26#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/quaility.nl\\\/?page_id=26\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/quaility.nl\\\/?page_id=26#primaryimage\",\"url\":\"http:\\\/\\\/aimaze.nl\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Lid-van-BRAIN-Nederland-scaled.png\",\"contentUrl\":\"http:\\\/\\\/aimaze.nl\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Lid-van-BRAIN-Nederland-scaled.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/quaility.nl\\\/?page_id=26#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/quaility.nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"BRAIN Nederland home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/quaility.nl\\\/#website\",\"url\":\"https:\\\/\\\/quaility.nl\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/quaility.nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"BRAIN Nederland home -","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:\/\/quaility.nl\/?page_id=26","og_locale":"en_GB","og_type":"article","og_title":"BRAIN Nederland home -","og_description":"Lid van BRAIN Nederland | D\u00e9 Brancheorganisatie AI Nederland Word Lid van BRAIN Nederland D\u00e9 Brancheorganisatie AI Nederland Samen bouwen we aan een AI-sector die bekend staat om transparantie, kwaliteit en verantwoorde innovatie. Voor professionals die het verschil willen maken. Ja, ik wil lid worden \u2192 Waarvoor staat BRAIN Nederland? Als brancheorganisatie verenigen we AI-professionals ... BRAIN Nederland home","og_url":"https:\/\/quaility.nl\/?page_id=26","article_modified_time":"2026-04-19T12:39:52+00:00","og_image":[{"url":"http:\/\/aimaze.nl\/wp-content\/uploads\/2026\/04\/Lid-van-BRAIN-Nederland-scaled.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/quaility.nl\/?page_id=26","url":"https:\/\/quaility.nl\/?page_id=26","name":"BRAIN Nederland home -","isPartOf":{"@id":"https:\/\/quaility.nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/quaility.nl\/?page_id=26#primaryimage"},"image":{"@id":"https:\/\/quaility.nl\/?page_id=26#primaryimage"},"thumbnailUrl":"http:\/\/aimaze.nl\/wp-content\/uploads\/2026\/04\/Lid-van-BRAIN-Nederland-scaled.png","datePublished":"2026-04-19T12:39:51+00:00","dateModified":"2026-04-19T12:39:52+00:00","breadcrumb":{"@id":"https:\/\/quaility.nl\/?page_id=26#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/quaility.nl\/?page_id=26"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/quaility.nl\/?page_id=26#primaryimage","url":"http:\/\/aimaze.nl\/wp-content\/uploads\/2026\/04\/Lid-van-BRAIN-Nederland-scaled.png","contentUrl":"http:\/\/aimaze.nl\/wp-content\/uploads\/2026\/04\/Lid-van-BRAIN-Nederland-scaled.png"},{"@type":"BreadcrumbList","@id":"https:\/\/quaility.nl\/?page_id=26#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/quaility.nl\/"},{"@type":"ListItem","position":2,"name":"BRAIN Nederland home"}]},{"@type":"WebSite","@id":"https:\/\/quaility.nl\/#website","url":"https:\/\/quaility.nl\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/quaility.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/quaility.nl\/index.php?rest_route=\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quaility.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/quaility.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/quaility.nl\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/quaility.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26"}],"version-history":[{"count":1,"href":"https:\/\/quaility.nl\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/quaility.nl\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/quaility.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}