https://www.workvivo.com/_next/static/chunks/2438.d620a9ba98439193.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2438],{12438:(e,n,i)=>{i.r(n),i.d(n,{default:()=>b});var a=i(95155),d=i(65606),l=i(74446),t=i(54288),m=i(38258),o=i(33850),s=i(46728),r=i(98359);let k={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"HeroHomepage"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ComponentHeroHeroHomepage"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",alias:{kind:"Name",value:"heroTitle"},name:{kind:"Name",value:"title"}},{kind:"Field",name:{kind:"Name",value:"headingFont"}},{kind:"Field",name:{kind:"Name",value:"intro"}},{kind:"Field",alias:{kind:"Name",value:"heroBackground"},name:{kind:"Name",value:"background"}},{kind:"Field",name:{kind:"Name",value:"showRatings"}},{kind:"Field",name:{kind:"Name",value:"primaryCTA"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"CTA"}}]}},{kind:"Field",name:{kind:"Name",value:"secondaryCTA"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"CTA"}}]}},{kind:"Field",name:{kind:"Name",value:"secondaryCTApopoverEmbedCode"}},{kind:"Field",name:{kind:"Name",value:"mainImage"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"UploadAsset"}}]}},{kind:"Field",name:{kind:"Name",value:"mainVideo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"UploadAsset"}}]}},{kind:"Field",name:{kind:"Name",value:"L1Image"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"UploadAsset"}}]}},{kind:"Field",name:{kind:"Name",value:"L2Image"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"UploadAsset"}}]}},{kind:"Field",name:{kind:"Name",value:"R1Image"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"UploadAsset"}}]}},{kind:"Field",name:{kind:"Name",value:"R2Image"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"UploadAsset"}}]}},{kind:"Field",name:{kind:"Name",value:"icon1"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"UploadAsset"}}]}},{kind:"Field",name:{kind:"Name",value:"icon2"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"UploadAsset"}}]}},{kind:"Field",name:{kind:"Name",value:"icon3"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"UploadAsset"}}]}},{kind:"Field",name:{kind:"Name",value:"displayLines"}},{kind:"Field",name:{kind:"Name",value:"linesColor"}},{kind:"Field",name:{kind:"Name",value:"linesWeight"}},{kind:"Field",alias:{kind:"Name",value:"heroPaddingV2"},name:{kind:"Name",value:"paddingv2"}},{kind:"Field",name:{kind:"Name",value:"experiment"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"Experiment"}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"NavPage"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Page"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"documentId"}},{kind:"Field",name:{kind:"Name",value:"name"}},{kind:"Field",name:{kind:"Name",value:"slug"}},{kind:"Field",name:{kind:"Name",value:"template"}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"UploadFile"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"UploadFile"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"documentId"}},{kind:"Field",name:{kind:"Name",value:"url"}},{kind:"Field",name:{kind:"Name",value:"alternativeText"}},{kind:"Field",name:{kind:"Name",value:"width"}},{kind:"Field",name:{kind:"Name",value:"height"}},{kind:"Field",name:{kind:"Name",value:"hash"}},{kind:"Field",name:{kind:"Name",value:"mime"}},{kind:"Field",name:{kind:"Name",value:"name"}},{kind:"Field",name:{kind:"Name",value:"provider"}},{kind:"Field",name:{kind:"Name",value:"size"}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"CTA"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ComponentOtherCta"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"link"}},{kind:"Field",name:{kind:"Name",value:"label"}},{kind:"Field",name:{kind:"Name",value:"target"}},{kind:"Field",name:{kind:"Name",value:"classNames"}},{kind:"Field",name:{kind:"Name",value:"page"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"NavPage"}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"UploadAsset"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"UploadFile"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"documentId"}},{kind:"FragmentSpread",name:{kind:"Name",value:"UploadFile"}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"GlobalCTA"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Cta"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"label"}},{kind:"Field",name:{kind:"Name",value:"cta"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"CTA"}}]}},{kind:"Field",name:{kind:"Name",value:"popupForm"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"formHeader"}},{kind:"Field",name:{kind:"Name",value:"formEmbedCode"}},{kind:"Field",name:{kind:"Name",value:"formIgnoreClearbit"}}

1,{kind:"Field",name:{kind:"Name",value:"formEmbedMedia"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"UploadAsset"}}]}},{kind:"Field",name:{kind:"Name",value:"formEmbedMediaMobile"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"UploadAsset"}}]}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"CTARel"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Cta"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"GlobalCTA"}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"Experiment"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Experiment"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"documentId"}},{kind:"Field",name:{kind:"Name",value:"popupForm"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"isActive"}},{kind:"Field",name:{kind:"Name",value:"cta"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"CTA"}}]}},{kind:"Field",name:{kind:"Name",value:"ctaRel"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"CTARel"}}]}},{kind:"Field",name:{kind:"Name",value:"formHeader"}},{kind:"Field",name:{kind:"Name",value:"formEmbedCode"}},{kind:"Field",name:{kind:"Name",value:"formIgnoreClearbit"}},{kind:"Field",name:{kind:"Name",value:"formEmbedMedia"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"UploadAsset"}}]}},{kind:"Field",name:{kind:"Name",value:"formEmbedMediaMobile"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"UploadAsset"}}]}}]}}]}}]};var c=i(18743),u=i(83448),v=i(50185),p=i(96725),N=i(28377),S=i(92605),g=i(55986),F=i(68802),h=i(31615),x=i(12115);function f(e){let{mainVideo:n,mainImage:i}=e,d=(0,v.ni)(u.A,n),l=(0,v.ni)(F.A,d),t=(0,v.ni)(F.A,(0,v.ni)(u.A,i)),m=(0,x.useRef)(null);return(0,x.useEffect)(()=>{if(m.current&&m.current.paused){let e=()=>{m.current&&m.current.play()};return window.addEventListener("scroll",e),window.addEventListener("mousemove",e),window.addEventListener("touchstart",e),()=>{window.removeEventListener("scroll",e),window.removeEventListener("mousemove",e),window.removeEventListener("touchstart",e)}}},[]),(0,a.jsx)("div",{className:"relative lg:mx-auto lg:max-w-3xl",children:(0,a.jsx)("div",{className:"h-full w-full overflow-hidden rounded-2xl",children:(0,a.jsx)("video",{ref:m,src:(0,h.f)((null==l?void 0:l.url)||"","video",["q_auto","f_auto:video"]),poster:(null==t?void 0:t.url)?(0,h.V)(t.url):void 0,className:"h-full w-full",preload:(null==t?void 0:t.url)?"none":"auto",loop:!0,playsInline:!0,muted:!0})})})}var w=i(82684);function A(e){switch(e){case"w_1_5":return 1.5;case"w_2":return 2;default:return 1}}function C(e){switch(e){case"White":return"#FFFFFF";case"Purple":return"#9966FE";default:return"#A69BB7"}}function b(e){var n,i;if(!e)return null;let F=(0,v.ni)(k,e),h=(0,v.ni)(u.A,F.mainVideo),x=(0,v.ni)(r.A,F.primaryCTA),b=(0,v.ni)(c.A,null==x?void 0:x.page),y=(0,v.ni)(r.A,F.secondaryCTA),j=(0,v.ni)(c.A,null==y?void 0:y.page),{heroTitle:T,intro:E,mainImage:U,mainVideo:L,L1Image:_,L2Image:I,R1Image:M,R2Image:R}=F,D=e=>"Default"!==e&&null!=e?"":"pb-10 lg:pb-20";return(0,a.jsxs)("div",{className:(0,N.x)("pt-16 lg:pt-20",D(F.heroPaddingV2),(0,g.s)(F.heroPaddingV2,D()),(0,p._N)(F.heroBackground)),children:[(0,a.jsxs)("div",{className:"container relative hidden xl:block",children:[F.displayLines&&(0,a.jsx)("svg",{width:"399",height:"718",viewBox:"0 0 399 718",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"absolute left-8 top-12",children:(0,a.jsx)("path",{d:"M397.686 717.499C316.685 488.499 143.937 507.999 62.3721 421.999C-7.24036 348.602 -17 230.999 29 174.999C75 118.999 128.5 70.4992 128.5 0.499214",stroke:C(F.linesColor),strokeWidth:A(F.linesWeight)})}),F.displayLines&&(0,a.jsx)("svg",{width:"388",height:"697",viewBox:"0 0 388 697",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"absolute right-6 top-12",children:(0,a.jsx)("path",{d:"M0.996567 696.5C81.9972 467.5 254.745 487 336.31 401C405.923 327.603 395.504 207 354 146C319.839 95.7927 231.631 72.3976 211.996 1.00013",stroke:C(F.linesColor),strokeWidth:A(F.linesWeight)})}),(0,a.jsx)(m.A,{image:_,classes:"absolute left-16 top-9 w-40"}),(0,a.jsx)(m.A,{image:F.icon1,classes:"absolute left-2 top-56 max-w-[68px] max-h-[68px] aspect-square"}),(0,a.jsx)(m.A,{image:I,classes:"absolute left-0 top-96 w-56"}),(0,a.jsx)(m.A,{image:M,classes:"absolute right-16 top-9 w-40"}),(0,a.jsx)(m.A,{image:F.icon2,classes:"absolute right-2 top-48 max-w-[68px] max-h-[68px] aspect-square"}),(0,a.jsx)(m.A,{image:R,classes:"absolute right-0 top-[17rem] w-[234px]"}),(0,a.jsx)(m.A,{image:F.icon3,classes:"absolute right-44 top-[30.5rem] max-w-[68px] max-h-[68px] aspect-square"})]}),(0,a.jsxs)("div",{className:"container space-y-14",children:[(0,a.jsxs)("div",{className:"flex flex-col items-center gap-12",children:[(0,a.jsxs)("div",{className:"space-y-8 text-center lg:max-w-2xl",children:[(0,a.jsx)(o.A,{content:T,classes:(0,N.x)("lg:max-w-none",S.t,"bold"===F.headingFont?"prose-headings:font-delight prose-headings:font-semibold prose-strong:font-semibold":"","black"===F.headingFont?"prose-headings:font-delight prose-headings:font-bold prose-strong:font-bold":"")}),(0,a.jsx)("p",{className:"large-reg-text text-color-text dark:text-color-text-dark",children:E})]}),(0,a.jsxs)("div",{className:"flex w-full flex-col items-center gap-8 lg:w-auto lg:flex-row lg:gap-12",children:[(0,a.jsxs)(t.A,{cta:F.secondaryCTA,classes:"order-last",children:[(0,a.jsx)(l.A,{label:null!=(n=null==y?void 0:y.label)?n:null==j?void 0:j.name}),F.secondaryCTApopoverEmbedCode&&(0,a.jsx)(w.A,{embedCode:F.secondaryCTApopoverEmbedCode})]}),(0,a.jsx)(t.A,{cta:F.primaryCTA,classes:"order-first w-full lg:w-auto",children:(0,a.jsx)(d.A,{label:null!=(i=null==x?void 0:x.label)?i:null==b?void 0:b.name,className:"w-full lg:w-auto"})})]})]}),F.showRatings&&(0,a.jsx)("div",{className:"!mt-16",children:(0,a.jsx)(s.A,{variation:"dark"})}),h?(0,a.jsx)(f,{mainVideo:L,mainImage:U}

1):(0,a.jsx)(m.A,{image:U,classes:"rounded-[18px] border border-divider lg:mx-auto relative lg:max-w-3xl"})]})]})}},82684:(e,n,i)=>{i.d(n,{A:()=>l});var a=i(95155),d=i(12115);function l(e){let{embedCode:n}=e,[i,l]=(0,d.useState)(!1),t=(0,d.useRef)(!1),m=(0,d.useRef)(null);return(0,d.useEffect)(()=>{var e;let n=null==(e=m.current)?void 0:e.closest("a");if(!n)return;let i=()=>{t.current||(t.current=!0,l(!0))};return n.addEventListener("click",i),()=>n.removeEventListener("click",i)},[]),(0,d.useEffect)(()=>{if(!i||!m.current)return;let e=m.current,a=document.createElement("div");a.innerHTML=n;let d=a.querySelectorAll("script[src]"),l=Array.from(d).map(e=>e.getAttribute("src"));d.forEach(e=>e.remove()),e.innerHTML=a.innerHTML;let t=n.match(/wistia_async_(\w+)/);if(t){let e=t[1];(window._wq=window._wq||[]).push({id:e,onReady:e=>{e.popover.show()}})}l.forEach(e=>{if(!document.querySelector('script[src="'.concat(e,'"]'))){let n=document.createElement("script");n.src=e,n.async=!0,document.head.appendChild(n)}})},[i,n]),(0,a.jsx)("div",{ref:m})}}}]);