https://www.measurementof.com/_next/static/chunks/app/(frontend)/c…/%5Bslug%5D/page-189c099b36634a1c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2667],{25348:(e,t,a)=>{"use strict";a.d(t,{LivePreviewListener:()=>l});var r=a(73934),s=a(34790),o=a(5105),n=a(30287);let l=()=>{let e=(0,o.useRouter)();return(0,r.jsx)(s.p,{refresh:e.refresh,serverURL:(0,n.y)()})}},28370:(e,t,a)=>{"use strict";a.r(t),a.d(t,{VideoBlock:()=>x});var r=a(73934),s=a(96222),o=a(43070),n=a(81140),l=a(78074),i=a(15874),d=a(47207);let c=l.bL;l.l9;let u=l.ZL;l.bm;let m=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)(l.hJ,{ref:t,className:(0,d.cn)("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",a),...s})});m.displayName=l.hJ.displayName;let f=s.forwardRef((e,t)=>{let{className:a,children:s,...o}=e;return(0,r.jsxs)(u,{children:[(0,r.jsx)(m,{}),(0,r.jsxs)(l.UC,{ref:t,className:(0,d.cn)("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",a),...o,children:[s,(0,r.jsxs)(l.bm,{className:"absolute right-4 top-4 roun

1ded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[(0,r.jsx)(i.A,{className:"h-4 w-4"}),(0,r.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})});f.displayName=l.UC.displayName;let h=e=>{let{className:t,...a}=e;return(0,r.jsx)("div",{className:(0,d.cn)("flex flex-col space-y-1.5 text-center sm:text-left",t),...a})};h.displayName="DialogHeader";let p=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)(l.hE,{ref:t,className:(0,d.cn)("text-lg font-semibold leading-none tracking-tight",a),...s})});p.displayName=l.hE.displayName;let b=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)(l.VY,{ref:t,className:(0,d.cn)("text-sm text-muted-foreground",a),...s})});b.displayName=l.VY.displayName;var g=a(44582);let x=e=>{let{title:t,thumbnail:a}=e,[l,i]=(0,s.useState)(!1);return(0,r.jsxs)("section",{className:"pt-20 lg:pt-24 animate-section video-block",children:[(0,r.jsxs)("div",{className:"container-custom mx-auto px-4 sm:px-6 lg:px-8",children:[(0,r.jsx)("h2",{className:"text-3xl md:text-4xl font-bold max-w-[40rem] leading-tight",children:t}),(0,r.jsxs)("div",{className:"w-full mt-10 md:mt-16 relative animate-section animate-section",children:[a&&"object"==typeof a&&(0,r.jsx)(o.$,{resource:{...a,width:1024,height:578},className:"w-full h-auto rounded-lg shadow-lg"}),(0,r.jsx)("div",{className:"group absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",children:(0,r.jsx)("button",{type:"button",className:"w-14 md:w-20 xl:w-[120px] cursor-pointer transition-transform duration-300 group-hover:scale-110",onClick:()=>{i(!0)},"aria-label":"Play video",children:(0,r.jsx)(n.default,{src:"/ic-play.svg",alt:"Play",width:96,height:96,className:"w-full h-auto"})})})]})]}),(0,r.jsx)(v,{isOpen:l,toggleOpen:()=>i(e=>!e),...e})]})},v=e=>{let t=(0,s.useRef)(null);return(0,r.jsx)(c,{open:e.isOpen,onOpenChange:e.toggleOpen,children:(0,r.jsx)(f,{className:"w-full h-full max-w-screen-2xl max-h-[80vh] flex items-center justify-center bg-transparent p-0 border-0",children:(0,r.jsxs)(h,{className:"w-full h-full",children:[(0,r.jsx)(p,{className:"sr-only",children:"Video"}),(0,r.jsx)(b,{className:"sr-only",children:"Watch Video"}),(0,r.jsx)(g.$,{onClick:e.toggleOpen,variant:"link",className:"absolute -top-10 -right-5 text-white z-50",children:(0,r.jsx)(i.A,{className:"h-6 w-6"})}),(null==e?void 0:e.type)==="video"&&e.video&&"object"==typeof e.video&&(0,r.jsx)(o.$,{resource:{...e.video},imgClassName:"w-full h-full border-none rounded-lg bg-black block"}),(null==e?void 0:e.type)==="embedded"&&e.embedded&&(0,r.jsx)("iframe",{ref:t,src:(e=>{for(let t of[/(?:https?:\/\/)?(?:www\.)?youtube\.com\/watch\?v=([^&\n?#]+)/,/(?:https?:\/\/)?(?:www\.)?youtu\.be\/([^&\n?#]+)/,/(?:https?:\/\/)?(?:www\.)?youtube\.com\/embed\/([^&\n?#]+)/]){let a=e.match(t);if(a)return"https://www.youtube.com/embed/".concat(a[1],"?autoplay=1&rel=0")}return e})(e.embedded),title:"YouTube video player",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,className:"w-full h-full border-none rounded-lg bg-black block"})]})})})}},30287:(e,t,a)=>{"use strict";a.d(t,{y:()=>o});let r=!!window.document&&!!window.document.createElement;var s=a(10575);let o=()=>{if(r){let e=window.location.protocol,t=window.location.hostname,a=window.location.port;return"".concat(e,"//").concat(t).concat(a?":".concat(a):"")}return s.env.VERCEL_PROJECT_PRODUCTION_URL?"https://".concat(s.env.VERCEL_PROJECT_PRODUCTION_URL):"https://www.measurementof.com"}},41907:(e,t,a)=>{"use strict";a.d(t,{default:()=>o});var r=a(73934),s=a(96222);let o=()=>(s.useEffect(()=>{let e=document.querySelectorAll(".animate-section"),t=new window.IntersectionObserver((e,t)=>{e.forEach(e=>{e.isIntersecting&&(e.target.classList.add("animate-slideIn"),t.unobserve(e.target))})},{threshold:.1});return e.forEach(e=>{t.observe(e)}),()=>

1{e.forEach(e=>t.unobserve(e)),t.disconnect()}},[]),(0,r.jsx)(s.Fragment,{}))},43070:(e,t,a)=>{"use strict";a.d(t,{$:()=>l});var r=a(73934),s=a(96222),o=a(92636),n=a(75792);let l=e=>{var t;let{className:a,htmlElement:l="div",resource:i}=e,d="object"==typeof i&&(null==i||null==(t=i.mimeType)?void 0:t.includes("video")),c=l||s.Fragment;return(0,r.jsx)(c,{...null!==l?{className:a}:{},children:d?(0,r.jsx)(n.VideoMedia,{...e}):(0,r.jsx)(o.ImageMedia,{...e})})}},44582:(e,t,a)=>{"use strict";a.d(t,{$:()=>i,r:()=>l});var r=a(73934),s=a(47207),o=a(730),n=a(26476);a(96222);let l=(0,n.F)("inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{defaultVariants:{size:"default",variant:"default"},variants:{size:{clear:"",default:"h-10 px-4 py-2 rounded-lg",icon:"h-10 w-10",lg:"h-11 rounded px-8",sm:"h-9 rounded px-3"},variant:{default:"bg-blue text-white text-base font-semibold inline-block border border-blue hover:bg-transparent hover:text-blue hover:border-blue",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",ghost:"hover:bg-card hover:text-accent-foreground",link:"text-primary items-start justify-start underline-offset-4 hover:underline",outline:"border border-border bg-background hover:bg-card hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80"}}}),i=e=>{let{asChild:t=!1,className:a,size:n,variant:i,ref:d,...c}=e,u=t?o.DX:"button";return(0,r.jsx)(u,{className:(0,s.cn)(l({className:a,size:n,variant:i})),ref:d,...c})}},47207:(e,t,a)=>{"use strict";a.d(t,{cn:()=>o});var r=a(6410),s=a(30910);function o(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return(0,s.QP)((0,r.$)(t))}},75110:(e,t,a)=>{"use strict";a.d(t,{e:()=>s});var r=a(30287);let s=(e,t)=>{if(!e)return"";if(e.startsWith("http://")||e.startsWith("https://"))return t?"".concat(e,"?").concat(t):e;let a=(0,r.y)();return t?"".concat(a).concat(e,"?").concat(t):"".concat(a).concat(e)}},75376:(e,t,a)=>{Promise.resolve().then(a.bind(a,41907)),Promise.resolve().then(a.bind(a,28370)),Promise.resolve().then(a.bind(a,38833)),Promise.resolve().then(a.bind(a,25348)),Promise.resolve().then(a.bind(a,92636)),Promise.resolve().then(a.bind(a,75792)),Promise.resolve().then(a.bind(a,89629)),Promise.resolve().then(a.t.bind(a,33532,23)),Promise.resolve().then(a.t.bind(a,54137,23))},75792:(e,t,a)=>{"use strict";a.d(t,{VideoMedia:()=>l});var r=a(73934),s=a(47207),o=a(96222),n=a(75110);let l=e=>{let{onClick:t,resource:a,videoClassName:l}=e,i=(0,o.useRef)(null);if(a&&"object"==typeof a){let{filename:e}=a;return(0,r.jsx)("video",{autoPlay:!0,className:(0,s.cn)(l),controls:!1,loop:!0,muted:!0,onClick:t,playsInline:!0,ref:i,preload:"metadata",children:(0,r.jsx)("source",{src:(0,n.e)("/media/".concat(e))})})}return null}},92636:(e,t,a)=>{"use strict";a.d(t,{ImageMedia:()=>d});var r=a(73934),s=a(47207),o=a(81140),n=a(96222),l=a(75110);let{breakpoints:i}={breakpoints:{"3xl":1920,"2xl":1536,xl:1280,lg:1024,md:768,sm:640}},d=e=>{let t,a,{alt:d,fill:c,pictureClassName:u,imgClassName:m,priority:f,resource:h,size:p,src:b,loading:g}=e,x=d,v=b||"",w="";if(!v&&h&&"object"==typeof h){let{alt:e,height:r,url:s,width:o,title:n}=h;t=o,a=r,x=e||"",w=n||"";let i=h.updatedAt;v=(0,l.e)(s,i)}let y=n.useMemo(()=>p||Object.entries(i).map(e=>{let[,t]=e;return"(max-width: ".concat(t,"px) ").concat(2*t,"w")}).join(", "),[p]);return(0,r.jsx)("picture",{className:(0,s.cn)(u),children:(0,r.jsx)(o.default,{alt:x||"",className:(0,s.cn)(m),fill:c,height:c?void 0:a,priority:f,fetchPriority:f?"high":"low",quality:100,loading:g||(f?void 0:"lazy"),sizes:y,src:v,width:c?void 0:t,title:w,decoding:"async"})})}}},e=>{e.O(0,[9340,8672,9225,4394,2973,4779,4614,7358],()=>e(e.s=75376)),_N_E=e.O()}]);