"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5223],{12441:function(e,o,a){a.d(o,{Z:function(){return w}});var t=a(72253),i=a(14932),r=a(47702),l=a(24043),n=a(85893),d=a(93967),s=a.n(d),u=a(45697),c=a.n(u),h=a(67294),g=a(97005),m=a(30587),v=a(42666),p=a(76466),x=a(80506),f=a(53608),b=a(74876),M=a(55118),k=a(51050);function w(e){var o,a,t,i,r,d,u,c,g=e.noMotion,p=e.bgColor,M=e.className,w=e.data,y=e.gradient,L=e.gradientColor,j=e.gradientSize,N=e.hasSalesCta,z=e.hColor,T=e.heading,R=e.hFont,_=e.lineLength,H=e.logosFullColor,Z=e.maxLogoHeight,O=e.maxLogoWidth,S=e.space,W=e.themeColor,F=e.type,A=(0,k.T)()||void 0!==g&&g,D=(0,m.ZP)("(min-width: 1024px)"),V=(0,l._)((0,h.useState)(!1),2),B=V[0],P=V[1];return(0,n.jsx)("section",{className:s()(M,p,S,"overflow-hidden"),children:(0,n.jsxs)("div",{className:"max-w-screen-3xl mx-auto",children:[(null==w?void 0:w.heading)&&(0,n.jsx)("h2",{className:s()(null===(o=(0,b.h)(null!=R?R:"md"))||void 0===o?void 0:o.heading,null===(a=(0,f.b)(null!=z?z:W))||void 0===a?void 0:a.headerText,_?"thd-max-".concat(_):void 0,null===(t=(0,x.l)("center"))||void 0===t?void 0:t.h,"px-fluid-base md:px-0"),children:null!==(c=w.heading)&&void 0!==c?c:T}),(null==w?void 0:w.subheading)&&(0,n.jsx)("p",{className:s()(null===(i=(0,x.l)("center"))||void 0===i?void 0:i.h,"px-fluid-base md:px-0 mt-12 text-thd-color-grey-70 mb-fluid-xs text-22"),children:w.subheading}),(null==w?void 0:null===(r=w.cta)||void 0===r?void 0:r.copy)||N?(0,n.jsx)("div",{className:"flex justify-center mb-fluid-lg mt-3xl",children:(0,n.jsx)(v.Z,{buttonType:"primary",color:"violet-dark",cta:null==w?void 0:w.cta,icon:null==w?void 0:null===(u=w.cta)||void 0===u?void 0:null===(d=u.iconRef)||void 0===d?void 0:d.icon,size:"lg",type:"primary"})}):null,(0,n.jsx)("div",{className:"mt-3xl",children:(0,n.jsx)(C,{gradient:void 0!==y&&y,gradientColor:L,gradientSize:j,isDesktop:D,logos:null==w?void 0:w.logos,logosThree:null==w?void 0:w.logosThree,logosTwo:null==w?void 0:w.logosTwo,logosFullColor:void 0!==H&&H,maxLogoHeight:Z,maxLogoWidth:O,prefersReducedMotion:A,setViewAllLogos:P,themeColor:"grey-10",type:F,viewAllLogos:B})})]})})}function y(e){var o,a=e.className,t=e.isDesktop,i=e.logos,r=e.logosFullColor,l=e.viewAllLogos,d=e.maxLogoHeight,u=e.maxLogoWidth,c=e.prefersReducedMotion,h=e.themeColor,g=e.type,m=t||l?null==i?void 0:i.length:15;return c&&(m=null==i?void 0:i.filter(function(e){return void 0!==e}).length),(0,n.jsx)("ul",{className:s()(a,l||t||!c?void 0:"thd-fadient-btm"),style:{"--bg-direction":"0deg","--from-bg":"var(--thd-color-white)","--to-bg":"rgba(255,255,255,0)"},children:null==i?void 0:null===(o=i.slice(0,m))||void 0===o?void 0:o.map(function(e,o){var a,i,l,c,m,v,x,b=null==e?void 0:null===(c=e.image)||void 0===c?void 0:null===(l=c.asset)||void 0===l?void 0:null===(i=l.metadata)||void 0===i?void 0:null===(a=i.dimensions)||void 0===a?void 0:a.aspectRatio,k=(0,p.Z)(t?null!=u?u:120:90,t?null!=d?d:40:20,{aspectRatio:b,type:null!=g?g:"horizontal-optimized"}),w=k.width,y=k.height;return(0,n.jsx)("li",{style:{"--filter-color":null===(m=(0,f.b)(h))||void 0===m?void 0:m.logoFilter,"--logo-height":y+"px","--logo-width":w+"px"},children:(0,n.jsx)("img",{alt:null==e?void 0:e.name,className:s()(!1===r&&"thd-filter","thd-logo w-full h-full mx-auto"),height:y,src:null===(v=(0,M.ZP)(null==e?void 0:e.image))||void 0===v?void 0:v.url(),width:w,loading:"lazy"})},null!==(x="".concat(null==e?void 0:e._id).concat(o))&&void 0!==x?x:"".concat(null==e?void 0:e._id).concat(o))})})}function C(e){var o=e.gradient,a=e.gradientColor,l=e.gradientSize,d=e.isDesktop,s=e.logos,u=e.logosThree,c=e.logosTwo,h=e.maxLogoHeight,m=e.maxLogoWidth,p=e.setViewAllLogos,x=e.viewAllLogos,f=e.prefersReducedMotion,b=(0,r._)(e,["gradient","gradientColor","gradientSize","isDesktop","logos","logosThree","logosTwo","maxLogoHeight","maxLogoWidth","setViewAllLogos","viewAllLogos","prefersReducedMotion"]);if(f){var M=null==s?void 0:s.concat(c,u),k=function(){p(!x)};return(0,n.jsxs)("div",{className:"thd-container-max flex flex-col items-center",children:[(0,n.jsx)(y,(0,t._)({className:"grid grid-cols-3 gap-fixed-xl items-center md:flex md:flex-wrap md:gap-fluid-sm md:justify-center mb-fixed-2xl",isDesktop:d,logos:M,maxLogoHeight:h,maxLogoWidth:m,prefersReducedMotion:f,viewAllLogos:x},b)),!d&&(0,n.jsx)(v.Z,{align:"center",buttonType:"secondary",color:"violet-10",onClick:function(){return k()},size:"sm",children:x?"View less":"View more"})]})}var w="grid grid-flow-col auto-cols-max gap-fluid-sm md:gap-fluid-lg items-center pr-fluid-sm md:pr-fluid-lg mb-fixed-2xl";return(0,n.jsxs)(n.Fragment,{children:[s&&(0,n.jsx)(g.Z,{direction:"left",gradient:o,gradientColor:a,gradientSize:l,loop:0,pauseOnClick:!1,pauseOnHover:!1,play:!0,speed:d?"35":"40",children:(0,n.jsx)(y,(0,t._)({className:w,isDesktop:d,logos:s,maxLogoHeight:h,maxLogoWidth:m},b))}),c&&(0,n.jsx)(g.Z,{direction:"left",gradient:o,gradientColor:a,gradientSize:l,loop:0,pauseOnClick:!1,pauseOnHover:!1,play:!0,speed:d?"40":"50",children:(0,n.jsx)(y,(0,i._)((0,t._)({className:w,isDesktop:d,logos:c},b),{maxLogoHeight:h,maxLogoWidth:m}))}),u&&(0,n.jsx)(g.Z,{direction:"left",gradient:o,gradientColor:a,gradientSize:l,loop:0,pauseOnClick:!1,pauseOnHover:!1,play:!0,speed:d?"20":"30",children:(0,n.jsx)(y,(0,i._)((0,t._)({className:w,logos:u},b),{isDesktop:d,maxLogoHeight:h,maxLogoWidth:m}))})]})}w.propTypes={noMotion:c().bool,bgColor:c().string,className:c().oneOfType([c().string,c().object]),data:c().object,gradient:c().bool,gradientColor:c().oneOfType([c().string,c().array]),gradientSize:c().string,hasSalesCta:c().bool,hColor:c().string,heading:c().string.isRequired,hFont:c().string,lineLength:c().oneOf(["sm","md","lg","xl","2xl","3xl","4xl","social"]),logosFullColor:c().bool,maxLogoHeight:c().oneOfType([c().string,c().number]),maxLogoWidth:c().string,space:c().string,themeColor:c().string.isRequired,type:c().string},w.defaultProps={noMotion:!1,heading:"More than 21 million people across 200,000 companies choose Loom",lineLength:"social",logosFullColor:!1,size:"large",space:"py-fluid-lg",themeColor:"grey-light"}},35018:function(e,o,a){a.d(o,{Z:function(){return h}});var t,i=a(75766),r=a(85893),l=a(93967),n=a.n(l),d=a(45697),s=a.n(d),u=a(42666),c=a(53608);function h(e){var o,a,t=e.bgColor,i=e.className,l=e.cta,d=e.heading,s=e.hClassName,h=e.themeColor,g=e.pageBg,m=e.footerBg;return(0,r.jsx)("aside",{className:n()(i,t,"thd-gradient px-fluid-base md:px-fluid-sm lg:relative pb-fluid-lg"),style:{"--bg-direction":"180deg","--page-bg":g?(0,c.b)(g).bgVar:"white","--footer-bg":m?"var(--thd-color-".concat(m,")"):"var(--thd-color-violet-10)"},children:(0,r.jsxs)("div",{className:"thd-rounded-static shadow-thd max-w-screen-xl px-fluid-sm bg-white flex flex-col md:flex-row justify-center md:justify-between md:items-center mx-auto py-fluid-sm",children:[d&&(0,r.jsx)("p",{className:n()(s,"thd-heading-md mb-lg md:mb-0 text-center md:text-left  mx-auto md:mx-0 w-full"),children:d}),l&&(0,r.jsx)(u.Z,{className:"self-center",color:"violet-dark",cta:l,icon:null!==(a=null==l?void 0:null===(o=l.iconRef)||void 0===o?void 0:o.icon)&&void 0!==a?a:void 0,size:"lg",themeColor:null!=h?h:"violet-light",type:"primary"})]})})}h.propTypes=(t={bgColor:s().string,className:s().string,cta:s().oneOfType([s().string,s().object,s().func]),heading:s().string,hClassName:s().string,themeColor:s().string,pageBg:s().string,footerBg:s().string},(0,i._)(t,"bgColor",s().string),(0,i._)(t,"themeColor",s().string),(0,i._)(t,"pageBg",s().string),t),h.defaultProps={hClassName:"sm:thd-max-md eop:max-w-none",heading:"Loom works wherever you do.",hoverPlate:!1,overlay:!1}},76466:function(e,o,a){a.d(o,{Z:function(){return s}});var t=function(e,o,a){var t,i;switch(!0){case a<1:t=o/a,i=1.5*e;break;case 1===a:t=o,i=o;break;case a>1&&a<2:i=Math.round((t=Math.round(o))*a);break;case a>=2&&a<=5.5:t=Math.round((i=Math.round(1.25*e))/a);break;case a>5.5&&a<=8:t=Math.round((i=Math.round(1.5*e))/a);break;case a>8&&a<=10:t=Math.round(1.8*o),i=Math.round(2*e);break;case a>10:i=Math.round((t=Math.round(.75*o))*a)}return{width:i,height:t}},i=function(e,o,a){var t,i;switch(!0){case a<1:i=Math.round((t=Math.round(1.5*o))*a);break;case 1===a:i=t=1.25*o;break;case a>1&&a<=2.5:i=Math.round((t=Math.round(1.25*o))*a);break;case a>2.5&&a<=3.5:i=Math.round((t=Math.round(1.3*o))*a);break;case a>3.5&&a<=5.5:i=Math.round((t=o)*a);break;case a>5.5&&a<=8:t=Math.round((i=Math.round(1.2*e))/a);break;case a>8&&a<=8.5:case a>8.5:t=Math.round((i=Math.round(1.5*e))/a)}return{width:i,height:t}},r=function(e,o,a){var t,i;switch(!0){case a<1:t=Math.round(o/a),i=Math.round(1.5*e);break;case 1===a:t=o,i=e;break;case a>1&&a<=4:i=Math.round((t=o)*a);break;case a>4&&a<=5.5:i=Math.round((t=Math.round(1.25*o))*a);break;case a>5.5&&a<=8:i=Math.round((t=Math.round(1.5*o))*a);break;case a>8:t=Math.round(1.8*o),i=Math.round(2*e)}return{width:i,height:t}},l=function(e,o,a){var t,i;switch(!0){case a<1:t=o/a,i=1.5*e;break;case 1===a:t=o,i=e;break;case a>1&&a<=6.5:i=Math.round((t=o)*a);break;case a>6.5&&a<=8:i=Math.round((t=Math.round(1.2*o))*a);break;case a>8&&a<=10:t=Math.round(1.8*o),i=Math.round(2*e);break;case a>10:i=Math.round((t=Math.round(1.2*o))*a)}return{width:i,height:t}},n=function(e,o,a){var t,i;switch(!0){case a<1:t=Math.round(o/a),i=Math.round(1.5*e);break;case 1===a:t=o,i=e;break;case a>1&&a<=2.5:i=Math.round((t=o)*a);break;case a>2.5&&a<=5.5:i=Math.round((t=Math.round(1.25*o))*a);break;case a>5.5&&a<=8:t=Math.round(1.5*o),i=Math.round(1.5*e);break;case a>8:t=Math.round(1.8*o),i=Math.round(2*e)}return{width:i,height:t}},d=function(e,o,a){var t,i;switch(!0){case a<1:i=Math.round((t=Math.round(1.5*o))*a);break;case 1===a:i=t=1.25*o;break;case a>1&&a<=2.5:i=Math.round((t=Math.round(1.25*o))*a);break;case a>2.5&&a<=3.5:i=Math.round((t=Math.round(1.3*o))*a);break;case a>3.5&&a<=5.5:i=Math.round((t=o)*a);break;case a>5.5&&a<=8:t=Math.round((i=Math.round(1.2*e))/a);break;case a>8&&a<=8.5:case a>8.5:t=Math.round((i=Math.round(1.5*e))/a)}return{width:i,height:t}};function s(e,o,a){switch(a.type){case"horizontal-optimized":return t(e,o,a.aspectRatio);case"normalized":return r(e,o,null==a?void 0:a.aspectRatio);case"normalized-horizontal":return l(e,o,null==a?void 0:a.aspectRatio);case"homepage-carousel":return i(e,o,null==a?void 0:a.aspectRatio);case"normalized-square":return n(e,o,null==a?void 0:a.aspectRatio);default:return d(e,o,null==a?void 0:a.aspectRatio)}}}}]);