https://labelbox.com/_next/static/chunks/7808-f10942f336544c0f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7808],{57808:(e,r,t)=>{t.r(r),t.d(r,{CustomerStoriesSection:()=>p,default:()=>x});var s=t(37876),l=t(14232),a=t(35635),i=t(35093),o=t(55421),n=t(92631),d=t(39194),c=t(98811),m=t(93461),u=t(69230),h=t(97220);let g=e=>e.logodark?.file?.url||e.logo?.file?.url,f=e=>e.file?.url||e.title||e.description||"",p=e=>{let r=e.customerStories||[],t=r[0],p=r.slice(1,4),x=(0,l.useMemo)(()=>{let r=new Set;return(e.logoStrip?.assets||[]).filter(e=>{let t=f(e);return!(!e.file?.url||!t||r.has(t))&&(r.add(t),!0)}).slice(0,21)},[e.logoStrip?.assets]),b=Math.min(7,x.length),[v,w]=(0,l.useState)([]);return((0,l.useEffect)(()=>{if(w(((e,r)=>{let t=[...e];for(let e=t.length-1;e>0;e-=1){let r=Math.floor(Math.random()*(e+1));[t[e],t[r]]=[t[r],t[e]]}return t.slice(0,r)})(x,b)),x.length<=b)return;let e=[],r=t=>{let s=window.setTimeout(()=>{w(e=>{let r,s,l,a,i;if(!e[t])return e;let o=[...e];return o[t]=(r=new Set(e.filter((e,r)=>r!==t).map(f)),s=f(e[t]),l=x.filter(e=>{let t=f(e);return t&&t!==s&&!r.has(t)}),a=x.filter(e=>f(e)!==s),(i=l.length>0?l:a)[Math.floor(Math.random()*i.length)]||e[t]),o}),r(t)},1800+Math.floor(3e3*Math.random()));e.push(s)};for(let e=0;e<b;e+=1)r(e);return()=>{e.forEach(e=>window.clearTimeout(e))}},[x,b]),t)?(0,s.jsx)("section",{"aria-labelledby":"customer-stories-heading",className:d.o,children:(0,s.jsxs)(a.A,{id:"customer-stories",children:[!e.noDivider&&(0,s.jsx)(i.A,{className:"mb-12"}),(0,s.jsx)("div",{className:"mb-10 max-w-5xl",children:(0,s.jsx)("div",{className:"max-w-4xl",children:(0,s.jsx)(o.A,{variant:"h2",level:"h2",id:"customer-stories-heading",className:"break-words font-future leading-[1.05] tracking-tight text-ink lg:whitespace-nowrap",children:e.title||"Enabling AI breakthroughs for leading companies in every industry"})})}),v.length>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("style",{children:`
2            @keyframes customer-logo-flip {
3              0% {
4                opacity: 0;
5                transform: rotateX(-82deg) translateY(-6px);
6                filter: blur(2px);
7              }
8              58% {
9                opacity: 1;
10                transform: rotateX(10deg) translateY(0);
11                filter: blur(0);
12              }
13              100% {
14                opacity: 1;
15                transform: rotateX(0deg) translateY(0);
16                filter: blur(0);
17              }
18            }
19
20            .customer-logo-flip {
21              animation: customer-logo-flip 520ms cubic-bezier(0.22, 1, 0.36, 1);
22              transform-origin: top center;
23              transform-style: preserve-3d;
24            }
25          `}),(0,s.jsx)("a",{href:"/customers",className:"group mb-8 block overflow-hidden rounded-card border border-border bg-glass p-5 transition-colors duration-300 ease-in-out hover:bg-surface hover:border-border-dark focus-visible:outline-none focus-visible:shadow-lb-focus md:p-6","aria-label":"View all customer stories",children:(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("div",{className:"pointer-events-none absolute inset-y-0 left-0 z-10 w-10 bg-gradient-to-r from-glass to-transparent"}),(0,s.jsx)("div",{className:"pointer-events-none absolute inset-y-0 right-0 z-10 w-10 bg-gradient-to-l from-glass to-transparent"}),(0,s.jsx)("ul",{"aria-label":"Customer logos",className:"m-0 flex list-none gap-3 overflow-hidden p-0",children:v.map((e,r)=>(0,s.jsx)("li",{className:(0,n.cn)("customer-logo-flip flex h-16 min-w-[112px] flex-1 items-center justify-center rounded-2xl border border-border-divider","bg-glass px-4 sm:h-20 sm:min-w-[150px] sm:px-5","transition-colors duration-300 hover:border-border hover:bg-surface-light"),children:(0,s.jsx)(u.A,{url:e.file?.url,alt:e.title||e.description||"Customer logo",variant:"strip"})},`${e.title||e.file?.url}-${r}`))})]})})]}),(0,s.jsxs)("div",{className:"grid grid-cols-12 gap-5 lg:gap-6",children:[(0,s.jsx)(c.A,{href:(0,h.t)(t.url),imageUrl:t.heroImage?.file?.url,logoUrl:g(t),logoAlt:`${t.title||"Customer"} logo`,title:t.title??"",category:t.category,problem:t.problemV2,solution:t.solutionV2,result:t.resultV2,headingId:"featured-story-heading",className:"col-span-12"}),p.map((e,r)=>(0,s.jsx)(m.A,{url:e.url??"",bgImage:e.heroImage?.file?.url??"",logo:g(e),title:e.title??"",category:e.category??"",className:"col-span-12 md:col-span-4"},e.url||r))]})]})}):null},x=p},64453:(e,r,t)=>{t.d(r,{A:()=>a});var s=t(37876);t(14232);

25var l=t(92631);let a=({src:e,srcSet:r,sizes:t,alt:a="",className:i,priority:o=!1})=>e?(0,s.jsx)("img",{src:e,srcSet:r||void 0,sizes:r?t:void 0,alt:a,className:(0,l.cn)("absolute inset-0 h-full w-full object-cover transition-transform duration-700 ease-out group-hover:scale-[1.04]",i),loading:o?"eager":"lazy",fetchPriority:o?"high":void 0,decoding:"async"}):null},69230:(e,r,t)=>{t.d(r,{A:()=>i});var s=t(37876);t(14232);var l=t(92631),a=t(70867);let i=({url:e,alt:r="",category:t,variant:i="card",className:o,imageClassName:n})=>{if(!e)return t?(0,s.jsx)("span",{className:"rounded-full border border-border bg-transparent px-3 py-1 font-ibm-mono text-xs uppercase tracking-[0.16em] text-ink-muted",children:t}):null;let{src:d,srcSet:c,sizes:m}=(0,a.lK)(e,i);return"strip"===i?(0,s.jsx)("div",{className:(0,l.cn)("flex h-9 w-[104px] items-center justify-center sm:w-[120px]",o),children:(0,s.jsx)("img",{src:d,srcSet:c||void 0,sizes:c?m:void 0,alt:r,className:(0,l.cn)("max-h-9 max-w-full object-contain opacity-70 grayscale transition-all duration-300 group-hover:opacity-100 group-hover:grayscale-0",n),loading:"lazy",decoding:"async"})}):(0,s.jsx)("div",{className:(0,l.cn)("flex h-8 max-w-[140px] items-center",o),children:(0,s.jsx)("img",{src:d,srcSet:c||void 0,sizes:c?m:void 0,alt:r,className:(0,l.cn)("max-h-8 max-w-[140px] object-contain object-left",n),loading:"lazy",decoding:"async"})})}},70867:(e,r,t)=>{t.d(r,{SU:()=>m,lK:()=>u,uy:()=>c});let s=[480,640,880,1100],l=[400,640,800,960],a=[400,640,800],i=[140,280],o=[120,240],n=(e,r)=>{if(!e)return"";let t=e.includes("http")?e:`https:${e}`;if(!t.includes("images.ctfassets.net"))return t;let s=new URLSearchParams;return s.set("fm",r?.format??"webp"),s.set("fit",r?.fit??"scale"),s.set("q",String(r?.quality??78)),r?.width&&s.set("w",String(r.width)),r?.height&&s.set("h",String(r.height)),`${t}${t.includes("?")?"&":"?"}${s.toString()}`},d=(e,r)=>{let{widths:t,sizes:s,params:l,fallbackWidth:a}=r,i=a??t[Math.floor(t.length/2)]??t[0];return{src:n(e,{...l,width:i}),srcSet:((e,r=[],t)=>e&&0!==r.length?r.map(r=>`${n(e,{...t,width:r})} ${r}w`).join(", "):"")(e,t,l),sizes:s}},c=e=>d(e,{widths:s,sizes:"(max-width: 1024px) 100vw, 42vw",params:{fit:"fill",quality:76},fallbackWidth:880}),m=(e,r=!1)=>d(e,{widths:r?a:l,sizes:r?"(max-width: 768px) 100vw, (max-width: 1280px) 50vw, 400px":"(max-width: 768px) 100vw, (max-width: 1280px) 33vw, 400px",params:{fit:"fill",quality:74},fallbackWidth:r?640:800}),u=(e,r="card")=>{let t="strip"===r?o:i;return d(e,{widths:t,sizes:"strip"===r?"(max-width: 640px) 112px, 150px":`${t[0]}px`,params:{fit:"scale",quality:70},fallbackWidth:t[t.length-1]})}},93461:(e,r,t)=>{t.d(r,{A:()=>m});var s=t(37876);t(14232);var l=t(55421),a=t(34542),i=t(92631),o=t(70867),n=t(64453),d=t(69230),c=t(97220);let m=({url:e,bgImage:r,logo:t,title:m,category:u,isImageSquare:h=!1,className:g})=>{let f=(0,o.SU)(r,h);return(0,s.jsxs)("a",{href:(0,c.t)(e),className:(0,i.cn)("group col-span-12 md:col-span-6 lg:col-span-4 flex flex-col overflow-hidden rounded-card border border-border isolate","bg-surface-light transition-all duration-500 ease-out","hover:-translate-y-0.5 hover:border-border-dark hover:shadow-lb-xl","focus-visible:outline-none focus-visible:shadow-lb-focus",g),children:[(0,s.jsx)("div",{"data-nav-over-dark":!0,className:(0,i.cn)("relative overflow-hidden bg-surface-paper",h?"aspect-square":"aspect-[16/10]"),children:f.src&&(0,s.jsx)(n.A,{src:f.src,srcSet:f.srcSet,sizes:f.sizes})}),(0,s.jsxs)("div",{className:"flex flex-1 flex-col justify-between p-6",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"mb-6 flex min-h-8 items-center gap-4",children:(0,s.jsx)(d.A,{url:t,category:u,alt:`${m} logo`})}),(0,s.jsx)(l.A,{variant:"h4",level:"h3",className:"font-future leading-tight tracking-tight text-ink",children:m})]}),(0,s.jsx)("div",{className:"mt-8 border-t border-border-divider pt-5",children:(0,s.jsx)(a.A,{children:"Read story"})})]})]})}},97220:(e,r,t)=>{t.d(r,{t:()=>s});let s=e=>e?e.startsWith("/customers/")?e:`/customers/${e}`:"/customers/"},98811:(e,r,t)=>{t.d(r,{A:()=>m});var s=t(37876);t(14232);

25var l=t(98937),a=t(55421),i=t(92631),o=t(70867),n=t(64453),d=t(69230);let c=["Problem","Solution","Result"],m=({href:e,imageUrl:r,logoUrl:t,logoAlt:m,title:u,category:h,problem:g,solution:f,result:p,headingId:x,className:b,priority:v=!1})=>{let w=(0,o.uy)(r);return(0,s.jsx)("a",{href:e,"aria-labelledby":x,className:(0,i.cn)("group block w-full overflow-hidden rounded-card border border-border isolate","bg-surface-light transition-all duration-500 ease-out","hover:-translate-y-0.5 hover:border-border-dark hover:shadow-lb-xl","focus-visible:outline-none focus-visible:shadow-lb-focus",b),children:(0,s.jsxs)("div",{className:"grid min-h-[480px] grid-cols-1 lg:grid-cols-12",children:[(0,s.jsxs)("div",{"data-nav-over-dark":!0,className:"relative min-h-[280px] overflow-hidden bg-surface-paper lg:col-span-5 lg:min-h-full",children:[w.src&&(0,s.jsx)(n.A,{src:w.src,srcSet:w.srcSet,sizes:w.sizes,priority:v,className:"group-hover:scale-[1.03]"}),(0,s.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-ink/35 via-transparent to-transparent"})]}),(0,s.jsxs)("div",{className:"flex flex-col justify-between p-6 sm:p-9 lg:col-span-7 lg:p-12",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"mb-6 lg:mb-8 flex items-center gap-6",children:(0,s.jsx)(d.A,{url:t,alt:m??"",category:h})}),(0,s.jsx)(a.A,{variant:"h3",level:"h3",id:x,className:"max-w-3xl font-future leading-[1.05] tracking-tight text-ink",children:u})]}),(0,s.jsx)("div",{className:"mt-6 md:mt-10 grid grid-cols-1 gap-6 md:gap-8 border-t border-border-divider pt-6 md:pt-8 md:grid-cols-3",children:[g,f,p].map((e,r)=>e&&(0,s.jsxs)("div",{children:[(0,s.jsx)(a.A,{variant:"small",className:"mb-3 font-ibm-mono text-[11px] uppercase tracking-[0.18em] text-primary",children:c[r]}),(0,s.jsx)("div",{className:"font-ibm text-[15px] leading-normal text-ink-secondary",children:(0,s.jsx)(l.A,{content:e,className:"line-clamp-6"})})]},c[r]))})]})]})})}}}]);