∑{"id":36,"date":"2026-10-15T04:13:36","date_gmt":"2026-10-15T04:13:36","guid":{"rendered":"https:\/\/www.technocommunist.com\/?page_id=36"},"modified":"2026-10-15T04:16:08","modified_gmt":"2026-10-15T04:16:08","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/www.technocommunist.com\/index.php\/contact-us\/","title":{"rendered":"Contact Us"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Please use the form to contact us, and we will respond within a business week. Thank you!<\/p>\n\n\n<!-- Clean, Modern Form Container -->\n<div class=\"custom-form-wrapper\">\n  <form id=\"contactForm\">\n    <!-- Web3Forms Access Key -->\n    <input type=\"hidden\" name=\"access_key\" value=\"fd8edaf4-6720-44cf-a4fc-a3abb1ede63f\">\n\n    <div class=\"form-group\">\n      <label for=\"name\">Your Name<\/label>\n      <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"John Doe\" required=\"\">\n    <\/div>\n\n    <div class=\"form-group\">\n      <label for=\"email\">Email Address<\/label>\n      <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"john@example.com\" required=\"\">\n    <\/div>\n\n    <div class=\"form-group\">\n      <label for=\"message\">Message<\/label>\n      <textarea id=\"message\" name=\"message\" rows=\"5\" placeholder=\"How can we help you?\" required=\"\"><\/textarea>\n    <\/div>\n\n    <button type=\"submit\" id=\"submitBtn\">Submit Form<\/button>\n    \n    <!-- Visual Status Notifications -->\n    <div id=\"result\"><\/div>\n  <\/form>\n<\/div>\n\n<!-- Modern CSS Stylesheet -->\n<style>\n  .custom-form-wrapper {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    background: #ffffff;\n    padding: 30px;\n    border-radius: 12px;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n    max-width: 480px;\n    margin: 20px auto;\n    border: 1px solid #eaeaea;\n    box-sizing: border-box;\n  }\n\n  .custom-form-wrapper *, .custom-form-wrapper *:before, .custom-form-wrapper *:after {\n    box-sizing: inherit;\n  }\n\n  .form-group {\n    margin-bottom: 20px;\n    text-align: left;\n  }\n\n  .custom-form-wrapper label {\n    display: block;\n    font-weight: 600;\n    font-size: 14px;\n    color: #333333;\n    margin-bottom: 8px;\n  }\n\n  .custom-form-wrapper input[type=\"text\"],\n  .custom-form-wrapper input[type=\"email\"],\n  .custom-form-wrapper textarea {\n    width: 100%;\n    padding: 12px 14px;\n    font-size: 15px;\n    border: 1px solid #cccccc;\n    border-radius: 6px;\n    background-color: #fafafa;\n    color: #333333;\n    transition: all 0.25s ease;\n  }\n\n  \/* Focus States - Changed glow to Red *\/\n  .custom-form-wrapper input:focus, \n  .custom-form-wrapper textarea:focus {\n    border-color: #e74c3c;\n    background-color: #ffffff;\n    box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.15);\n    outline: none;\n  }\n\n  \/* Submit Button styling - Changed to Red *\/\n  .custom-form-wrapper button[type=\"submit\"] {\n    width: 100%;\n    background-color: #e74c3c;\n    color: #ffffff;\n    padding: 14px;\n    border: none;\n    border-radius: 6px;\n    font-size: 16px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background-color 0.2s ease, transform 0.1s ease;\n  }\n\n  .custom-form-wrapper button[type=\"submit\"]:hover {\n    background-color: #c0392b;\n  }\n\n  .custom-form-wrapper button[type=\"submit\"]:active {\n    transform: scale(0.98);\n  }\n\n  \/* Status Messages Box *\/\n  #result {\n    margin-top: 15px;\n    text-align: center;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px;\n    border-radius: 6px;\n    display: none; \n  }\n\n  #result.sending {\n    display: block;\n    background-color: #fef5e7;\n    color: #d35400;\n  }\n\n  #result.success {\n    display: block;\n    background-color: #e8f8f5;\n    color: #117a65;\n  }\n\n  #result.error {\n    display: block;\n    background-color: #fadbd8;\n    color: #922b21;\n  }\n<\/style>\n\n<!-- Safe WordPress JavaScript Wrapper -->\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const form = document.getElementById('contactForm');\n  const result = document.getElementById('result');\n\n  if (!form) return;\n\n  form.addEventListener('submit', function(e) {\n    e.preventDefault(); \n    \n    result.className = \"sending\";\n    result.innerHTML = \"Processing your message...\";\n\n    const formData = new FormData(form);\n\n    fetch('https:\/\/api.web3forms.com\/submit', {\n        method: 'POST',\n        body: formData\n    })\n    .then(async (response) => {\n        let json = await response.json();\n        if (response.status == 200) {\n            result.className = \"success\";\n            result.innerHTML = \"Thank you! Your message has been sent successfully.\";\n            form.reset(); \n        } else {\n            result.className = \"error\";\n            result.innerHTML = json.message || \"Oops! Something went wrong.\";\n        }\n    })\n    .catch(error => {\n        console.error(error);\n        result.className = \"error\";\n        result.innerHTML = \"Network error. Please try again later.\";\n    });\n  });\n});\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Please use the form to contact us, and we will respond within a business week. Thank you! Your Name Email Address Message Submit Form<\/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-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.technocommunist.com\/index.php\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.technocommunist.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.technocommunist.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.technocommunist.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.technocommunist.com\/index.php\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":2,"href":"https:\/\/www.technocommunist.com\/index.php\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/www.technocommunist.com\/index.php\/wp-json\/wp\/v2\/pages\/36\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/www.technocommunist.com\/index.php\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}