https://www.30ninjas.com/_next/static/chunks/pages/work/[slug]-4c93e4b6055baad3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[413],{988:(e,t,l)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/work/[slug]",function(){return l(9059)}])},1178:(e,t,l)=>{"use strict";l.d(t,{P:()=>o});var s=l(7876),n=l(4232),i=l(3261);let r={p:"text-xl mb-6",ul:"mb-6 list-disc pl-6",ol:"mb-6 list-decimal pl-6",li:"text-lg mb-1",strong:"font-bold",a:"cursor-pointer underline hover:no-underline",h2:"text-3xl lg:text-4xl mb-4 lg:mb-6 font-bold mt-8",h3:"text-2xl lg:text-3xl mb-3 lg:mb-6 font-bold mt-8",h4:"text-xl lg:text-2xl mb-2 lg:mb-4 font-bold mt-8"},a=e=>e&&"string"!=typeof e?Array.isArray(e)?e.map(a):(0,n.cloneElement)(e,{children:a(e.props.children),className:r[e.type]}):e,c=(e,t)=>(e=>!!e&&"object"==typeof e&&"$$typeof"in e)(e)?(0,n.cloneElement)(e,{className:e.props.className.replace(RegExp("((xs|sm|md|lg|xl|2xl):)?[mp]".concat(t,"[^s$]+"),"g"),"")}):e,o=e=>{let{html:t,className:l}=e,{content:r}=(e=>(0,n.useMemo)(()=>(e=>{let t=(0,i.Ay)(null!=e?e:""),l=(Array.isArray(t)?t:[t]).map(a);return l[0]=c(l[0],"t"),l[l.length-1]=c(l[l.length-1],"b"),{content:l}})(e),[e]))(t);return(0,s.jsx)("div",{className:l,children:r})}},2113:(e,t,l)=>{"use strict";l.d(t,{BF:()=>c,FH:()=>o,Mg:()=>r,W6:()=>s,aW:()=>d,h1:()=>i,rf:()=>m,tz:()=>a,yy:()=>n});let s="https://www.30ninjas.com",n="30 Ninjas",i="30 Ninjas is an award-winning Immersive Content Studio that creates must-watch stories and ground-breaking interactive experiences using the latest AI and XR (VR, AR, MR & Spatial) technologies.",r="30 Ninjas is an award-winning Immersive Content Studio founded by maverick feature film director Doug Liman with visionary digital media innovators Julina Tatlock and Jed Weintrob. We produce must-watch stories and ground-breaking interactive experiences using the latest AI and XR (VR, AR, MR & Spatial) technologies.",a="30 Ninjas - Award-winning Immersive Content Studio",c=i,o="".concat(s,"/assets/images/social-share.jpg"),d="".concat(s,"/assets/favicon/apple-touch-icon-180x180.png"),m=e=>"".concat(s).concat(e.startsWith("/")?e:"/".concat(e))},2382:(e,t,l)=>{"use strict";l.d(t,{Z:()=>d});var s=l(7876),n=l(4587),i=l.n(n),r=l(8103),a=l.n(r),c=l(3152);let o=e=>{let{children:t,link:l,className:n}=e;return l?(0,s.jsx)("a",{href:l,className:a()("block cursor-pointer",n),children:t}):(0,s.jsx)("div",{className:n,children:t})},d=e=>{let{images:t,className:l}=e;return(0,s.jsx)("div",{className:a()("grid grid-cols-2 gap-4",l),children:t.map(e=>{if("landscape_image_row"===e._modelApiKey){var t;let{image:l}=e;return l?(0,s.jsx)(o,{className:"col-span-2",link:e.link,children:(0,s.jsx)(i(),{src:l.url,alt:null!=(t=l.alt)?t:"",width:l.width,height:l.height,className:"w-full object-cover",style:{aspectRatio:c.H},sizes:"(min-width: 1024px) calc(100vw - 6rem), (min-width: 1440px) 1440px, calc(100vw - 3rem)"})},l.id):null}if("portrait_image_row"===e._modelApiKey){let{imageOne:t,linkOne:l,imageTwo:n,linkTwo:r}=e,a=[l,r];return[t,n].filter(e=>!!e).map((e,t)=>{var l;return(0,s.jsx)(o,{link:a[t],children:(0,s.jsx)(i(),{src:e.url,alt:null!=(l=e.alt)?l:"",width:e.width,height:e.height,className:"w-full object-cover",style:{aspectRatio:c.p},sizes:"(min-width: 1024px) calc(50vw - 6rem), (min-width: 1440px) 664px, calc(50vw - 3rem)"},e.id)},e.id)})}return null})})}},3152:(e,t,l)=>{"use strict";l.d(t,{H:()=>n,p:()=>s});let s=.875,n=1.778},3527:(e,t,l)=>{"use strict";l.d(t,{e:()=>a});var s=l(7876),n=l(7328),i=l.n(n),r=l(2113);let a=e=>{let{title:t,suffix:l=!0,description:n=r.h1,canonical:a,ogImage:c=r.FH,ogType:o="website",noIndex:d=!1}=e,m=r.yy;return l?t&&t!==r.yy&&(m="".concat(t," | ").concat(r.yy)):m=null!=t?t:r.yy,(0,s.jsxs)(i(),{children:[(0,s.jsx)("title",{children:m}),(0,s.jsx)("meta",{name:"description",content:n}),a&&(0,s.jsx)("link",{rel:"canonical",href:a}),(0,s.jsx)("meta",{property:"og:type",content:o}),(0,s.jsx)("meta",{property:"og:site_name",content:r.yy}),(0,s.jsx)("meta",{property:"og:title",content:m}),(0,s.jsx)("meta",{property:"og:description",content:n}),a&&(0,s.jsx)("meta",{property:"og:url",content:a}),c&&(0,s.jsx)("meta",{property:"og:image",content:c}),(0,s.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,s.jsx)("meta",{name:"twitter:title",content:m}),(0,s.jsx)("meta",{name:"twitter:description",content:n}),c&&(0,s.jsx)("meta",{name:"twitter:image",content:c}),d&&(0,s.jsx)("meta",{name:"robots",content:"noindex"})]})}},5123:(e,t,l)=>{"use strict";l.d(t,{X:()=>n});var s=l(4232);let n=()=>

1{let[e,t]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{let e=l=>{("Tab"===l.key||9===l.keyCode)&&(t(!0),window.removeEventListener("keydown",e))};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[]),e}},5314:(e,t,l)=>{"use strict";l.d(t,{EJ:()=>s,RM:()=>n});let s=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:160;return e.length<=t?e:"".concat(e.slice(0,t-1).trim(),"…")},n=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:160;return s(e.replace(/<[^>]*>/g," ").replace(/\s+/g," ").trim(),t)}},5316:(e,t,l)=>{"use strict";l.d(t,{P:()=>r});var s=l(7876),n=l(8103),i=l.n(n);let r=e=>{let{text:t,className:l}=e;return t?(0,s.jsxs)("p",{className:i()("text-center text-xl leading-relaxed md:text-2xl lg:text-4xl lg:leading-[133%]",l),children:["“",t,"”"]}):null}},6747:(e,t,l)=>{"use strict";l.d(t,{U:()=>a});var s=l(7876),n=l(4587),i=l.n(n),r=l(3152);let a=e=>{var t,l,n;let{project:a}=e;return(0,s.jsxs)("a",{href:"/work/".concat(a.slug),className:"cursor-pointer",children:[(null==(t=a.heroImage)?void 0:t.url)?(0,s.jsx)(i(),{src:a.heroImage.url,alt:null!=(n=a.heroImage.alt)?n:"",width:a.heroImage.width,height:a.heroImage.height,className:"w-full object-cover",style:{aspectRatio:r.H},sizes:"(min-width: 1440px) 640px, 50vw"}):(0,s.jsx)("div",{className:"bg-secondary-grey",style:{aspectRatio:r.H}}),(0,s.jsxs)("div",{className:"mt-2 md:mt-4",children:[!!(null==(l=a.partners)?void 0:l[0])&&(0,s.jsx)("p",{className:"text-secondary-grey text-xl mb-1 md:mb-2",children:a.partners[0].name}),(0,s.jsx)("h3",{className:"text-2xl md:text-3xl",children:a.title})]})]},a.id)}},6869:(e,t,l)=>{"use strict";l.d(t,{X:()=>i});var s=l(4232),n=l(463);let i=e=>{let{setShowPreviewModeBanner:t}=(0,n.H)();(0,s.useEffect)(()=>{t(e)},[e,t])}},9059:(e,t,l)=>{"use strict";l.r(t),l.d(t,{__N_SSG:()=>E,default:()=>R});var s=l(7876),n=l(8103),i=l.n(n),r=l(9068),a=l(8275),c=l(5123),o=l(4232),d=l(9357),m=l(4587),x=l.n(m);let u={src:"/_next/static/media/arrow.8931d2ce.svg",height:30,width:30,blurWidth:0,blurHeight:0},h=e=>{let{type:t,onClick:l,style:n}=e;return(0,s.jsx)("button",{type:"button",style:n,className:"rounded-full bg-neon-green text-white flex items-center justify-center min-w-[44px] min-h-[44px] max-w-[44px] max-h-[44px]","aria-label":"Go to ".concat(t," slide"),onClick:l,children:(0,s.jsx)(x(),{className:i()("next"===t&&"transform rotate-180"),src:u,alt:"",height:"30",width:"30"})})};var p=l(5316);let g=e=>{var t,l;let{reviewer:n,showReviewer:r}=e,a=(null==n?void 0:n.url)?"a":"div";return(0,s.jsxs)(a,{href:null==n?void 0:n.url,target:(null==n?void 0:n.url)?"_blank":void 0,className:i()("flex flex-row items-center transition-opacity duration-200",r?"opacity-100":"opacity-0"),children:[(0,s.jsx)("div",{className:"shadow-[0_4px_4px_0px_rgba(0,0,0,0.15)] rounded-full overflow-hidden flex items-center justify-center w-[64px] h-[64px]",children:!!(null==n||null==(t=n.logo)?void 0:t.url)&&(0,s.jsx)(x(),{src:n.logo.url,alt:null!=(l=n.logo.alt)?l:"",width:"45",height:"45"})}),(0,s.jsx)("div",{className:"ml-4",children:null==n?void 0:n.name})]})},v={dots:!1,arrows:!1,infinite:!0,speed:500,initialSlide:0},w=e=>{var t;let{quotes:l,className:n}=e,r=(0,o.useRef)(),[a,c]=(0,o.useState)(!0),[m,x]=(0,o.useState)(null==l?void 0:l[0].reviewer),u=(0,o.useCallback)(()=>{var e;null==(e=r.current)||e.slickPrev()},[]),w=(0,o.useCallback)(()=>{var e;null==(e=r.current)||e.slickNext()},[]),j=(0,o.useCallback)(()=>{c(!1)},[]),f=(0,o.useCallback)(e=>{x(null==l?void 0:l[e].reviewer),c(!0)},[l]);return(0,s.jsxs)("div",{className:i()("relative w-full",n),children:[(0,s.jsx)(d.A,{ref:r,...v,beforeChange:j,afterChange:f,children:null==l?void 0:l.map(e=>(0,s.jsx)("div",{children:(0,s.jsx)(p.P,{text:e.quote})},e.quote))}),(0,s.jsxs)("div",{className:"flex w-full justify-between items-center mt-6 lg:mt-12",children:[(0,s.jsx)(g,{reviewer:m,showReviewer:a},null==m?void 0:m.id),(0,s.jsx)("div",{className:"flex flex-row space-x-4",children:(null!=(t=null==l?void 0:l.length)?t:0)>1&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(h,{type:"previous",onClick:u}),(0,s.jsx)(h,{type:"next",onClick:w})]})})]})]})};var j=l(2382),f=l(6708),y=l(6869),b=l(6747),N=l(1178),k=l(3527),_=l(5314),C=l(2113),E=!0;let R=e=>{var t,l;let{project:n,allProjects:o,preview:d}=e,{slug:m,title:x,description:u,heroImage:h,video:p,partners:g,services:v,quotes:E,lead:R,images:A}=null!=n?n:{},{shouldVideoPlay:S,setShouldVideoPlay:I}=(0,a.R)(),L=(0,c.X)(),M=p?"button":"div";return(0,y.X)(d),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(k.e,{title:null!=x?x:void 0,description:(0,_.RM)(null!=(t=null!=R?R:u)?t:"")||void 0,canonical:m?(0,C.rf)("/work/".concat(m)):void 0,ogImage:null!=(l=null==h?void 0:h.url)?l:void 0}),(0,s.jsx)("header",{className:"h-screen w-screen",children:(0,s.jsx)("div",{className:"z-10 h-full w-full relative",children:(0,s.jsx)(r.E,{video:p,image:h,children:(0,s.jsxs)(M,{type:p?"button":void 0,className:i()("block font-medium uppercase tracking-wide select-none mix-blend-difference text-white text-center px-12 z-20 mix-blend-difference",p&&"hover:scale-90",!L&&"outline-none",S?"opacity-0 duration-200":"opacity-100 duration-500 delay-100"),onClick:p?()=>{I(!0)}:void 0,children:[(0,s.jsx)("h1",{className:"text-8xl md:text-9xl hidden sm:block [text-shadow:rgb(0_0_0_/_70%)_1px_0_5px]",children:x}),p&&(0,s.jsx)("p",{className:"text-4xl md:text-5xl mt-10 [text-shadow:rgb(0_0_0_/_70%)_1px_0_5px]",children:"WATCH"})]})})})}),(0,s.jsxs)(f.b,{as:"main",className:"my-10 lg:mt-16 lg:mb-10 text-primary-black",children:[(0,s.jsx)("p",{className:"text-5xl sm:hidden text-center mb-8",children:x}),R&&(0,s.jsx)("div",{className:"grid lg:grid-cols-2 text-center sm:text-left",children:(0,s.jsx)("p",{className:"font-normal text-3xl sm:text-4xl xl:text-5xl",children:R})}),!!(g.length||(null==v?void 0:v.length)||u)&&(0,s.jsxs)("div",{className:"grid lg:grid-cols-2 my-10 lg:mt-16 lg:mb-10 space-y-8 lg:space-y-0 text-center sm:text-left",children:[(0,s.jsxs)("div",{className:"space-y-8",children:[!!g.length&&(0,s.jsxs)("section",{children:[(0,s.jsxs)("h3",{className:"text-secondary-grey text-xl font-bold",children:["Partner",1===g.length?"":"s",":"]}),(0,s.jsx)("p",{className:"mt-2",children:g.filter(e=>{let{name:t}=e;return!!t}).map(e=>String(e.name)).join(", ")})]}),!!(null==v?void 0:v.length)&&(0,s.jsxs)("section",{children:[(0,s.jsx)("h3",{className:"text-secondary-grey text-xl font-bold",children:"Services:"}),(0,s.jsx)("ul",{className:"mt-2",children:v.map(e=>(0,s.jsx)("li",{children:e.name},e.id))})]})]}),(0,s.jsx)(N.P,{html:u})]}),!!(null==A?void 0:A.length)&&(0,s.jsx)(j.Z,{images:A,className:"my-8 lg:my-12"}),!!(null==E?void 0:E.length)&&(0,s.jsx)("div",{className:"my-6 lg:my-12",children:(0,s.jsx)(w,{quotes:E})})]}),!!o.length&&(0,s.jsx)("div",{className:"bg-black text-white pt-8 md:pt-12 mt-8 lg:mt-12",children:(0,s.jsxs)(f.b,{children:[(0,s.jsx)("h2",{className:"mb-8 md:mb-12 text-3xl md:text-[46px]",children:"More Projects"}),(0,s.jsx)("div",{className:"grid md:grid-cols-2 gap-12 md:gap-16",children:o.map(e=>(0,s.jsx)(b.U,{project:e},e.id))})]})})]})}},9068:(e,t,l)=>{"use strict";l.d(t,{E:()=>p});var s=l(7876),n=l(8103),i=l.n(n),r=l(4232),a=l(4587),c=l.n(a),o=l(8847),d=l.n(o);let m=e=>{let{onClick:t,className:l,size:n=24}=e;return(0,s.jsxs)("button",{type:"button",onClick:t,className:l,children:[(0,s.jsx)("span",{className:"hidden",children:"Close"}),(0,s.jsx)("svg",{fill:"currentColor",height:n,width:n,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 460.775 460.775",children:(0,s.jsx)("path",{d:"M285.08,230.397L456.218,59.27c6.076-6.077,6.076-15.911,0-21.986L423.511,4.565c-2.913-2.911-6.866-4.55-10.992-4.55  c-4.127,0-8.08,1.639-10.993,4.55l-171.138,171.14L59.25,4.565c-2.913-2.911-6.866-4.55-10.993-4.55  c-4.126,0-8.08,1.639-10.992,4.55L4.558,37.284c-6.077,6.075-6.077,15.909,0,21.986l171.138,171.128L4.575,401.505  c-6.074,6.077-6.074,15.911,0,21.986l32.709,32.719c2.911,2.911,6.865,4.55,10.992,4.55c4.127,0,8.08-1.639,10.994-4.55  l171.117-171.12l171.118,171.12c2.913,2.911,6.866,4.55,10.993,4.55c4.128,0,8.081-1.639,10.992-4.55l32.709-32.719  c6.074-6.075,6.074-15.909,0-21.986L285.08,230.397z"})})]})},x=()=>(0,s.jsx)("svg",{width:"100%",height:"100%",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1512 983",preserveAspectRatio:"xMidYMid slice",fill:"none",children:(0,s.jsxs)("g",{children:[(0,s.jsx)("path",{d:"M-533 493H2043",stroke:"white"}),(0,s.jsx)("path",{d:"M411.533 1088.21L1098.47 -102.208",stroke:"white"}),(0,s.jsx)("path",{d:"M1098.47 1088.21L411.533 -102.208",stroke:"white"})]})});var u=l(8275);let h=d()(()=>l.e(845).then(l.t.bind(l,845,23)),{loadableGenerated:{webpack:()=>[845]},ssr:!1}),p=e=>{let{className:t,children:l,video:n,image:a,hasHexLines:o}=e,{isVideoPlaying:d,wasVideoPlaying:p,onPlay:g,onStop:v,shouldVideoPlay:w,setShouldVideoPlay:j}=(0,u.R)(),f=(0,r.useRef)(null),y=!d&&p,[b,N]=(0,r.useState)(!1),k=(0,r.useCallback)(()=>{j(!1),v()},[v,j]);return(0,r.useEffect)(()=>{let e=e=>{"Escape"===e.key&&k()};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[k,v]),(0,r.useEffect)(()=>{N(!(window.chrome&&(null==n?void 0:n.provider)==="facebook"&&!p))},[null==n?void 0:n.provider,p]),(0,r.useEffect)(()=>

1{if(void 0===window.IntersectionObserver||!f.current)return;let e=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)||k()},{threshold:[0,1]});return e.observe(f.current),()=>{e.disconnect()}},[f,k]),(0,s.jsxs)("div",{ref:f,className:i()("flex items-center justify-center relative h-screen w-screen bg-black",t),children:[(0,s.jsx)("div",{className:i()("h-full w-full absolute top-0 left-0 bg-black",!p&&"object-cover",y&&"opacity-0 transition-opacity duration-400"),children:n&&(0,s.jsx)("div",{className:i()("w-full h-full overflow-hidden",!w&&"pointer-events-none"),children:(0,s.jsx)(h,{volume:1,url:n.url,playing:w&&b,controls:p||"vimeo"===n.provider,onPlay:g,width:"100%",height:"100%",config:{facebook:{version:"v4.0"}}})})}),!w&&(0,s.jsx)("div",{className:"z-50",children:l}),!w&&(0,s.jsx)("div",{className:"opacity-30 w-full h-full absolute top-0 left-0 z-40 bg-gradient-to-b from-black to-40%"}),!!(null==a?void 0:a.url)&&(0,s.jsx)(c(),{src:a.url,width:a.width,height:a.height,alt:"",sizes:"100vw",className:i()("object-cover","absolute z-10 pointer-events-none w-full h-screen transition-opacity",w?"opacity-0 duration-300":"opacity-100 duration-1000")}),o&&(0,s.jsx)("div",{className:i()("absolute z-20 pointer-events-none flex items-center justify-center w-full overflow-hidden h-screen transition-opacity duration-300",w?"opacity-0":"opacity-50"),children:(0,s.jsx)(x,{})}),n&&(0,s.jsx)(m,{className:i()("text-white absolute p-3 m-6 bg-black top-0 right-0 z-50 duration-200 rounded-full",d?"opacity-100":"opacity-0"),onClick:k})]})};p.displayName="FullScreenMedia"}},e=>{e.O(0,[261,346,636,593,792],()=>e(e.s=988)),_N_E=e.O()}]);