{"id":897,"date":"2026-08-31T15:00:40","date_gmt":"2026-08-31T15:00:40","guid":{"rendered":"https:\/\/new.be-ant.com\/?page_id=897"},"modified":"2026-08-31T15:03:18","modified_gmt":"2026-08-31T15:03:18","slug":"contact-2","status":"publish","type":"page","link":"https:\/\/new.be-ant.com\/?page_id=897","title":{"rendered":"Contact1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"897\" class=\"elementor elementor-897\">\n\t\t\t\t<div class=\"elementor-element elementor-element-daf5b7b e-flex e-con-boxed e-con e-parent\" data-id=\"daf5b7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-252126e elementor-widget elementor-widget-html\" data-id=\"252126e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  beAnt \u2014 Contact page, packaged for a WordPress Custom HTML block.\n  Same conventions as wordpress-home.html \u2014 see that file's header comment.\n\n  REPLACE BEFORE GOING LIVE\n  Images:\n    REPLACE_WITH_WP_MEDIA\/logo-teal.png\n    REPLACE_WITH_WP_MEDIA\/logo-teal-white.png\n    REPLACE_WITH_WP_MEDIA\/logo-black.png   (the plain black signal mark, bottom-right of the hero)\n  Links: every href=\"#REPLACE_WITH_..._URL\" below.\n\n  A NOTE ON THE FORM\n  The original site submits via a plain mailto: form (action=\"mailto:...\",\n  enctype=\"text\/plain\") \u2014 no backend, it just opens the visitor's email\n  client with the fields pre-filled. That's kept as-is below since no\n  functionality change was asked for, but WordPress can do better here:\n  swap the <form> for a real plugin (Contact Form 7, WPForms, Fluent\n  Forms, etc.) so submissions actually land somewhere instead of\n  depending on the visitor having a configured email client.\n-->\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');\n\n  #ba-root{\n    --ba-ink:#101111; --ba-paper:#f3f2ed; --ba-white:#fff; --ba-teal:#21c9b4;\n    --ba-muted:#aaa9a4; --ba-line:#d8d7d1; --ba-nav-gutter:4.4vw;\n  }\n  #ba-root, #ba-root *, #ba-root *:before, #ba-root *:after{ box-sizing:border-box; }\n  #ba-root{\n    width:100vw; max-width:100vw; position:relative; left:50%; right:50%;\n    margin-left:-50vw; margin-right:-50vw; overflow-x:hidden;\n    background:var(--ba-white); color:var(--ba-ink);\n    font-family:\"DM Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\n    font-size:16px; line-height:1.5; -webkit-font-smoothing:antialiased;\n  }\n  #ba-root a{ color:inherit; text-decoration:none; background:none; }\n  #ba-root h1, #ba-root h2, #ba-root h3, #ba-root h4, #ba-root h5, #ba-root h6, #ba-root p{\n    margin:0; padding:0; color:inherit; font-family:inherit; font-size:inherit;\n    font-weight:inherit; font-style:inherit; line-height:inherit; letter-spacing:inherit;\n    text-align:inherit; text-transform:inherit;\n  }\n  #ba-root ul, #ba-root ol{ margin:0; padding:0; list-style:none; color:inherit; }\n  #ba-root li{ color:inherit; }\n  #ba-root button{\n    font:inherit; color:inherit; background:none; border:0; padding:0; margin:0;\n    -webkit-appearance:none; appearance:none; cursor:pointer; text-align:inherit;\n  }\n  #ba-root img{ max-width:100%; display:block; border:0; }\n  #ba-root input, #ba-root textarea, #ba-root select{ font-family:inherit; color:inherit; }\n\n  \/* ---- header \/ nav ---- *\/\n  #ba-root .ba-site-header{\n    height:86px; padding:0 var(--ba-nav-gutter); display:flex; align-items:center; gap:48px;\n    background:rgba(243,242,237,.97); backdrop-filter:blur(14px);\n    position:fixed; z-index:20; top:0; left:0; right:0; border-bottom:1px solid rgba(0,0,0,.08);\n  }\n  #ba-root .ba-logo{ font-family:Manrope,sans-serif; display:flex; align-items:center; line-height:1; }\n  #ba-root .ba-logo-image{ display:block; width:97px; height:auto; object-fit:contain; }\n  #ba-root .ba-site-header nav{ display:flex; gap:35px; margin-left:auto; font-size:14px; position:relative; }\n  #ba-root .ba-site-header nav a{ transition:color .2s; }\n  #ba-root .ba-nav-contact-mobile{ display:none; }\n  #ba-root .ba-site-header nav a:hover{ color:var(--ba-teal); }\n  #ba-root .ba-site-header nav a.ba-active{ color:var(--ba-teal); }\n  #ba-root .ba-nav-indicator{\n    position:absolute; left:0; bottom:-8px; height:1.5px; background:var(--ba-teal); opacity:0;\n    transition:transform .35s cubic-bezier(.22,.61,.36,1), width .35s cubic-bezier(.22,.61,.36,1), opacity .2s ease;\n    pointer-events:none;\n  }\n  #ba-root .ba-header-cta{\n    background:var(--ba-ink); color:#fff; padding:14px 20px; font-size:13px;\n    border:1px solid var(--ba-ink); transition:.25s; display:inline-block;\n  }\n  #ba-root .ba-header-cta:hover{ background:var(--ba-teal); color:var(--ba-ink); border-color:var(--ba-teal); }\n  #ba-root .ba-header-cta span{ margin-left:18px; display:inline-block; transition:transform .3s cubic-bezier(.22,.61,.36,1); }\n  #ba-root .ba-header-cta:hover span{ transform:translate(3px,-3px); }\n  #ba-root .ba-menu-toggle{ display:none; }\n  #ba-root .ba-kicker{\n    display:inline-flex; align-items:center; gap:10px; text-transform:uppercase; letter-spacing:.16em;\n    font-size:11px; font-weight:600; margin-bottom:28px; color:var(--ba-ink);\n  }\n  #ba-root .ba-reveal{ opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease; }\n  #ba-root .ba-reveal.ba-visible{ opacity:1; transform:none; }\n  @media (prefers-reduced-motion:reduce){ #ba-root .ba-reveal{ opacity:1; transform:none; transition:none; } }\n  #ba-root .ba-motif{ display:inline-block; flex:none; border-left:1.4px solid currentColor; border-top:1.4px solid currentColor; transform:rotate(45deg); }\n\n  \/* ---- contact hero ---- *\/\n  #ba-root .ba-contact-page{ background:var(--ba-white); }\n  #ba-root .ba-contact-hero{\n    min-height:420px; padding-top:clamp(140px,14vw,180px); padding-bottom:clamp(56px,6vw,80px);\n    background:var(--ba-teal); color:var(--ba-ink); display:grid; grid-template-columns:1.2fr .8fr; gap:60px;\n    align-items:end; padding-left:8.5vw; padding-right:8.5vw;\n  }\n  #ba-root .ba-contact-hero h1{ margin-top:22px; font:500 clamp(48px,6.2vw,92px)\/.98 Manrope,sans-serif; letter-spacing:-.06em; }\n  #ba-root .ba-contact-hero h1 em{ font-weight:400; color:var(--ba-ink); font-style:normal; }\n  #ba-root .ba-contact-lede{ margin-top:28px; max-width:480px; font-size:17px; line-height:1.6; color:var(--ba-ink); }\n  #ba-root .ba-contact-signal{ justify-self:end; display:flex; flex-direction:column; align-items:flex-end; gap:16px; }\n  #ba-root .ba-contact-signal-mark{ display:block; width:clamp(85px,9.7vw,134px); height:auto; object-fit:contain; }\n  #ba-root .ba-contact-signal b{ font:600 10px \"DM Sans\",sans-serif; letter-spacing:.16em; text-transform:uppercase; color:var(--ba-ink); }\n\n  \/* ---- enquiry form + aside ---- *\/\n  #ba-root .ba-contact-work{ background:var(--ba-white); padding:clamp(56px,6vw,84px) 8.5vw clamp(60px,6vw,90px); }\n  #ba-root .ba-contact-form-intro h2{ margin-top:20px; font:500 clamp(38px,4.5vw,68px)\/1.05 Manrope,sans-serif; letter-spacing:-.05em; }\n  #ba-root .ba-contact-form-intro h2 em{ font-weight:400; color:var(--ba-ink); font-style:normal; }\n  #ba-root .ba-contact-layout{\n    display:grid; grid-template-columns:minmax(0,1.15fr) minmax(240px,.75fr); gap:clamp(48px,6vw,84px);\n    margin-top:clamp(32px,4vw,46px);\n  }\n  #ba-root .ba-contact-form{ border-top:1px solid var(--ba-line); }\n  #ba-root .ba-contact-form label{\n    display:flex; flex-direction:column; gap:10px; padding:19px 0; border-bottom:1px solid var(--ba-line);\n    font-size:13px; font-weight:500;\n  }\n  #ba-root .ba-contact-form label span{ color:#888; font-size:11px; font-weight:400; }\n  #ba-root .ba-contact-form input, #ba-root .ba-contact-form textarea{\n    width:100%; border:0; border-bottom:1px solid var(--ba-line); border-radius:0; background:transparent;\n    padding:5px 0 9px; color:var(--ba-ink); font:400 17px \"DM Sans\",sans-serif; outline:0; resize:vertical;\n    transition:border-color .25s ease, box-shadow .25s ease;\n  }\n  #ba-root .ba-contact-form input:focus, #ba-root .ba-contact-form textarea:focus{ border-color:var(--ba-teal); box-shadow:0 1px 0 var(--ba-teal); }\n  #ba-root .ba-contact-form textarea{ min-height:160px; }\n  #ba-root .ba-btn-dark{\n    display:inline-block; padding:17px 20px; font-size:14px; margin-top:28px; border:1px solid var(--ba-ink);\n    background:var(--ba-ink); color:#fff; cursor:pointer; transition:background .25s, border-color .25s, color .25s;\n  }\n  #ba-root .ba-btn-dark span{ margin-left:18px; display:inline-block; transition:transform .3s cubic-bezier(.22,.61,.36,1); }\n  #ba-root .ba-btn-dark:hover{ background:var(--ba-teal); border-color:var(--ba-teal); color:var(--ba-ink); }\n  #ba-root .ba-btn-dark:hover span{ transform:translate(3px,-3px); }\n\n  #ba-root .ba-contact-aside{ display:flex; flex-direction:column; gap:40px; padding-top:26px; border-top:1px solid var(--ba-line); }\n  #ba-root .ba-contact-aside-label{ margin-bottom:14px; text-transform:uppercase; letter-spacing:.14em; font-size:10px; font-weight:600; color:#777772; }\n  #ba-root .ba-contact-aside-label-spaced{ margin-top:32px; }\n  #ba-root .ba-contact-email{\n    display:inline-flex; align-items:center; gap:18px; border-bottom:1px solid var(--ba-ink); padding-bottom:8px;\n    font:500 clamp(21px,2.4vw,30px) Manrope,sans-serif; letter-spacing:-.03em; transition:color .25s, border-color .25s;\n  }\n  #ba-root .ba-contact-email span{ font-size:16px; transition:transform .25s; }\n  #ba-root .ba-contact-email:hover{ color:var(--ba-teal); border-color:var(--ba-teal); }\n  #ba-root .ba-contact-email:hover span{ transform:translate(3px,-3px); }\n  #ba-root .ba-contact-aside ul{ display:flex; flex-direction:column; gap:10px; color:#5d5d59; font-size:14px; line-height:1.4; }\n  #ba-root .ba-contact-aside li{ position:relative; padding-left:20px; }\n  #ba-root .ba-contact-aside li:before{ content:'+'; position:absolute; left:0; top:0; color:var(--ba-teal); font-weight:600; }\n  #ba-root .ba-contact-aside-note{ max-width:300px; color:#777772; font-size:13px; line-height:1.6; }\n\n  @media (max-width:1024px){\n    #ba-root .ba-contact-hero{ min-height:540px; padding-top:130px; grid-template-columns:1fr; gap:58px; align-items:start; }\n    #ba-root .ba-contact-signal{ justify-self:start; align-items:flex-start; }\n    #ba-root .ba-contact-signal-mark{ width:clamp(120px,26vw,170px); }\n    #ba-root .ba-contact-layout{ grid-template-columns:1fr; gap:65px; }\n    #ba-root .ba-contact-aside{ padding-top:0; display:grid; grid-template-columns:1fr 1fr; gap:45px; }\n    #ba-root .ba-contact-aside-note{ grid-column:1\/-1; }\n  }\n  @media (max-width:480px){\n    #ba-root .ba-contact-hero{ padding-top:115px; min-height:530px; }\n    #ba-root .ba-contact-hero h1{ font-size:clamp(44px,13vw,62px); }\n    #ba-root .ba-contact-lede{ font-size:15px; }\n    #ba-root .ba-contact-work{ padding-top:75px; padding-bottom:85px; }\n    #ba-root .ba-contact-layout{ margin-top:48px; }\n    #ba-root .ba-contact-aside{ display:flex; gap:42px; }\n    #ba-root .ba-btn-dark{ width:100%; text-align:left; }\n  }\n\n  \/* ---- footer ---- *\/\n  #ba-root .ba-footer{ background:#0e1010; color:#fff; padding:75px var(--ba-nav-gutter) 35px; }\n  #ba-root .ba-footer-top{ display:flex; justify-content:space-between; align-items:flex-start; padding-bottom:75px; border-bottom:1px solid #353737; }\n  #ba-root .ba-footer-top p{ color:#969996; max-width:600px; text-align:right; line-height:1.8; font-size:13px; }\n  #ba-root .ba-footer-bottom{ padding-top:28px; display:grid; grid-template-columns:1fr auto 1fr; gap:40px; font-size:11px; color:#858985; }\n  #ba-root .ba-footer-bottom div{ display:flex; gap:25px; color:#ddd; }\n  #ba-root .ba-footer-bottom div a{ transition:color .2s; }\n  #ba-root .ba-footer-bottom div a:hover{ color:var(--ba-teal); }\n  #ba-root .ba-footer-bottom span{ text-align:right; }\n  #ba-root .ba-footer-mark{ display:inline-flex; align-items:center; justify-content:flex-end; gap:8px; }\n  #ba-root .ba-footer-mark .ba-motif{ width:8px; height:8px; color:#6c706e; }\n\n  @media (max-width:1024px){\n    #ba-root .ba-footer-top, #ba-root .ba-footer-bottom{ display:flex; flex-direction:column; }\n    #ba-root .ba-footer-top p{ text-align:left; }\n    #ba-root .ba-footer-bottom span, #ba-root .ba-footer-mark{ text-align:left; justify-content:flex-start; }\n  }\n\n  \/* ---- mobile nav ---- *\/\n  @media (max-width:1024px){\n    #ba-root .ba-site-header{ height:70px; }\n    #ba-root .ba-site-header nav{\n      position:fixed; inset:70px 0 auto; background:var(--ba-paper); padding:40px 7vw; display:none;\n      flex-direction:column; font-size:21px; z-index:19; color:var(--ba-ink);\n    }\n    #ba-root .ba-nav-contact-mobile{ display:block; }\n    #ba-root .ba-site-header nav.ba-open{ display:flex; }\n    #ba-root .ba-nav-indicator{ display:none; }\n    #ba-root .ba-header-cta{ display:none; }\n    #ba-root .ba-menu-toggle{ display:block; margin-left:auto; width:35px; height:30px; }\n    #ba-root .ba-menu-toggle span{ display:block; height:1px; background:#111; margin:8px 0; }\n  }\n  @media (max-width:480px){ #ba-root .ba-logo-image{ width:80px; } }\n<\/style>\n\n<div id=\"ba-root\">\n\n  <header class=\"ba-site-header\">\n    <a class=\"ba-logo\" href=\"#REPLACE_WITH_HOME_PAGE_URL\" aria-label=\"beAnt home\">\n      <img decoding=\"async\" class=\"ba-logo-image\" src=\"REPLACE_WITH_WP_MEDIA\/logo-teal.png\" alt=\"beAnt\">\n    <\/a>\n    <button class=\"ba-menu-toggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"ba-nav\"><span><\/span><span><\/span><\/button>\n    <nav id=\"ba-nav\" aria-label=\"Main navigation\">\n      <a href=\"#REPLACE_WITH_HOME_PAGE_URL\">Home<\/a>\n      <a href=\"#REPLACE_WITH_WORK_PAGE_URL\">Work<\/a>\n      <a href=\"#REPLACE_WITH_SERVICES_URL\">Services<\/a>\n      <a href=\"#REPLACE_WITH_ABOUT_PAGE_URL\">About<\/a>\n      <a href=\"#REPLACE_WITH_BLOG_PAGE_URL\">Blog<\/a>\n      <a href=\"#\" class=\"ba-nav-contact-mobile\">Contact<\/a>\n    <\/nav>\n    <a class=\"ba-header-cta\" href=\"#enquiry\">Start a project <span>&#8600;<\/span><\/a>\n  <\/header>\n\n  <main class=\"ba-contact-page\">\n    <section class=\"ba-contact-hero\">\n      <div class=\"ba-contact-hero-copy ba-reveal\">\n        <p class=\"ba-kicker\">Start a conversation<\/p>\n        <h1>Let&rsquo;s make<br><em>something useful.<\/em><\/h1>\n        <p class=\"ba-contact-lede\">Have an idea, a problem to solve or a digital product that needs a clearer direction? Tell us where you&rsquo;re heading.<\/p>\n      <\/div>\n      <div class=\"ba-contact-signal ba-reveal\" aria-hidden=\"true\">\n        <img decoding=\"async\" class=\"ba-contact-signal-mark\" src=\"REPLACE_WITH_WP_MEDIA\/logo-black.png\" alt=\"\">\n        <b>UK &middot; Worldwide<\/b>\n      <\/div>\n    <\/section>\n\n    <section class=\"ba-contact-work\" id=\"enquiry\">\n      <div class=\"ba-contact-form-intro ba-reveal\">\n        <p class=\"ba-kicker\">Project enquiry<\/p>\n        <h2>A few details<br><em>to get us started.<\/em><\/h2>\n      <\/div>\n      <div class=\"ba-contact-layout\">\n        <form class=\"ba-contact-form ba-reveal\" action=\"mailto:hello@beant.co.uk\" method=\"post\" enctype=\"text\/plain\">\n          <label for=\"ba-name\">Your name<input id=\"ba-name\" name=\"name\" type=\"text\" autocomplete=\"name\" required><\/label>\n          <label for=\"ba-email\">Email address<input id=\"ba-email\" name=\"email\" type=\"email\" autocomplete=\"email\" required><\/label>\n          <label for=\"ba-company\">Company <span>(optional)<\/span><input id=\"ba-company\" name=\"company\" type=\"text\" autocomplete=\"organization\"><\/label>\n          <label for=\"ba-message\">Tell us about the project<textarea id=\"ba-message\" name=\"message\" rows=\"6\" required><\/textarea><\/label>\n          <button class=\"ba-btn-dark\" type=\"submit\">Send enquiry <span>&#8599;<\/span><\/button>\n        <\/form>\n        <aside class=\"ba-contact-aside ba-reveal\">\n          <div>\n            <p class=\"ba-contact-aside-label\">Prefer email?<\/p>\n            <a class=\"ba-contact-email\" href=\"mailto:hello@beant.co.uk\">hello@beant.co.uk <span>&#8599;<\/span><\/a>\n            <p class=\"ba-contact-aside-label ba-contact-aside-label-spaced\">Prefer live chat?<\/p>\n            <a class=\"ba-contact-email\" href=\"#REPLACE_WITH_LIVE_CHAT_URL\">Start a live chat <span>&#8599;<\/span><\/a>\n          <\/div>\n          <div>\n            <p class=\"ba-contact-aside-label\">What we can help with<\/p>\n            <ul>\n              <li>Websites and web applications<\/li>\n              <li>Mobile applications<\/li>\n              <li>AI and automation<\/li>\n              <li>Branding and design<\/li>\n              <li>Digital support<\/li>\n            <\/ul>\n          <\/div>\n          <p class=\"ba-contact-aside-note\">Based in the UK. Working with thoughtful people and ambitious businesses everywhere.<\/p>\n        <\/aside>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <footer class=\"ba-footer\">\n    <div class=\"ba-footer-top\">\n      <a class=\"ba-logo\" href=\"#REPLACE_WITH_HOME_PAGE_URL\">\n        <img decoding=\"async\" class=\"ba-logo-image\" src=\"REPLACE_WITH_WP_MEDIA\/logo-teal-white.png\" alt=\"beAnt\">\n      <\/a>\n      <p>Websites &middot; Web Applications &middot; Mobile Apps &middot; AI &amp; Automation &middot; Branding &amp; Design &middot; Digital Support<\/p>\n    <\/div>\n    <div class=\"ba-footer-bottom\">\n      <p>UK-founded. Working with businesses in the UK and beyond.<\/p>\n      <div>\n        <a href=\"#REPLACE_WITH_HOME_PAGE_URL\">Home<\/a>\n        <a href=\"#REPLACE_WITH_WORK_PAGE_URL\">Work<\/a>\n        <a href=\"#REPLACE_WITH_SERVICES_URL\">Services<\/a>\n        <a href=\"#REPLACE_WITH_ABOUT_PAGE_URL\">About<\/a>\n        <a href=\"#REPLACE_WITH_BLOG_PAGE_URL\">Blog<\/a>\n      <\/div>\n      <span class=\"ba-footer-mark\"><span class=\"ba-motif\" aria-hidden=\"true\"><\/span>&copy; beAnt. All rights reserved.<\/span>\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n<script>\n(function () {\n  'use strict';\n  var root = document.getElementById('ba-root');\n  if (!root) return;\n  var q = function (sel, ctx) { return (ctx || root).querySelector(sel); };\n  var qa = function (sel, ctx) { return Array.prototype.slice.call((ctx || root).querySelectorAll(sel)); };\n\n  var toggle = q('.ba-menu-toggle');\n  var nav = q('#ba-nav');\n  if (toggle && nav) {\n    toggle.addEventListener('click', function () {\n      var open = toggle.getAttribute('aria-expanded') === 'true';\n      toggle.setAttribute('aria-expanded', String(!open));\n      nav.classList.toggle('ba-open');\n    });\n    qa('a', nav).forEach(function (link) {\n      link.addEventListener('click', function () {\n        nav.classList.remove('ba-open');\n        toggle.setAttribute('aria-expanded', 'false');\n      });\n    });\n  }\n\n  var revealObserver = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('ba-visible');\n        revealObserver.unobserve(entry.target);\n      }\n    });\n  }, { threshold: .12 });\n  qa('.ba-reveal').forEach(function (el) { revealObserver.observe(el); });\n\n  (function () {\n    var navEl = q('.ba-site-header nav');\n    if (!navEl) return;\n    var indicator = document.createElement('span');\n    indicator.className = 'ba-nav-indicator';\n    indicator.setAttribute('aria-hidden', 'true');\n    navEl.appendChild(indicator);\n\n    function moveIndicatorTo(link, instant) {\n      if (!link) { indicator.style.opacity = '0'; return; }\n      if (instant) indicator.style.transition = 'none';\n      var navRect = navEl.getBoundingClientRect();\n      var linkRect = link.getBoundingClientRect();\n      indicator.style.opacity = '1';\n      indicator.style.width = linkRect.width + 'px';\n      indicator.style.transform = 'translateX(' + (linkRect.left - navRect.left) + 'px)';\n      if (instant) { void indicator.offsetWidth; indicator.style.transition = ''; }\n    }\n    var pinnedLink = null;\n    function activeLink() { return pinnedLink || q('a.ba-active', navEl) || null; }\n    function syncToActive(instant) { moveIndicatorTo(activeLink(), instant); }\n    qa('a', navEl).forEach(function (link) {\n      link.addEventListener('mouseenter', function () { moveIndicatorTo(link); });\n      link.addEventListener('focus', function () { moveIndicatorTo(link); });\n      link.addEventListener('click', function () { pinnedLink = link; moveIndicatorTo(link); });\n    });\n    navEl.addEventListener('mouseleave', function () { syncToActive(); });\n    \/* On this page the nav's only \"active\" link (Contact) is the mobile-\n       only one, hidden at desktop widths \u2014 instant is harmless either way\n       since moveIndicatorTo already no-ops safely when there's nothing to\n       measure. *\/\n    syncToActive(true);\n    if (document.fonts && document.fonts.ready) { document.fonts.ready.then(function () { syncToActive(true); }); }\n    window.addEventListener('resize', function () { syncToActive(true); });\n  })();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home Work Services About Blog Contact Start a project &#8600; Start a conversation Let&rsquo;s makesomething useful. Have an idea, a problem to solve or a digital product that needs a clearer direction? Tell us where you&rsquo;re heading. UK &middot; Worldwide Project enquiry A few detailsto get us started. Your name Email address Company (optional) Tell [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-897","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/new.be-ant.com\/index.php?rest_route=\/wp\/v2\/pages\/897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/new.be-ant.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/new.be-ant.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/new.be-ant.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/new.be-ant.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=897"}],"version-history":[{"count":5,"href":"https:\/\/new.be-ant.com\/index.php?rest_route=\/wp\/v2\/pages\/897\/revisions"}],"predecessor-version":[{"id":909,"href":"https:\/\/new.be-ant.com\/index.php?rest_route=\/wp\/v2\/pages\/897\/revisions\/909"}],"wp:attachment":[{"href":"https:\/\/new.be-ant.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}