(() => { const root = document.querySelector(‘.sf-industry-real-estate-modern’); if (!root) return; root.querySelectorAll(‘[data-sf-demand-tabs]’).forEach((tabs) => { const tabButtons = Array.from(tabs.querySelectorAll(‘[data-sf-demand-tab]’)); const panels = Array.from(tabs.querySelectorAll(‘.sf-demand-tab-panel’)); const activate = (button) => { const panelId = button.getAttribute(‘data-sf-demand-tab’); tabButtons.forEach((item) => { const isActive = item === button; item.classList.toggle(‘is-active’, isActive); item.setAttribute(‘aria-selected’, isActive ? ‘true’ : ‘false’); }); panels.forEach((panel) => { const isActive = panel.id === panelId; panel.classList.toggle(‘is-active’, isActive); panel.hidden = !isActive; }); }; tabButtons.forEach((button) => { button.addEventListener(‘click’, () => activate(button)); }); }); const servicePanels = [‘seo’, ‘ppc’, ‘content’, ‘social’] .map((id) => root.querySelector(‘#’ + id)) .filter(Boolean); if (servicePanels.length === 4) { const labels = { seo: ‘SEO’, ppc: ‘Paid Search’, content: ‘Content’, social: ‘Social & Trust’ }; const shell = document.createElement(‘div’); shell.className = ‘sf-service-tabs-shell’; shell.innerHTML = ‘‘; const list = shell.querySelector(‘.sf-service-tab-list’); const panelHost = shell.querySelector(‘.sf-service-tab-panels’); servicePanels[0].before(shell); const activateService = (id, updateHash = false) => { list.querySelectorAll(‘[role=”tab”]’).forEach((button) => { const active = button.dataset.serviceTab === id; button.classList.toggle(‘is-active’, active); button.setAttribute(‘aria-selected’, active ? ‘true’ : ‘false’); button.tabIndex = active ? 0 : -1; }); servicePanels.forEach((panel) => { const active = panel.id === id; panel.hidden = !active; panel.classList.toggle(‘is-active’, active); }); if (updateHash) history.replaceState(null, ”, ‘#’ + id); }; servicePanels.forEach((panel, index) => { const button = document.createElement(‘button’); button.type = ‘button’; button.id = ‘sf-service-tab-‘ + panel.id; button.dataset.serviceTab = panel.id; button.setAttribute(‘role’, ‘tab’); button.setAttribute(‘aria-controls’, panel.id); button.textContent = labels[panel.id]; button.addEventListener(‘click’, () => activateService(panel.id, true)); button.addEventListener(‘keydown’, (event) => { if (![‘ArrowLeft’, ‘ArrowRight’].includes(event.key)) return; event.preventDefault(); const buttons = Array.from(list.querySelectorAll(‘[role=”tab”]’)); const direction = event.key === ‘ArrowRight’ ? 1 : -1; const next = buttons[(buttons.indexOf(button) + direction + buttons.length) % buttons.length]; next.focus(); activateService(next.dataset.serviceTab, true); }); list.append(button); panel.setAttribute(‘role’, ‘tabpanel’); panel.setAttribute(‘aria-labelledby’, button.id); panelHost.append(panel); panel.hidden = index !== 0; }); const requestedService = location.hash.slice(1); activateService(labels[requestedService] ? requestedService : ‘seo’); window.addEventListener(‘hashchange’, () => { const id = location.hash.slice(1); if (labels[id]) activateService(id); }); } const navigateToSection = (id, updateHistory = true) => { const serviceButton = root.querySelector(‘[data-service-tab=”‘ + id + ‘”]’); if (serviceButton) serviceButton.click(); const target = serviceButton ? root.querySelector(‘.sf-service-tabs-shell’) : root.querySelector(‘#’ + CSS.escape(id)); if (!target) return; if (updateHistory && location.hash !== ‘#’ + id) history.pushState(null, ”, ‘#’ + id); requestAnimationFrame(() => target.scrollIntoView({ behavior: ‘auto’, block: ‘start’ })); root.querySelectorAll(‘.sf-nav-pill a’).forEach((link) => { const active = link.getAttribute(‘href’) === ‘#’ + id; link.classList.toggle(‘is-active’, active); if (active) link.setAttribute(‘aria-current’, ‘location’); else link.removeAttribute(‘aria-current’); }); }; root.querySelectorAll(‘.sf-nav-pill a[href^=”#”]’).forEach((link) => { link.addEventListener(‘click’, (event) => { const id = link.getAttribute(‘href’).slice(1); if (!root.querySelector(‘#’ + CSS.escape(id))) return; event.preventDefault(); navigateToSection(id); }); }); if (location.hash.length > 1) { const initialId = location.hash.slice(1); setTimeout(() => navigateToSection(initialId, false), 0); } const process = root.querySelector(‘#process’); const processGrid = process?.querySelector(‘.sf-card-grid’); if (process && processGrid) { const disclosure = document.createElement(‘details’); disclosure.className = ‘sf-process-disclosure’; disclosure.innerHTML = ‘

8-step growth processFrom context and discovery to reporting

‘; processGrid.before(disclosure); disclosure.querySelector(‘.sf-process-disclosure-content’).append(processGrid); if (location.hash === ‘#process’) disclosure.open = true; window.addEventListener(‘hashchange’, () => { if (location.hash === ‘#process’) disclosure.open = true; }); } root.querySelectorAll(‘.sf-faq-card’).forEach((card, index) => { const question = card.querySelector(‘h3’); if (!question) return; const details = document.createElement(‘details’); details.className = ‘sf-faq-disclosure’; details.open = index === 0; const summary = document.createElement(‘summary’); summary.innerHTML = ‘‘ + question.textContent + ‘‘; const answer = document.createElement(‘div’); answer.className = ‘sf-faq-answer’; card.querySelectorAll(‘p’).forEach((paragraph) => answer.append(paragraph)); details.append(summary, answer); card.replaceWith(details); details.addEventListener(‘toggle’, () => { if (!details.open) return; root.querySelectorAll(‘.sf-faq-disclosure[open]’).forEach((item) => { if (item !== details) item.open = false; }); }); }); const removeBrokenNewsletterShortcode = () => { const brokenShortcode = ‘[contact-‘ + ‘form-7 id=”2731″ title=”Newsletter”]’; const textWalker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT); while (textWalker.nextNode()) { if (textWalker.currentNode.nodeValue.includes(brokenShortcode)) { textWalker.currentNode.nodeValue = textWalker.currentNode.nodeValue.replace(brokenShortcode, ”); } } }; if (document.readyState === ‘loading’) { document.addEventListener(‘DOMContentLoaded’, removeBrokenNewsletterShortcode, { once: true }); } else { removeBrokenNewsletterShortcode(); } const icons = { message: ”, send: ”, external: ”, mapSearch: ”, sparkSearch: ”, search: ”, target: ”, ads: ”, share: ”, tag: ” }; const pickIcon = (button, label) => { if (button.matches(‘.wpcf7-submit’)) return icons.send; if (/talk|discuss/i.test(label)) return icons.message; if (/case study|full case/i.test(label)) return icons.external; if (/map my search demand/i.test(label)) return icons.mapSearch; if (/ai search fit/i.test(label)) return icons.sparkSearch; if (/ai search optimization/i.test(label)) return icons.search; if (/ppc expert/i.test(label)) return icons.target; if (/google ads/i.test(label)) return icons.ads; if (/social media/i.test(label)) return icons.share; if (/pricing/i.test(label)) return icons.tag; return button.closest(‘.sf-button-secondary’) || button.classList.contains(‘sf-inline-button-secondary’) ? icons.external : icons.message; }; root.querySelectorAll(‘.wp-block-button__link, a.sf-inline-button, .wpcf7-submit’).forEach((button) => { if (button.classList.contains(‘sf-modern-iconified’)) return; if (button.matches(‘.wpcf7-submit’)) { button.textContent = button.textContent.replace(/\s*[›→↗]\s*$/u, ”); } const label = button.textContent.trim(); button.insertAdjacentHTML(‘afterbegin’, pickIcon(button, label)); button.classList.add(‘sf-modern-iconified’); }); })(); (() => { const root = document.querySelector(‘.sf-industry-real-estate-modern’); if (!root) return; const mergeBand = (parentId, childId) => { const parent = root.querySelector(‘#’ + parentId); const child = root.querySelector(‘#’ + childId); if (!parent || !child) return; child.classList.add(‘sf-section-continuation’); const inner = parent.querySelector(‘.sf-section-inner’); (inner?.querySelector(‘:scope > .wp-block-group__inner-container’) || inner || parent).append(child); }; mergeBand(‘problem’, ‘journey’); mergeBand(‘discovery-map’, ‘audience’); mergeBand(‘daaomi’, ‘process’); const expert = root.querySelector(‘.sf-expert-profile’); const why = root.querySelector(‘#why .sf-section-inner’); if (expert && why) (why.querySelector(‘:scope > .wp-block-group__inner-container’) || why).append(expert); const capabilities = root.querySelector(‘#capabilities’); const services = root.querySelector(‘.sf-service-tabs-shell’); if (capabilities && services) { const details = document.createElement(‘details’); details.className = ‘sf-capabilities-disclosure’; details.innerHTML = ‘

Explore the full range of real estate growth capabilities

‘; capabilities.classList.add(‘sf-section-continuation’); details.append(capabilities); services.append(details); const reveal = () => { if (location.hash === ‘#capabilities’) details.open = true; }; reveal(); window.addEventListener(‘hashchange’, reveal); } root.querySelectorAll(‘.sf-demand-tab-list’).forEach(list => { const tabs = […list.querySelectorAll(‘[role=”tab”]’)]; const sync = () => tabs.forEach(tab => tab.tabIndex = tab.getAttribute(‘aria-selected’) === ‘true’ ? 0 : -1); sync(); tabs.forEach((tab, index) => { tab.addEventListener(‘click’, sync); tab.addEventListener(‘keydown’, event => { const targets = { ArrowRight: (index + 1) % tabs.length, ArrowLeft: (index + tabs.length – 1) % tabs.length, Home: 0, End: tabs.length – 1 }; if (!(event.key in targets)) return; event.preventDefault(); const next = tabs[targets[event.key]]; next.click(); next.focus(); }); }); }); document.addEventListener(‘wpcf7mailsent’, event => { if (!root.contains(event.target)) return; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: ‘generate_lead’, industry: ‘real_estate’, form_placement: event.target.closest(‘#contact’) ? ‘final’ : ‘hero’ }); }); root.querySelectorAll(‘.sf-review-form [name=”website-url”]’).forEach(input => { input.setAttribute(‘inputmode’, ‘url’); input.setAttribute(‘autocapitalize’, ‘none’); input.setAttribute(‘spellcheck’, ‘false’); }); })();