{"id":661,"date":"2026-08-25T14:15:46","date_gmt":"2026-08-25T14:15:46","guid":{"rendered":"https:\/\/haresign-group.onyx-sites.io\/?page_id=661"},"modified":"2026-10-21T13:32:28","modified_gmt":"2026-10-21T13:32:28","slug":"projects","status":"publish","type":"page","link":"https:\/\/haresigngroup.com\/?page_id=661","title":{"rendered":"Projects"},"content":{"rendered":"<div class=\"hg-luxe-page hg-projects-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=\"\/wp-content\/uploads\/2026\/02\/Haresign-Group-Website-Icons-01.png\"\n        data-light-logo=\"\/wp-content\/uploads\/2026\/02\/Haresign-Group-Website-Icons-01.png\"\n        data-dark-logo=\"\/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\" aria-current=\"page\">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\" aria-current=\"page\">Projects<\/a><br \/>\n      <a href=\"\/?page_id=563\">Contact<\/a><br \/>\n    <\/nav>\n<\/header>\n<p>  <main style=\"margin-bottom:0 !important; padding-bottom:0 !important;\"><\/p>\n<section class=\"hg-luxe-hero hg-projects-hero\">\n      <video class=\"hg-hero-media hg-hero-video\" autoplay muted loop playsinline preload=\"auto\"><source src=\"\/wp-content\/uploads\/2026\/10\/AdobeStock_497174843.mov\"><\/video><\/p>\n<div class=\"hg-hero-shade\"><\/div>\n<div class=\"hg-hero-inner\">\n<p class=\"hg-eyebrow hg-reveal\">Case Studies<\/p>\n<h1 class=\"hg-reveal\">Projects shaped by detail, control and craft.<\/h1>\n<p class=\"hg-hero-copy hg-reveal\">\n          A look at selected residential, renovation and commercial projects delivered with the standards, communication and finish expected from Haresign Group.\n        <\/p>\n<div class=\"hg-hero-buttons hg-reveal\">\n          <a href=\"\/?page_id=563\" class=\"hg-button hg-button-glass\">Start a project<\/a>\n        <\/div>\n<\/p><\/div>\n<div class=\"hg-scroll-label\">\n        <span><\/span><br \/>\n        Scroll\n      <\/div>\n<\/section>\n<section class=\"hg-projects-grid-section\" id=\"hg-projects-grid\" style=\"padding-bottom:0 !important; margin-bottom:0 !important; min-height:0 !important; height:auto !important;\">\n<div class=\"hg-projects-grid-heading\">\n<p class=\"hg-eyebrow hg-reveal\">Selected projects<\/p>\n<h2 class=\"hg-reveal\">Our case studies<\/h2>\n<\/p><\/div>\n<div class=\"hg-projects-grid\" style=\"margin-bottom:0 !important; padding-bottom:0 !important;\">\n<article class=\"hg-project-card hg-reveal\" style=\"margin-bottom:0 !important;\">\n          <a href=\"\/?page_id=671\" class=\"hg-project-card-link\" aria-label=\"View Modern Yorkshire Cottage case study\" style=\"margin-bottom:0 !important;\"><\/p>\n<div class=\"hg-project-card-image\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/DSC07709-683x1024.jpg\" alt=\"Modern Yorkshire cottage project\">\n            <\/div>\n<div class=\"hg-project-card-content\">\n              <span>01<\/span><\/p>\n<p class=\"hg-project-card-type\">Residential<\/p>\n<h3>Modern Yorkshire Cottage<\/h3>\n<p>A refined residential project balancing traditional setting with contemporary execution and a premium finish.<\/p>\n<p>              <strong>View case study<\/strong>\n            <\/div>\n<p>          <\/a><br \/>\n        <\/article>\n<article class=\"hg-project-card hg-reveal\" style=\"margin-bottom:0 !important;\">\n          <a href=\"\/?page_id=865\" class=\"hg-project-card-link\" aria-label=\"View Wellness Pods case study\" style=\"margin-bottom:0 !important;\"><\/p>\n<div class=\"hg-project-card-image\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/Wellness-Pod.png\" alt=\"Wellness Pods project\">\n            <\/div>\n<div class=\"hg-project-card-content\">\n              <span>02<\/span><\/p>\n<p class=\"hg-project-card-type\">Bespoke Wellness<\/p>\n<h3>Wellness Pods<\/h3>\n<p>Bespoke wellness spaces designed with premium materials, considered detailing and a calm, refined finish for relaxation, recovery and everyday escape.<\/p>\n<p>              <strong>View case study<\/strong>\n            <\/div>\n<p>          <\/a><br \/>\n        <\/article>\n<article class=\"hg-project-card hg-reveal\" style=\"margin-bottom:0 !important;\">\n          <a href=\"\/?page_id=563\" class=\"hg-project-card-link\" aria-label=\"Enquire about Premium Renovation projects\" style=\"margin-bottom:0 !important;\"><\/p>\n<div class=\"hg-project-card-image\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/Gym-Light-Bike.jpg\" alt=\"Premium renovation project\">\n            <\/div>\n<div class=\"hg-project-card-content\">\n              <span>03<\/span><\/p>\n<p class=\"hg-project-card-type\">Renovation<\/p>\n<h3>Premium Renovation<\/h3>\n<p>A considered transformation bringing new purpose, finish and control to an existing space.<\/p>\n<p>              <strong>Enquire now<\/strong>\n            <\/div>\n<p>          <\/a><br \/>\n        <\/article>\n<article class=\"hg-project-card hg-reveal\" style=\"margin-bottom:0 !important;\">\n          <a href=\"\/?page_id=563\" class=\"hg-project-card-link\" aria-label=\"Enquire about Commercial projects\" style=\"margin-bottom:0 !important;\"><\/p>\n<div class=\"hg-project-card-image\">\n              <img decoding=\"async\"\n                src=\"\/wp-content\/uploads\/2026\/10\/Modern-British-office-with-landscaped-car-park-e1792589029591.png\"\n                alt=\"Modern British commercial office with landscaped car park\">\n            <\/div>\n<div class=\"hg-project-card-content\">\n              <span>04<\/span><\/p>\n<p class=\"hg-project-card-type\">Commercial<\/p>\n<h3>Commercial Projects<\/h3>\n<p>A turn-key commercial space delivered with clarity, coordination and practical attention to detail.<\/p>\n<p>              <strong>Enquire now<\/strong>\n            <\/div>\n<p>          <\/a><br \/>\n        <\/article>\n<\/p><\/div>\n<\/section>\n<p>  <\/main><\/p>\n<footer class=\"hg-clean-footer\" style=\"margin-top:0 !important;\">\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=\"\/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<\/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=\"\/?pagename=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 heroMedia = document.querySelector(\".hg-projects-page .hg-hero-media\");\n  const logo = document.querySelector(\".hg-premium-logo img\");<\/p>\n<p>  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-projects-hero, .hg-project-card, .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      const y = window.scrollY || window.pageYOffset;\n      const isMobile = window.matchMedia(\"(max-width: 900px)\").matches;\n\n      if (heroMedia &#038;&#038; !isMobile) {\n        heroMedia.style.transform = \"scale(1.08) translate3d(0,\" + y * 0.07 + \"px,0)\";\n      }\n\n      updateLogoColour();\n\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 Studies Projects shaped by detail, control and craft. A look at selected residential, renovation and commercial projects delivered with the standards, communication and finish expected from Haresign Group. Start a project Scroll Selected projects Our case studies 01 Residential Modern Yorkshire Cottage A [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-661","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/haresigngroup.com\/index.php?rest_route=\/wp\/v2\/pages\/661","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=661"}],"version-history":[{"count":23,"href":"https:\/\/haresigngroup.com\/index.php?rest_route=\/wp\/v2\/pages\/661\/revisions"}],"predecessor-version":[{"id":997,"href":"https:\/\/haresigngroup.com\/index.php?rest_route=\/wp\/v2\/pages\/661\/revisions\/997"}],"wp:attachment":[{"href":"https:\/\/haresigngroup.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}