https://labelbox.com/_next/static/chunks/7808.585b26fa6af90308.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7808],{57808:(e,r,s)=>{s.r(r),s.d(r,{CustomerStoriesSection:()=>f,default:()=>b});var t=s(37876),l=s(14232),a=s(35635),i=s(35093),o=s(55421),n=s(92631),d=s(39194),c=s(98811),m=s(93461),h=s(69230),u=s(97220);let g=["","","","","","hidden xl:flex","hidden min-[1440px]:flex"],x=e=>e.logodark?.file?.url||e.logo?.file?.url,p=e=>e.file?.url||e.title||e.description||"",f=e=>{let r=e.customerStories||[],s=r[0],f=r.slice(1,4),b=(0,l.useMemo)(()=>{let r=new Set;return(e.logoStrip?.assets||[]).filter(e=>{let s=p(e);return!(!e.file?.url||!s||r.has(s))&&(r.add(s),!0)}).slice(0,21)},[e.logoStrip?.assets]),v=Math.min(7,b.length),[w,j]=(0,l.useState)([]);if((0,l.useEffect)(()=>{if(j(((e,r)=>{let s=[...e];for(let e=s.length-1;e>0;e-=1){let r=Math.floor(Math.random()*(e+1));[s[e],s[r]]=[s[r],s[e]]}return s.slice(0,r)})(b,v)),b.length<=v)return;let e=[],r=s=>{let t=window.setTimeout(()=>{j(e=>{let r,t,l,a,i;if(!e[s])return e;let o=[...e];return o[s]=(r=new Set(e.filter((e,r)=>r!==s).map(p)),t=p(e[s]),l=b.filter(e=>{let s=p(e);return s&&s!==t&&!r.has(s)}),a=b.filter(e=>p(e)!==t),(i=l.length>0?l:a)[Math.floor(Math.random()*i.length)]||e[s]),o}),r(s)},1800+Math.floor(3e3*Math.random()));e.push(t)};for(let e=0;e<v;e+=1)r(e);return()=>{e.forEach(e=>window.clearTimeout(e))}},[b,v]),!s)return null;let y=w.length>0?w:b.slice(0,v);return(0,t.jsx)("section",{"aria-labelledby":"customer-stories-heading",className:d.o,children:(0,t.jsxs)(a.A,{id:"customer-stories",children:[!e.noDivider&&(0,t.jsx)(i.A,{className:"mb-12"}),(0,t.jsx)("div",{className:"mb-10 max-w-5xl",children:(0,t.jsx)("div",{className:"max-w-4xl",children:(0,t.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"})})}),y.length>0&&(0,t.jsxs)(t.Fragment,{children:[(0,t.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,t.jsx)("a",{href:"/customers",className:"group mb-8 block overflow-hidden rounded-card border border-border bg-glass p-3 transition-colors duration-300 ease-in-out hover:bg-surface hover:border-border-dark focus-visible:outline-none focus-visible:shadow-lb-focus sm:p-5 md:p-6","aria-label":"View all customer stories",children:(0,t.jsxs)("div",{className:"relative",children:[(0,t.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,t.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,t.jsx)("div",{className:"flex overflow-hidden lg:hidden",children:[0,1].map(e=>(0,t.jsx)("ul",{"aria-label":0===e?"Customer logos":void 0,"aria-hidden":1===e||void 0,className:"m-0 flex shrink-0 animate-marquee list-none gap-3 p-0 pr-3 group-hover:[animation-play-state:paused]",style:{animationDuration:`${2.5*b.length}s`},children:b.map(r=>(0,t.jsx)("li",{className:"flex h-14 w-28 shrink-0 items-center justify-center rounded-2xl border border-border-divider bg-glass px-3 sm:h-20 sm:w-40 sm:px-5",children:(0,t.jsx)(h.A,{url:r.file?.url,alt:0===e?r.title||r.description||"Customer logo":"",variant:"strip",className:"h-7 w-[88px] sm:h-9 sm:w-[120px]",imageClassName:"max-h-7 sm:max-h-9"})},p(r)))},e))}),(0,t.jsx)("ul",{"aria-label":"Customer logos",className:"m-0 hidden list-none gap-3 overflow-hidden p-0 lg:flex",children:y.map((e,r)=>(0,t.jsx)("li",{className:(0,n.cn)("customer-logo-flip flex h-20 min-w-[150px] flex-1 items-center justify-center rounded-2xl border border-border-divider","bg-glass px-5","transition-colors duration-300 hover:border-border hover:bg-surface-light",g[r]),children:(0,t.jsx)(h.A,{url:e.file?.url,alt:e.title||e.description||"Customer logo",variant:"strip"})},`${e.title||e.file?.url}-${r}`))})]})})]}),(0,t.jsxs)("div",{className:"grid grid-cols-12 gap-5 lg:gap-6",children:[(0,t.jsx)(c.A,{href:(0,u.t)(s.url),imageUrl:s.heroImage?.file?.url,logoUrl:x(s),logoAlt:`${s.title||"Customer"} logo`,title:s.title??"",category:s.category,problem:s.problemV2,solution:s.solutionV2,result:s.resultV2,headingId:"featured-story-heading",className:"col-span-12"}),f.map((e,r)=>(0,t.jsx)(m.A,{url:e.url??"",bgImage:e.heroImage?.file?.url??"",logo:x(e),title:e.title??"",category:e.category??"",className:"col-span-12 md:col-span-4"},e.url||r))]})]})})},b=f},64453:(e,r,s)=>{s.d(r,{A:()=>a});var t=s(37876);s(14232);var l=s(92631);let a=({src:e,srcSet:r,sizes:s,alt:a="",className:i,priority:o=!1})=>e?(0,t.jsx)("img",{src:e,srcSet:r||void 0,sizes:r?s: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,s)=>{s.d(r,{A:()=>i});var t=s(37876);s(14232);var l=s(92631),a=s(70867);let i=({url:e,alt:r="",category:s,variant:i="card",className:o,imageClassName:n})=>{if(!e)return s?(0,t.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:s}):null;let{src:d,srcSet:c,sizes:m}=(0,a.lK)(e,i);return"strip"===i?(0,t.jsx)("div",{className:(0,l.cn)("flex h-9 w-[104px] items-center justify-center sm:w-[120px]",o),children:(0,t.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,t.jsx)("div",{className:(0,l.cn)("flex h-8 max-w-[140px] items-center",o),children:(0,t.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,s)=>{s.d(r,{SU:()=>m,lK:()=>h,uy:()=>c});let t=[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 s=e.includes("http")?e:`https:${e}`;if(!s.includes("images.ctfassets.net"))return s;let t=new URLSearchParams;return t.set("fm",r?.format??"webp"),t.set("fit",r?.fit??"scale"),t.set("q",String(r?.quality??78)),r?.width&&t.set("w",String(r.width)),r?.height&&t.set("h",String(r.height)),`${s}${s.includes("?")?"&":"?"}${t.toString()}`},d=(e,r)=>{let{widths:s,sizes:t,params:l,fallbackWidth:a}=r,i=a??s[Math.floor(s.length/2)]??s[0];return{src:n(e,{...l,width:i}),srcSet:((e,r=[],s)=>e&&0!==r.length?r.map(r=>`${n(e,{...s,width:r})} ${r}w`).join(", "):"")(e,s,l),sizes:t}},c=e=>

25d(e,{widths:t,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}),h=(e,r="card")=>{let s="strip"===r?o:i;return d(e,{widths:s,sizes:"strip"===r?"(max-width: 640px) 112px, 150px":`${s[0]}px`,params:{fit:"scale",quality:70},fallbackWidth:s[s.length-1]})}},93461:(e,r,s)=>{s.d(r,{A:()=>m});var t=s(37876);s(14232);var l=s(55421),a=s(34542),i=s(92631),o=s(70867),n=s(64453),d=s(69230),c=s(97220);let m=({url:e,bgImage:r,logo:s,title:m,category:h,isImageSquare:u=!1,className:g})=>{let x=(0,o.SU)(r,u);return(0,t.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,t.jsx)("div",{"data-nav-over-dark":!0,className:(0,i.cn)("relative overflow-hidden bg-surface-paper",u?"aspect-square":"aspect-[16/10]"),children:x.src&&(0,t.jsx)(n.A,{src:x.src,srcSet:x.srcSet,sizes:x.sizes})}),(0,t.jsxs)("div",{className:"flex flex-1 flex-col justify-between p-6",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"mb-6 flex min-h-8 items-center gap-4",children:(0,t.jsx)(d.A,{url:s,category:h,alt:`${m} logo`})}),(0,t.jsx)(l.A,{variant:"h4",level:"h3",className:"font-future leading-tight tracking-tight text-ink",children:m})]}),(0,t.jsx)("div",{className:"mt-8 border-t border-border-divider pt-5",children:(0,t.jsx)(a.A,{children:"Read story"})})]})]})}},97220:(e,r,s)=>{s.d(r,{t:()=>t});let t=e=>e?e.startsWith("/customers/")?e:`/customers/${e}`:"/customers/"},98811:(e,r,s)=>{s.d(r,{A:()=>m});var t=s(37876);s(14232);var l=s(98937),a=s(55421),i=s(92631),o=s(70867),n=s(64453),d=s(69230);let c=["Problem","Solution","Result"],m=({href:e,imageUrl:r,logoUrl:s,logoAlt:m,title:h,category:u,problem:g,solution:x,result:p,headingId:f,className:b,priority:v=!1})=>{let w=(0,o.uy)(r);return(0,t.jsx)("a",{href:e,"aria-labelledby":f,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,t.jsxs)("div",{className:"grid min-h-[480px] grid-cols-1 lg:grid-cols-12",children:[(0,t.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,t.jsx)(n.A,{src:w.src,srcSet:w.srcSet,sizes:w.sizes,priority:v,className:"group-hover:scale-[1.03]"}),(0,t.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-ink/35 via-trans

25parent to-transparent"})]}),(0,t.jsxs)("div",{className:"flex flex-col justify-between p-6 sm:p-9 lg:col-span-7 lg:p-12",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"mb-6 lg:mb-8 flex items-center gap-6",children:(0,t.jsx)(d.A,{url:s,alt:m??"",category:u})}),(0,t.jsx)(a.A,{variant:"h3",level:"h3",id:f,className:"max-w-3xl font-future leading-[1.05] tracking-tight text-ink",children:h})]}),(0,t.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,x,p].map((e,r)=>e&&(0,t.jsxs)("div",{children:[(0,t.jsx)(a.A,{variant:"small",className:"mb-3 font-ibm-mono text-[11px] uppercase tracking-[0.18em] text-primary",children:c[r]}),(0,t.jsx)("div",{className:"font-ibm text-[15px] leading-normal text-ink-secondary",children:(0,t.jsx)(l.A,{content:e,className:"line-clamp-6"})})]},c[r]))})]})]})})}}}]);