(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4139],{99988:function(e,n,t){"use strict";var l=t(67294);n.Z=function(e){return l.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none"},e),l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 12a1 1 0 011-1h14a1 1 0 110 2H5a1 1 0 01-1-1z",fill:"currentColor"}),l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.293 7.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L17.586 12l-3.293-3.293a1 1 0 010-1.414z",fill:"currentColor"}))}},41714:function(e,n,t){"use strict";t.r(n),t.d(n,{LowerPage:function(){return N}});var l=t(85893),o=t(24043),i=t(67294),a=t(96775),r=t(15745),d=t(23159),s=t(7579),u=t(29845),c=t(39731),m=t(93452),h=t(1910),f=t(42666),v=t(38159),g=t(89615),x=t(79621),p=t(53608),b=t(55118);function y(e){var n,t=e.heading,y=e.cards,w=(0,o._)((0,i.useState)(!1),2),C=w[0],j=w[1],N=function(){j(!C)},Z={0:{bg:a.Z,themeColor:"violet"},1:{bg:h.Z,themeColor:"magenta"},2:{bg:s.Z,themeColor:"green"},3:{bg:c.Z,themeColor:"yellow"},4:{bg:r.Z,themeColor:"blue"},5:{bg:m.Z,themeColor:"red"},6:{bg:u.Z,themeColor:"green"},7:{bg:a.Z,themeColor:"magenta"},8:{bg:d.Z,themeColor:"violet"},9:{bg:r.Z,themeColor:"yellow"},10:{bg:m.Z,themeColor:"blue"}},k=C?null==y?void 0:y.length:6,E=(null==y?void 0:y.length)>6;return(0,l.jsxs)("section",{className:"thd-container-max mb-fluid-md",children:[t&&(0,l.jsx)(g.Z,{className:"mb-fixed-2xl",hFont:"md",hLevel:"h2",header:t,nested:!0}),(0,l.jsx)("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-fixed-xl w-full",children:(null==y?void 0:y.length)>0&&(null==y?void 0:null===(n=y.slice(0,k))||void 0===n?void 0:n.map(function(e,n){var t,o,i,a,r,d,s,u,c,m,h,f,g,y,w=null===(t=Z[n])||void 0===t?void 0:t.bg,C=null===(o=Z[n])||void 0===o?void 0:o.themeColor;return(0,l.jsx)(x.Z,{className:"rounded-fluid-md thd-focus-thick thd-hover-shadow",href:"/community/collections/".concat(null==e?void 0:null===(a=e.meta)||void 0===a?void 0:null===(i=a.slug)||void 0===i?void 0:i.current),children:(0,l.jsx)(v.Z,{cClassName:"flex flex-col justify-between",className:"p-fixed-lg rounded-fluid-md overflow-hidden h-auto md:h-full w-full grid gap-fixed-md max-w-[460px] md:max-w-none hover:bg-thd-color-white transition-colors",hSize:"xs",heading:null==e?void 0:null===(r=e.category)||void 0===r?void 0:r.title,mediaBlock:(0,l.jsxs)("div",{className:"relative thd-aspect-learn",children:[(0,l.jsx)("div",{className:"absolute w-full h-full z-10 flex items-center justify-center p-fixed-xl p-fixed-3xl top-0",children:(null==e?void 0:null===(u=e.category)||void 0===u?void 0:null===(s=u.icon)||void 0===s?void 0:null===(d=s.asset)||void 0===d?void 0:d.url)&&(0,l.jsx)("div",{className:"p-fixed-2xl md:p-fixed-4xl bg-white rounded-full shrink max-w-2/3",style:{"--filter-color":null===(c=(0,p.b)("".concat(C,"-10")))||void 0===c?void 0:c.logoFilter},children:(0,l.jsx)("img",{alt:null!==(y=null==e?void 0:null===(h=e.category)||void 0===h?void 0:null===(m=h.icon)||void 0===m?void 0:m.altText)&&void 0!==y?y:"",className:"thd-filter",height:"180",src:(0,b.ZP)(null==e?void 0:null===(f=e.category)||void 0===f?void 0:f.icon).url(),width:"180"})})}),(0,l.jsx)("div",{className:"absolute h-full w-full flex rounded-md overflow-hidden top-0 translate-x-0",children:(0,l.jsx)(w,{themeColor:null!=C?C:"violet"})})]}),subhead:null==e?void 0:null===(g=e.category)||void 0===g?void 0:g.description,themeColor:"violet-10"})},e._id)}))}),E&&(0,l.jsx)(f.Z,{align:"center",buttonType:"secondary",className:"mt-fluid-sm",color:"violet-10",onClick:function(){return N()},size:"lg",children:C?"See fewer":"See more"})]})}var w=t(12441),C=t(35018),j=t(47805);function N(e){var n,t=e.data,o=e.testimonialData,i=e.logoData,a=e.eopData;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(y,{cards:null==t?void 0:null===(n=t.moreCollectionsBlock)||void 0===n?void 0:n.cards,heading:null==t?void 0:t.moreCollectionsBlock}),o&&(0,l.jsx)(j.Z,{cards:null==o?void 0:o.list,className:"mb-fluid-lg",themeColorMode:"light"}),i&&(0,l.jsx)(w.Z,{data:i,gradient:!0,lineLength:"xl",themeColor:"grey-10"}),(null==a?void 0:a.cta)?(0,l.jsx)(C.Z,{cta:null==a?void 0:a.cta,heading:null==a?void 0:a.heading}):(0,l.jsx)("div",{className:"h-fluid-lg thd-prefooter",style:{"--footer-bg":"var(--thd-color-violet-10)"}})]})}},84046:function(e,n,t){"use strict";t.d(n,{Z:function(){return g}});var l=t(85893),o=t(93967),i=t.n(o),a=t(45697),r=t.n(a),d=t(74876);function s(e){var n=e.font,t=e.quotation,o=e.lineLength,a=e.transparent;return(0,l.jsx)("blockquote",{className:i()((0,d.h)(n).heading,a?"text-center":"md:text-center","thd-quote py-lg",o?"thd-max-".concat(o):"thd-max-2xl"),children:t})}var u=t(42666),c=t(67061),m=t(76466),h=t(53608),f=t(55118),v=t(40205);function g(e){var n,t,o,a,r,d,g,x,p,b=e.card,y=e.caseStudy,w=e.className,C=e.font,j=e.hideAvatar,N=e.hideLogos,Z=e.themeColor,k=e.themeColorMode,E="white"===Z,_=null==b?void 0:null===(a=b.logo)||void 0===a?void 0:null===(o=a.image)||void 0===o?void 0:null===(t=o.asset)||void 0===t?void 0:null===(n=t.metadata)||void 0===n?void 0:n.dimensions,M=null==_?void 0:_.aspectRatio,T=(0,m.Z)(90,30,{aspectRatio:M,type:"horizontal-optimized"}),L=T.width,S=T.height,q="".concat(Z,"-").concat({dark:"90",light:"10"}[k]),z="".concat(Z,"-").concat({dark:"10",light:"90"}[k]);return(0,l.jsx)("figure",{className:i()(w,(0,h.b)(q).headerText,(0,h.b)(q).bg,"mx-auto thd-rounded-static",!E&&"p-fluid-sm lg:p-fluid-lg"),children:(0,l.jsxs)("div",{className:i()(E?"items-center":"md:items-center","flex flex-col justify-center md:h-full md:px-0"),style:{"--filter-color":null===(r=(0,h.b)(q))||void 0===r?void 0:r.logoFilter,"--logo-height":S?S+"px":null,"--logo-width":L?L+"px":null},children:[y&&(null==b?void 0:b.byline)&&(0,l.jsx)(c.Z,{byline:null==b?void 0:b.byline,themeColor:q}),(null==b?void 0:null===(d=b.logo)||void 0===d?void 0:d.image)&&!y&&!N&&(0,l.jsx)("img",{alt:null==b?void 0:null===(g=b.byline)||void 0===g?void 0:g.company,className:"thd-filter thd-logo w-full h-full",height:S,src:(0,f.ZP)(null==b?void 0:null===(x=b.logo)||void 0===x?void 0:x.image).url(),width:L,loading:"lazy"}),(null==b?void 0:b.quotation)&&(0,l.jsx)(s,{font:C,quotation:null==b?void 0:b.quotation,transparent:E}),!y&&(null==b?void 0:b.byline)&&(0,l.jsx)(c.Z,{byline:null==b?void 0:b.byline,hideAvatar:j,themeColor:q,transparent:E}),y&&(0,l.jsx)(u.Z,{buttonType:"secondary",color:z,cta:{link:"/customers/".concat((0,v.Z)(null==b?void 0:null===(p=b.byline)||void 0===p?void 0:p.company)),copy:"View Case Study"},size:"lg",type:"primary"})]})})}g.propTypes={card:r().object.isRequired,caseStudy:r().bool,className:r().string,font:r().string,hideAvatar:r().bool,hideLogos:r().bool,themeColor:r().string,themeColorMode:r().string},g.defaultProps={caseStudy:!1,themeColor:"violet",themeColorMode:"light",font:"xs"}},47805:function(e,n,t){"use strict";t.d(n,{Z:function(){return g}});var l=t(24043),o=t(85893),i=t(99988),a=t(45697),r=t.n(a),d=t(51369),s=t(93967),u=t.n(s),c=t(67294),m=t(84046),h=t(53608),f=t(69524),v=t.n(f);function g(e){var n,t=e.bgVar,a=e.cards,r=e.className,s=e.font,f=e.lineLength,g=e.themeColorMode,x=e.hideLogos,p=(0,l._)((0,c.useState)(1),2),b=p[0],y=p[1],w=(0,l._)((0,c.useState)(!0),2),C=w[0],j=w[1];(0,c.useEffect)(function(){(1===b||b===a.length)&&j(!0)},[b,1,a.length]);var N=function(){b>0&&y(function(e){return e-1})},Z={0:"violet",1:"blue",2:"magenta",3:"green",4:"violet",5:"blue",6:"magenta",7:"green",8:"violet",9:"blue",10:"magenta",11:"green"},k=c.cloneElement((0,o.jsx)(m.Z,{card:a[0],font:s,index:-1===b,themeColor:Z[0],themeColorMode:g},"cloneFirst")),E=c.cloneElement((0,o.jsx)(m.Z,{card:a[a.length-1],font:s,index:b===a.length,prev:N,style:{transform:"translate3d(-100%, 0, 0)"},themeColor:Z[(null==a?void 0:a.length)-1],themeColorMode:g},"cloneLast")),_=function(){0===b?(j(!1),y(a.length)):b===a.length+1&&(j(!1),y(1))};return(0,o.jsx)("section",{className:u()(v().container,r,"sm:gap-fluid-sm pb-fluid-lg lg:pb-0 lg:mb-fluid-lg overflow-x-hidden"),style:{"--gradientColor":t},children:(0,o.jsxs)("div",{className:"flex relative h-full w-full",children:[(0,o.jsx)("button",{"aria-label":"Previous testimonial",className:v().left,onClick:N,type:"button",children:(0,o.jsx)(d.Z,{icon:(0,o.jsx)(i.Z,{}),size:"1.5em"})}),(0,o.jsx)("div",{className:"flex h-full w-full overflow-hidden",children:(0,o.jsxs)("div",{className:u()(v().content),onTransitionEnd:function(){return _()},style:{"--cardCount":a.length+2,"--transformValue":b,transition:C?void 0:"none","--curtainGradient":null===(n=(0,h.b)(null!=t?t:"white"))||void 0===n?void 0:n.bgVar},children:[E,null==a?void 0:a.map(function(e,n){return(0,o.jsx)(m.Z,{hideLogos:x,card:e,font:s,index:b===n+1,lineLength:f,themeColor:Z[n],themeColorMode:g},n)}),k]})}),(0,o.jsx)("button",{"aria-label":"Next testimonial",className:v().right,onClick:function(){b<a.length+1&&y(function(e){return e+1})},type:"button",children:(0,o.jsx)(d.Z,{icon:(0,o.jsx)(i.Z,{}),size:"1.5em"})})]})})}g.propTypes={bgVar:r().string,cards:r().array,className:r().string,font:r().string,lineLength:r().string,themeColorMode:r().string,hideLogos:r().bool}},69524:function(e){e.exports={container:"ThreadTestimonialCarousel_container__3hu57",left:"ThreadTestimonialCarousel_left__ioRt3",right:"ThreadTestimonialCarousel_right__9bhB0",content:"ThreadTestimonialCarousel_content__ODboU",avatar:"ThreadTestimonialCarousel_avatar__3d3SV"}},97005:function(e,n,t){var l=t(67294),o=l&&"object"==typeof l&&"default"in l?l:{default:l};!function(e){if(!e||"undefined"==typeof window)return;let n=document.createElement("style");n.setAttribute("type","text/css"),n.innerHTML=e,document.head.appendChild(n)}('.rfm-marquee-container {\n  overflow-x: hidden;\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  width: var(--width);\n  transform: var(--transform);\n}\n.rfm-marquee-container:hover div {\n  animation-play-state: var(--pause-on-hover);\n}\n.rfm-marquee-container:active div {\n  animation-play-state: var(--pause-on-click);\n}\n\n.rfm-overlay {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.rfm-overlay::before, .rfm-overlay::after {\n  background: linear-gradient(to right, var(--gradient-color), transparent);\n  content: "";\n  height: 100%;\n  position: absolute;\n  width: var(--gradient-width);\n  z-index: 2;\n  pointer-events: none;\n  touch-action: none;\n}\n.rfm-overlay::after {\n  right: 0;\n  top: 0;\n  transform: rotateZ(180deg);\n}\n.rfm-overlay::before {\n  left: 0;\n  top: 0;\n}\n\n.rfm-marquee {\n  flex: 0 0 auto;\n  min-width: var(--min-width);\n  z-index: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  animation: scroll var(--duration) linear var(--delay) var(--iteration-count);\n  animation-play-state: var(--play);\n  animation-delay: var(--delay);\n  animation-direction: var(--direction);\n}\n@keyframes scroll {\n  0% {\n    transform: translateX(0%);\n  }\n  100% {\n    transform: translateX(-100%);\n  }\n}\n\n.rfm-initial-child-container {\n  flex: 0 0 auto;\n  display: flex;\n  min-width: auto;\n  flex-direction: row;\n  align-items: center;\n}\n\n.rfm-child {\n  transform: var(--transform);\n}');let i=l.forwardRef(function({style:e={},className:n="",autoFill:t=!1,play:i=!0,pauseOnHover:a=!1,pauseOnClick:r=!1,direction:d="left",speed:s=50,delay:u=0,loop:c=0,gradient:m=!1,gradientColor:h="white",gradientWidth:f=200,onFinish:v,onCycleComplete:g,onMount:x,children:p},b){let[y,w]=l.useState(0),[C,j]=l.useState(0),[N,Z]=l.useState(1),[k,E]=l.useState(!1),_=l.useRef(null),M=b||_,T=l.useRef(null),L=l.useCallback(()=>{if(T.current&&M.current){let e=M.current.getBoundingClientRect(),n=T.current.getBoundingClientRect(),l=e.width,o=n.width;("up"===d||"down"===d)&&(l=e.height,o=n.height),t&&l&&o?Z(o<l?Math.ceil(l/o):1):Z(1),w(l),j(o)}},[t,M,d]);l.useEffect(()=>{if(k&&(L(),T.current&&M.current)){let e=new ResizeObserver(()=>L());return e.observe(M.current),e.observe(T.current),()=>{e&&e.disconnect()}}},[L,M,k]),l.useEffect(()=>{L()},[L,p]),l.useEffect(()=>{E(!0)},[]),l.useEffect(()=>{"function"==typeof x&&x()},[]);let S=l.useMemo(()=>t?C*N/s:C<y?y/s:C/s,[t,y,C,N,s]),q=l.useMemo(()=>Object.assign(Object.assign({},e),{"--pause-on-hover":!i||a?"paused":"running","--pause-on-click":!i||a&&!r||r?"paused":"running","--width":"up"===d||"down"===d?"100vh":"100%","--transform":"up"===d?"rotate(-90deg)":"down"===d?"rotate(90deg)":"none"}),[e,i,a,r,d]),z=l.useMemo(()=>({"--gradient-color":h,"--gradient-width":"number"==typeof f?`${f}px`:f}),[h,f]),R=l.useMemo(()=>({"--play":i?"running":"paused","--direction":"left"===d?"normal":"reverse","--duration":`${S}s`,"--delay":`${u}s`,"--iteration-count":c?`${c}`:"infinite","--min-width":t?"auto":"100%"}),[i,d,S,u,c,t]),A=l.useMemo(()=>({"--transform":"up"===d?"rotate(90deg)":"down"===d?"rotate(-90deg)":"none"}),[d]),B=l.useCallback(e=>[...Array(Number.isFinite(e)&&e>=0?e:0)].map((e,n)=>o.default.createElement(l.Fragment,{key:n},l.Children.map(p,e=>o.default.createElement("div",{style:A,className:"rfm-child"},e)))),[A,p]);return k?o.default.createElement("div",{ref:M,style:q,className:"rfm-marquee-container "+n},m&&o.default.createElement("div",{style:z,className:"rfm-overlay"}),o.default.createElement("div",{className:"rfm-marquee",style:R,onAnimationIteration:g,onAnimationEnd:v},o.default.createElement("div",{className:"rfm-initial-child-container",ref:T},l.Children.map(p,e=>o.default.createElement("div",{style:A,className:"rfm-child"},e))),B(N-1)),o.default.createElement("div",{className:"rfm-marquee",style:R},B(N))):null});n.Z=i}}]);