{"id":3658,"date":"2026-02-26T15:35:18","date_gmt":"2026-02-26T20:35:18","guid":{"rendered":"https:\/\/nhancecanada.ca\/pei\/?page_id=3658"},"modified":"2026-04-03T11:31:58","modified_gmt":"2026-04-03T15:31:58","slug":"grand-opening","status":"publish","type":"page","link":"https:\/\/nhancecanada.ca\/pei\/grand-opening\/","title":{"rendered":"N-Hance PEI Grand Opening"},"content":{"rendered":"\n<!-- ===========================\nN-Hance PEI Grand Opening\nWhite background\n3 balloons per side (desktop)\nCleaner spacing\n=========================== -->\n\n<section class=\"nhgoPro\">\n\n  <!-- LEFT BALLOONS -->\n  <div class=\"nhgoPro-balloons left\" aria-hidden=\"true\">\n    <div class=\"balloon orange l1\"><span class=\"string\"><\/span><\/div>\n    <div class=\"balloon grey   l2\"><span class=\"string\"><\/span><\/div>\n    <div class=\"balloon orange l3\"><span class=\"string\"><\/span><\/div>\n  <\/div>\n\n  <!-- RIGHT BALLOONS -->\n  <div class=\"nhgoPro-balloons right\" aria-hidden=\"true\">\n    <div class=\"balloon orange r1\"><span class=\"string\"><\/span><\/div>\n    <div class=\"balloon grey   r2\"><span class=\"string\"><\/span><\/div>\n    <div class=\"balloon orange r3\"><span class=\"string\"><\/span><\/div>\n  <\/div>\n\n  <div class=\"nhgoPro-wrap\">\n\n    <h1 class=\"nhgoPro-title\">\n      <span class=\"top\">N-HANCE PEI<\/span>\n      <span class=\"main\">GRAND OPENING<\/span>\n    <\/h2>\n\n    <p class=\"nhgoPro-sub\">\n      Join us as we celebrate our grand opening! RVSP below!\n    <\/p>\n\n    <div class=\"nhgoPro-meta\">\n      <div class=\"col\">\n        <div class=\"label\">DATE &#038; TIME<\/div>\n        <div class=\"value\">\n          Saturday March 28th, 2026<br>\n          10:00am \u2013 12:00pm\n        <\/div>\n      <\/div>\n\n      <div class=\"col\">\n        <div class=\"label\">LOCATION<\/div>\n        <div class=\"value\">\n          2 Longworth Ave<br>\n          Charlottetown, PE C1A 5A2\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"nhgoPro-contact\">\n      <a href=\"tel:19026292749\">(902) 629-2749<\/a>\n      <span>|<\/span>\n      <a href=\"mailto:justin.s@nhancepei.ca\">justin.s@nhancepei.ca<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n:root{\n  --orange:#f37021;\n  --grey:#606269;\n  --ink:#1f2937;\n}\n\n.nhgoPro{\n  position:relative;\n  background:#fff;\n  overflow:hidden;\n  padding:40px 40px;\n  text-align:center;\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\n}\n\n\/* CONTENT *\/\n.nhgoPro-wrap{\n  max-width:1000px;\n  margin:0 auto;\n  position:relative;\n  z-index:5;\n}\n\n.nhgoPro-title{\n  margin:0;\n  line-height:1.05;\n}\n\n.nhgoPro-title .top{\n  display:block;\n  font-weight:900;\n  letter-spacing:.06em;\n  font-size:clamp(42px,4.4vw,68px);\n  color:#666;\n}\n\n.nhgoPro-title .main{\n  display:block;\n  font-weight:900;\n  letter-spacing:.06em;\n  font-size:clamp(46px,4.9vw,74px);\n  color:var(--orange);\n}\n\n.nhgoPro-sub{\n  font-size:clamp(18px,2vw,22px);\n  color:var(--grey);\n  margin:20px auto 50px;\n  font-weight:600;\n  max-width:700px;\n}\n\n\/* META *\/\n.nhgoPro-meta{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:100px;\n  max-width:900px;\n  margin:0 auto 30px;\n  text-align:left;\n}\n\n.label{\n  font-size:12px;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n  font-weight:800;\n  color:var(--grey);\n  margin-bottom:10px;\n}\n\n.value{\n  font-size:20px;\n  font-weight:800;\n  line-height:1.6;\n  color:var(--ink);\n}\n\n.nhgoPro-contact{\n  font-weight:800;\n  color:var(--grey);\n  font-size:16px;\n}\n\n.nhgoPro-contact a{\n  color:var(--grey);\n  text-decoration:none;\n  border-bottom:1px solid rgba(96,98,105,.3);\n}\n\n.nhgoPro-contact span{ margin:0 10px; }\n\n\/* BALLOONS (moved inward) *\/\n.nhgoPro-balloons{\n  position:absolute;\n  top:50%;\n  transform:translateY(-50%);\n  pointer-events:none;\n  z-index:2;\n}\n\n\/* bring them IN more *\/\n.nhgoPro-balloons.left{ left:60px; }\n.nhgoPro-balloons.right{ right:60px; }\n\n.balloon{\n  position:absolute;\n  width:68px;\n  height:88px;\n  border-radius:50% 50% 45% 45%;\n  filter:drop-shadow(0 18px 20px rgba(0,0,0,.15));\n}\n\n.balloon::before{\n  content:\"\";\n  position:absolute;\n  top:18%;\n  left:22%;\n  width:20%;\n  height:35%;\n  border-radius:999px;\n  background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,0));\n  transform:rotate(-20deg);\n}\n\n.balloon::after{\n  content:\"\";\n  position:absolute;\n  bottom:-8px;\n  left:50%;\n  transform:translateX(-50%);\n  width:12px;\n  height:10px;\n  background:rgba(0,0,0,.15);\n  border-radius:4px;\n}\n\n.string{\n  position:absolute;\n  left:50%;\n  top:100%;\n  transform:translateX(-50%);\n  width:2px;\n  height:60px;\n  background:rgba(0,0,0,.25);\n}\n\n.orange{\n  background:\n    radial-gradient(circle at 35% 25%, rgba(255,255,255,.55), transparent 40%),\n    var(--orange);\n}\n\n.grey{\n  background:\n    radial-gradient(circle at 35% 25%, rgba(255,255,255,.45), transparent 40%),\n    var(--grey);\n}\n\n\/* Natural stagger *\/\n.l1{ top:-90px; left:0; transform:rotate(-8deg); }\n.l2{ top:0; left:45px; transform:rotate(6deg) scale(.95); }\n.l3{ top:90px; left:5px; transform:rotate(-5deg) scale(.9); }\n\n.r1{ top:-80px; right:10px; transform:rotate(8deg); }\n.r2{ top:10px; right:45px; transform:rotate(-6deg) scale(.95); }\n.r3{ top:95px; right:0; transform:rotate(6deg) scale(.9); }\n\n\/* MOBILE *\/\n@media(max-width:860px){\n\n  .nhgoPro{ padding:30px 20px; }\n\n  .nhgoPro-meta{\n    grid-template-columns:1fr;\n    text-align:center;\n    gap:30px;\n  }\n\n  .nhgoPro-balloons.left{ left:-10px; }\n  .nhgoPro-balloons.right{ right:-10px; }\n\n  .balloon{ width:52px; height:70px; }\n  .string{ height:40px; }\n\n  \/* Keep GRAND OPENING one line *\/\n  .nhgoPro-title .main{\n    white-space:nowrap;\n    font-size:38px !important;\n  }\n\n  .nhgoPro-title .top{\n    white-space:nowrap;\n    font-size:34px !important;\n  }\n}\n\/* ===== MOBILE ONLY: keep 1 orange + 1 grey per side ===== *\/\n@media (max-width: 860px){\n\n  \/* Remove the extra bottom orange balloon *\/\n  .nhgoPro-balloons .l3,\n  .nhgoPro-balloons .r3{\n    display:none !important;\n  }\n\n  \/* Slightly scale remaining balloons *\/\n  .nhgoPro-balloons .balloon{\n    width: 48px !important;\n    height: 64px !important;\n  }\n\n  .nhgoPro-balloons .string{\n    height: 34px !important;\n  }\n\n  \/* Adjust positioning so they frame content nicely *\/\n  .nhgoPro-balloons.left{ left:-12px !important; }\n  .nhgoPro-balloons.right{ right:-12px !important; }\n\n  \/* Orange (top) *\/\n  .nhgoPro-balloons .l1{\n    top:-48px !important;\n    left:6px !important;\n  }\n  .nhgoPro-balloons .r1{\n    top:-44px !important;\n    right:6px !important;\n  }\n\n  \/* Grey (middle) *\/\n  .nhgoPro-balloons .l2{\n    top:48px !important;\n    left:20px !important;\n  }\n  .nhgoPro-balloons .r2{\n    top:52px !important;\n    right:20px !important;\n  }\n}\n<\/style>\n\n\n\n<section class=\"nhOfferFinal\">\n\n  <div class=\"nhOfferFinal-wrap\">\n\n    <h2 class=\"nhOfferFinal-title\">\n      Grand Opening Exclusive: $500\/Lightspeed OFF Your Kitchen Project\n    <\/h2>\n\n    <p class=\"nhOfferFinal-sub\">\n      RSVP to our grand opening below to enjoy $500\/Lightspeed OFF your kitchen project when you book within 30 days of our grand opening!\n    <\/p>\n\n    <!-- FORM CONTAINER -->\n    <div id=\"nhFormContainer\">\n\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        <input type=\"hidden\" name=\"source\" value=\"Grand Opening RSVP\">\n        <input type=\"hidden\" name=\"location\" value=\"N-Hance PEI\">\n\n        <button type=\"submit\" class=\"nhOfferFinal-btn\">\n          RSVP For Grand Opening\n        <\/button>\n\n      <\/form>\n\n    <\/div>\n\n    <!-- CONFIRMATION -->\n    <div class=\"nhOfferFinal-confirm\" id=\"nhOfferConfirm\">\n      <div class=\"nhOfferFinal-confirmBox\">\n        <div class=\"checkmark\">\u2713<\/div>\n        <h3>You\u2019re RSVP\u2019d!<\/h3>\n        <p>\n          We look forward to seeing you on <strong>March 28th from 10:00am \u2013 12:00pm<\/strong>.\n        <\/p>\n        <p>\n          We\u2019ll be in touch soon with additional details.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <p class=\"nhOfferFinal-disclaimer\">\n      *Valid on projects booked within 30 days of our grand opening. One per household. Cannot be combined with other offers.\n    <\/p>\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{ max-width:800px; margin:0 auto; }\n\n.nhOfferFinal-title{\n  font-size:clamp(28px,3vw,38px);\n  font-weight:900;\n  margin-bottom:16px;\n  color:#606269;\n  line-height:1.2;   \/* tighter *\/\n}\n\n.nhOfferFinal-sub{\n  font-size:clamp(16px,1.6vw,20px);\n  color:#606269;\n  max-width:650px;\n  margin:0 auto 40px;\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{\n  padding:16px 18px;\n  font-size:16px;\n  border:1px solid #ddd;\n  border-radius:10px;\n  width:100%;\n}\n\n.nhOfferFinal-form input:focus{\n  outline:none;\n  border-color:#f37021;\n  box-shadow:0 0 0 3px rgba(243,112,33,.15);\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}\n\n\/* CONFIRMATION STYLES *\/\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 h3{\n  font-size:24px;\n  margin-bottom:10px;\n  color:#1f2937;\n}\n\n.nhOfferFinal-confirm p{\n  color:#606269;\n  font-size:16px;\n  margin:8px 0;\n}\n\n.nhOfferFinal-disclaimer{\n  font-size:13px;\n  color:#6b7280;\n  margin-top:30px;\n}\n\n\/* MOBILE *\/\n@media(max-width:768px){\n  .nhOfferFinal{ padding:60px 20px; }\n  .nhOfferFinal-grid{ grid-template-columns:1fr; }\n}\n<\/style>\n\n<script>\n(function(){\n  const WEBHOOK_URL = \"https:\/\/hooks.zapier.com\/hooks\/catch\/17491147\/u0dqcjj\/\";\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 fd = new FormData(form);\n\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})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>N-HANCE PEI GRAND OPENING Join us as we celebrate our grand opening! RVSP below! DATE &#038; TIME Saturday March 28th, 2026 10:00am \u2013 12:00pm LOCATION 2 Longworth Ave Charlottetown, PE C1A 5A2 (902) 629-2749 | justin.s@nhancepei.ca Grand Opening Exclusive: $500\/Lightspeed OFF Your Kitchen Project RSVP to our grand opening below to enjoy $500\/Lightspeed OFF your [&hellip;]<\/p>\n","protected":false},"author":2,"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-3658","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nhancecanada.ca\/pei\/wp-json\/wp\/v2\/pages\/3658","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nhancecanada.ca\/pei\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nhancecanada.ca\/pei\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nhancecanada.ca\/pei\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nhancecanada.ca\/pei\/wp-json\/wp\/v2\/comments?post=3658"}],"version-history":[{"count":0,"href":"https:\/\/nhancecanada.ca\/pei\/wp-json\/wp\/v2\/pages\/3658\/revisions"}],"wp:attachment":[{"href":"https:\/\/nhancecanada.ca\/pei\/wp-json\/wp\/v2\/media?parent=3658"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}