{"id":13,"date":"2025-11-05T11:10:41","date_gmt":"2025-11-05T11:10:41","guid":{"rendered":"https:\/\/nwjfx.nl\/index.php\/contact\/"},"modified":"2026-03-26T15:48:08","modified_gmt":"2026-03-26T15:48:08","slug":"contact","status":"publish","type":"page","link":"https:\/\/nwjfx.nl\/?page_id=13","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1070816 e-flex e-con-boxed e-con e-parent\" data-id=\"1070816\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b850420 e-con-full e-flex e-con e-child\" data-id=\"b850420\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-fabe5a4 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"fabe5a4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;animation&quot;:&quot;fadeIn&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a45953 elementor-nav-menu__align-justify elementor-nav-menu--dropdown-mobile elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-invisible elementor-widget elementor-widget-nav-menu\" data-id=\"4a45953\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;i class=\\&quot;\\&quot;&gt;&lt;\\\/i&gt;&quot;,&quot;library&quot;:&quot;&quot;},&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;layout&quot;:&quot;horizontal&quot;,&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<nav class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-background e--animation-shutter-in-vertical\">\n\t\t\t\t<ul id=\"menu-1-4a45953\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-45\"><a href=\"https:\/\/nwjfx.nl\/\" class=\"elementor-item\">Homepagina<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-46\"><a href=\"https:\/\/nwjfx.nl\/?page_id=27\" class=\"elementor-item\">Mijn Werk<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-47\"><a href=\"https:\/\/nwjfx.nl\/?page_id=21\" class=\"elementor-item\">Over Mij<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-48\"><a href=\"https:\/\/nwjfx.nl\/?page_id=13\" class=\"elementor-item\">Contact<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<i aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open eicon-menu-bar\"><\/i><i aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close eicon-close\"><\/i>\t\t\t<span class=\"elementor-screen-only\">Menu<\/span>\n\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-4a45953\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-45\"><a href=\"https:\/\/nwjfx.nl\/\" class=\"elementor-item\" tabindex=\"-1\">Homepagina<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-46\"><a href=\"https:\/\/nwjfx.nl\/?page_id=27\" class=\"elementor-item\" tabindex=\"-1\">Mijn Werk<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-47\"><a href=\"https:\/\/nwjfx.nl\/?page_id=21\" class=\"elementor-item\" tabindex=\"-1\">Over Mij<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-48\"><a href=\"https:\/\/nwjfx.nl\/?page_id=13\" class=\"elementor-item\" tabindex=\"-1\">Contact<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\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-291cf92 e-flex e-con-boxed e-con e-parent\" data-id=\"291cf92\" 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-9d15d7d elementor-widget elementor-widget-html\" data-id=\"9d15d7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    :root {\n        --nwjfx-red: #E60000;\n        --nwjfx-bg-dark: #000000;\n        --nwjfx-text-main: #F5F5F7;\n        --nwjfx-text-muted: #A1A1A6;\n        --nwjfx-glass-bg: rgba(18, 18, 18, 0.6);\n        --nwjfx-glass-border: rgba(255, 255, 255, 0.08);\n        --ease-apple: cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    .contact-master-container {\n        width: 100%;\n        max-width: 1200px;\n        margin: 6rem auto;\n        padding: 0 1.5rem;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    }\n\n    \/* Ambient Background Glow *\/\n    .contact-glow-wrap {\n        position: relative;\n    }\n    \n    .contact-glow-wrap::before {\n        content: '';\n        position: absolute;\n        top: 20%; left: 30%; width: 40%; height: 60%;\n        background: var(--nwjfx-red);\n        filter: blur(150px);\n        opacity: 0.15;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* Split Glass Card *\/\n    .contact-glass-panel {\n        position: relative;\n        z-index: 1;\n        background: var(--nwjfx-glass-bg);\n        backdrop-filter: blur(30px) saturate(180%);\n        -webkit-backdrop-filter: blur(30px) saturate(180%);\n        border: 1px solid var(--nwjfx-glass-border);\n        border-radius: 32px;\n        overflow: hidden;\n        display: grid;\n        grid-template-columns: 1fr 1.2fr;\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6);\n    }\n\n    \/* Linkerkant: Info & Motivatie *\/\n    .contact-info-side {\n        padding: 4rem;\n        background: linear-gradient(135deg, rgba(255,255,255,0.03) 0%, transparent 100%);\n        border-right: 1px solid var(--nwjfx-glass-border);\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n\n    .contact-info-side h1 {\n        font-size: clamp(2.5rem, 4vw, 3.5rem);\n        color: var(--nwjfx-text-main);\n        font-weight: 800;\n        letter-spacing: -0.03em;\n        line-height: 1.1;\n        margin: 0 0 1rem 0;\n    }\n\n    .contact-info-side p {\n        font-size: 1.1rem;\n        line-height: 1.6;\n        color: var(--nwjfx-text-muted);\n        margin: 0 0 3rem 0;\n    }\n\n    .direct-contact-block {\n        margin-top: auto;\n    }\n\n    .direct-contact-label {\n        font-size: 0.75rem;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: var(--nwjfx-text-muted);\n        margin-bottom: 0.5rem;\n        display: block;\n    }\n\n    .direct-email-link {\n        font-size: 1.5rem;\n        color: var(--nwjfx-text-main);\n        font-weight: 700;\n        text-decoration: none;\n        transition: color 0.3s ease;\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .direct-email-link:hover {\n        color: var(--nwjfx-red);\n    }\n\n    \/* Rechterkant: Het Formulier (Frictie verlagen) *\/\n    .contact-form-side {\n        padding: 4rem;\n    }\n\n    .nwjfx-form {\n        display: flex;\n        flex-direction: column;\n        gap: 1.5rem;\n    }\n\n    .form-row {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 1.5rem;\n    }\n\n    .form-group {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n    }\n\n    .form-group label {\n        font-size: 0.85rem;\n        font-weight: 600;\n        color: var(--nwjfx-text-muted);\n        letter-spacing: 0.5px;\n    }\n\n    .form-control {\n        width: 100%;\n        background: rgba(0, 0, 0, 0.3);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        border-radius: 12px;\n        padding: 16px 20px;\n        font-size: 1rem;\n        color: var(--nwjfx-text-main);\n        font-family: inherit;\n        transition: all 0.3s var(--ease-apple);\n    }\n\n    .form-control::placeholder {\n        color: rgba(255, 255, 255, 0.2);\n    }\n\n    .form-control:focus {\n        outline: none;\n        border-color: var(--nwjfx-red);\n        background: rgba(0, 0, 0, 0.5);\n        box-shadow: 0 0 0 4px rgba(230, 0, 0, 0.1);\n    }\n\n    textarea.form-control {\n        resize: vertical;\n        min-height: 120px;\n    }\n\n    \/* CRO Verzendknop *\/\n    .form-submit-wrap {\n        margin-top: 1rem;\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n    }\n\n    .submit-btn {\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        background: var(--nwjfx-red);\n        color: #FFF;\n        padding: 18px 44px;\n        border: none;\n        border-radius: 50px;\n        font-size: 1.05rem;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        cursor: pointer;\n        overflow: hidden;\n        transition: all 0.4s var(--ease-apple);\n        box-shadow: 0 10px 30px rgba(230, 0, 0, 0.4);\n    }\n\n    .submit-btn::after {\n        content: '';\n        position: absolute;\n        top: 0; left: -150%; width: 50%; height: 100%;\n        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%);\n        transform: skewX(-25deg);\n        animation: fastShine 4s infinite;\n    }\n\n    .submit-btn:hover {\n        transform: translateY(-4px) scale(1.02);\n        background: #FF0000;\n        box-shadow: 0 20px 40px rgba(230, 0, 0, 0.6);\n    }\n\n    .form-microcopy {\n        font-size: 0.85rem;\n        color: var(--nwjfx-text-muted);\n        display: flex;\n        align-items: center;\n        gap: 6px;\n    }\n\n    @keyframes fastShine {\n        0% { left: -150%; }\n        20% { left: 250%; }\n        100% { left: 250%; }\n    }\n\n    \/* Mobiele optimalisatie *\/\n    @media (max-width: 992px) {\n        .contact-glass-panel { grid-template-columns: 1fr; }\n        .contact-info-side { padding: 3rem 2rem; border-right: none; border-bottom: 1px solid var(--nwjfx-glass-border); }\n        .contact-form-side { padding: 3rem 2rem; }\n    }\n\n    @media (max-width: 600px) {\n        .form-row { grid-template-columns: 1fr; gap: 1rem; }\n        .contact-info-side h1 { font-size: 2.5rem; }\n        .direct-email-link { font-size: 1.2rem; }\n    }\n<\/style>\n\n<div class=\"contact-master-container\">\n    <div class=\"contact-glow-wrap\">\n        <div class=\"contact-glass-panel\">\n            \n            <!-- Linker Info Kant -->\n            <div class=\"contact-info-side\">\n                <div>\n                    <h1>Let's Talk.<\/h1>\n                    <p>Klaar om je productie naar het volgende niveau te tillen? Drop je briefing, track of abstracte idee\u00ebn hieronder. Ik denk graag met je mee over de perfecte visuele insteek.<\/p>\n                <\/div>\n                \n                <div class=\"direct-contact-block\">\n                    <span class=\"direct-contact-label\">Direct Mailen<\/span>\n                    <a href=\"mailto:niek@nwjfx.nl\" class=\"direct-email-link\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n                        niek@nwjfx.nl\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Rechter Formulier Kant -->\n            <div class=\"contact-form-side\">\n                \n                <!-- Let op: action=\"mailto:niek@nwjfx.nl\" is ingesteld. \n                     In WordPress is het vaak beter om Elementor Forms te gebruiken, \n                     maar dit design fungeert perfect als basis. -->\n                <form action=\"mailto:niek@nwjfx.nl\" method=\"post\" enctype=\"text\/plain\" class=\"nwjfx-form\">\n                    \n                    <div class=\"form-row\">\n                        <div class=\"form-group\">\n                            <label for=\"name\">Naam \/ Productiehuis<\/label>\n                            <input type=\"text\" id=\"name\" name=\"Naam\" class=\"form-control\" placeholder=\"Jouw naam\" required>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"email\">E-mailadres<\/label>\n                            <input type=\"email\" id=\"email\" name=\"Email\" class=\"form-control\" placeholder=\"mail@voorbeeld.nl\" required>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"track\">Artiest & Tracktitel (Optioneel)<\/label>\n                        <input type=\"text\" id=\"track\" name=\"Track\" class=\"form-control\" placeholder=\"Bijv: Lusho x Pozer - Cross Waters\">\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"message\">Project Details<\/label>\n                        <textarea id=\"message\" name=\"Bericht\" class=\"form-control\" placeholder=\"Vertel me meer over de visie, benodigde VFX of 3D elementen, en eventuele deadlines...\" required><\/textarea>\n                    <\/div>\n\n                    <div class=\"form-submit-wrap\">\n                        <button type=\"submit\" class=\"submit-btn\">\n                            Verstuur Aanvraag\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg>\n                        <\/button>\n                        <span class=\"form-microcopy\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00FF00\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                            Reactie binnen 24 uur \u2022 Je zit nergens aan vast\n                        <\/span>\n                    <\/div>\n\n                <\/form>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\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>Let&#8217;s Talk. Klaar om je productie naar het volgende niveau te tillen? Drop je briefing, track of abstracte idee\u00ebn hieronder. Ik denk graag met je mee over de perfecte visuele insteek. Direct Mailen niek@nwjfx.nl Naam \/ Productiehuis E-mailadres Artiest &#038; Tracktitel (Optioneel) Project Details Verstuur Aanvraag Reactie binnen 24 uur \u2022 Je zit nergens aan [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nwjfx.nl\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nwjfx.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nwjfx.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nwjfx.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nwjfx.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":46,"href":"https:\/\/nwjfx.nl\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":770,"href":"https:\/\/nwjfx.nl\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/770"}],"wp:attachment":[{"href":"https:\/\/nwjfx.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}