{"id":277,"date":"2026-05-09T15:42:54","date_gmt":"2026-05-09T15:42:54","guid":{"rendered":"https:\/\/haresign-group.onyx-sites.io\/?page_id=277"},"modified":"2026-10-21T13:28:33","modified_gmt":"2026-10-21T13:28:33","slug":"homepage","status":"publish","type":"page","link":"https:\/\/haresigngroup.com\/","title":{"rendered":"Homepage"},"content":{"rendered":"<div class=\"hg-luxe-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\">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<section class=\"hg-luxe-hero\">\n    <video class=\"hg-hero-media hg-hero-video\" autoplay muted loop playsinline preload=\"auto\" poster=\"\/wp-content\/uploads\/2026\/02\/DSC07268-1024x683.jpg\"><source src=\"\/wp-content\/uploads\/2026\/10\/AdobeStock_228239401.mov\"><\/video><\/p>\n<div class=\"hg-hero-shade\"><\/div>\n<div class=\"hg-hero-inner\">\n<p class=\"hg-eyebrow hg-reveal\">Haresign Group<\/p>\n<h1 class=\"hg-reveal\">Bespoke homes, built without compromise.<\/h1>\n<p class=\"hg-hero-copy hg-reveal\">\n        Premium residential and commercial spaces delivered with craftsmanship, control and absolute attention to detail.\n      <\/p>\n<div class=\"hg-hero-buttons hg-reveal\">\n        <a href=\"\/?page_id=563\" class=\"hg-button hg-button-gold\">Start a project<\/a><br \/>\n        <a href=\"\/?page_id=661\" class=\"hg-button hg-button-glass\">View our work<\/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-intro\">\n<div class=\"hg-intro-inner\">\n<p class=\"hg-eyebrow hg-reveal\">Design. Build. Renovate.<\/p>\n<h2 class=\"hg-reveal\">A sharper standard for high-end construction.<\/h2>\n<p class=\"hg-reveal\">\n        Haresign Group brings together specialist teams across bespoke builds, commercial turn-key solutions, groundwork and refined construction delivery.\n      <\/p>\n<\/p><\/div>\n<\/section>\n<section class=\"hg-services\" id=\"hg-work\">\n<article class=\"hg-service-card hg-reveal\" style=\"position: relative;\">\n      <a\n        href=\"\/?page_id=671\"\n        aria-label=\"View Yorkshire cottage case study\"\n        style=\"position:absolute; inset:0; z-index:10; display:block; text-decoration:none;\"><br \/>\n      <\/a><\/p>\n<p>      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/Mediterranean-Pergola-Dining-Terrace.png\" alt=\"Luxury Mediterranean pergola and outdoor dining terrace\"><\/p>\n<div>\n        <span>01<\/span><\/p>\n<h3>Bespoke Homes<\/h3>\n<p>Luxury homes shaped around lifestyle, detail and enduring quality.<\/p>\n<\/p><\/div>\n<\/article>\n<article class=\"hg-service-card hg-reveal\" style=\"position: relative;\">\n      <a\n        href=\"\/?page_id=661\"\n        aria-label=\"View renovation projects\"\n        style=\"position:absolute; inset:0; z-index:10; display:block; text-decoration:none;\"><br \/>\n      <\/a><\/p>\n<p>      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/Gym-Light-Bike.jpg\" alt=\"Premium renovation and interior transformation\"><\/p>\n<div>\n        <span>02<\/span><\/p>\n<h3>Renovations<\/h3>\n<p>Considered transformations with the finish, structure and control they deserve.<\/p>\n<\/p><\/div>\n<\/article>\n<article class=\"hg-service-card hg-reveal\" style=\"position: relative;\">\n      <a\n        href=\"\/?page_id=661\"\n        aria-label=\"View commercial projects\"\n        style=\"position:absolute; inset:0; z-index:10; display:block; text-decoration:none;\"><br \/>\n      <\/a><\/p>\n<p>      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/Modern-British-office-with-landscaped-car-park-e1792589029591.png\" alt=\"Commercial building project\"><\/p>\n<div>\n        <span>03<\/span><\/p>\n<h3>Commercial<\/h3>\n<p>Turn-key commercial spaces delivered with clarity, pace and precision.<\/p>\n<\/p><\/div>\n<\/article>\n<\/section>\n<section class=\"hg-about\">\n<div class=\"hg-about-images hg-reveal\">\n      <img decoding=\"async\" class=\"hg-about-main\" src=\"\/wp-content\/uploads\/2026\/02\/PHOTO-2025-02-22-17-42-02-4.jpg\" alt=\"Haresign Group project\"><br \/>\n      <img decoding=\"async\" class=\"hg-about-float\" src=\"\/wp-content\/uploads\/2026\/02\/DSC07433-scaled.jpg\" alt=\"Luxury construction detail\">\n    <\/div>\n<div class=\"hg-about-copy\">\n<p class=\"hg-eyebrow hg-reveal\">About us<\/p>\n<h2 class=\"hg-reveal\">Built by specialists. Managed with precision.<\/h2>\n<p class=\"hg-reveal\">\n        Haresign Group is a family of brands backed by over a decade of experience in bespoke builds, craftsmanship, commercial turn-key solutions and groundwork.\n      <\/p>\n<p class=\"hg-reveal\">\n        We bring together the right people, systems and standards to deliver residential and commercial projects properly.\n      <\/p>\n<p>      <a href=\"\/?pagename=about\" class=\"hg-text-link hg-reveal\">Discover the group<\/a>\n    <\/div>\n<\/section>\n<section class=\"hg-statement\">\n<div class=\"hg-statement-inner\">\n<p class=\"hg-eyebrow hg-reveal\">Our standard<\/p>\n<h2 class=\"hg-reveal\">The difference is in the decisions you never see.<\/h2>\n<\/p><\/div>\n<\/section>\n<section class=\"hg-case\">\n<div class=\"hg-case-copy\">\n<p class=\"hg-eyebrow hg-reveal\">Featured project<\/p>\n<h2 class=\"hg-reveal\">A modern cottage in the heart of Yorkshire.<\/h2>\n<p class=\"hg-reveal\">\n        A refined residential project balancing traditional setting with contemporary execution, careful detailing and a premium finish.\n      <\/p>\n<p>      <a href=\"\/?page_id=671\" class=\"hg-button hg-button-dark hg-reveal\">View case study<\/a>\n    <\/div>\n<div class=\"hg-case-image hg-reveal\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/DSC07709-683x1024.jpg\" alt=\"Modern cottage in Yorkshire\">\n    <\/div>\n<\/section>\n<section class=\"hg-cta\" style=\"background: linear-gradient(rgba(10,12,16,0.68), rgba(10,12,16,0.78)), url('\/wp-content\/uploads\/2026\/10\/Villa-and-Daybed.png') center \/ cover no-repeat !important;\">\n<div class=\"hg-cta-inner\">\n<p class=\"hg-eyebrow hg-reveal\">Enquire today<\/p>\n<h2 class=\"hg-reveal\">Have a project you want built properly?<\/h2>\n<p class=\"hg-reveal\">\n        Send us a message and the relevant Haresign Group team will get back to you.\n      <\/p>\n<p>      <a href=\"\/?page_id=563\" class=\"hg-button hg-button-gold hg-reveal\">Start a conversation<\/a>\n    <\/div>\n<\/section>\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=\"\/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=\"\/?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-hero-media\");\n  const aboutMain = document.querySelector(\".hg-about-main\");\n  const aboutFloat = document.querySelector(\".hg-about-float\");\n  const serviceImages = document.querySelectorAll(\".hg-service-card img\");\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 moveElement(element, speed, baseScale) {\n    if (!element) return;<\/p>\n<p>    const rect = element.getBoundingClientRect();<\/p>\n<p>    if (rect.top < window.innerHeight &#038;&#038; rect.bottom > 0) {\n      const movement = (rect.top - window.innerHeight \/ 2) * speed;\n      const scale = baseScale ? \" scale(\" + baseScale + \")\" : \"\";\n      element.style.transform = \"translate3d(0,\" + movement + \"px,0)\" + scale;\n    }\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-luxe-hero, .hg-service-card, .hg-about, .hg-statement, .hg-cta, .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      if (!isMobile) {\n        moveElement(aboutMain, -0.04, 1);\n        moveElement(aboutFloat, -0.075, 1);\n\n        serviceImages.forEach(function (img) {\n          moveElement(img, -0.018, 1.03);\n        });\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 Haresign Group Bespoke homes, built without compromise. Premium residential and commercial spaces delivered with craftsmanship, control and absolute attention to detail. Start a project View our work Scroll Design. Build. Renovate. A sharper standard for high-end construction. Haresign Group brings together specialist teams across [&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-277","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/haresigngroup.com\/index.php?rest_route=\/wp\/v2\/pages\/277","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=277"}],"version-history":[{"count":52,"href":"https:\/\/haresigngroup.com\/index.php?rest_route=\/wp\/v2\/pages\/277\/revisions"}],"predecessor-version":[{"id":989,"href":"https:\/\/haresigngroup.com\/index.php?rest_route=\/wp\/v2\/pages\/277\/revisions\/989"}],"wp:attachment":[{"href":"https:\/\/haresigngroup.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}