Stats Components
Options:
Heading – Copy can be updated, and visibility can be controlled.
Button – Copy and link can be updated, and visibility can be controlled.
Spacing – Section spacing has two options.
Section – Background color can be updated.
Metrics – Three metric sections can be edited from the properties. You can show or hide the metrics using properties.
Measurable success with Attentive
Name: Stats / 2 or 3 metrics
Options:
Section – Background color can be updated.
Metrics – Three metric sections can be edited from the properties. You can show or hide the metrics using properties.
Name: Stats / Full Width / Black
Options:
Metrics – Three metric sections can be edited from the properties. You can show or hide the metrics using properties.
2x+
Higher conversion rates
50%
Higher spend from replies
1B+
Messages sent and received
per month
<!DOCTYPE html><!-- Last Published: Tue Feb 17 2026 19:20:47 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="www.attentive.com" data-wf-page="6911fa8ac2e9ea7845e2a194" data-wf-site="684306b795a2c402456e92ba" data-wf-intellimize-customer-id="117310846" lang="en"><head><meta charset="utf-8"/><title>Stats</title><meta content="Stats" property="og:title"/><meta content="Stats" property="twitter:title"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/684306b795a2c402456e92ba/css/attentive-dev-revamp-2025.shared.06feaeb90.min.css" rel="stylesheet" type="text/css" integrity="sha384-Bv6uuQJEI2xsndKtPvJSaiD9IwEA1GPwv18O6EH95cP5CJvJqKFi5rBaAPs3go1h" crossorigin="anonymous"/><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/684306b795a2c402456e92ba/68ca2e64ae46fe3b4e3e3b6c_Favicon%20Attentive.ico" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/684306b795a2c402456e92ba/68ca2e6c606533d7226b1000_Webclip%20Attentive.png" rel="apple-touch-icon"/><link href="https://www.attentive.com/component-library/stats" rel="canonical"/><style>.anti-flicker, .anti-flicker * {visibility: hidden !important; opacity: 0 !important;}</style><style>[data-wf-hidden-variation], [data-wf-hidden-variation] * {
display: none !important;
}</style><script type="text/javascript">if (localStorage.getItem('intellimize_data_tracking_type') !== 'optOut') { localStorage.removeItem('intellimize_opt_out_117310846'); } if (localStorage.getItem('intellimize_data_tracking_type') !== 'optOut') { localStorage.setItem('intellimize_data_tracking_type', 'optOut'); }</script><script type="text/javascript">(function(e){var s={r:[]};e.wf={r:s.r,ready:t=>{s.r.push(t)}}})(window)</script><script type="text/javascript">(function(e,t,p){var n=document.documentElement,s={p:[],r:[]},u={p:s.p,r:s.r,push:function(e){s.p.push(e)},ready:function(e){s.r.push(e)}};e.intellimize=u,n.className+=" "+p,setTimeout(function(){n.className=n.className.replace(RegExp(" ?"+p),"")},t)})(window, 4000, 'anti-flicker')</script><link href="https://cdn.intellimize.co/snippet/117310846.js" rel="preload" as="script"/><script type="text/javascript">var wfClientScript=document.createElement("script");wfClientScript.src="https://cdn.intellimize.co/snippet/117310846.js",wfClientScript.async=!0,wfClientScript.onerror=function(){document.documentElement.className=document.documentElement.className.replace(RegExp(" ?anti-flicker"),"")},document.head.appendChild(wfClientScript);</script><link href="https://api.intellimize.co" rel="preconnect" crossorigin="true"/><link href="https://log.intellimize.co" rel="preconnect" crossorigin="true"/><link href="https://117310846.intellimizeio.com" rel="preconnect"/><!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TK3VW6S');</script>
<!-- End Google Tag Manager -->
<!-- Mutiny -->
<script defer>
(function(){var a=window.mutiny=window.mutiny||{};if(!window.mutiny.client){a.client={_queue:{}};var b=["identify","trackConversion"];var c=[].concat(b,["defaultOptOut","optOut","optIn"]);var d=function factory(c){return function(){for(var d=arguments.length,e=new Array(d),f=0;f<d;f++){e[f]=arguments[f]}a.client._queue[c]=a.client._queue[c]||[];if(b.includes(c)){return new Promise(function(b,d){a.client._queue[c].push({args:e,resolve:b,reject:d})})}else{a.client._queue[c].push({args:e})}}};c.forEach(function(b){a.client[b]=d(b)})}})();
</script>
<!-- End Mutiny -->
<script>
(function() {
function syncConsent() {
if (!window.Cookiebot || !Cookiebot.consent) return;
const hasDecision = Cookiebot.consent.method !== null;
const consentGiven = Cookiebot.consent.statistics === true;
wf.ready(function() {
const trackingState = wf.getUserTrackingChoice(); // 'allow' | 'deny' | 'none'
if (!hasDecision) return;
if (consentGiven && trackingState === 'deny') {
wf.allowUserTracking({ activate: true });
} else if (!consentGiven && trackingState !== 'deny') {
wf.denyUserTracking();
}
});
}
['CookiebotOnConsentReady', 'CookiebotOnAccept', 'CookiebotOnDecline']
.forEach(ev => window.addEventListener(ev, syncConsent));
if (window.Cookiebot && typeof Cookiebot.consent !== 'undefined') {
syncConsent();
}
})();
</script>
<script defer data-cfasync="false" src="https://client-registry.mutinycdn.com/personalize/client/6308a4e66449798f.js"></script>
<!-- Meta Tags -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="pinterest" content="nopin" />
<meta name="facebook-domain-verification" content="0lqpeuk188jgviib0js1zdochyveul" />
<meta name="theme-color" content="#fff382" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#1a1e22" media="(prefers-color-scheme: dark)">
<style>
.u-custom-classes{
display:none;
}
</style><meta name="robots" content="noindex,nofollow" /></head><body><div class="page_wrap"><div class="u-embed-css w-embed"><style>
.logo__one{
aspect-ratio: 120/30;
max-width: 7.5rem;
}
.logo__two{
aspect-ratio: 200/21.8;
max-width: 12.5rem;
}
.logo__three{
aspect-ratio: 270/16.6;
max-width: 16.875rem;
}
.logo__four{
aspect-ratio: 190/19.81;
max-width: 11.875rem;
}
.logo__five{
aspect-ratio: 205/21.086;
max-width: 12.81rem;
}
.logo__six{
aspect-ratio: 190/44;
max-width: 11.875rem;
}
.logo__seven{
aspect-ratio: 190/44;
max-width: 11.875rem;
}
.logo__eight{
aspect-ratio: 190/44;
max-width: 11.875rem;
}
.logo__nine{
aspect-ratio: 190/44;
max-width: 11.875rem;
}
.logo__ten{
aspect-ratio: 190/44;
max-width: 11.875rem;
}
</style></div><div class="u-embed-css w-embed"><style>
/* ===============================
Root Variables
=============================== */
:root {
--pink-bg: #edc6ed;
--blue-bg: #cde5fd;
--light-canteloupe: #ffdfc2;
--surf-turf: #82c8d2;
--green-bg: #e2fa9f;
--light-blue-bg: #e0f1f4;
--orange-bg: #ffd482;
--light-pink-bg: #fbf1fb;
}
/* ===============================
Background Utility Classes
=============================== */
.pink-bg {
background-color: var(--pink-bg);
}
.blue-bg,
.lightblue {
background-color: var(--blue-bg);
}
.bg__half {
background-image: linear-gradient(to bottom, white 50%, var(--blue-bg) 50%);
}
.u-background-blue {
background-color: #ebf3ff;
}
.u-background-ube {
background-color: #fcf2fc;
}
.light-canteloupe {
background-color: var(--light-canteloupe);
}
.surf-turf {
background-color: var(--surf-turf);
}
.bluedark {
background-color: #0075e1;
color: white;
}
.green-bg {
background-color: var(--green-bg);
}
.light-blue-bg {
background-color: var(--light-blue-bg);
}
.orange-bg {
background-color: var(--orange-bg);
}
.light-pink-bg {
background-color: var(--light-pink-bg);
}
</style></div><div class="page_code_wrap"><div class="page_code_base w-embed"><style>
/*
:root {
--grid-breakout: [full-start] minmax(0, 1fr) [content-start] repeat(var(--site--column-count), minmax(0, var(--site--column-width))) [content-end] minmax(0, 1fr) [full-end];
--grid-breakout-single: [full-start] minmax(0, 1fr) [content-start] minmax(0, var(--container--main)) [content-end] minmax(0, 1fr) [full-end];
}*/
/*
* {
vertical-align: bottom;
}
*/
::before, ::after {
box-sizing: border-box;
}
html {
background-color: var(--_theme---background);
}
button {
background-color: unset;
padding: unset;
text-align: inherit;
}
button:not(:disabled) {
cursor: pointer;
}
video {
width: 100%;
object-fit: cover;
}
/* remove padding of empty element */
.wf-empty {
padding: 0;
}
svg {
max-width: 100%;
}
section, header, footer {
position: relative;
}
@media (prefers-color-scheme: light) {
option { color: black; }
}
img::selection {
background: transparent;
}
/* Typography */
body {
/*text-transform: var(--_text-style---text-transform);*/
/*
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
text-rendering:optimizeLegibility;*/
}
/* Clear Defaults */
a:not([class]) {
text-decoration: underline;
}
h1,h2,h3,h4,h5,h6,p,blockquote,label {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-wrap: inherit;
margin-top: 0;
margin-bottom: 0;
}
/* Selection Color */
::selection {
background-color: #FFE600;
color: var(--_theme---selection--text);
}
/* Margin Trim */
:is(.u-margin-trim, .u-rich-text) > :not(:not(.w-condition-invisible) ~ :not(.w-condition-invisible)) {
margin-top: 0;
}
:is(.u-margin-trim, .u-rich-text) > :not(:has(~ :not(.w-condition-invisible))) {
margin-bottom: 0;
}
/* Line Height Trim */
:is([class*="u-text-style-"],h1,h2,h3,h4,h5,h6,p):not(.w-richtext,.u-text-trim-off)::before {
content: "";
display: table;
margin-bottom: calc(-0.5lh + var(--_text-style---trim-top));
}
:is([class*="u-text-style-"],h1,h2,h3,h4,h5,h6,p):not(.w-richtext,.u-text-trim-off)::after {
content: "";
display: table;
margin-bottom: calc(-0.5lh + var(--_text-style---trim-bottom));
}
/* Rich Text Links */
.w-richtext a {
position: relative;
z-index: 4;
}
/* Line Clamp */
.u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.u-line-clamp-2 { -webkit-line-clamp: 2; }
.u-line-clamp-3 { -webkit-line-clamp: 3; }
.u-line-clamp-4 { -webkit-line-clamp: 4; }
/* Child Contain */
.u-child-contain > * {
width: 100%;
max-width: inherit !important;
margin-inline: 0 !important;
margin-top: 0 !important;
}
/* Hide */
.u-hide-if-empty:empty,
.u-hide-if-empty:not(:has(> :not(.w-condition-invisible))),
.u-hide-if-empty-cms:not(:has(.w-dyn-item)),
.u-embed-js,
.u-embed-css {
display: none !important;
}
/* Focus State */
a, button, :where([tabindex]) {
outline-offset: var(--focus--offset-outer);
}
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
outline-color: var(--_theme---text);
outline-width: var(--focus--width);
outline-style: solid;
}
/* Global / Clickable Component */
.wf-design-mode .g_clickable_wrap {
z-index: 0;
}
.g_clickable_wrap a[href="#"] {
display: none;
}
.g_clickable_wrap a[href="#"] ~ button {
display: block;
}
</style></div><div class="page_code_custom w-embed"><style>
@media (max-width: 991px) {
[data-hidebr="tablet"] br {
display: none;
}
}
@media (max-width: 768px) {
[data-hidebr="landscape"] br {
display: none!important;
}
}
@media (max-width: 551px) {
[data-hidebr="mobile"] br {
display: none!important;
}
}
</style></div></div><main class="u-main"><section><div data-wf--global-background-color--background-color="background-white" class="g_background w-variant-cd5f9287-5b9f-b1bf-cfe9-3449eb06f297 u-cover-absolute u-background-butter"></div><div data-wf--global-section-space--section-space="80" class="g_section_space w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490"></div><div class="u-padding-global"><div class="u-container"><div><h1 class="u-ts-ginto-nord_3rem">Stats Components</h1></div></div></div><div data-wf--global-section-space--section-space="80" class="g_section_space w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490"></div></section><div class="component__box"><div><div class="u-padding-global u-background-black"><div class="u-container"><div data-wf--global-section-space--section-space="20" class="g_section_space w-variant-28842a38-f4a1-8505-ffdf-a4f814d86557"></div><div class="u-style-24 u-weight-semibold">Name: Stats / Global</div><div data-wf--global-section-space--section-space="20" class="g_section_space w-variant-28842a38-f4a1-8505-ffdf-a4f814d86557"></div></div><div class="u-container"><div data-wf--global-section-space--section-space="20" class="g_section_space w-variant-28842a38-f4a1-8505-ffdf-a4f814d86557"></div><div class="blog__rich-text w-richtext"><h5>Options: </h5><h5><strong>Heading</strong> – Copy can be updated, and visibility can be controlled.</h5><h5><strong>Button</strong> – Copy and link can be updated, and visibility can be controlled.</h5><h5><strong>Spacing</strong> – Section spacing has two options.</h5><h5><strong>Section</strong> – Background color can be updated.</h5><h5><strong>Metrics</strong> – Three metric sections can be edited from the properties. You can show or hide the metrics using properties.</h5></div><div data-wf--global-section-space--section-space="20" class="g_section_space w-variant-28842a38-f4a1-8505-ffdf-a4f814d86557"></div></div></div><div><section data-wf--stats-global--spacing="space-3rem" class="home-third w-variant-81d8c383-8bcb-5f47-9d1b-e682aad9b9fc g_section-large_86"><div data-wf--global-section-space--section-space="10" class="g_section_space w-variant-e485566a-25b8-ff31-c97b-02131da1d8de u-hide-desktop u-hide-tablet"></div><div class="u-padding-global"><div class="u-container"><div><h2 class="u-style-40 is--30-landscape-26-mobile u-alignment-center u-weight-semibold">Measurable success with Attentive<br/></h2><div data-wf--global-section-space--section-space="24" class="g_section_space w-variant-5d7b3007-8df6-7fef-4fae-fdc824ffcf07"></div><div class="u-alignment-center"><div data-wf--btn-main--style="secondary" class="btn__main w-variant-e85564cd-af30-a478-692b-71732aefb3ab u-background-transparent"><div class="g_clickable_wrap"><a rel="prefetch" target="" data-wf-native-id-path="efeb5589-5b5f-1d2c-1967-5c26d3291085:81d8c383-8bcb-5f47-9d1b-e682aad9b9e8:e3c8b535-008d-18b4-19d8-a889182de0e1:0254e612-9509-0757-3332-f6be61ca688a" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="0254e612-9509-0757-3332-f6be61ca688a" data-wf-component-context="%5B%7B%22componentId%22%3A%2281d8c383-8bcb-5f47-9d1b-e682aad9b9e0%22%2C%22instanceId%22%3A%22efeb5589-5b5f-1d2c-1967-5c26d3291085%22%7D%2C%7B%22componentId%22%3A%22824b76d0-0ddb-5ed5-8ae6-09771aaa568a%22%2C%22instanceId%22%3A%2281d8c383-8bcb-5f47-9d1b-e682aad9b9e8%22%7D%2C%7B%22componentId%22%3A%220254e612-9509-0757-3332-f6be61ca6889%22%2C%22instanceId%22%3A%22e3c8b535-008d-18b4-19d8-a889182de0e1%22%7D%5D" href="/revenue-calculator" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Calculate your potential growth</span></a><link rel="prefetch" href="/revenue-calculator"/><button type="button" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Calculate your potential growth</span></button></div><div aria-hidden="true" class="btn_main_text u-background-transparent">Calculate your potential growth</div></div></div><div data-wf--global-section-space--section-space="24" class="g_section_space w-variant-5d7b3007-8df6-7fef-4fae-fdc824ffcf07"></div><div data-wf--global-section-space--section-space="28" class="g_section_space w-variant-fe87ee97-cbe9-045b-e03d-fdf659b40fe1 u-hide-desktop u-hide-tablet"></div><div class="home-second__grid u-alignment-center"><div><div class="u-style-60 is--48-mobile u-line-height-110 u-weight-semibold">↑ 2X+</div><div data-wf--global-section-space--section-space="10" class="g_section_space w-variant-e485566a-25b8-ff31-c97b-02131da1d8de"></div><div>higher list growth</div></div><div><div class="u-style-60 is--48-mobile u-line-height-110 u-weight-semibold">↑ 2X+</div><div data-wf--global-section-space--section-space="10" class="g_section_space w-variant-e485566a-25b8-ff31-c97b-02131da1d8de"></div><div>higher ROI<br/></div></div><div><div class="u-style-60 is--48-mobile u-line-height-110 u-weight-semibold">↑ 20%</div><div data-wf--global-section-space--section-space="10" class="g_section_space w-variant-e485566a-25b8-ff31-c97b-02131da1d8de"></div><div>higher CVR<br/></div></div></div></div></div></div><div data-wf--global-section-space--section-space="10" class="g_section_space w-variant-e485566a-25b8-ff31-c97b-02131da1d8de u-hide-desktop u-hide-tablet"></div><div data-wf--global-background-color--background-color="background-yellow" class="g_background w-variant-eb0f2029-84f7-ce58-38ea-0afc3f5a3171 u-cover-absolute"></div></section></div></div><div class="u-background-black"><div data-wf--global-section-space--section-space="10" class="g_section_space w-variant-e485566a-25b8-ff31-c97b-02131da1d8de"></div></div></div><div class="component__box"><div><div class="u-padding-global u-background-black"><div class="u-container"><div data-wf--global-section-space--section-space="20" class="g_section_space w-variant-28842a38-f4a1-8505-ffdf-a4f814d86557"></div><div class="u-style-24 u-weight-semibold"><strong>Name: </strong><strong>Stats / 2 or 3 metrics</strong></div><div data-wf--global-section-space--section-space="20" class="g_section_space w-variant-28842a38-f4a1-8505-ffdf-a4f814d86557"></div></div><div class="u-container"><div data-wf--global-section-space--section-space="20" class="g_section_space w-variant-28842a38-f4a1-8505-ffdf-a4f814d86557"></div><div class="blog__rich-text w-richtext"><h5>Options: </h5><h5><strong>Section</strong> – Background color can be updated.</h5><h5><strong>Metrics</strong> – Three metric sections can be edited from the properties. You can show or hide the metrics using properties.</h5></div><div data-wf--global-section-space--section-space="20" class="g_section_space w-variant-28842a38-f4a1-8505-ffdf-a4f814d86557"></div></div></div><div><div class="u-display-contents"><div><section><div class="u-padding-global"><div class="u-container"><div class="customer-sucess__stats u-radius-16 u-overflow-hidden u-zindex-1"><div class="customer-sucess__stats-box u-alignment-center u-zindex-2"><h2 class="u-style-42 is--mobile-30 u-font_ginto-nord">82%</h2><p class="u-style-18 is--12-mobile">Of customers who switched have seen 2X+ higher CVR</p></div><div class="customer-sucess__stats-box u-alignment-center u-zindex-2"><h2 class="u-style-42 is--mobile-30 u-font_ginto-nord">98%</h2><p class="u-style-18 is--12-mobile">CSAT score</p></div><div class="customer-sucess__stats-box u-alignment-center u-zindex-2"><h2 class="u-style-42 is--mobile-30 u-font_ginto-nord">84%</h2><p class="u-style-18 is--12-mobile">Of customers rate Attentive support higher than previous providers</p></div><div data-wf--global-background-color--background-color="background-offwhite" class="g_background w-variant-92067874-f704-7fbf-e076-788858af4065 u-cover-absolute"></div></div></div></div></section></div></div></div></div><div class="u-background-black"><div data-wf--global-section-space--section-space="10" class="g_section_space w-variant-e485566a-25b8-ff31-c97b-02131da1d8de"></div></div></div><div class="component__box"><div><div class="u-padding-global u-background-black"><div class="u-container"><div data-wf--global-section-space--section-space="20" class="g_section_space w-variant-28842a38-f4a1-8505-ffdf-a4f814d86557"></div><div class="u-style-24 u-weight-semibold">Name: Stats / Full Width / Black</div><div data-wf--global-section-space--section-space="20" class="g_section_space w-variant-28842a38-f4a1-8505-ffdf-a4f814d86557"></div></div><div class="u-container"><div data-wf--global-section-space--section-space="20" class="g_section_space w-variant-28842a38-f4a1-8505-ffdf-a4f814d86557"></div><div class="blog__rich-text w-richtext"><h5>Options: </h5><h5><strong>Metrics</strong> – Three metric sections can be edited from the properties. You can show or hide the metrics using properties.</h5></div><div data-wf--global-section-space--section-space="20" class="g_section_space w-variant-28842a38-f4a1-8505-ffdf-a4f814d86557"></div></div></div><div><div class="u-display-contents"><div><div data-wf--global-section-space--section-space="10" class="g_section_space w-variant-e485566a-25b8-ff31-c97b-02131da1d8de"></div><section class="u-background-black"><div class="u-padding-global"><div class="u-container"><div><div class="customer-sucess__stats is--solid"><div class="customer-sucess__stats-box u-alignment-center"><h2 class="u-style-42 is--mobile-30 u-font_ginto-nord">2x+</h2><div data-wf--global-section-space--section-space="16" class="g_section_space w-variant-2a1fe94f-353c-d071-5e9e-c25aff63d9e1"></div><h3 class="u-style-18 is--16-mobile">Higher conversion rates</h3></div><div class="customer-sucess__stats-box u-alignment-center"><h2 class="u-style-42 is--mobile-30 u-font_ginto-nord">50%</h2><div data-wf--global-section-space--section-space="16" class="g_section_space w-variant-2a1fe94f-353c-d071-5e9e-c25aff63d9e1"></div><h3 class="u-style-18 is--16-mobile">Higher spend from replies</h3></div><div class="customer-sucess__stats-box u-alignment-center"><h2 class="u-style-42 is--mobile-30 u-font_ginto-nord">1B+</h2><div data-wf--global-section-space--section-space="16" class="g_section_space w-variant-2a1fe94f-353c-d071-5e9e-c25aff63d9e1"></div><h3 data-hidebr="tablet" class="u-style-18 is--16-mobile">Messages sent and received <br/>per month</h3></div></div></div></div></div></section><div data-wf--global-section-space--section-space="10" class="g_section_space w-variant-e485566a-25b8-ff31-c97b-02131da1d8de"></div></div></div></div></div><div class="u-background-black"><div data-wf--global-section-space--section-space="10" class="g_section_space w-variant-e485566a-25b8-ff31-c97b-02131da1d8de"></div></div></div></main></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=684306b795a2c402456e92ba" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/684306b795a2c402456e92ba/js/attentive-dev-revamp-2025.072bfb1a.47f9dafb88dcc3ba.js" type="text/javascript" integrity="sha384-BK0ie1XgQ6kKE2EELBaIM7BG55N6KaUinNctmqsUKLOEP4NIDShVKqX4Mdj+Wrjt" crossorigin="anonymous"></script><!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TK3VW6S"
height="0" width="0" style="display:none;visibility:hidden">
</iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Global Menu Navigation-->
<script>
$(document).ready(function () {
if (window.innerWidth < 992) {
console.log("Screen width < 992px, navigation script not run");
return;
}
console.log("Document ready event fired for desktop navigation");
const overlay = document.querySelector(".navbar__overlay");
const body = document.body;
const menuIds = ["menu-1", "menu-2", "menu-3", "menu-4", "menu-5"];
const menus = menuIds.map(id => document.getElementById(id));
if (!overlay) {
console.log("nav-overlay not found, script exiting");
return;
}
function anyMenuOpen() {
return menus.some(menu => menu && !menu.classList.contains("hide-menu"));
}
function showOverlay() {
overlay.classList.remove("hide-overlay");
body.style.overflow = "hidden"; // disable scroll
console.log("Overlay shown, body scroll disabled");
}
function hideOverlay() {
overlay.classList.add("hide-overlay");
body.style.overflow = ""; // enable scroll
console.log("Overlay hidden, body scroll enabled");
}
function updateOverlayAndScroll() {
if (anyMenuOpen()) {
showOverlay();
} else {
hideOverlay();
}
console.log("updateOverlayAndScroll called, anyMenuOpen:", anyMenuOpen());
}
function resetMenus() {
$('[id^="menu-"]').addClass('hide-menu');
$('[id^="span-"]').addClass('is-down');
$('[id^="link-"]').removeClass('background');
$('[id^="top-"]').css('opacity', 0);
$('[id^="bottom-"]').css('opacity', 1);
}
function openMenu(number) {
const targetMenu = $('#menu-' + number);
const targetSpan = $('#span-' + number);
const targetLink = $('#link-' + number);
targetMenu.removeClass('hide-menu');
targetSpan.removeClass('is-down');
targetLink.addClass('background');
$('#top-' + number).css('opacity', 1);
$('#bottom-' + number).css('opacity', 0);
console.log("Menu opened:", 'menu-' + number);
}
function onNavLinkClick(e) {
e.preventDefault();
const linkId = $(this).attr('id');
const parts = linkId.split('-');
const number = parts[1];
const targetMenu = $('#menu-' + number);
const isAlreadyOpen = !targetMenu.hasClass('hide-menu');
console.log("Nav link clicked:", linkId, "Is already open?", isAlreadyOpen);
resetMenus();
if (!isAlreadyOpen) {
openMenu(number);
} else {
console.log("Menu was already open, menus closed");
}
updateOverlayAndScroll();
}
function onNavLinkHoverIn() {
const linkId = $(this).attr('id');
const parts = linkId.split('-');
const number = parts[1];
const targetMenu = $('#menu-' + number);
console.log("Nav link hover in:", linkId);
if (targetMenu.hasClass('hide-menu')) {
$(this).addClass('background');
}
$('#top-' + number).css('opacity', 1);
$('#bottom-' + number).css('opacity', 0);
}
function onNavLinkHoverOut() {
const linkId = $(this).attr('id');
const parts = linkId.split('-');
const number = parts[1];
const targetMenu = $('#menu-' + number);
console.log("Nav link hover out:", linkId);
if (targetMenu.hasClass('hide-menu')) {
$('#top-' + number).css('opacity', 0);
$('#bottom-' + number).css('opacity', 1);
$(this).removeClass('background');
}
}
function closeAllMenus() {
console.log("Overlay clicked, closing all menus");
menus.forEach(menu => {
if (menu) menu.classList.add("hide-menu");
});
for (let i = 1; i <= 5; i++) {
$('#link-' + i).removeClass("background");
$('#span-' + i).addClass("is-down");
$('#top-' + i).css('opacity', 0);
$('#bottom-' + i).css('opacity', 1);
}
updateOverlayAndScroll();
}
// Event bindings
$('[id^="link-"]').on('click', onNavLinkClick);
$('[id^="link-"]').hover(onNavLinkHoverIn, onNavLinkHoverOut);
overlay.addEventListener("click", closeAllMenus);
// Initialize overlay & scroll state
updateOverlayAndScroll();
console.log("Script initialized on desktop navigation");
});
</script>
<!-- Newsletter Signup (HubSpot)
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
<script>
hbspt.forms.create({
region: "na1",
portalId: "6110895",
target: ".footer-hb-form",
formId: "e79fe2a2-94ad-415b-af0e-ca2fae3065ee",
formInstanceId: "footer_form",
onFormReady: function($form) {
$form.find('input[name="email"]').attr('placeholder', 'Work email*');
}
});
</script>
-->
<script>
function initHubspotWhenVisible() {
const target = document.querySelector('.footer-hb-form');
if (!target) return;
const observer = new IntersectionObserver(entries => {
if (entries[0].isIntersecting) {
loadHubspotForm();
observer.disconnect();
}
});
observer.observe(target);
}
function loadHubspotForm() {
const script = document.createElement('script');
script.src = "//js.hsforms.net/forms/embed/v2.js";
script.onload = function () {
hbspt.forms.create({
region: "na1",
portalId: "6110895",
target: ".footer-hb-form",
formId: "e79fe2a2-94ad-415b-af0e-ca2fae3065ee"
});
};
document.body.appendChild(script);
}
initHubspotWhenVisible();
</script>
<!-- Qualified -->
<script async src="https://js.qualified.com/qualified.js?token=9HbK7T9cMMrPm51Q"></script>
<script>
(function(w,q){w['QualifiedObject']=q;w[q]=w[q]||function(){
(w[q].q=w[q].q||[]).push(arguments)};})(window,'qualified')
</script>
<!-- End Qualified -->
<script>
wf.ready(function(){
wf.onVariationRecorded(function(result){
if (typeof gtag === 'function') {
gtag('set', 'user_properties', {
'optimize_experience_name': result.experienceName,
'optimize_experience_type': result.experienceType,
'optimize_variation_name': result.variationName
});
}
});
});
</script></body></html>