"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1792],{19210:function(e,o,a){a.d(o,{Z:function(){return SocialProof}});var i=a(72253),t=a(14932),l=a(47702),r=a(24043),n=a(85893),d=a(93967),s=a.n(d),u=a(45697),g=a.n(u),c=a(67294),h=a(97005),m=a(30587),v=a(30830),p=a(79682),x=a(75446),f=a(92673),b=a(25169),M=a(20434),k=a(84220);function SocialProof(e){var o,a,i,t,l,d,u,g=e.noMotion,h=e.bgColor,p=e.className,M=e.data,w=e.gradient,z=e.gradientColor,L=e.gradientSize,C=e.hasSalesCta,y=e.hColor,N=e.heading,j=e.hFont,S=e.lineLength,T=e.logosFullColor,H=e.maxLogoHeight,O=e.maxLogoWidth,R=e.space,I=e.themeColor,P=e.type,_=(0,k.T)()||void 0!==g&&g,Z=(0,m.ZP)("(min-width: 1024px)"),A=(0,r._)((0,c.useState)(!1),2),W=A[0],D=A[1];return(0,n.jsx)("section",{className:s()(p,h,R,"overflow-hidden"),children:(0,n.jsxs)("div",{className:"max-w-screen-3xl mx-auto",children:[(null==M?void 0:M.heading)&&(0,n.jsx)("h2",{className:s()(null===(o=(0,b.h)(null!=j?j:"md"))||void 0===o?void 0:o.heading,null===(a=(0,f.b)(null!=y?y:I))||void 0===a?void 0:a.headerText,S?"thd-max-".concat(S):void 0,null===(i=(0,x.l)("center"))||void 0===i?void 0:i.h,(null==M?void 0:M.cta)?" mb-3xl":"mb-fluid-sm","px-fluid-base md:px-0"),children:null!==(u=M.heading)&&void 0!==u?u:N}),(null==M?void 0:null===(t=M.cta)||void 0===t?void 0:t.copy)||C?(0,n.jsx)("div",{className:"flex justify-center mb-fluid-lg",children:(0,n.jsx)(v.Z,{buttonType:"primary",color:"violet-dark",cta:null==M?void 0:M.cta,icon:null==M?void 0:null===(d=M.cta)||void 0===d?void 0:null===(l=d.iconRef)||void 0===l?void 0:l.icon,size:"lg",type:"primary"})}):null,(0,n.jsx)(MarqueeAnimation,{gradient:void 0!==w&&w,gradientColor:z,gradientSize:L,isDesktop:Z,logos:null==M?void 0:M.logos,logosThree:null==M?void 0:M.logosThree,logosTwo:null==M?void 0:M.logosTwo,logosFullColor:void 0!==T&&T,maxLogoHeight:H,maxLogoWidth:O,prefersReducedMotion:_,setViewAllLogos:D,themeColor:"grey-10",type:P,viewAllLogos:W})]})})}function LogoGrid(e){var o,a=e.className,i=e.isDesktop,t=e.logos,l=e.logosFullColor,r=e.viewAllLogos,d=e.maxLogoHeight,u=e.maxLogoWidth,g=e.prefersReducedMotion,c=e.themeColor,h=e.type,m=i||r?null==t?void 0:t.length:15;return g&&(m=null==t?void 0:t.filter(function(e){return void 0!==e}).length),(0,n.jsx)("ul",{className:s()(a,r||i||!g?void 0:"thd-fadient-btm"),style:{"--bg-direction":"0deg","--from-bg":"var(--thd-color-white)","--to-bg":"rgba(255,255,255,0)"},children:null==t?void 0:null===(o=t.slice(0,m))||void 0===o?void 0:o.map(function(e,o){var a,t,r,g,m,v,x,b=null==e?void 0:null===(g=e.image)||void 0===g?void 0:null===(r=g.asset)||void 0===r?void 0:null===(t=r.metadata)||void 0===t?void 0:null===(a=t.dimensions)||void 0===a?void 0:a.aspectRatio,k=i?null!=d?d:40:20,w=i?null!=u?u:120:90,z=(0,p.Z)(w,k,{aspectRatio:b,type:null!=h?h:"horizontal-optimized"}),L=z.width,C=z.height;return(0,n.jsx)("li",{style:{"--filter-color":null===(m=(0,f.b)(c))||void 0===m?void 0:m.logoFilter,"--logo-height":C+"px","--logo-width":L+"px"},children:(0,n.jsx)("img",{alt:null==e?void 0:e.name,className:s()(!1===l&&"thd-filter","thd-logo w-full h-full mx-auto"),height:C,src:null===(v=(0,M.ZP)(null==e?void 0:e.image))||void 0===v?void 0:v.url(),width:L,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 MarqueeAnimation(e){var o=e.gradient,a=e.gradientColor,r=e.gradientSize,d=e.isDesktop,s=e.logos,u=e.logosThree,g=e.logosTwo,c=e.maxLogoHeight,m=e.maxLogoWidth,p=e.setViewAllLogos,x=e.viewAllLogos,f=e.prefersReducedMotion,b=(0,l._)(e,["gradient","gradientColor","gradientSize","isDesktop","logos","logosThree","logosTwo","maxLogoHeight","maxLogoWidth","setViewAllLogos","viewAllLogos","prefersReducedMotion"]);if(f){var M=null==s?void 0:s.concat(g,u),toggleLogos=function(){p(!x)};return(0,n.jsxs)("div",{className:"thd-container-max flex flex-col items-center",children:[(0,n.jsx)(LogoGrid,(0,i._)({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:c,maxLogoWidth:m,prefersReducedMotion:f,viewAllLogos:x},b)),!d&&(0,n.jsx)(v.Z,{align:"center",buttonType:"secondary",color:"violet-10",onClick:function(){return toggleLogos()},size:"sm",children:x?"View less":"View more"})]})}var k="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)(h.Z,{direction:"left",gradient:o,gradientColor:a,gradientSize:r,loop:0,pauseOnClick:!1,pauseOnHover:!1,play:!0,speed:d?"35":"40",children:(0,n.jsx)(LogoGrid,(0,i._)({className:k,isDesktop:d,logos:s,maxLogoHeight:c,maxLogoWidth:m},b))}),g&&(0,n.jsx)(h.Z,{direction:"left",gradient:o,gradientColor:a,gradientSize:r,loop:0,pauseOnClick:!1,pauseOnHover:!1,play:!0,speed:d?"40":"50",children:(0,n.jsx)(LogoGrid,(0,t._)((0,i._)({className:k,isDesktop:d,logos:g},b),{maxLogoHeight:c,maxLogoWidth:m}))}),u&&(0,n.jsx)(h.Z,{direction:"left",gradient:o,gradientColor:a,gradientSize:r,loop:0,pauseOnClick:!1,pauseOnHover:!1,play:!0,speed:d?"20":"30",children:(0,n.jsx)(LogoGrid,(0,t._)((0,i._)({className:k,logos:u},b),{isDesktop:d,maxLogoHeight:c,maxLogoWidth:m}))})]})}SocialProof.propTypes={noMotion:g().bool,className:g().oneOfType([g().string,g().object]),cta:g().object,data:g().object,heading:g().string.isRequired,lineLength:g().oneOf(["sm","md","lg","xl","2xl","3xl","4xl","social"]),logosFullColor:g().bool,spacing:g().string,themeColor:g().string.isRequired,hColor:g().string},SocialProof.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"}},51770:function(e,o,a){a.d(o,{Z:function(){return ThreadEOP}});var i=a(85893),t=a(93967),l=a.n(t),r=a(45697),n=a.n(r),d=a(30830),s=a(92673);function ThreadEOP(e){var o,a,t=e.bgColor,r=e.className,n=e.cta,u=e.heading,g=e.hClassName,c=e.themeColor,h=e.pageBg,m=e.footerBg;return(0,i.jsx)("aside",{className:l()(r,t,"thd-gradient px-fluid-base md:px-fluid-sm lg:relative pb-fluid-lg"),style:{"--bg-direction":"180deg","--page-bg":h?(0,s.b)(h).bgVar:"white","--footer-bg":m?"var(--thd-color-".concat(m,")"):"var(--thd-color-violet-10)"},children:(0,i.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:[u&&(0,i.jsx)("p",{className:l()(g,"thd-heading-md mb-lg md:mb-0 text-center md:text-left  mx-auto md:mx-0 w-full"),children:u}),n&&(0,i.jsx)(d.Z,{className:"self-center",color:"violet-dark",cta:n,icon:null!==(a=null==n?void 0:null===(o=n.iconRef)||void 0===o?void 0:o.icon)&&void 0!==a?a:void 0,size:"lg",themeColor:null!=c?c:"violet-light",type:"primary"})]})})}ThreadEOP.propTypes={className:n().string,cta:n().oneOfType([n().string,n().object,n().func]),hClassName:n().string,heading:n().string,hoverPlate:n().bool,lineLength:n().oneOf(["sm","md","lg","xl"]),lineLengthStart:n().oneOf(["sm","md","lg","xl","2xl","3xl","4xl"]),lineLengthEnd:n().oneOf(["sm","md","lg","xl","2xl","3xl","4xl"]),overlay:n().bool,pageBg:n().string,footerBg:n().string},ThreadEOP.defaultProps={hClassName:"sm:thd-max-md eop:max-w-none",heading:"Loom works wherever you do.",hoverPlate:!1,overlay:!1}},79682:function(e,o,a){a.d(o,{Z:function(){return getComputedImageSize}});var getHorizontalNormalizedImageSize=function(e,o,a){var i,t;switch(!0){case a<1:i=o/a,t=1.5*e;break;case 1===a:i=o,t=o;break;case a>1&&a<2:t=Math.round((i=Math.round(o))*a);break;case a>=2&&a<=5.5:i=Math.round((t=Math.round(1.25*e))/a);break;case a>5.5&&a<=8:i=Math.round((t=Math.round(1.5*e))/a);break;case a>8&&a<=10:i=Math.round(1.8*o),t=Math.round(2*e);break;case a>10:t=Math.round((i=Math.round(.75*o))*a)}return{width:t,height:i}},getHomepageCarouselImageSize=function(e,o,a){var i,t;switch(!0){case a<1:t=Math.round((i=Math.round(1.5*o))*a);break;case 1===a:t=i=1.25*o;break;case a>1&&a<=2.5:t=Math.round((i=Math.round(1.25*o))*a);break;case a>2.5&&a<=3.5:t=Math.round((i=Math.round(1.3*o))*a);break;case a>3.5&&a<=5.5:t=Math.round((i=o)*a);break;case a>5.5&&a<=8:i=Math.round((t=Math.round(1.2*e))/a);break;case a>8&&a<=8.5:case a>8.5:i=Math.round((t=Math.round(1.5*e))/a)}return{width:t,height:i}},getNormalizedImageSize=function(e,o,a){var i,t;switch(!0){case a<1:i=Math.round(o/a),t=Math.round(1.5*e);break;case 1===a:i=o,t=e;break;case a>1&&a<=4:t=Math.round((i=o)*a);break;case a>4&&a<=5.5:t=Math.round((i=Math.round(1.25*o))*a);break;case a>5.5&&a<=8:t=Math.round((i=Math.round(1.5*o))*a);break;case a>8:i=Math.round(1.8*o),t=Math.round(2*e)}return{width:t,height:i}},getNormalizedHorizImageSize=function(e,o,a){var i,t;switch(!0){case a<1:i=o/a,t=1.5*e;break;case 1===a:i=o,t=e;break;case a>1&&a<=6.5:t=Math.round((i=o)*a);break;case a>6.5&&a<=8:t=Math.round((i=Math.round(1.2*o))*a);break;case a>8&&a<=10:i=Math.round(1.8*o),t=Math.round(2*e);break;case a>10:t=Math.round((i=Math.round(1.2*o))*a)}return{width:t,height:i}},getNormalizedSquareImageSize=function(e,o,a){var i,t;switch(!0){case a<1:i=Math.round(o/a),t=Math.round(1.5*e);break;case 1===a:i=o,t=e;break;case a>1&&a<=2.5:t=Math.round((i=o)*a);break;case a>2.5&&a<=5.5:t=Math.round((i=Math.round(1.25*o))*a);break;case a>5.5&&a<=8:i=Math.round(1.5*o),t=Math.round(1.5*e);break;case a>8:i=Math.round(1.8*o),t=Math.round(2*e)}return{width:t,height:i}},getOptimizedImageSize=function(e,o,a){var i,t;switch(!0){case a<1:t=Math.round((i=Math.round(1.5*o))*a);break;case 1===a:t=i=1.25*o;break;case a>1&&a<=2.5:t=Math.round((i=Math.round(1.25*o))*a);break;case a>2.5&&a<=3.5:t=Math.round((i=Math.round(1.3*o))*a);break;case a>3.5&&a<=5.5:t=Math.round((i=o)*a);break;case a>5.5&&a<=8:i=Math.round((t=Math.round(1.2*e))/a);break;case a>8&&a<=8.5:case a>8.5:i=Math.round((t=Math.round(1.5*e))/a)}return{width:t,height:i}};function getComputedImageSize(e,o,a){switch(a.type){case"horizontal-optimized":return getHorizontalNormalizedImageSize(e,o,a.aspectRatio);case"normalized":return getNormalizedImageSize(e,o,null==a?void 0:a.aspectRatio);case"normalized-horizontal":return getNormalizedHorizImageSize(e,o,null==a?void 0:a.aspectRatio);case"homepage-carousel":return getHomepageCarouselImageSize(e,o,null==a?void 0:a.aspectRatio);case"normalized-square":return getNormalizedSquareImageSize(e,o,null==a?void 0:a.aspectRatio);default:return getOptimizedImageSize(e,o,null==a?void 0:a.aspectRatio)}}}}]);