(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6525],{6889:function(e,i,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/customers",function(){return t(2185)}])},5497:function(e,i){"use strict";i.Z={src:"/_next/static/media/chase-johnson.fc2219ac.png",height:64,width:64,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAQlBMVEVMaXEAAAnMq53JoYpdU0wNEhcFCxFsWlESFhjQsqFDMiaDcWdvXUyymYqde2gLEBRBODOKX0X129FiSDjXsKPQnYY1kP3RAAAAD3RSTlMAN+29Jd1ZFrvJ1ch1qfJLfF7dAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAMklEQVR4nGNgQAAebhYIg1OIF8oQYWIHM5hF+cByjFyCwhxs7Awc/PwCAvz8rAz8UAAAJxgBuQF2JCMAAAAASUVORK5CYII=",blurWidth:8,blurHeight:8}},4915:function(e,i,t){"use strict";t.d(i,{u:function(){return a}});let a={IntakeDebrief:"/video/intake-debrief.mp4",InterviewNotes:"/video/interview-notes.mp4",AuroraBorealis:"/video/aurora-borealis.mp4",PrivacyHero:"/video/privacy.mp4",CASE_STUDY:{Celine:"/video/case-study/Celine.mp4",Chase:"/video/case-study/Chase.mp4",Dom:"/video/case-study/Dom.mp4",Georgie:"/video/case-study/Georgie.mp4",Luke:"/video/case-study/Luke.mp4",Matthias:"/video/case-study/Matthias.mp4",Meera:"/video/case-study/Meera.mp4",Natalie:"/video/case-study/Natalie.mp4",Nix:"/video/case-study/Nix.mp4",Shayna:"/video/case-study/Shayna.mp4",Tucker:"/video/case-study/Tucker.mp4",Stephanie:"/video/case-study/Stephanie.mp4"},customersCaseStudies:"/video/customers-case-studies.mp4"}},2671:function(e,i,t){"use strict";t.d(i,{Y:function(){return l}});var a,s=t(5893),n=t(1491),r=t(7294);function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var i=1;i<arguments.length;i++){var t=arguments[i];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(this,arguments)}var d=function(e){return r.createElement("svg",o({width:14,height:17,viewBox:"0 0 14 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),a||(a=r.createElement("path",{d:"M0 14.6861V2.70206C0 1.22936 1.61991 0.331534 2.86875 1.11206L12.456 7.10409C13.631 7.83847 13.631 9.54971 12.456 10.2841L2.86875 16.2761C1.61991 17.0566 0 16.1588 0 14.6861Z",fill:"white"})))};let l=e=>(0,s.jsxs)("button",{...e,className:(0,n.cx)(c.playButton(),e.className),children:[(0,s.jsx)(d,{})," ",(0,s.jsx)("div",{children:"Play"})]}),c={playButton:(0,n.iv)({all:"unset",userSelect:"none",boxSizing:"border-box",padding:8,display:"flex",alignItems:"center",gap:8,borderRadius:8,cursor:"pointer",transition:"background 0.2s ease",color:n.rS.color.white,fontSize:16,fontWeight:500,"&:hover, &:focus":{background:n.rS.color.textLightFaded}})}},6553:function(e,i,t){"use strict";t.d(i,{G:function(){return s}});var a=t(5893);let s={badgeText:"New",copy:(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{style:{fontWeight:500},children:"Check out our Interview Question Generator – live on Product Hunt!"})}),externalLink:"https://www.producthunt.com/posts/hiring-studio-by-metaview",openInNewTab:!0,shouldDisplayBanner:!1}},2185:function(e,i,t){"use strict";t.r(i),t.d(i,{default:function(){return M}});var a=t(5893),s=t(6553),n=t(86),r=t(9817),o=t(2245),d=t(5126),l=t(8059),c=t(1491),h=t(1920);let u=()=>(0,a.jsx)(n.aD,{className:p.container(),children:l.R.map((e,i)=>(0,a.jsx)(h.C,{data:e},i))}),p={container:(0,c.iv)({display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(260px,1fr))",gap:112,"@bp4":{gap:56},"@bp3":{gap:48},"@bp2":{gap:36}})};var v=t(1526),g=t(9755),A=t.n(g),x=t(7294),m=t(1132),f=t(4915),j=t(2671),b={src:"/_next/static/media/background.6707fd5b.png",height:560,width:1128,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAIVBMVEUfTvFm3sFGn990+7Jv87lw77dr6MCq//9k2slp48Rp5MO5x0gjAAAAC3RSTlMBDx9GqzJaA6+MTRxhzfkAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAhSURBVHicY2CAAHYwycjIyASimViZmbkYGNiZ2Dg5WFgAAvYATDe9U2oAAAAASUVORK5CYII=",blurWidth:8,blurHeight:4};let y=()=>{let{quote:e}=l.spotlightCaseStudy,[i,t]=(0,x.useState)(!1),s=(0,x.useRef)(null),[r,o]=(0,x.useState)(!1);return(0,x.useEffect)(()=>{let e=s.current;if(!e)return;let i=()=>{o(!0)};return e.addEventListener("play",i),()=>{e.removeEventListener("play",i)}},[]),(0,a.jsx)(n.aD,{children:(0,a.jsxs)(n.Zb,{variant:"accent80",radius:"medium",className:w.container(),children:[(0,a.jsx)("div",{className:w.background({loaded:i}),children:(0,a.jsx)(A(),{src:b,alt:"",objectFit:"cover",onLoad:()=>t(!0)})}),(0,a.jsxs)("div",{className:w.leftContent(),children:[(0,a.jsx)(n.ZT,{variant:{"@initial":"h1","@bp4":"h2"},as:"h1",children:"Ambitious teams love Metaview"}),(0,a.jsx)(n.LZ,{height:32}),(0,a.jsx)(n.ZT,{variant:{"@initial":"lead","@bp4":"body"},children:"Discover how recruiters and interviewers at high-performing companies are using Metaview to save time and focus on the candidate."}),(0,a.jsx)(n.LZ,{height:32,styles:{flexGrow:1}}),(0,a.jsx)("div",{className:w.divider({variant:"dark"})}),(0,a.jsx)(n.LZ,{height:16}),(0,a.jsx)(n.ZT,{variant:{"@initial":"body"},color:"faded",children:e.text}),(0,a.jsx)(n.LZ,{height:16}),(0,a.jsxs)("div",{className:w.quoteMetadata(),children:[(0,a.jsx)("div",{className:w.profilePictureContainer(),children:(0,a.jsx)(A(),{src:e.profilePictureSrc,alt:e.name})}),(0,a.jsx)(n.LZ,{width:8}),(0,a.jsxs)("div",{className:w.nameAndRole(),children:[(0,a.jsx)(n.ZT,{variant:{"@initial":"body","@bp2":"label"},children:e.name}),(0,a.jsx)("div",{className:w.nameRoleSeparator(),children:"\xb7"}),(0,a.jsx)(n.ZT,{variant:{"@initial":"body","@bp2":"label"},color:"faded",children:e.role})]})]})]}),(0,a.jsxs)("div",{className:w.videoContainer(),id:m.Y.CUSTOMERS_PAGE_HERO_VIDEO,onClick:()=>{if(!r){var e;null===(e=s.current)||void 0===e||e.play()}},children:[(0,a.jsx)("video",{src:f.u.customersCaseStudies,controls:r,playsInline:!0,className:w.video(),ref:s}),(0,a.jsx)(v.M,{children:!r&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:w.videoGradient()}),(0,a.jsxs)("div",{className:w.videoControls(),children:[(0,a.jsx)(j.Y,{style:{marginLeft:-8,width:"fit-content"},onClick:()=>{var e;return null===(e=s.current)||void 0===e?void 0:e.play()}}),(0,a.jsx)(n.LZ,{height:4}),(0,a.jsx)("div",{className:w.divider({variant:"light"})}),(0,a.jsx)(n.LZ,{height:8}),(0,a.jsx)(n.ZT,{variant:"bodyMedium",color:"defaultLight",children:"Learn how our customers are saving 5-10+ hours per week with Metaview."})]})]})})]})]})})},w={container:(0,c.iv)({display:"grid",gridTemplateColumns:"431px 1fr",gap:56,padding:112,position:"relative",overflow:"hidden","@bp4":{padding:84,gridTemplateColumns:"320px 1fr"},"@bp3":{display:"flex",flexDirection:"column",textAlign:"center",alignItems:"center",gap:36},"@bp2":{padding:56},"@bp1":{alignItems:"flex-start",textAlign:"left",padding:24}}),background:(0,c.iv)({position:"absolute",inset:0,display:"flex",alignItems:"flex-end",justifyContent:"flex-end",zIndex:1,transition:"opacity 0.5s ease-in-out",variants:{loaded:{true:{opacity:1},false:{opacity:0}}}}),leftContent:(0,c.iv)({display:"flex",flexDirection:"column",gridColumn:"1 / 2",position:"relative",zIndex:2,"@bp3":{alignItems:"center"},"@bp1":{alignItems:"flex-start"}}),divider:(0,c.iv)({height:1,width:"100%",variants:{variant:{light:{backgroundColor:c.rS.color.whiteDivider},dark:{backgroundColor:c.rS.color.divider}}}}),quoteMetadata:(0,c.iv)({display:"flex",alignItems:"center"}),nameAndRole:(0,c.iv)({display:"flex",alignItems:"center"}),nameRoleSeparator:(0,c.iv)({margin:"0 4px"}),profilePictureContainer:(0,c.iv)({flexShrink:0,borderRadius:c.rS.radius.round,borderBottomLeftRadius:0,overflow:"hidden",width:32,height:32,background:"linear-gradient(207.18deg, #0E33FF -4.49%, #7AFFB4 92.05%)",display:"flex",alignItems:"flex-end"}),videoContainer:(0,c.iv)({position:"relative",zIndex:2,gridColumn:"2 / 3",borderRadius:8,overflow:"hidden",width:336,height:336,justifySelf:"end","@bp2":{width:"100%",height:260}}),videoGradient:(0,c.iv)({backgroundImage:"url(".concat("/_next/static/media/video-poster.9dcdc0fb.jpg",")"),backgroundSize:"cover",position:"absolute",inset:0}),videoControls:(0,c.iv)({position:"absolute",left:24,right:24,bottom:21,display:"flex",flexDirection:"column"}),video:(0,c.iv)({width:"100%",height:"100%",objectFit:"cover"})},C=()=>(0,a.jsx)(o.J,{children:(0,a.jsxs)(n.T3,{children:[(0,a.jsx)(n.h4,{activePage:"customers",primaryCta:(0,a.jsx)(r.j,{})}),(0,a.jsx)(n.LZ,{styles:{height:28,"@bp4":{height:24}}}),(0,a.jsx)(n.jL,{content:s.G}),(0,a.jsx)(n.LZ,{styles:{height:64,"@bp4":{height:56},"@bp1":{height:28}}}),(0,a.jsx)("section",{children:(0,a.jsx)(y,{})}),(0,a.jsx)(n.LZ,{styles:{height:112,"@bp2":{height:56}}}),(0,a.jsx)("section",{children:(0,a.jsx)(u,{})}),(0,a.jsx)(n.LZ,{height:112}),(0,a.jsx)("section",{children:(0,a.jsx)(n.aD,{children:(0,a.jsx)(d.k,{})})}),(0,a.jsx)(n.LZ,{styles:{height:112}}),(0,a.jsx)(n.$_,{})]})});var S=t(9008),k=t.n(S),N=t(3300),M=()=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(k(),{children:[(0,a.jsx)("title",{children:"Customers | Metaview"}),(0,a.jsx)("meta",{name:"description",content:"Ambitious teams love Metaview. Discover how customers from high-performing companies are using Metaview to understand and upgrade their interview process."}),(0,a.jsx)(N.s,{})]}),(0,a.jsx)(C,{})]})}},function(e){e.O(0,[7409,4497,5602,518,2888,9774,179],function(){return e(e.s=6889)}),_N_E=e.O()}]);