(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9717],{80868: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"}))}},27624: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(52430),r=t(31174),d=t(21759),s=t(34446),u=t(48935),c=t(44197),m=t(71449),h=t(92826),f=t(99577),v=t(48487),g=t(2291),x=t(67329),p=t(33322),b=t(13608);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(60305),C=t(74874),w=t(13736);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)"}})]})}},12387: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(55395);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(99577),u=t(30867),c=t(72917),m=t(33322),h=t(13608),f=t(84834);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,k=null==E?void 0:E.aspectRatio,_=(0,c.Z)(90,30,{aspectRatio:k,type:"horizontal-optimized"}),M=_.width,L=_.height,S="".concat(N,"-").concat({dark:"90",light:"10"}[Z]),q="".concat(N,"-").concat({dark:"10",light:"90"}[Z]);return(0,l.jsx)("figure",{className:i()(y,(0,m.b)(S).headerText,(0,m.b)(S).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-center md:h-full md:px-0"),style:{"--filter-color":null===(r=(0,m.b)(S))||void 0===r?void 0:r.logoFilter,"--logo-height":L?L+"px":null,"--logo-width":M?M+"px":null},children:[b&&(null==p?void 0:p.byline)&&(0,l.jsx)(u.Z,{byline:null==p?void 0:p.byline,themeColor:S}),(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:L,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:S,transparent:T}),b&&(0,l.jsx)(s.Z,{buttonType:"secondary",color:q,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.isRequired,caseStudy:r().bool,className:r().string,font:r().string,hideAvatar:r().bool,hideLogos:r().bool,themeColor:r().string,themeColorMode:r().string},ThreadTestimonialCard.defaultProps={caseStudy:!1,themeColor:"violet",themeColorMode:"light",font:"xs"}},13736:function(e,n,t){"use strict";t.d(n,{Z:function(){return ThreadTestimonialCarousel}});var l=t(24043),o=t(85893),i=t(80868),a=t(45697),r=t.n(a),d=t(34297),s=t(93967),u=t.n(s),c=t(67294),m=t(12387),h=t(33322),f=t(22828),v=t.n(f);function ThreadTestimonialCarousel(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],C=(0,l._)((0,c.useState)(!0),2),w=C[0],j=C[1];(0,c.useEffect)(function(){(1===b||b===a.length)&&j(!0)},[b,1,a.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=c.cloneElement((0,o.jsx)(m.Z,{card:a[0],font:s,index:-1===b,themeColor:N[0],themeColorMode:g},"cloneFirst")),T=c.cloneElement((0,o.jsx)(m.Z,{card:a[a.length-1],font:s,index:b===a.length,prev:prev,style:{transform:"translate3d(-100%, 0, 0)"},themeColor:N[(null==a?void 0:a.length)-1],themeColorMode:g},"cloneLast")),handleTransitionEnd=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:prev,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 handleTransitionEnd()},style:{"--cardCount":a.length+2,"--transformValue":b,transition:w?void 0:"none","--curtainGradient":null===(n=(0,h.b)(null!=t?t:"white"))||void 0===n?void 0:n.bgVar},children:[T,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:N[n],themeColorMode:g},n)}),Z]})}),(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"})})]})})}ThreadTestimonialCarousel.propTypes={bgVar:r().string,cards:r().array,className:r().string,font:r().string,lineLength:r().string,themeColorMode:r().string,hideLogos:r().bool}},22828: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),k=l.useRef(null),_=b||k,M=l.useRef(null),L=l.useCallback(()=>{if(M.current&&_.current){let e=_.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,_,d]);l.useEffect(()=>{if(T&&(L(),M.current&&_.current)){let e=new ResizeObserver(()=>L());return e.observe(_.current),e.observe(M.current),()=>{e&&e.disconnect()}}},[L,_,T]),l.useEffect(()=>{L()},[L,p]),l.useEffect(()=>{E(!0)},[]),l.useEffect(()=>{"function"==typeof x&&x()},[]);let S=l.useMemo(()=>t?w*N/s:w<y?y/s:w/s,[t,y,w,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 T?o.default.createElement("div",{ref:_,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:M},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}}]);