{"id":59,"date":"2026-03-27T20:38:16","date_gmt":"2026-03-27T20:38:16","guid":{"rendered":"https:\/\/jnxglobal.com\/?page_id=59"},"modified":"2026-03-29T20:10:53","modified_gmt":"2026-03-29T20:10:53","slug":"secure-contact","status":"publish","type":"page","link":"https:\/\/jnxglobal.com\/?page_id=59","title":{"rendered":"SECURE CONTACT"},"content":{"rendered":"\n<div class=\"jnx-diamond-root\">\n    <style>\n        .jnx-diamond-root {\n            background-color: #000;\n            width: 100%;\n            padding: 80px 20px;\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            overflow: visible !important;\n        }\n\n        .jnx-diamond-card {\n            background: #050505;\n            border: 1px solid #1a1a1a;\n            padding: clamp(40px, 8vw, 70px);\n            width: 100%;\n            max-width: 500px;\n            position: relative;\n            box-shadow: 0 50px 100px rgba(0,0,0,1);\n        }\n\n        .jnx-luxe-title {\n            color: #fff;\n            font-size: clamp(32px, 5vw, 44px);\n            font-weight: 900;\n            text-transform: uppercase;\n            letter-spacing: -1px;\n            margin: 0 0 40px 0 !important;\n            border-left: 4px solid #fff;\n            padding-left: 20px;\n            line-height: 1;\n        }\n\n        .jnx-field {\n            position: relative;\n            margin-bottom: 40px;\n        }\n\n        .jnx-field input, .jnx-field textarea {\n            width: 100%;\n            background: transparent;\n            border: none;\n            border-bottom: 1px solid #222;\n            padding: 12px 0;\n            color: #fff;\n            font-size: 16px;\n            outline: none;\n            transition: border-color 0.4s ease;\n            border-radius: 0;\n        }\n\n        .jnx-field label {\n            position: absolute;\n            top: 12px; left: 0;\n            color: #444;\n            pointer-events: none;\n            transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);\n            font-size: 11px;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n        }\n\n        .jnx-field input:focus ~ label,\n        .jnx-field input:valid ~ label,\n        .jnx-field textarea:focus ~ label,\n        .jnx-field textarea:valid ~ label {\n            top: -20px;\n            color: #fff;\n            font-size: 10px;\n            letter-spacing: 3px;\n        }\n\n        .jnx-field input:focus, .jnx-field textarea:focus {\n            border-bottom: 1px solid #fff;\n        }\n\n        .jnx-btn-black {\n            background: #fff;\n            color: #000;\n            border: 1px solid #fff;\n            padding: 22px;\n            width: 100%;\n            font-weight: 900;\n            text-transform: uppercase;\n            letter-spacing: 5px;\n            cursor: pointer;\n            transition: all 0.4s ease;\n            font-size: 13px;\n        }\n\n        .jnx-btn-black:hover {\n            background: transparent;\n            color: #fff;\n            box-shadow: 0 0 30px rgba(255,255,255,0.1);\n        }\n\n        .jnx-status-msg {\n            margin-top: 25px;\n            font-size: 11px;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            text-align: center;\n            font-weight: 700;\n            min-height: 20px;\n        }\n    <\/style>\n\n    <div class=\"jnx-diamond-card\">\n        <h2 class=\"jnx-luxe-title\">Contact<br>JNX Global.<\/h2>\n\n        <form class=\"jnx-contact-form\">\n            <div class=\"jnx-field\">\n                <input type=\"text\" name=\"name\" required>\n                <label>Full Name<\/label>\n            <\/div>\n\n            <div class=\"jnx-field\">\n                <input type=\"email\" name=\"email\" required>\n                <label>Email Address<\/label>\n            <\/div>\n\n            <div class=\"jnx-field\">\n                <textarea name=\"message\" rows=\"3\" required><\/textarea>\n                <label>How can we help?<\/label>\n            <\/div>\n\n            <button type=\"submit\" class=\"jnx-btn-black jnx-submit-btn\">Transmit<\/button>\n            <p class=\"jnx-status-msg\"><\/p>\n        <\/form>\n    <\/div>\n<\/div>\n\n<script>\n    document.querySelectorAll(\".jnx-contact-form\").forEach(form => {\n        const status = form.querySelector(\".jnx-status-msg\");\n        const btn = form.querySelector(\".jnx-submit-btn\");\n\n        form.onsubmit = async (e) => {\n            e.preventDefault();\n            btn.innerText = \"TRANSMITTING...\";\n            btn.disabled = true;\n\n            const data = new FormData(form);\n            \n            try {\n                const response = await fetch(\"https:\/\/formspree.io\/f\/xnjopgdn\", {\n                    method: \"POST\",\n                    body: data,\n                    headers: { 'Accept': 'application\/json' }\n                });\n\n                if (response.ok) {\n                    status.style.color = \"#fff\";\n                    status.innerText = \"SUCCESS. DATA RECEIVED.\";\n                    form.reset();\n                    btn.innerText = \"SENT\";\n                } else {\n                    const result = await response.json();\n                    status.style.color = \"#ff0000\";\n                    status.innerText = \"ERROR: \" + (result.errors ? result.errors[0].message : \"FAILED\");\n                    btn.disabled = false;\n                    btn.innerText = \"TRANSMIT\";\n                }\n            } catch (err) {\n                status.style.color = \"#ff0000\";\n                status.innerText = \"NETWORK ERROR. PLEASE REFRESH.\";\n                btn.disabled = false;\n                btn.innerText = \"TRANSMIT\";\n            }\n        };\n    });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>ContactJNX Global. Full Name Email Address How can we help? Transmit<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-59","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jnxglobal.com\/index.php?rest_route=\/wp\/v2\/pages\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jnxglobal.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jnxglobal.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jnxglobal.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jnxglobal.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=59"}],"version-history":[{"count":6,"href":"https:\/\/jnxglobal.com\/index.php?rest_route=\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":227,"href":"https:\/\/jnxglobal.com\/index.php?rest_route=\/wp\/v2\/pages\/59\/revisions\/227"}],"wp:attachment":[{"href":"https:\/\/jnxglobal.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}