{"id":114,"date":"2026-04-24T12:16:58","date_gmt":"2026-04-24T04:16:58","guid":{"rendered":"https:\/\/evolvetech.biz.vn\/?page_id=114"},"modified":"2026-04-24T12:32:56","modified_gmt":"2026-04-24T04:32:56","slug":"contact","status":"publish","type":"page","link":"https:\/\/evolvetech.biz.vn\/index.php\/contact\/","title":{"rendered":"CONTACT"},"content":{"rendered":"\n<style>\n    \/* --- CUSTOM STYLES FOR SECURE CONTACT PAGE --- *\/\n    .contact-grid { display: grid; grid-template-columns: 1fr 1.5fr; gap: 50px; margin-top: 40px; }\n    @media (max-width: 900px) { .contact-grid { grid-template-columns: 1fr; } }\n    .comms-panel { background: var(--surface-color); border: 1px solid var(--border-color); padding: 40px; position: relative; overflow: hidden; }\n    .comms-panel::before { content: ''; position: absolute; top: -50px; right: -50px; width: 200px; height: 200px; border: 1px dashed rgba(255, 122, 0, 0.2); border-radius: 50%; animation: radarPing 4s infinite linear; }\n    @keyframes radarPing { 0% { transform: scale(0.5); opacity: 1; } 100% { transform: scale(2); opacity: 0; } }\n    .comms-node { margin-bottom: 35px; position: relative; z-index: 2; }\n    .comms-label { font-family: var(--font-mono); color: var(--terminal-amber); font-size: 0.8rem; text-transform: uppercase; margin-bottom: 5px; letter-spacing: 1px; }\n    .comms-data { font-size: 1.2rem; color: var(--text-primary); font-weight: 600; }\n    .comms-data.highlight { color: var(--accent); text-shadow: 0 0 10px rgba(255, 122, 0, 0.3); }\n    .terminal-window.expanded { height: 100%; display: flex; flex-direction: column; }\n    .terminal-group { display: flex; gap: 20px; }\n    .terminal-group .terminal-line { flex: 1; }\n    textarea.terminal-input { resize: vertical; min-height: 100px; line-height: 1.5; padding-top: 10px; }\n\n    \/* --- 3D TRANSMISSION OVERLAY --- *\/\n    #transmission-overlay {\n        position: fixed;\n        top: 0; left: 0;\n        width: 100vw; height: 100vh;\n        background: rgba(3, 3, 3, 0.95);\n        backdrop-filter: blur(10px);\n        z-index: 99999;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        pointer-events: none;\n        transition: opacity 0.4s ease;\n    }\n\n    #transmission-overlay.active {\n        opacity: 1;\n        pointer-events: auto;\n    }\n\n    .transmission-cube-container {\n        perspective: 1000px;\n        margin-bottom: 40px;\n    }\n\n    .t-cube {\n        width: 80px;\n        height: 80px;\n        position: relative;\n        transform-style: preserve-3d;\n        animation: hyperSpin 1s linear infinite;\n    }\n\n    .t-face {\n        position: absolute;\n        width: 80px;\n        height: 80px;\n        background: rgba(255, 122, 0, 0.2);\n        border: 2px solid var(--accent);\n        box-shadow: inset 0 0 20px rgba(255, 122, 0, 0.5);\n    }\n\n    .t-front  { transform: translateZ(40px); }\n    .t-back   { transform: rotateY(180deg) translateZ(40px); }\n    .t-right  { transform: rotateY(90deg) translateZ(40px); }\n    .t-left   { transform: rotateY(-90deg) translateZ(40px); }\n    .t-top    { transform: rotateX(90deg) translateZ(40px); }\n    .t-bottom { transform: rotateX(-90deg) translateZ(40px); }\n\n    @keyframes hyperSpin {\n        0% { transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }\n        100% { transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); }\n    }\n\n    #transmission-status {\n        font-family: var(--font-mono);\n        color: var(--terminal-amber);\n        font-size: 1.5rem;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        text-shadow: 0 0 15px var(--terminal-amber);\n        animation: blinkText 1s infinite alternate;\n    }\n\n    @keyframes blinkText {\n        0% { opacity: 1; }\n        100% { opacity: 0.5; }\n    }\n<\/style>\n\n<div class=\"monolith-container\">\n\n    <div id=\"transmission-overlay\">\n        <div class=\"transmission-cube-container\">\n            <div class=\"t-cube\" id=\"t-cube-anim\">\n                <div class=\"t-face t-front\"><\/div>\n                <div class=\"t-face t-back\"><\/div>\n                <div class=\"t-face t-right\"><\/div>\n                <div class=\"t-face t-left\"><\/div>\n                <div class=\"t-face t-top\"><\/div>\n                <div class=\"t-face t-bottom\"><\/div>\n            <\/div>\n        <\/div>\n        <div id=\"transmission-status\">ENCRYPTING &#038; TRANSMITTING&#8230;<\/div>\n    <\/div>\n\n    <section class=\"hero-wireframe\" style=\"min-height: 35vh;\">\n        <div class=\"hero-content\" style=\"max-width: 900px; padding: 40px;\">\n            <h1 style=\"font-size: 3rem; background: linear-gradient(90deg, #ffb703, #ff7a00); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">Initialize Connection<\/h1>\n            <p style=\"font-size: 1.1rem; color: var(--text-secondary);\">Open a secure channel with our engineering team to discuss your infrastructure requirements.<\/p>\n        <\/div>\n    <\/section>\n\n    <section style=\"padding-top: 20px; padding-bottom: 80px;\">\n        <div class=\"contact-grid\">\n            \n            <div class=\"comms-panel\">\n                <h2 style=\"border: none; padding: 0; text-shadow: none; font-size: 1.5rem; margin-bottom: 40px;\">Direct Nodes<\/h2>\n                \n                <div class=\"comms-node\">\n                    <div class=\"comms-label\">HQ Location<\/div>\n                    <div class=\"comms-data\">Ho Chi Minh City, Vietnam<\/div>\n                    <div style=\"color: var(--text-secondary); font-size: 0.9rem; margin-top: 5px;\">Serving Domestic &#038; Global Markets<\/div>\n                <\/div>\n\n                <div class=\"comms-node\">\n                    <div class=\"comms-label\">Voice Channel<\/div>\n                    <div class=\"comms-data highlight\">+84 35 3600 900<\/div>\n                <\/div>\n\n                <div class=\"comms-node\">\n                    <div class=\"comms-label\">Electronic Mail<\/div>\n                    <div class=\"comms-data highlight\">evolvetech8@gmail.com<\/div>\n                <\/div>\n\n                <div class=\"comms-node\">\n                    <div class=\"comms-label\">Operating Hours<\/div>\n                    <div class=\"comms-data\">09:00 &#8211; 18:00 (GMT+7)<\/div>\n                    <div style=\"color: var(--terminal-amber); font-family: var(--font-mono); font-size: 0.8rem; margin-top: 5px;\">[ SERVER MONITORING: 24\/7 ]<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"terminal-window expanded\">\n                <div class=\"terminal-line\">\n                    <span class=\"prompt\">guest@evolvetech:~$<\/span>\n                    <span>.\/transmit_proposal.sh <span class=\"cursor\"><\/span><\/span>\n                <\/div>\n                <div class=\"terminal-line\" style=\"color: var(--text-secondary); margin-bottom: 40px;\">\n                    > Secure socket established. Please input project parameters.\n                <\/div>\n                \n                <form id=\"secure-terminal-form\">\n                    \n                    <input type=\"hidden\" name=\"access_key\" value=\"f7192ffd-f234-4ff6-9f24-f829cbbe963d\">\n                    <input type=\"hidden\" name=\"subject\" value=\"New Project Inquiry from EvolveTech Terminal\">\n                    \n                    <div class=\"terminal-group\">\n                        <div class=\"terminal-line\">\n                            <span class=\"prompt\">NAME=<\/span>\n                            <input type=\"text\" name=\"name\" class=\"terminal-input\" placeholder=\"[Your Identity]\" required>\n                        <\/div>\n                        <div class=\"terminal-line\">\n                            <span class=\"prompt\">EMAIL=<\/span>\n                            <input type=\"email\" name=\"email\" class=\"terminal-input\" placeholder=\"[Return Address]\" required>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"terminal-group\">\n                        <div class=\"terminal-line\">\n                            <span class=\"prompt\">COMPANY=<\/span>\n                            <input type=\"text\" name=\"company\" class=\"terminal-input\" placeholder=\"[Organization Name]\">\n                        <\/div>\n                        <div class=\"terminal-line\">\n                            <span class=\"prompt\">TIMELINE=<\/span>\n                            <select name=\"timeline\" class=\"terminal-input\" style=\"background: var(--surface-color); color: var(--text-primary); cursor: pointer;\">\n                                <option value=\"Unspecified\">[Select Priority]<\/option>\n                                <option value=\"ASAP\">ASAP (Expedited)<\/option>\n                                <option value=\"1-3 Months\">1-3 Months<\/option>\n                                <option value=\"3+ Months\">3+ Months (Planning phase)<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"terminal-line\" style=\"align-items: flex-start; margin-top: 15px;\">\n                        <span class=\"prompt\" style=\"margin-top: 10px;\">DATA=<\/span>\n                        <textarea name=\"message\" class=\"terminal-input\" placeholder=\"[Describe your operational bottlenecks or app requirements here...]\" required><\/textarea>\n                    <\/div>\n                    \n                    <div style=\"margin-top: auto; padding-top: 30px;\">\n                        <button type=\"submit\" class=\"btn-execute\">Execute &#8211;Transmit<\/button>\n                        <span style=\"font-family: var(--font-mono); color: var(--text-secondary); font-size: 0.8rem; margin-left: 15px;\">\/\/ End-to-end encrypted<\/span>\n                    <\/div>\n\n                <\/form>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<script>\n    const form = document.getElementById('secure-terminal-form');\n    const overlay = document.getElementById('transmission-overlay');\n    const statusText = document.getElementById('transmission-status');\n    const cube = document.getElementById('t-cube-anim');\n\n    form.addEventListener('submit', function(e) {\n        \/\/ Prevent page from reloading\n        e.preventDefault();\n        \n        \/\/ Show the 3D Animation Overlay\n        overlay.classList.add('active');\n        statusText.innerText = \"ENCRYPTING & TRANSMITTING...\";\n        statusText.style.color = \"var(--terminal-amber)\";\n        cube.style.animation = \"hyperSpin 0.5s linear infinite\"; \/\/ Fast spin\n\n        \/\/ Collect form data\n        const formData = new FormData(form);\n        const object = Object.fromEntries(formData);\n        const json = JSON.stringify(object);\n\n        \/\/ Send data silently in the background\n        fetch('https:\/\/api.web3forms.com\/submit', {\n            method: 'POST',\n            headers: {\n                'Content-Type': 'application\/json',\n                'Accept': 'application\/json'\n            },\n            body: json\n        })\n        .then(async (response) => {\n            if (response.status == 200) {\n                \/\/ Success: Turn everything green and stop spinning so fast\n                statusText.innerText = \"TRANSMISSION SUCCESSFUL \/\/ DATA RECEIVED\";\n                statusText.style.color = \"#00ff41\"; \n                cube.style.animation = \"hyperSpin 4s linear infinite\"; \n                \n                let faces = document.querySelectorAll('.t-face');\n                faces.forEach(face => {\n                    face.style.borderColor = \"#00ff41\";\n                    face.style.background = \"rgba(0, 255, 65, 0.1)\";\n                    face.style.boxShadow = \"inset 0 0 20px rgba(0, 255, 65, 0.5)\";\n                });\n\n                form.reset();\n\n                \/\/ Hide overlay after 3.5 seconds\n                setTimeout(() => {\n                    overlay.classList.remove('active');\n                }, 3500);\n\n            } else {\n                \/\/ Error handling\n                statusText.innerText = \"ERROR: TRANSMISSION FAILED\";\n                statusText.style.color = \"var(--alert-red)\";\n                setTimeout(() => overlay.classList.remove('active'), 3500);\n            }\n        })\n        .catch(error => {\n            statusText.innerText = \"ERROR: NETWORK OFFLINE\";\n            statusText.style.color = \"var(--alert-red)\";\n            setTimeout(() => overlay.classList.remove('active'), 3500);\n        });\n    });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>ENCRYPTING &#038; TRANSMITTING&#8230; Initialize Connection Open a secure channel with our engineering team to discuss your infrastructure requirements. Direct Nodes HQ Location Ho Chi Minh City, Vietnam Serving Domestic &#038; Global Markets Voice Channel +84 35 3600 900 Electronic Mail evolvetech8@gmail.com Operating Hours 09:00 &#8211; 18:00 (GMT+7) [ SERVER MONITORING: 24\/7 ] guest@evolvetech:~$ .\/transmit_proposal.sh > &#8230; <a title=\"CONTACT\" class=\"read-more\" href=\"https:\/\/evolvetech.biz.vn\/index.php\/contact\/\" aria-label=\"Read more about CONTACT\">Read more<\/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-114","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/evolvetech.biz.vn\/index.php\/wp-json\/wp\/v2\/pages\/114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/evolvetech.biz.vn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/evolvetech.biz.vn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/evolvetech.biz.vn\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/evolvetech.biz.vn\/index.php\/wp-json\/wp\/v2\/comments?post=114"}],"version-history":[{"count":5,"href":"https:\/\/evolvetech.biz.vn\/index.php\/wp-json\/wp\/v2\/pages\/114\/revisions"}],"predecessor-version":[{"id":171,"href":"https:\/\/evolvetech.biz.vn\/index.php\/wp-json\/wp\/v2\/pages\/114\/revisions\/171"}],"wp:attachment":[{"href":"https:\/\/evolvetech.biz.vn\/index.php\/wp-json\/wp\/v2\/media?parent=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}