{"id":790,"date":"2025-10-28T19:42:20","date_gmt":"2025-10-28T19:42:20","guid":{"rendered":"http:\/\/deo.local\/?page_id=790"},"modified":"2025-10-29T06:57:06","modified_gmt":"2025-10-29T06:57:06","slug":"contact","status":"publish","type":"page","link":"https:\/\/axisdesignsa.com\/en\/contact\/","title":{"rendered":"Book an appointment"},"content":{"rendered":"  <div class=\"uxc\" dir=\"ltr\" style=\"--ux-btn:#0ea5e9; --ux-border:#cbd5e1; --ux-label:#555;\">\r\n    <div class=\"uxc-card uxc-map\">\r\n      <iframe src=\"https:\/\/www.google.com\/maps?q=24.4785%2C39.5825&#038;z=16&#038;output=embed\" loading=\"lazy\" allowfullscreen referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"uxc-card\">\r\n      <h2 class=\"uxc-title\">Contact Us<\/h2>\r\n            <form id=\"uxc_cSxmHs\" class=\"uxc-form\" action=\"https:\/\/axisdesignsa.com\/wp-admin\/admin-post.php\" method=\"post\" novalidate>\r\n        <input type=\"hidden\" id=\"uxc_nonce\" name=\"uxc_nonce\" value=\"dc82c9a6a6\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/790\" \/>        <input type=\"hidden\" name=\"action\" value=\"uxc_submit\">\r\n        <input type=\"hidden\" name=\"uxc_to\" value=\"dev-email@wpengine.local\">\r\n        <input type=\"text\" name=\"uxc_hp\" tabindex=\"-1\" class=\"uxc-hp\" autocomplete=\"off\" aria-hidden=\"true\" \/>\r\n\r\n        <div class=\"uxc-row\">\r\n          <label class=\"is-required\"><span>Full name<\/span><input type=\"text\" name=\"full_name\" required><small class=\"err\"><\/small><\/label>\r\n          <label class=\"is-required\"><span>Email<\/span><input type=\"email\" name=\"email\" required><small class=\"err\"><\/small><\/label>\r\n        <\/div>\r\n\r\n        <div class=\"uxc-row\">\r\n          <label><span>Address<\/span><input type=\"text\" name=\"address\"><small class=\"err\"><\/small><\/label>\r\n          <label><span>Phone<\/span><input type=\"tel\" name=\"phone\" inputmode=\"tel\" pattern=\"[\\d\\s+\\-()]{6,}\"><small class=\"err\"><\/small><\/label>\r\n        <\/div>\r\n\r\n        <label class=\"block is-required\"><span>Subject<\/span><input type=\"text\" name=\"subject\" required><small class=\"err\"><\/small><\/label>\r\n        <label class=\"block is-required\"><span>Message<\/span><textarea name=\"message\" rows=\"6\" required><\/textarea><small class=\"err\"><\/small><\/label>\r\n\r\n        <label class=\"check is-required\">\r\n          <input type=\"checkbox\" name=\"agree\" value=\"1\" required>\r\n          <span>I agree to the terms and privacy policy<\/span>\r\n          <small class=\"err\"><\/small>\r\n        <\/label>\r\n\r\n        <button type=\"submit\" class=\"btn\">Send<\/button>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n  <style>\r\n    .uxc{max-width:960px;margin-inline:auto;display:grid;gap:16px;padding:8px}\r\n    .uxc-card{background:var(--ux-cardbg,transparent);border:1px solid var(--ux-border,#cbd5e1);border-radius:14px;padding:18px;box-shadow:0 6px 18px rgba(0,0,0,.05)}\r\n    .uxc-title{margin:.2rem 0 1rem;font:600 1.25rem\/1.2 system-ui,Segoe UI,Roboto}\r\n    .uxc-map iframe{width:100%;height:360px;border:0;border-radius:10px}\r\n    .uxc-form{display:grid;gap:12px}\r\n    .uxc-row{display:grid;gap:12px}\r\n    .uxc label>span{font-size:.9rem;color:var(--ux-label,#555); position:relative; display:inline-block}\r\n    .uxc .is-required > span::after{ content:\" *\"; color:#ef4444; font-weight:700; margin-inline-start:.15rem; }\r\n    .uxc .block{display:grid;gap:6px}\r\n    .uxc input[type=text], .uxc input[type=email], .uxc input[type=tel], .uxc textarea{\r\n      width:100%;padding:12px 14px;border:1.5px solid var(--ux-border,#cbd5e1);border-radius:10px;background:transparent;color:inherit;transition:.2s;\r\n      font:400 1rem\/1.4 system-ui,Segoe UI,Roboto\r\n    }\r\n    .uxc input:focus, .uxc textarea:focus{outline:0;border-color:var(--ux-btn);box-shadow:0 0 0 3px color-mix(in srgb,var(--ux-btn),transparent 75%)}\r\n    .uxc .check{display:flex;gap:.5rem;align-items:flex-start}\r\n    .uxc .check input{accent-color:var(--ux-btn);margin-top:.2rem}\r\n    .uxc .btn{\r\n      border:0;border-radius:999px;padding:12px 18px;cursor:pointer;background:var(--ux-btn);color:#fff;\r\n      font:600 1rem\/1 system-ui,Segoe UI,Roboto; box-shadow:0 6px 14px color-mix(in srgb,var(--ux-btn),transparent 70%);\r\n      transition:transform .06s ease, box-shadow .2s\r\n    }\r\n    .uxc .btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px color-mix(in srgb,var(--ux-btn),transparent 65%)}\r\n    .uxc-note{margin:.5rem 0;padding:.75rem 1rem;border-radius:10px;font-size:.95rem}\r\n    .uxc-note.ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}\r\n    .uxc-note.err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}\r\n    .uxc .err{color:#b91c1c;font-size:.8rem;min-height:1em}\r\n    .uxc .invalid{border-color:#ef4444 !important; box-shadow:0 0 0 3px rgba(239,68,68,.15) !important}\r\n    .uxc .btn:disabled{opacity:.7;cursor:not-allowed;transform:none !important;box-shadow:0 6px 14px color-mix(in srgb,var(--ux-btn),transparent 70%) !important}\r\n    @media(min-width:680px){ .uxc-row{grid-template-columns:1fr 1fr} }\r\n    @media (prefers-color-scheme:dark){\r\n      .uxc-card{background:var(--ux-cardbg,transparent);border-color:var(--ux-border,#2e2e2e)}\r\n      .uxc input, .uxc textarea{color:#e5e7eb}\r\n    }\r\n    [dir=rtl] .uxc input, [dir=rtl] .uxc textarea{direction:rtl}\r\n    <\/style><script>\r\n  document.addEventListener('DOMContentLoaded', function() {\r\n    var f = document.getElementById('uxc_cSxmHs');\r\n    if(!f) return;\r\n    \r\n    var btn = f.querySelector('.btn');\r\n    \r\n    function showError(el, msg) {\r\n      el.classList.add('invalid');\r\n      el.setAttribute('aria-invalid', 'true');\r\n      var container = el.closest('label');\r\n      if(container) {\r\n        var errEl = container.querySelector('.err');\r\n        if(errEl) errEl.textContent = msg || '';\r\n      }\r\n    }\r\n    \r\n    function clearError(el) {\r\n      el.classList.remove('invalid');\r\n      el.removeAttribute('aria-invalid');\r\n      var container = el.closest('label');\r\n      if(container) {\r\n        var errEl = container.querySelector('.err');\r\n        if(errEl) errEl.textContent = '';\r\n      }\r\n    }\r\n    \r\n    function isValidEmail(email) {\r\n      return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$\/.test(email);\r\n    }\r\n    \r\n    function isValidPhone(phone) {\r\n      return phone === '' || \/^[0-9+\\s\\-()]{6,}$\/.test(phone);\r\n    }\r\n    \r\n    \/\/ \u062a\u062d\u0642\u0642 \u0641\u0648\u0631\u064a \u0639\u0646\u062f \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\r\n    f.addEventListener('input', function(e) {\r\n      var el = e.target;\r\n      if(!el) return;\r\n      clearError(el);\r\n      \r\n      \/\/ \u0645\u0633\u062d \u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u062e\u0637\u0623 \u0645\u0646 \u062e\u0627\u0646\u0629 \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0623\u064a\u0636\u0627\u064b\r\n      var agreeErr = f.querySelector('.check .err');\r\n      if(agreeErr && el.name !== 'agree') agreeErr.textContent = '';\r\n    });\r\n    \r\n    \/\/ \u0627\u0644\u062a\u062d\u0642\u0642 \u0639\u0646\u062f \u0645\u062d\u0627\u0648\u0644\u0629 \u0627\u0644\u0625\u0631\u0633\u0627\u0644\r\n    f.addEventListener('submit', function(e) {\r\n      e.preventDefault(); \/\/ \u0645\u0646\u0639 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 \u062a\u0645\u0627\u0645\u0627\u064b\r\n      \r\n      var isValid = true;\r\n      var firstErrorField = null;\r\n      \r\n      \/\/ \u0645\u0633\u062d \u0643\u0644 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\r\n      var fields = f.querySelectorAll('input, textarea');\r\n      fields.forEach(function(field) {\r\n        clearError(field);\r\n      });\r\n      \r\n      \/\/ \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629\r\n      var fullName = f.querySelector('[name=\"full_name\"]');\r\n      var email = f.querySelector('[name=\"email\"]');\r\n      var subject = f.querySelector('[name=\"subject\"]');\r\n      var message = f.querySelector('[name=\"message\"]');\r\n      var phone = f.querySelector('[name=\"phone\"]');\r\n      var agree = f.querySelector('[name=\"agree\"]');\r\n      \r\n      \/\/ \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\r\n      if(!fullName.value.trim() || fullName.value.trim().length < 3) {\r\n        showError(fullName, 'Name required');\r\n        isValid = false;\r\n        if(!firstErrorField) firstErrorField = fullName;\r\n      }\r\n      \r\n      \/\/ \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\r\n      if(!email.value.trim() || !isValidEmail(email.value.trim())) {\r\n        showError(email, 'Invalid email');\r\n        isValid = false;\r\n        if(!firstErrorField) firstErrorField = email;\r\n      }\r\n      \r\n      \/\/ \u0627\u0644\u0645\u0648\u0636\u0648\u0639\r\n      if(!subject.value.trim()) {\r\n        showError(subject, 'Subject required');\r\n        isValid = false;\r\n        if(!firstErrorField) firstErrorField = subject;\r\n      }\r\n      \r\n      \/\/ \u0627\u0644\u0631\u0633\u0627\u0644\u0629\r\n      if(!message.value.trim() || message.value.trim().length < 10) {\r\n        showError(message, 'Message too short');\r\n        isValid = false;\r\n        if(!firstErrorField) firstErrorField = message;\r\n      }\r\n      \r\n      \/\/ \u0627\u0644\u0647\u0627\u062a\u0641 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)\r\n      if(phone.value.trim() && !isValidPhone(phone.value.trim())) {\r\n        showError(phone, 'Invalid phone');\r\n        isValid = false;\r\n        if(!firstErrorField) firstErrorField = phone;\r\n      }\r\n      \r\n      \/\/ \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0639\u0644\u0649 \u0627\u0644\u0634\u0631\u0648\u0637\r\n      if(!agree.checked) {\r\n        var agreeContainer = agree.closest('label');\r\n        var agreeErr = agreeContainer.querySelector('.err');\r\n        if(agreeErr) agreeErr.textContent = 'You must accept the terms';\r\n        isValid = false;\r\n        if(!firstErrorField) firstErrorField = agree;\r\n      }\r\n      \r\n      if(!isValid) {\r\n        \/\/ \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0623\u0648\u0644 \u062d\u0642\u0644 \u0641\u064a\u0647 \u062e\u0637\u0623\r\n        if(firstErrorField) firstErrorField.focus();\r\n        return false;\r\n      }\r\n      \r\n      \/\/ \u0625\u0630\u0627 \u0643\u0627\u0646 \u0643\u0644 \u0634\u064a\u0621 \u0635\u062d\u064a\u062d\u0627\u064b\u060c \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0646\u0645\u0648\u0630\u062c\r\n      if(btn) {\r\n        btn.disabled = true;\r\n        btn.textContent = 'Sending...';\r\n      }\r\n      \r\n      \/\/ \u0627\u0644\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u062d\u0642\u064a\u0642\u064a \u0628\u0639\u062f \u0627\u0644\u062a\u062d\u0642\u0642\r\n      f.submit();\r\n    });\r\n  });\r\n  <\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-790","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/axisdesignsa.com\/en\/author\/admin\/"},"rttpg_comment":0,"rttpg_category":false,"rttpg_excerpt":null,"_links":{"self":[{"href":"https:\/\/axisdesignsa.com\/en\/wp-json\/wp\/v2\/pages\/790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/axisdesignsa.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/axisdesignsa.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/axisdesignsa.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/axisdesignsa.com\/en\/wp-json\/wp\/v2\/comments?post=790"}],"version-history":[{"count":10,"href":"https:\/\/axisdesignsa.com\/en\/wp-json\/wp\/v2\/pages\/790\/revisions"}],"predecessor-version":[{"id":804,"href":"https:\/\/axisdesignsa.com\/en\/wp-json\/wp\/v2\/pages\/790\/revisions\/804"}],"wp:attachment":[{"href":"https:\/\/axisdesignsa.com\/en\/wp-json\/wp\/v2\/media?parent=790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}