(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6708],{88780: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"}))}},46334:function(e,n,t){"use strict";t.r(n),t.d(n,{LowerPage:function(){return LowerPage}});var l=t(85893),o=t(24043),i=t(67294),a=t(55756),r=t(99356),d=t(69742),s=t(40098),u=t(39899),c=t(11713),m=t(81785),h=t(70518),f=t(30830),v=t(32363),g=t(27924),x=t(65970),p=t(92673),b=t(20434);function MoreCollections(e){var n,t=e.heading,y=e.cards,C=(0,o._)((0,i.useState)(!1),2),w=C[0],j=C[1],toggleMoreCategories=function(){j(!w)},N={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"}},Z=w?null==y?void 0:y.length:6,T=(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,Z))||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,C=null===(t=N[n])||void 0===t?void 0:t.bg,w=null===(o=N[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(w,"-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)(C,{themeColor:null!=w?w:"violet"})})]}),subhead:null==e?void 0:null===(g=e.category)||void 0===g?void 0:g.description,themeColor:"violet-10"})},e._id)}))}),T&&(0,l.jsx)(f.Z,{align:"center",buttonType:"secondary",className:"mt-fluid-sm",color:"violet-10",onClick:function(){return toggleMoreCategories()},size:"lg",children:w?"See fewer":"See more"})]})}var y=t(19210),C=t(51770),w=t(79195);function LowerPage(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)(MoreCollections,{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)(w.Z,{cards:null==o?void 0:o.list,className:"mb-fluid-lg",themeColorMode:"light"}),i&&(0,l.jsx)(y.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)"}})]})}},53974:function(e,n,t){"use strict";t.d(n,{Z:function(){return ThreadTestimonialCard}});var l=t(85893),o=t(93967),i=t.n(o),a=t(45697),r=t.n(a),d=t(25169);function TestimonialQuotation(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 s=t(30830),u=t(3131),c=t(79682),m=t(92673),h=t(20434),f=t(56649);function ThreadTestimonialCard(e){var n,t,o,a,r,d,v,g,x,p=e.card,b=e.caseStudy,y=e.className,C=e.font,w=e.hideAvatar,j=e.hideLogos,N=e.themeColor,Z=e.themeColorMode,T="white"===N,E=null==p?void 0:null===(a=p.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,_=null==E?void 0:E.aspectRatio,k=(0,c.Z)(90,30,{aspectRatio:_,type:"horizontal-optimized"}),M=k.width,q=k.height,R="".concat(N,"-").concat({dark:"90",light:"10"}[Z]),S="".concat(N,"-").concat({dark:"10",light:"90"}[Z]);return(0,l.jsx)("figure",{className:i()(y,(0,m.b)(R).headerText,(0,m.b)(R).bg,"mx-auto thd-rounded-static",!T&&"p-fluid-sm lg:p-fluid-lg"),children:(0,l.jsxs)("div",{className:i()(T?"items-center":"md:items-center","flex flex-col justify-between md:h-full md:px-0"),style:{"--filter-color":null===(r=(0,m.b)(R))||void 0===r?void 0:r.logoFilter,"--logo-height":q+"px","--logo-width":M+"px"},children:[b&&(null==p?void 0:p.byline)&&(0,l.jsx)(u.Z,{byline:null==p?void 0:p.byline,themeColor:R}),(null==p?void 0:null===(d=p.logo)||void 0===d?void 0:d.image)&&!b&&!j&&(0,l.jsx)("img",{alt:null==p?void 0:null===(v=p.byline)||void 0===v?void 0:v.company,className:"thd-filter thd-logo w-full h-full",height:q,src:(0,h.ZP)(null==p?void 0:null===(g=p.logo)||void 0===g?void 0:g.image).url(),width:M,loading:"lazy"}),(null==p?void 0:p.quotation)&&(0,l.jsx)(TestimonialQuotation,{font:C,quotation:null==p?void 0:p.quotation,transparent:T}),!b&&(null==p?void 0:p.byline)&&(0,l.jsx)(u.Z,{byline:null==p?void 0:p.byline,hideAvatar:w,themeColor:R,transparent:T}),b&&(0,l.jsx)(s.Z,{buttonType:"secondary",color:S,cta:{link:"/customers/".concat((0,f.Z)(null==p?void 0:null===(x=p.byline)||void 0===x?void 0:x.company)),copy:"View Case Study"},size:"lg",type:"primary"})]})})}ThreadTestimonialCard.propTypes={card:r().object,caseStudy:r().bool,className:r().string,font:r().string,themeColor:r().string.isRequired,themeColorMode:r().string.isRequired},ThreadTestimonialCard.defaultProps={caseStudy:!1,themeColor:"violet",themeColorMode:"light",font:"xs"}},79195:function(e,n,t){"use strict";t.d(n,{Z:function(){return ThreadTestimonialCarousel}});var l=t(24043),o=t(85893),i=t(88780),a=t(84224),r=t(93967),d=t.n(r),s=t(67294),u=t(53974),c=t(92673),m=t(37926),h=t.n(m);function ThreadTestimonialCarousel(e){var n,t=e.bgVar,r=e.cards,m=e.className,f=e.font,v=e.lineLength,g=e.themeColorMode,x=e.hideLogos,p=(0,l._)((0,s.useState)(1),2),b=p[0],y=p[1],C=(0,l._)((0,s.useState)(!0),2),w=C[0],j=C[1];(0,s.useEffect)(function(){(1===b||b===r.length)&&j(!0)},[b,1,r.length]);var prev=function(){b>0&&y(function(e){return e-1})},N={0:"violet",1:"blue",2:"magenta",3:"green",4:"violet",5:"blue",6:"magenta",7:"green",8:"violet",9:"blue",10:"magenta",11:"green"},Z=s.cloneElement((0,o.jsx)(u.Z,{card:r[0],font:f,index:-1===b,themeColor:N[0],themeColorMode:g},"cloneFirst")),T=s.cloneElement((0,o.jsx)(u.Z,{card:r[r.length-1],font:f,index:b===r.length,prev:prev,style:{transform:"translate3d(-100%, 0, 0)"},themeColor:N[(null==r?void 0:r.length)-1],themeColorMode:g},"cloneLast")),handleTransitionEnd=function(){0===b?(j(!1),y(r.length)):b===r.length+1&&(j(!1),y(1))};return(0,o.jsx)("section",{className:d()(h().container,m,"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:h().left,onClick:prev,type:"button",children:(0,o.jsx)(a.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:d()(h().content),onTransitionEnd:function(){return handleTransitionEnd()},style:{"--cardCount":r.length+2,"--transformValue":b,transition:w?void 0:"none","--curtainGradient":null===(n=(0,c.b)(null!=t?t:"white"))||void 0===n?void 0:n.bgVar},children:[T,null==r?void 0:r.map(function(e,n){return(0,o.jsx)(u.Z,{hideLogos:x,card:e,font:f,index:b===n+1,lineLength:v,themeColor:N[n],themeColorMode:g},e._id)}),Z]})}),(0,o.jsx)("button",{"aria-label":"Next testimonial",className:h().right,onClick:function(){b<r.length+1&&y(function(e){return e+1})},type:"button",children:(0,o.jsx)(a.Z,{icon:(0,o.jsx)(i.Z,{}),size:"1.5em"})})]})})}},37926: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,C]=l.useState(0),[w,j]=l.useState(0),[N,Z]=l.useState(1),[T,E]=l.useState(!1),_=l.useRef(null),k=b||_,M=l.useRef(null),q=l.useCallback(()=>{if(M.current&&k.current){let e=k.current.getBoundingClientRect(),n=M.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),C(l),j(o)}},[t,k,d]);l.useEffect(()=>{if(T&&(q(),M.current&&k.current)){let e=new ResizeObserver(()=>q());return e.observe(k.current),e.observe(M.current),()=>{e&&e.disconnect()}}},[q,k,T]),l.useEffect(()=>{q()},[q,p]),l.useEffect(()=>{E(!0)},[]),l.useEffect(()=>{"function"==typeof x&&x()},[]);let R=l.useMemo(()=>t?w*N/s:w<y?y/s:w/s,[t,y,w,N,s]),S=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]),L=l.useMemo(()=>({"--play":i?"running":"paused","--direction":"left"===d?"normal":"reverse","--duration":`${R}s`,"--delay":`${u}s`,"--iteration-count":c?`${c}`:"infinite","--min-width":t?"auto":"100%"}),[i,d,R,u,c,t]),B=l.useMemo(()=>({"--transform":"up"===d?"rotate(90deg)":"down"===d?"rotate(-90deg)":"none"}),[d]),F=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:B,className:"rfm-child"},e)))),[B,p]);return T?o.default.createElement("div",{ref:k,style:S,className:"rfm-marquee-container "+n},m&&o.default.createElement("div",{style:z,className:"rfm-overlay"}),o.default.createElement("div",{className:"rfm-marquee",style:L,onAnimationIteration:g,onAnimationEnd:v},o.default.createElement("div",{className:"rfm-initial-child-container",ref:M},l.Children.map(p,e=>o.default.createElement("div",{style:B,className:"rfm-child"},e))),F(N-1)),o.default.createElement("div",{className:"rfm-marquee",style:L},F(N))):null});n.Z=i}}]);