{"id":30,"date":"2024-07-30T20:23:21","date_gmt":"2024-07-30T20:23:21","guid":{"rendered":"https:\/\/nhicommercial.com\/?page_id=30"},"modified":"2025-08-08T18:17:27","modified_gmt":"2025-08-08T22:17:27","slug":"contact","status":"publish","type":"page","link":"https:\/\/nhicommercial.com\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"<div class=\"content-section multi-column\">\r\n\t<div class=\"content-part two-third\">\r\n\t\t<h1>HAVE A PROJECT IN MIND?<\/h1>\r\n\t\t<h2>Let's get in touch<\/h2>\r\n\t\t  <form action=\"\/forms\/\" method=\"post\" id=\"nhi-form\">\n    <input type=\"hidden\" id=\"nhi-form-key\" name=\"nhi-form-key\" value=\"nhi-form-contact\">\n    <div class=\"form-row\">\n      <label for=\"name\">Name<\/label>\n      <input type=\"text\" name=\"name\" id=\"name\" required>\n    <\/div>\n    <div class=\"form-row one-half\">\n      <label for=\"email\">Email<\/label>\n      <input type=\"email\" name=\"email\" id=\"email\" required>\n    <\/div>\n    <div class=\"form-row one-half\">\n      <label for=\"phone-number\">Phone<\/label>\n      <input type=\"tel\" name=\"phone-number\" id=\"phone-number\">\n    <\/div>\n    <div class=\"form-row\">\n      <label for=\"message\">Message<\/label>\n      <textarea name=\"message\" id=\"message\" required><\/textarea>\n    <\/div>\n    <div class=\"form-row\">\n      <div class=\"cf-turnstile\" data-sitekey=\"0x4AAAAAAAiVxvK_m_x3LTZC\" data-theme=\"light\" data-size=\"flexible\"><\/div>\n    <\/div>\n    <div class=\"form-row\">\n      <button id=\"nhi-form-submit\">Submit<\/button>\n    <\/div>\n    <div class=\"form-row form-notices\"><\/div>\n  <\/form>\n  <script>(() => {\n    const form = document.getElementById('nhi-form');\n    form.inputs = {\n      name: document.getElementById('name'),\n      email: document.getElementById('email'),\n      phone: document.getElementById('phone-number'),\n      message: document.getElementById('message'),\n      submit: document.getElementById('nhi-form-submit'),\n    };\n    form.notices = form.querySelector('.form-notices');\n    if (!window.turnstile) {\n      \/\/ load turnstile lib if not done already\n      const turnstileSrc = document.createElement('script');\n      turnstileSrc.async = true;\n      turnstileSrc.defer = true;\n      document.head.appendChild(turnstileSrc);\n      turnstileSrc.src = 'https:\/\/challenges.cloudflare.com\/turnstile\/v0\/api.js';\n    } else {\n      \/\/ otherwise lib has already been loaded, re-render turnstile\n      turnstile.render('.cf-turnstile');\n    };\n    \/\/ strip unwanted characters\n    let textFilter = \/(?:^\\ )|[\\d`~!@#$%^&*()_=+\\[\\{\\]\\}\\\\|;:\\'\"<>\/?]\/;\n    form.inputs.name.addEventListener('input', event => {\n      event.target.value = event.target.value.replace(textFilter, '').replace(\/\\ {2,}\/gi, ' ');\n    });\n    \/\/ format phone numbers\n    let phoneFilter = \/(\\d{0,3})(\\d{0,3})(\\d{0,4})\/i;\n    form.inputs.phone.addEventListener('input', event => {\n      event.target.value = event.target.value.replace(\/\\D\/gi, '');\n      let matches = event.target.value.match(phoneFilter);\n      event.target.value = !matches[2] ? matches[1] : '(' + matches[1] + ') ' + matches[2] + (matches[3] ? '-' + matches[3] : '');\n    });\n    \/\/ add or break interaction\n    form.interaction = action => {\n      for (const key in form.inputs) {\n        if (form.inputs.hasOwnProperty(key)) {\n          const input = form.inputs[key];\n          input.disabled = action === 'break' ? true : false;\n        };\n      };\n    };\n    \/\/ display a notice\/error\n    form.notice = (message = '', type = '') => {\n      form.notices.innerText = message;\n      if (type === 'error') {\n        form.notices.classList.add('error');\n      } else {\n        form.notices.classList.remove('error');\n      };\n    };\n    \/\/ submit form\n    form.addEventListener('submit', async event => {\n      event.preventDefault();\n      form.data = new FormData(form);\n      form.notice();\n      form.interaction('break');\n      form.classList.add('loading');\n      fetch('\/forms\/', {\n        method: 'POST',\n        body: form.data,\n      })\n      .then(res => {\n        return res.json()\n        .then(json => {\n          if (res.ok) {\n            form.notice(json);\n            form.classList.add('submitted');\n          } else {\n            form.notice(json, 'error');\n            form.interaction();\n          };\n        })\n      })\n      .catch(err => {\n        form.notice(err.message, 'error');\n        form.interaction();\n      })\n      .finally(() => form.classList.remove('loading'));\n    });\n  })();\n  <\/script>\n  \r\n\t<\/div>\r\n\t\r\n\t<div id=\"company-info\" class=\"content-part one-third\">\r\n\t\t<img decoding=\"async\" id=\"company-logo\" src=\"\/wp-content\/uploads\/WEB-Full.svg\">\r\n\t\t<ul id=\"address\">\r\n\t\t\t<li>NHI Commercial<\/li>\r\n\t\t\t<li><a href=\"https:\/\/www.google.com\/maps\/place\/1040+Mak+Tech+Dr,+Lansing,+MI+48906\/@42.7763719,-84.6132835,12z\">1040 Mak Tech Drive<br>Lansing, MI 48906<\/a><\/li>\r\n\t\t<\/ul>\r\n\t\t<table id=\"contact-info\">\r\n\t\t\t<tbody>\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t<td>Phone<\/td>\r\n\t\t\t\t\t<td><a href=\"tel:+15174843767\">(517) 484-3767<\/a><\/td>\r\n\t\t\t\t<\/tr>\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t<td>Email<\/td>\r\n\t\t\t\t\t<td><a href=\"mailto:info@nhicommercial.com\">info<br>@nhicommercial.com<\/a><\/td>\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t<td id=\"hours\" colspan=\"2\">Business Hours<\/td>\r\n\t\t\t\t<\/tr>\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t<td>Mon -<br>Fri<\/td>\r\n\t\t\t\t\t<td>8:00 AM -<br>5:00 PM<\/td>\r\n\t\t\t\t<\/tr>\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t<td>Sat &amp;<br>Sun<\/td>\r\n\t\t\t\t\t<td>Closed<\/td>\r\n\t\t\t\t<\/tr>\r\n\t\t\t<\/tbody>\r\n\t\t<\/table>\r\n\t<\/div>\r\n<\/div>\r\n\r\n<style>\r\n#company-logo {\r\n\tmax-width: 14em;\r\n}\r\n\r\n#company-info {\r\n\tdisplay: flex;\r\n\tflex-flow: column nowrap;\r\n\tjustify-content: start;\r\n\talign-items: center;\r\n}\r\n\r\n#address {\r\n\tline-height: 1;\r\n\tmargin: 1em 0;\r\n}\r\n\r\n#address li:first-of-type {\r\n\tfont-weight: 600;\r\n}\r\n\r\n#address li {\r\n\tlist-style: none;\r\n\tpadding-left: 0;\r\n\tmargin: 0;\r\n}\r\n\r\n#contact-info td {\r\n\tpadding-bottom: .5em;\r\n\tvertical-align: middle;\r\n}\r\n\r\n#contact-info td:last-child:not(#hours) {\r\n\ttext-align: right;\r\n\tpadding-left: 1em;\r\n}\r\n\r\ntd#hours {\r\n\ttext-align: left;\r\n\tfont-weight: 600;\r\n\tpadding-bottom: .25em;\r\n}\r\n<\/style>","protected":false},"excerpt":{"rendered":"<p>HAVE A PROJECT IN MIND? Let's get in touch NHI Commercial 1040 Mak Tech DriveLansing, MI 48906 Phone (517) 484-3767 Email info@nhicommercial.com Business Hours Mon -Fri 8:00 AM -5:00 PM Sat &amp;Sun Closed<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"page_subtitle":"","footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nhicommercial.com\/api\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nhicommercial.com\/api\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nhicommercial.com\/api\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nhicommercial.com\/api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nhicommercial.com\/api\/wp\/v2\/comments?post=30"}],"version-history":[{"count":19,"href":"https:\/\/nhicommercial.com\/api\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":369,"href":"https:\/\/nhicommercial.com\/api\/wp\/v2\/pages\/30\/revisions\/369"}],"wp:attachment":[{"href":"https:\/\/nhicommercial.com\/api\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}