{"id":136,"date":"2025-11-02T04:49:08","date_gmt":"2025-11-02T04:49:08","guid":{"rendered":"https:\/\/aisystemadmin.com\/?page_id=136"},"modified":"2025-11-14T03:47:27","modified_gmt":"2025-11-14T03:47:27","slug":"contact","status":"publish","type":"page","link":"https:\/\/aisystemadmin.com\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<p class=\"has-text-align-center\">Please use the button below to contact us.<\/p>\n\n\n\n<p><\/p>\n\n\n\t<div style=\"line-height:1.5; border-radius:100px; padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;\" class=\"wp-elements-6b3b6058f20c44bb406130066e50a1c4 wp-block-tt5-child-contact-form has-text-color has-base-color has-background has-contrast-background-color has-large-font-size\" data-contact-form-instance=\"contact-form-1\">\n\t\t<button class=\"contact-form-button\" style=\"border-radius: 100px;\" data-contact-form-trigger>\n\t\t\tContact us\t\t<\/button>\n\n\t\t<div class=\"contact-form-overlay\" data-contact-form-overlay>\n\t\t\t<div class=\"contact-form-modal\">\n\t\t\t\t<button class=\"contact-form-close\" data-contact-form-close>&times;<\/button>\n\t\t\t\t<h2>Get ready to maximize performance<\/h2>\n\n\t\t\t\t<form class=\"contact-form\" data-contact-form>\n\t\t\t\t\t<div class=\"form-field\">\n\t\t\t\t\t\t<label for=\"contact-email\">Email <span class=\"required\">*<\/span><\/label>\n\t\t\t\t\t\t<input type=\"email\" id=\"contact-email\" name=\"email\" maxlength=\"254\" required>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"form-field\">\n\t\t\t\t\t\t<label for=\"contact-phone\">Phone (optional)<\/label>\n\t\t\t\t\t\t<input type=\"tel\" id=\"contact-phone\" name=\"phone\" maxlength=\"15\" pattern=\"[0-9]*\">\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"form-field\">\n\t\t\t\t\t\t<label for=\"contact-message\">Message <span class=\"required\">*<\/span><\/label>\n\t\t\t\t\t\t<textarea id=\"contact-message\" name=\"message\" rows=\"5\" maxlength=\"500\" required><\/textarea>\n\t\t\t\t\t\t<small class=\"char-counter\">0 \/ 500 characters<\/small>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- Honeypot fields -->\n\t\t\t\t\t<div class=\"honeypot-field\">\n\t\t\t\t\t\t<label for=\"contact-favorite-color\">What&#8217;s your favorite color? (Leave blank)<\/label>\n\t\t\t\t\t\t<input type=\"text\" id=\"contact-favorite-color\" name=\"favorite_color\" tabindex=\"-1\" autocomplete=\"off\">\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"honeypot-field\">\n\t\t\t\t\t\t<label for=\"contact-best-friend\">Who&#8217;s your best friend? (Leave blank)<\/label>\n\t\t\t\t\t\t<input type=\"text\" id=\"contact-best-friend\" name=\"best_friend\" tabindex=\"-1\" autocomplete=\"off\">\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"honeypot-field\">\n\t\t\t\t\t\t<label for=\"contact-website\">Website<\/label>\n\t\t\t\t\t\t<input type=\"text\" id=\"contact-website\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\">\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"honeypot-field\">\n\t\t\t\t\t\t<label for=\"contact-company\">Company<\/label>\n\t\t\t\t\t\t<input type=\"text\" id=\"contact-company\" name=\"company\" tabindex=\"-1\" autocomplete=\"off\">\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- Time-based validation -->\n\t\t\t\t\t<input type=\"hidden\" name=\"form_loaded_at\" id=\"form-loaded-at\" value=\"\">\n\n\t\t\t\t\t<!-- Bot check - this should be checked by JavaScript, not by humans -->\n\t\t\t\t\t<input type=\"checkbox\" name=\"not_a_bot\" id=\"not-a-bot\" value=\"1\" style=\"position: absolute; left: -9999px;\" tabindex=\"-1\">\n\n\t\t\t\t\t<input type=\"hidden\" name=\"nonce\" value=\"561aeddb61\">\n\t\t\t\t\t<input type=\"hidden\" name=\"action\" value=\"submit_contact_form\">\n\n\t\t\t\t\t<div class=\"form-messages\"><\/div>\n\n\t\t\t\t\t<button type=\"submit\" class=\"submit-button\">\n\t\t\t\t\t\t<span class=\"button-text\">Send Message<\/span>\n\t\t\t\t\t\t<span class=\"button-loading\" style=\"display: none;\">Sending&#8230;<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/form>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<script>\n\t(function() {\n\t\t\/\/ Get this specific block instance (supports multiple forms on same page)\n\t\tconst scriptTag = document.currentScript;\n\t\tconst blockInstance = scriptTag.previousElementSibling;\n\n\t\t\/\/ Select elements WITHIN this instance only\n\t\tconst trigger = blockInstance.querySelector('[data-contact-form-trigger]');\n\t\tconst overlay = blockInstance.querySelector('[data-contact-form-overlay]');\n\t\tconst closeBtn = blockInstance.querySelector('[data-contact-form-close]');\n\t\tconst form = blockInstance.querySelector('[data-contact-form]');\n\t\tconst messageArea = blockInstance.querySelector('#contact-message');\n\t\tconst charCounter = blockInstance.querySelector('.char-counter');\n\n\t\t\/\/ Open overlay\n\t\tif (trigger) {\n\t\t\ttrigger.addEventListener('click', function() {\n\t\t\t\toverlay.classList.add('active');\n\t\t\t\tdocument.body.style.overflow = 'hidden';\n\n\t\t\t\t\/\/ Set form load timestamp for spam detection\n\t\t\t\tconst timestampField = form.querySelector('[name=\"form_loaded_at\"]');\n\t\t\t\tif (timestampField) {\n\t\t\t\t\ttimestampField.value = Date.now();\n\t\t\t\t}\n\n\t\t\t\t\/\/ Check the bot verification checkbox (legitimate users won't see it)\n\t\t\t\tconst botCheck = form.querySelector('[name=\"not_a_bot\"]');\n\t\t\t\tif (botCheck) {\n\t\t\t\t\tbotCheck.checked = true;\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\t\/\/ Close overlay\n\t\tfunction closeOverlay() {\n\t\t\toverlay.classList.remove('active');\n\t\t\tdocument.body.style.overflow = '';\n\t\t}\n\n\t\tif (closeBtn) {\n\t\t\tcloseBtn.addEventListener('click', closeOverlay);\n\t\t}\n\n\t\t\/\/ Close on backdrop click\n\t\tif (overlay) {\n\t\t\toverlay.addEventListener('click', function(e) {\n\t\t\t\tif (e.target === overlay) {\n\t\t\t\t\tcloseOverlay();\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\t\/\/ Character counter\n\t\tif (messageArea && charCounter) {\n\t\t\tmessageArea.addEventListener('input', function() {\n\t\t\t\tconst count = this.value.length;\n\t\t\t\tcharCounter.textContent = count + ' \/ 500 characters';\n\t\t\t});\n\t\t}\n\n\t\t\/\/ Form submission\n\t\tif (form) {\n\t\t\tform.addEventListener('submit', function(e) {\n\t\t\t\te.preventDefault();\n\n\t\t\t\tconst submitBtn = form.querySelector('.submit-button');\n\t\t\t\tconst btnText = form.querySelector('.button-text');\n\t\t\t\tconst btnLoading = form.querySelector('.button-loading');\n\t\t\t\tconst messages = form.querySelector('.form-messages');\n\n\t\t\t\t\/\/ Disable submit button\n\t\t\t\tsubmitBtn.disabled = true;\n\t\t\t\tbtnText.style.display = 'none';\n\t\t\t\tbtnLoading.style.display = 'inline';\n\t\t\t\tmessages.innerHTML = '';\n\n\t\t\t\tconst formData = new FormData(form);\n\n\t\t\t\tfetch('https:\/\/aisystemadmin.com\/wp-admin\/admin-ajax.php', {\n\t\t\t\t\tmethod: 'POST',\n\t\t\t\t\tbody: formData\n\t\t\t\t})\n\t\t\t\t.then(response => response.json())\n\t\t\t\t.then(data => {\n\t\t\t\t\tif (data.success) {\n\t\t\t\t\t\tmessages.innerHTML = '<div class=\"message success\">' + data.data.message + '<\/div>';\n\t\t\t\t\t\tform.reset();\n\t\t\t\t\t\tif (charCounter) {\n\t\t\t\t\t\t\tcharCounter.textContent = '0 \/ 500 characters';\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\/\/ Close overlay after 2 seconds\n\t\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\t\tcloseOverlay();\n\t\t\t\t\t\t\tmessages.innerHTML = '';\n\t\t\t\t\t\t}, 2000);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tmessages.innerHTML = '<div class=\"message error\">' + data.data.message + '<\/div>';\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.catch(error => {\n\t\t\t\t\tmessages.innerHTML = '<div class=\"message error\">An error occurred. Please try again.<\/div>';\n\t\t\t\t})\n\t\t\t\t.finally(() => {\n\t\t\t\t\tsubmitBtn.disabled = false;\n\t\t\t\t\tbtnText.style.display = 'inline';\n\t\t\t\t\tbtnLoading.style.display = 'none';\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t})();\n\t<\/script>\n\t","protected":false},"excerpt":{"rendered":"<p>Please use the button below to contact us.<\/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-136","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aisystemadmin.com\/wp-json\/wp\/v2\/pages\/136","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aisystemadmin.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aisystemadmin.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aisystemadmin.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aisystemadmin.com\/wp-json\/wp\/v2\/comments?post=136"}],"version-history":[{"count":6,"href":"https:\/\/aisystemadmin.com\/wp-json\/wp\/v2\/pages\/136\/revisions"}],"predecessor-version":[{"id":426,"href":"https:\/\/aisystemadmin.com\/wp-json\/wp\/v2\/pages\/136\/revisions\/426"}],"wp:attachment":[{"href":"https:\/\/aisystemadmin.com\/wp-json\/wp\/v2\/media?parent=136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}