{"id":3227,"date":"2026-04-30T17:13:48","date_gmt":"2026-04-30T17:13:48","guid":{"rendered":"https:\/\/nhanceontario.ca\/greybruce\/?page_id=3227"},"modified":"2026-04-30T17:37:52","modified_gmt":"2026-04-30T17:37:52","slug":"home-show","status":"publish","type":"page","link":"https:\/\/nhanceontario.ca\/greybruce\/home-show\/","title":{"rendered":"Home Show"},"content":{"rendered":"\n<section class=\"nhOfferFinal\">\n\n  <div class=\"nhOfferFinal-wrap\">\n\n    <!-- FORM CONTAINER -->\n    <div id=\"nhFormContainer\">\n      <form class=\"nhOfferFinal-form\" id=\"nhOfferFinalForm\">\n\n        <div class=\"nhOfferFinal-grid\">\n          <input type=\"text\" name=\"first_name\" placeholder=\"First Name\" required>\n          <input type=\"text\" name=\"last_name\" placeholder=\"Last Name\" required>\n        <\/div>\n\n        <div class=\"nhOfferFinal-grid\">\n          <input type=\"tel\" name=\"phone\" placeholder=\"Phone Number\" required>\n          <input type=\"email\" name=\"email\" placeholder=\"Email Address\" required>\n        <\/div>\n\n        <div class=\"nhOfferFinal-grid\">\n          <input type=\"text\" name=\"postal_code\" placeholder=\"Postal Code\" required>\n        <\/div>\n\n        <div class=\"nhOfferFinal-services\">\n          <div class=\"nhOfferFinal-servicesGrid\">\n            <label>\n              <input type=\"checkbox\" name=\"service_interest[]\" value=\"Cabinet Refinishing\">\n              Cabinet Refinishing\n            <\/label>\n\n            <label>\n              <input type=\"checkbox\" name=\"service_interest[]\" value=\"Cabinet Door Replacement\">\n              Cabinet Door Replacement\n            <\/label>\n\n            <label>\n              <input type=\"checkbox\" name=\"service_interest[]\" value=\"Cabinet Organization\">\n              Cabinet Organization\n            <\/label>\n\n            <label>\n              <input type=\"checkbox\" name=\"service_interest[]\" value=\"Other\">\n              Other\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <input type=\"hidden\" name=\"source\" value=\"North Okanagan Home Show\">\n        <input type=\"hidden\" name=\"location\" value=\"N-Hance North Okanagan\">\n\n        <button type=\"submit\" class=\"nhOfferFinal-btn\">\n          Submit\n        <\/button>\n\n      <\/form>\n    <\/div>\n\n    <!-- CONFIRMATION -->\n    <div class=\"nhOfferFinal-confirm\" id=\"nhOfferConfirm\">\n      <div class=\"nhOfferFinal-confirmBox\">\n        <div class=\"checkmark\">\u2713<\/div>\n        <p>Thank you \u2014 we\u2019ll be in touch shortly.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n.nhOfferFinal{\n  background:#f8f9fa;\n  padding:60px 40px;\n  text-align:center;\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\n}\n\n.nhOfferFinal-wrap{\n  max-width:800px;\n  margin:0 auto;\n}\n\n.nhOfferFinal-form{\n  max-width:600px;\n  margin:0 auto;\n}\n\n.nhOfferFinal-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:20px;\n  margin-bottom:20px;\n}\n\n.nhOfferFinal-form input[type=\"text\"],\n.nhOfferFinal-form input[type=\"tel\"],\n.nhOfferFinal-form input[type=\"email\"]{\n  padding:16px 18px;\n  font-size:16px;\n  border:1px solid #ddd;\n  border-radius:10px;\n  width:100%;\n  box-sizing:border-box;\n}\n\n.nhOfferFinal-form input[type=\"text\"]:focus,\n.nhOfferFinal-form input[type=\"tel\"]:focus,\n.nhOfferFinal-form input[type=\"email\"]:focus{\n  outline:none;\n  border-color:#f37021;\n  box-shadow:0 0 0 3px rgba(243,112,33,.15);\n}\n\n.nhOfferFinal-servicesGrid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:10px 20px;\n  margin-bottom:20px;\n  text-align:left;\n}\n\n.nhOfferFinal-servicesGrid label{\n  font-size:15px;\n  color:#374151;\n  display:flex;\n  align-items:center;\n  gap:8px;\n}\n\n.nhOfferFinal-servicesGrid input[type=\"checkbox\"]{\n  width:auto;\n  padding:0;\n  margin:0;\n}\n\n.nhOfferFinal-btn{\n  background:#f37021;\n  color:#fff;\n  border:none;\n  padding:16px;\n  font-size:16px;\n  font-weight:900;\n  border-radius:10px;\n  width:100%;\n  cursor:pointer;\n  transition:.2s ease;\n}\n\n.nhOfferFinal-btn:hover{\n  opacity:.9;\n}\n\n\/* CONFIRMATION *\/\n.nhOfferFinal-confirm{\n  display:none;\n  margin-top:40px;\n}\n\n.nhOfferFinal-confirmBox{\n  background:#ffffff;\n  border-radius:16px;\n  padding:40px 30px;\n  box-shadow:0 20px 40px rgba(0,0,0,.08);\n  max-width:500px;\n  margin:0 auto;\n}\n\n.checkmark{\n  width:60px;\n  height:60px;\n  border-radius:50%;\n  background:#f37021;\n  color:#fff;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:28px;\n  margin:0 auto 20px;\n}\n\n.nhOfferFinal-confirm p{\n  color:#606269;\n  font-size:16px;\n  margin:8px 0;\n}\n\n\/* MOBILE *\/\n@media(max-width:768px){\n  .nhOfferFinal{\n    padding:60px 20px;\n  }\n\n  .nhOfferFinal-grid,\n  .nhOfferFinal-servicesGrid{\n    grid-template-columns:1fr;\n  }\n}\n\n\/* DESKTOP ONLY *\/\n@media (min-width:769px){\n  .nhOfferFinal{\n    padding-top:50px;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n\n  const WEBHOOK_URL = \"https:\/\/hooks.zapier.com\/hooks\/catch\/17491147\/uvfrk6j\/\";\n\n  const form = document.getElementById(\"nhOfferFinalForm\");\n  const container = document.getElementById(\"nhFormContainer\");\n  const confirmBox = document.getElementById(\"nhOfferConfirm\");\n\n  form.addEventListener(\"submit\", async function(e){\n    e.preventDefault();\n\n    const services = Array.from(\n      document.querySelectorAll('input[name=\"service_interest[]\"]:checked')\n    ).map(el => el.value);\n\n    if (services.length === 0){\n      alert(\"Please select at least one service interest.\");\n      return;\n    }\n\n    const fd = new FormData(form);\n    fd.append(\"service_interest\", services.join(\", \"));\n\n    try {\n      await fetch(WEBHOOK_URL, {\n        method: \"POST\",\n        mode: \"no-cors\",\n        body: fd\n      });\n\n      container.style.display = \"none\";\n      confirmBox.style.display = \"block\";\n\n    } catch (error){\n      alert(\"Something went wrong. Please try again.\");\n      console.error(error);\n    }\n  });\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Cabinet Refinishing Cabinet Door Replacement Cabinet Organization Other Submit \u2713 Thank you \u2014 we\u2019ll be in touch shortly.<\/p>\n","protected":false},"author":18,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-absolute-full-width.php","meta":{"footnotes":""},"class_list":["post-3227","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nhanceontario.ca\/greybruce\/wp-json\/wp\/v2\/pages\/3227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nhanceontario.ca\/greybruce\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nhanceontario.ca\/greybruce\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nhanceontario.ca\/greybruce\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/nhanceontario.ca\/greybruce\/wp-json\/wp\/v2\/comments?post=3227"}],"version-history":[{"count":0,"href":"https:\/\/nhanceontario.ca\/greybruce\/wp-json\/wp\/v2\/pages\/3227\/revisions"}],"wp:attachment":[{"href":"https:\/\/nhanceontario.ca\/greybruce\/wp-json\/wp\/v2\/media?parent=3227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}