{"id":865,"date":"2026-10-14T16:23:39","date_gmt":"2026-10-14T16:23:39","guid":{"rendered":"https:\/\/haresign-group.onyx-sites.io\/?page_id=865"},"modified":"2026-10-14T16:25:55","modified_gmt":"2026-10-14T16:25:55","slug":"case-study-2","status":"publish","type":"page","link":"https:\/\/haresigngroup.com\/?page_id=865","title":{"rendered":"Case Study 2"},"content":{"rendered":"<div class=\"hg-luxe-page hg-single-case-page\">\n<header class=\"hg-premium-header\">\n    <a href=\"\/\" class=\"hg-premium-logo\" aria-label=\"Haresign Group home\"><br \/>\n      <img decoding=\"async\"\n        src=\"https:\/\/haresign-group.onyx-sites.io\/wp-content\/uploads\/2026\/02\/Haresign-Group-Website-Icons-01.png\"\n        data-light-logo=\"https:\/\/haresign-group.onyx-sites.io\/wp-content\/uploads\/2026\/02\/Haresign-Group-Website-Icons-01.png\"\n        data-dark-logo=\"https:\/\/haresign-group.onyx-sites.io\/wp-content\/uploads\/2026\/05\/Haresign-Group-Website-Icons-01-dark.png\"\n        alt=\"Haresign Group\"><br \/>\n    <\/a><\/p>\n<div class=\"hg-premium-nav-shell\">\n      <button class=\"hg-mobile-menu-toggle\" type=\"button\" aria-label=\"Open menu\" aria-expanded=\"false\"><br \/>\n        <span><\/span><br \/>\n        <span><\/span><br \/>\n        <span><\/span><br \/>\n      <\/button><\/p>\n<nav class=\"hg-premium-nav\" aria-label=\"Main navigation\">\n        <a href=\"\/?pagename=about\">About<\/a><br \/>\n        <a href=\"\/?page_id=753\">Bespoke Homes<\/a><br \/>\n        <a href=\"\/?page_id=661\">Projects<\/a><br \/>\n        <a href=\"\/?page_id=563\">Contact<\/a><br \/>\n      <\/nav>\n<p>      <a href=\"\/?page_id=563\" class=\"hg-premium-cta\">Enquire<\/a>\n    <\/div>\n<nav class=\"hg-mobile-menu\" aria-label=\"Mobile navigation\">\n      <a href=\"\/?pagename=about\">About<\/a><br \/>\n      <a href=\"\/?page_id=753\">Bespoke Homes<\/a><br \/>\n      <a href=\"\/?page_id=661\">Projects<\/a><br \/>\n      <a href=\"\/?page_id=563\">Contact<\/a><br \/>\n    <\/nav>\n<\/header>\n<p>  <main><\/p>\n<section class=\"hg-single-case-hero\">\n<div class=\"hg-single-case-hero-image\">\n        <img decoding=\"async\" src=\"https:\/\/haresign-group.onyx-sites.io\/wp-content\/uploads\/2026\/10\/Wellness-Pod.png\" alt=\"Haresign wellness pod exterior\">\n      <\/div>\n<div class=\"hg-single-case-hero-shade\"><\/div>\n<div class=\"hg-single-case-hero-inner\">\n<p class=\"hg-eyebrow hg-reveal\">Case Study<\/p>\n<h1 class=\"hg-reveal\">Bespoke Wellness Pod<\/h1>\n<p class=\"hg-hero-copy hg-reveal\">\n          A portable bespoke wellness space, designed for restorative living and delivered with Haresign\u2019s considered approach to specification, finish and detail.\n        <\/p>\n<p>        <a href=\"\/?page_id=661\" class=\"hg-button hg-button-glass hg-reveal\">Back to projects<\/a>\n      <\/div>\n<\/section>\n<section class=\"hg-single-case-copy\">\n<div class=\"hg-single-case-copy-inner\">\n<p class=\"hg-eyebrow hg-reveal\">Project overview<\/p>\n<h2 class=\"hg-reveal\">Portable wellness, designed around the way you live.<\/h2>\n<p class=\"hg-reveal\">\n          This wellness pod concept brings together sauna, cold plunge and sensory shower facilities within a bespoke, self-contained space. Constructed within a recycled 20ft storage container as standard, each Alupod can be transported to a chosen location and tailored to suit the client\u2019s setting, lifestyle and specification.\n        <\/p>\n<p class=\"hg-reveal\">\n          Every pod is designed around the intended use, from layout and finishes through to lighting, water, drainage and power requirements. Manufactured off-site in a controlled environment, the pod is then delivered, positioned and connected, creating a complete bespoke wellness retreat with minimal disruption on site.\n        <\/p>\n<\/p><\/div>\n<\/section>\n<section class=\"hg-single-case-gallery\">\n<div class=\"hg-single-case-gallery-hint hg-reveal\">\n        <span>Swipe to explore<\/span>\n      <\/div>\n<div class=\"hg-single-case-gallery-track hg-reveal\">\n<figure>\n          <img decoding=\"async\" src=\"https:\/\/haresign-group.onyx-sites.io\/wp-content\/uploads\/2026\/10\/Wellness-Pod.png\" alt=\"Haresign wellness pod project image 1\"><br \/>\n        <\/figure>\n<figure>\n          <img decoding=\"async\" src=\"https:\/\/haresign-group.onyx-sites.io\/wp-content\/uploads\/2026\/10\/WellnessPod2-2.png\" alt=\"Haresign wellness pod project image 2\"><br \/>\n        <\/figure>\n<figure>\n          <img decoding=\"async\" src=\"https:\/\/haresign-group.onyx-sites.io\/wp-content\/uploads\/2026\/10\/WellnessPod3-2.png\" alt=\"Haresign wellness pod project image 3\"><br \/>\n        <\/figure>\n<figure>\n          <img decoding=\"async\" src=\"https:\/\/haresign-group.onyx-sites.io\/wp-content\/uploads\/2026\/10\/WellnessPod4-2.png\" alt=\"Haresign wellness pod project image 4\"><br \/>\n        <\/figure>\n<\/p><\/div>\n<\/section>\n<p>  <\/main><\/p>\n<footer class=\"hg-clean-footer\">\n<div class=\"hg-clean-footer-inner\">\n<div class=\"hg-clean-footer-brand\">\n        <a href=\"\/\" aria-label=\"Haresign Group home\"><br \/>\n          <img decoding=\"async\"\n            class=\"hg-clean-footer-logo\"\n            src=\"https:\/\/haresign-group.onyx-sites.io\/wp-content\/uploads\/2026\/02\/Haresign-Group-Website-Icons-01.png\"\n            alt=\"Haresign Group\"><br \/>\n        <\/a><\/p>\n<p>Bespoke homes, commercial spaces and specialist construction delivered with precision.<\/p>\n<div class=\"hg-footer-social-v2\">\n          <a class=\"hg-footer-social-v2-link hg-footer-social-v2-facebook\" href=\"#\" aria-label=\"Facebook\"><\/a><br \/>\n          <a class=\"hg-footer-social-v2-link hg-footer-social-v2-instagram\" href=\"#\" aria-label=\"Instagram\"><\/a><br \/>\n          <a class=\"hg-footer-social-v2-link hg-footer-social-v2-linkedin\" href=\"#\" aria-label=\"LinkedIn\"><\/a>\n        <\/div>\n<\/p><\/div>\n<div class=\"hg-clean-footer-bottom\">\n<div class=\"hg-clean-footer-left\">\n          <span>\u00a9 Haresign Group<\/span><br \/>\n          <a href=\"\/privacy-policy\/\">Privacy Policy<\/a>\n        <\/div>\n<p>        <span>Design. Build. Renovate.<\/span>\n      <\/div>\n<\/p><\/div>\n<\/footer>\n<\/div>\n<p><script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const reveals = document.querySelectorAll(\".hg-reveal\");<\/p>\n<p>  if (\"IntersectionObserver\" in window) {\n    const revealObserver = new IntersectionObserver(function (entries, observer) {\n      entries.forEach(function (entry) {\n        if (!entry.isIntersecting) return;<\/p>\n<p>        entry.target.classList.add(\"is-visible\");\n        entry.target.setAttribute(\"data-hg-revealed\", \"true\");<\/p>\n<p>        observer.unobserve(entry.target);\n      });\n    }, {\n      threshold: 0.04,\n      rootMargin: \"0px 0px -2% 0px\"\n    });<\/p>\n<p>    reveals.forEach(function (item) {\n      const section = item.closest(\"section, footer\");\n      const sectionItems = section ? Array.from(section.querySelectorAll(\".hg-reveal\")) : [];\n      const localIndex = sectionItems.indexOf(item);<\/p>\n<p>      item.style.transitionDelay = Math.min(localIndex * 70, 260) + \"ms\";\n      revealObserver.observe(item);\n    });\n  } else {\n    reveals.forEach(function (item) {\n      item.classList.add(\"is-visible\");\n    });\n  }<\/p>\n<p>  const header = document.querySelector(\".hg-premium-header\");\n  const toggle = document.querySelector(\".hg-mobile-menu-toggle\");\n  const menu = document.querySelector(\".hg-mobile-menu\");<\/p>\n<p>  if (header && toggle && menu) {\n    toggle.addEventListener(\"click\", function (event) {\n      event.preventDefault();\n      event.stopPropagation();<\/p>\n<p>      const isOpen = header.classList.toggle(\"is-menu-open\");<\/p>\n<p>      toggle.setAttribute(\"aria-expanded\", isOpen ? \"true\" : \"false\");\n      toggle.setAttribute(\"aria-label\", isOpen ? \"Close menu\" : \"Open menu\");\n    });<\/p>\n<p>    menu.querySelectorAll(\"a\").forEach(function (link) {\n      link.addEventListener(\"click\", function () {\n        header.classList.remove(\"is-menu-open\");\n        toggle.setAttribute(\"aria-expanded\", \"false\");\n        toggle.setAttribute(\"aria-label\", \"Open menu\");\n      });\n    });<\/p>\n<p>    document.addEventListener(\"click\", function (event) {\n      if (!header.contains(event.target)) {\n        header.classList.remove(\"is-menu-open\");\n        toggle.setAttribute(\"aria-expanded\", \"false\");\n        toggle.setAttribute(\"aria-label\", \"Open menu\");\n      }\n    });\n  }<\/p>\n<p>  const logo = document.querySelector(\".hg-premium-logo img\");\n  let ticking = false;\n  let currentLogoMode = \"\";<\/p>\n<p>  function preloadLogo(url) {\n    if (!url) return;\n    const img = new Image();\n    img.src = url;\n  }<\/p>\n<p>  if (logo) {\n    preloadLogo(logo.getAttribute(\"data-light-logo\"));\n    preloadLogo(logo.getAttribute(\"data-dark-logo\"));\n  }<\/p>\n<p>  function updateLogoColour() {\n    if (!logo) return;<\/p>\n<p>    const lightLogo = logo.getAttribute(\"data-light-logo\");\n    const darkLogo = logo.getAttribute(\"data-dark-logo\");<\/p>\n<p>    if (!lightLogo || !darkLogo) return;<\/p>\n<p>    const logoRect = logo.getBoundingClientRect();\n    const logoPoint = logoRect.top + logoRect.height \/ 2;<\/p>\n<p>    const darkSections = document.querySelectorAll(\n      \".hg-single-case-hero, .hg-clean-footer\"\n    );<\/p>\n<p>    let shouldBeLight = false;<\/p>\n<p>    darkSections.forEach(function (section) {\n      const rect = section.getBoundingClientRect();<\/p>\n<p>      if (logoPoint >= rect.top + 8 && logoPoint <= rect.bottom - 8) {\n        shouldBeLight = true;\n      }\n    });\n\n    const nextMode = shouldBeLight ? \"light\" : \"dark\";\n\n    if (nextMode === currentLogoMode) return;\n\n    currentLogoMode = nextMode;\n    logo.src = shouldBeLight ? lightLogo : darkLogo;\n  }\n\n  function handleScroll() {\n    if (ticking) return;\n\n    ticking = true;\n\n    window.requestAnimationFrame(function () {\n      updateLogoColour();\n      ticking = false;\n    });\n  }\n\n  handleScroll();\n\n  window.addEventListener(\"scroll\", handleScroll, { passive: true });\n  window.addEventListener(\"resize\", handleScroll);\n});\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>About Bespoke Homes Projects Contact Enquire About Bespoke Homes Projects Contact Case Study Bespoke Wellness Pod A portable bespoke wellness space, designed for restorative living and delivered with Haresign\u2019s considered approach to specification, finish and detail. Back to projects Project overview Portable wellness, designed around the way you live. This wellness pod concept brings together [&hellip;]<\/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-865","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/haresigngroup.com\/index.php?rest_route=\/wp\/v2\/pages\/865","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/haresigngroup.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/haresigngroup.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/haresigngroup.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/haresigngroup.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=865"}],"version-history":[{"count":2,"href":"https:\/\/haresigngroup.com\/index.php?rest_route=\/wp\/v2\/pages\/865\/revisions"}],"predecessor-version":[{"id":893,"href":"https:\/\/haresigngroup.com\/index.php?rest_route=\/wp\/v2\/pages\/865\/revisions\/893"}],"wp:attachment":[{"href":"https:\/\/haresigngroup.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}