(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3926],{83926:function(e,t,n){"use strict";n.d(t,{Z:function(){return U}});var l=n(85893),i=n(93967),o=n.n(i),s=n(4243),a=n(30587),r=n(89615),c=n(42646),m=n(86457),d=n(79621),h=n(88101),u=n(98843),x=n(52798),p=n(18790),v=n.n(p),b=n(25675),f=n.n(b);function _(){return(0,l.jsx)(h.Z,{children:(0,l.jsxs)("div",{className:v().backgroundGradient,children:[(0,l.jsxs)("div",{className:o()(v().myBubble,"text-thd-color-violet-50 bg-thd-color-white thd-shadow h-20% w-[85%] rounded-[1em] self-end relative mb-[6%]"),children:[(0,l.jsx)("svg",{viewBox:"0 0 435 75",children:(0,l.jsxs)("text",{className:"text-[1.15em]",fill:"currentColor",x:"0",y:"16",children:[(0,l.jsx)("tspan",{dy:"1.5em",x:"6%",children:"Can you show me how to require two-factor"}),(0,l.jsx)("tspan",{dy:"1.5em",x:"6%",children:"authentication for my team?"})]})}),(0,l.jsx)("svg",{className:o()(v().myBubbleTriangle,"absolute top-[35%] text-thd-color-white w-[6%]"),viewBox:"0 0 30 30",children:(0,l.jsx)("polygon",{fill:"currentColor",points:"0,0 15,15 0,30"})})]}),(0,l.jsxs)("div",{className:o()(v().theirBubbleWrapper,"relative"),children:[(0,l.jsxs)("div",{className:o()(v().theirBubble,"text-thd-color-white bg-thd-color-violet-90 thd-shadow h-[36%] w-[85%] rounded-[1em]"),children:[(0,l.jsx)("svg",{viewBox:"0 0 435 125",children:(0,l.jsxs)("text",{className:"text-[1.15em]",fill:"currentColor",x:"0",y:"16",children:[(0,l.jsx)("tspan",{dy:"1.5em",x:"6%",children:"Of course! Here’s a short walkthrough of"}),(0,l.jsx)("tspan",{dy:"1.5em",x:"6%",children:"the steps you’ll need to take:"}),(0,l.jsx)("tspan",{className:"text-thd-color-violet-40",dy:"1.5em",x:"6%",children:"loom.com/share/28u2o923"})]})}),(0,l.jsxs)("div",{className:"mx-auto overflow-hidden relative rounded-[.5em] w-[88%]",children:[(0,l.jsxs)("picture",{children:[(0,l.jsx)("source",{srcSet:"".concat(x.Lv,"/home/screen.webp"),type:"image/webp"}),(0,l.jsx)(f(),{alt:"",className:o()(v().theirBubbleUnfurl,"w-full"),src:"".concat(x.Lv,"/home/screen.jpg"),height:"512",width:"860"})]}),(0,l.jsxs)("svg",{className:o()(v().playButton,"absolute left-0 h-full opacity-0 top-0 w-full"),fill:"none",height:"256",viewBox:"0 0 430 256",width:"430",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("rect",{fill:"#3B394E",height:"84.6259",rx:"42.3129",width:"84.6259",x:"175.029",y:"82.3706"}),(0,l.jsx)("path",{d:"M206.212 111.619V137.746C206.212 139.739 208.503 140.949 210.268 139.865L231.711 126.801C233.344 125.818 233.344 123.548 231.711 122.539L210.268 109.501C208.503 108.417 206.212 109.627 206.212 111.619Z",fill:"white"}),(0,l.jsx)("rect",{height:"90.1934",rx:"45.0967",stroke:"#3B394E",strokeOpacity:"0.3",strokeWidth:"5.56749",width:"90.1934",x:"172.246",y:"79.5869"})]})]}),(0,l.jsxs)("svg",{className:v().cursor,fill:"none",height:"22",viewBox:"0 0 21 22",width:"21",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("path",{clipRule:"evenodd",d:"m4.7149 16.698c-.37961-.4799-.84075-1.461-1.66145-2.652-.46516-.6736-1.61868-1.9421-1.9622-2.5864-.298076-.5694-.265997-.8247-.195154-1.2965.125644-.83943.986444-1.49306 1.904724-1.40484.69372.0655 1.28185.52397 1.81116.95704.31946.26065.71243.7672.94902 1.0533.21787.262.27134.3702.50392.6803.30743.4104.40367.6136.28604.1618-.0949-.663-.24995-1.79515-.47451-2.7963-.17109-.75921-.21253-.87817-.3756-1.46095-.17243-.62021-.26065-1.05462-.42238-1.71225-.11228-.46516-.31411-1.41551-.36891-1.95017-.07619-.73115-.11629-1.92344.35287-2.47147.36758-.42906 1.211-.558715 1.73363-.294059.68437.346189 1.07333 1.340659 1.25111 1.737639.31946.71378.51728 1.53849.68971 2.62117.21921 1.37809.62288 3.29083.63624 3.69316.03208-.49322-.09089-1.5318-.00534-2.00497.07752-.42906.43842-.92763.89022-1.06263.3823-.11362.83-.15506 1.2244-.07352.4183.08554.8594.38495 1.0238.66699.4839.83407.4933 2.53829.5133 2.4474.115-.50258.0949-1.64274.3796-2.11725.1871-.31278.6643-.59481.9183-.64026.393-.0695.8755-.09089 1.2885-.01069.3328.0655.7833.46114.9049.65095.2914.45981.4572 1.76037.5066 2.21616.0201.18847.0989-.52396.3917-.98377.5426-.85412 2.4634-1.01986 2.5369.85412.0334.87417.0267.83407.0267 1.4222 0 .691-.016 1.1067-.0534 1.6066-.0415.5347-.1564 1.743-.3235 2.3285-.1149.4023-.4959 1.3072-.8715 1.8499 0 0-1.4355 1.6708-1.5919 2.4234-.1578.7512-.1056.7565-.1364 1.2898-.0307.532.1618 1.2324.1618 1.2324s-1.072.139-1.6495.0468c-.5226-.0842-1.1695-1.1241-1.3366-1.4423-.2299-.4384-.7205-.3542-.9116-.0307-.3007.5119-.9477 1.4302-1.4048 1.4877-.8929.1123-2.7455.0414-4.19576.0267 0 0 .24728-1.3513-.30342-1.8151-.40768-.3462-1.10942-1.048-1.52913-1.4169z",fill:"#fff",fillRule:"evenodd"}),(0,l.jsxs)("g",{stroke:"#000",strokeLinecap:"round",strokeWidth:"1.00249",children:[(0,l.jsx)("path",{clipRule:"evenodd",d:"m4.7149 16.698c-.37961-.4799-.84075-1.461-1.66145-2.652-.46516-.6736-1.61868-1.9421-1.9622-2.5864-.298076-.5694-.265997-.8247-.195154-1.2965.125644-.83943.986444-1.49306 1.904724-1.40484.69372.0655 1.28185.52397 1.81116.95704.31946.26065.71243.7672.94902 1.0533.21787.262.27134.3702.50392.6803.30743.4104.40367.6136.28604.1618-.0949-.663-.24995-1.79515-.47451-2.7963-.17109-.75921-.21253-.87817-.3756-1.46095-.17243-.62021-.26065-1.05462-.42238-1.71225-.11228-.46516-.31411-1.41551-.36891-1.95017-.07619-.73115-.11629-1.92344.35287-2.47147.36758-.42906 1.211-.558715 1.73363-.294059.68437.346189 1.07333 1.340659 1.25111 1.737639.31946.71378.51728 1.53849.68971 2.62117.21921 1.37809.62288 3.29083.63624 3.69316.03208-.49322-.09089-1.5318-.00534-2.00497.07752-.42906.43842-.92763.89022-1.06263.3823-.11362.83-.15506 1.2244-.07352.4183.08554.8594.38495 1.0238.66699.4839.83407.4933 2.53829.5133 2.4474.115-.50258.0949-1.64274.3796-2.11725.1871-.31278.6643-.59481.9183-.64026.393-.0695.8755-.09089 1.2885-.01069.3328.0655.7833.46114.9049.65095.2914.45981.4572 1.76037.5066 2.21616.0201.18847.0989-.52396.3917-.98377.5426-.85412 2.4634-1.01986 2.5369.85412.0334.87417.0267.83407.0267 1.4222 0 .691-.016 1.1067-.0534 1.6066-.0415.5347-.1564 1.743-.3235 2.3285-.1149.4023-.4959 1.3072-.8715 1.8499 0 0-1.4355 1.6708-1.5919 2.4234-.1578.7512-.1056.7565-.1364 1.2898-.0307.532.1618 1.2324.1618 1.2324s-1.072.139-1.6495.0468c-.5226-.0842-1.1695-1.1241-1.3366-1.4423-.2299-.4384-.7205-.3542-.9116-.0307-.3007.5119-.9477 1.4302-1.4048 1.4877-.8929.1123-2.7455.0414-4.19576.0267 0 0 .24728-1.3513-.30342-1.8151-.40768-.3462-1.10942-1.048-1.52913-1.4169z",fillRule:"evenodd",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"m15.7221 17.1718v-4.6235"}),(0,l.jsx)("path",{d:"m13.0279 17.1874-.0214-4.6422"}),(0,l.jsx)("path",{d:"m10.3598 12.5875.0281 4.5794"})]})]}),(0,l.jsxs)("div",{className:"absolute aspect-square bottom-[7%] left-[8%] overflow-hidden rounded-full w-20%",children:[(0,l.jsx)(u.Z,{autoPlay:!0,className:o()(v().theirBubbleUnfurl,"rounded-full"),height:"648",loop:!0,muted:!0,playsInline:!0,sources:[{src:"".concat(x.Lv,"/bubbs/ayana-sm.mp4"),type:"video/mp4"}],width:"648"}),(0,l.jsx)(f(),{alt:"",className:o()(v().staticBubb,"absolute rounded-full top-0"),src:"".concat(x.Lv,"/bubbs/ayana-sm.jpg"),height:"200",width:"200"})]})]}),(0,l.jsx)("svg",{className:o()(v().theirBubbleTriangle,"absolute top-[28%] text-thd-color-violet-90 w-[6%] rotate-180"),viewBox:"0 0 30 30",children:(0,l.jsx)("polygon",{fill:"currentColor",points:"0,0 15,15 0,30"})})]}),(0,l.jsx)("div",{className:o()(v().integrations,"absolute top-0 left-0 w-full h-full flex items-center justify-center translate-y-16 opacity-0"),children:(0,l.jsx)(f(),{alt:"Integrations with Google, Slack, Salesforce, Figma and Jira",className:"w-70% h-70%",src:"".concat(x.Lv,"/home/integrations.svg"),height:"490",width:"505"})})]})})}var j=n(67123),g=n.n(j);function w(){return(0,l.jsxs)(h.Z,{children:[(0,l.jsxs)("picture",{children:[(0,l.jsx)("source",{srcSet:"".concat(x.Lv,"/home/visual-studio-code.webp"),type:"image/webp"}),(0,l.jsx)(f(),{alt:"Background code in Visual Studio code editor",className:"aspect-square object-cover w-full",src:"".concat(x.Lv,"/home/visual-studio-code.jpg"),loading:"lazy",width:700,height:700})]}),(0,l.jsx)("div",{className:"absolute bottom-0 bg-gradient-to-t from-thd-color-green-30 opacity-30 to-thd-color-green-0 h-full w-full"}),(0,l.jsx)("div",{className:g().bubb,children:(0,l.jsx)(u.Z,{autoPlay:!0,className:g().cam,width:"648",height:"648",loop:!0,muted:!0,playsInline:!0,sources:[{src:"".concat(x.Lv,"/home/hero-bubb.mp4"),type:"video/mp4"}]})}),(0,l.jsxs)("div",{className:g().timeline,children:[(0,l.jsx)("span",{className:"h-full overflow-hidden rounded-full translate-x-0 w-full",children:(0,l.jsx)("span",{className:g().timelineFill})}),(0,l.jsx)("span",{className:o()(g().timelineEmoji,g().emoji1),style:{left:"10%"},children:(0,l.jsx)("svg",{viewBox:"0 0 30 30",children:(0,l.jsx)("text",{x:"3",y:"23",children:"\uD83D\uDC4D"})})}),(0,l.jsxs)("span",{className:o()(g().timelineComment,g().comment1),style:{left:"25%"},children:[(0,l.jsx)("span",{className:g().timelineAvatarWrapper,children:(0,l.jsx)("img",{alt:"Jai",className:"h-full w-full rounded-full",height:"28",src:"".concat(x.Lv,"/bubbs/jai-sm.jpg"),width:"28"})}),(0,l.jsx)("span",{className:g().timelineText,children:(0,l.jsx)("svg",{viewBox:"0 0 90 15",children:(0,l.jsx)("text",{fill:"currentColor",x:"0",y:"13",children:"Great point!"})})})]}),(0,l.jsxs)("span",{className:o()(g().timelineComment,g().comment2),style:{left:"60%"},children:[(0,l.jsx)("span",{className:g().timelineAvatarWrapper,children:(0,l.jsx)("img",{alt:"Jai",className:"h-full w-full rounded-full",height:"28",src:"".concat(x.Lv,"/bubbs/jai-sm.jpg"),width:"28"})}),(0,l.jsx)("span",{className:g().timelineText,children:(0,l.jsx)("svg",{viewBox:"0 0 150 15",children:(0,l.jsx)("text",{fill:"currentColor",x:"0",y:"13",children:"Yes! Really love this."})})})]})]})]})}var C=n(21383),y=n(94471),N=n(31267),A=n(22554),B=n.n(A);function U(e){var t,n,i=e.row,h=e.i,p=i.icon,v=i.image,b=i.mediaType,j=i.ctaStyle,g=i.rowBackground,A=void 0===g?"white":g,U=i.isDarkTheme,k=void 0!==U&&U,L=i.videoUrl,T=i.loom,Z=i.pinched,F=i.eyebrow,S=i.ratio,E=i.isLargeHeader,R=void 0!==E&&E,O=(0,a.ZP)("(min-width: 1280px)"),W=h%2!=0,I="black"===A?"black":k?A+"-90":A+"-10",D="thd-container-plate px-fluid-base md:px-fluid-md lg:px-fluid-lg thd-rounded-int py-fluid-md";return(0,l.jsx)("div",{className:"".concat(O?"":"".concat((0,s.b)(I).bg," thd-rounded-int")," transition-colors duration-300 ease-in-out"),children:(0,l.jsx)("div",{className:"\n          ".concat(I&&!Z?o()((0,s.b)(I).bg,D):""," ").concat(Z?"xl:py-12 ".concat(D):""," "),children:(0,l.jsxs)("div",{className:o()(B()[W?"odd-row":"even-row"],"grid md:items-center gap-y-xl md:grid-cols-2"),children:[(0,l.jsxs)("div",{className:"".concat(W?"":"md:order-1"," h-full flex items-center"),children:["image"===b&&v&&(null==v?void 0:null===(t=v.asset)||void 0===t?void 0:t.url)&&(0,l.jsx)(f(),{src:(0,y.uH)(v).url(),alt:null!==(n=null==v?void 0:v.altText)&&void 0!==n?n:null==p?void 0:p.heading,width:1e3,height:1200,className:"thd-rounded-int w-full h-full object-cover"}),"video"===b&&(0,l.jsx)(u.Z,{className:"thd-rounded-int ".concat(S?S+" w-full":""),autoPlay:!0,loop:!0,muted:!0,playsInline:!0,sources:[{src:"".concat(x.Lv,"/").concat(L,".webm"),type:"video/webm"},{src:"".concat(x.Lv,"/").concat(L,".mp4"),type:"video/mp4"}]}),"loom"===b&&(0,l.jsx)(N.Z,{className:"overflow-hidden thd-rounded-int my-auto",hideElements:!0,loom:T}),"animation"===b&&(0,l.jsxs)(l.Fragment,{children:["commentsConversation"===i.customAnimation&&(0,l.jsx)(w,{}),"chatUnfurl"===i.customAnimation&&(0,l.jsx)(_,{}),"recordScreen"===i.customAnimation&&(0,l.jsx)(C.Z,{})]})]}),(0,l.jsx)("div",{className:o()(O&&I&&(0,s.b)(I).bg,"thd-rounded-int flex  md:min-h-[87%] items-center ".concat(W?"md:rounded-l-none":"md:rounded-r-none")),children:(0,l.jsxs)("div",{className:"w-full  ".concat(R?"xl:pr-64 md:pr-48":"2xl:px-64 md:px-48"," h-full flex flex-col justify-center"),children:[F&&(0,l.jsx)("p",{className:"text-xs mb-md font-medium uppercase ".concat((0,s.b)(I).bodyText),children:F}),p.chip&&!p.iconRef?(0,l.jsx)(c.Z,{cStyle:"overline",themeColor:"black"===A?"black":k?A+"-90":A+"-20",className:o()((0,s.b)(I).bodyText,"mb-md px-36"),tag:p.chip}):(0,l.jsx)(l.Fragment,{children:(null==p?void 0:p.chip)&&(null==p?void 0:p.iconRef)?(0,l.jsx)(c.Z,{cStyle:"overline",className:"mb-md",logo:(0,l.jsx)(m.Z,{background:!1,className:(null==p?void 0:p.chip)&&"mr-sm",item:p,iconBg:!1,themeColor:I||"white"}),tag:null==p?void 0:p.chip,themeColor:I||"white"}):(0,l.jsx)(l.Fragment,{children:(null==p?void 0:p.iconRef)&&(0,l.jsx)(m.Z,{className:o()((null==p?void 0:p.chip)&&"mr-sm","mb-md flex items-center justify-center"),item:p,showIcons:"hideOnMobile",themeColor:"white"})})}),(0,l.jsx)(r.Z,{bFont:"md",bLineLength:"2xl",className:"w-full mx-auto",gap:"mb-md",hAlign:"start",hFont:R?"lg":"sm",hLevel:R?"h2":"h3",hLineLength:"md",hLineLengthStart:"md",header:p,cta:"button"===j&&p.cta,themeColor:I,vAlign:"center",nested:!0}),"link"===j&&(0,l.jsxs)(d.Z,{className:o()("text-thd-color-blue-70","font-bold mt-lg flex items-center xl:text-18"),href:p.cta.link,children:[p.cta.copy||"Try now",(0,l.jsx)(m.Z,{className:"h-content w-content mr-0 ml-[0.5ch] flex items-center",iconBg:!1,iconColor:"currentColor",item:"arrow-right",scaleIcons:"inline"})]})]})})]})})})}},22554:function(e){e.exports={"odd-row":"FlexibleRow_odd-row__syO_n","even-row":"FlexibleRow_even-row__AfSjV"}},18790:function(e){e.exports={backgroundGradient:"ChatUnfurlAnimation_backgroundGradient__1DQV3",theirBubble:"ChatUnfurlAnimation_theirBubble__nXBDO",playButton:"ChatUnfurlAnimation_playButton__Y4StC",cursor:"ChatUnfurlAnimation_cursor__U83xK",integrations:"ChatUnfurlAnimation_integrations__xlp7q",moveUp3:"ChatUnfurlAnimation_moveUp3__ltAgB",myBubble:"ChatUnfurlAnimation_myBubble___VLkE",moveUp:"ChatUnfurlAnimation_moveUp__KUoh9",theirBubbleWrapper:"ChatUnfurlAnimation_theirBubbleWrapper__xFQ51",moveUp2:"ChatUnfurlAnimation_moveUp2__I7mmp",expand:"ChatUnfurlAnimation_expand___LYr7",theirBubbleUnfurl:"ChatUnfurlAnimation_theirBubbleUnfurl__n5OO7",unfurl:"ChatUnfurlAnimation_unfurl__AmPML",play:"ChatUnfurlAnimation_play__bHqlx",click:"ChatUnfurlAnimation_click__OvyUw",staticBubb:"ChatUnfurlAnimation_staticBubb___r_OK",remove:"ChatUnfurlAnimation_remove__YKMot",myBubbleTriangle:"ChatUnfurlAnimation_myBubbleTriangle__rSnVF",theirBubbleTriangle:"ChatUnfurlAnimation_theirBubbleTriangle__GbN7v"}},67123:function(e){e.exports={bubb:"CommentsConversationAnimation_bubb__QqOhT",isCancelled:"CommentsConversationAnimation_isCancelled__yZg1h",cam:"CommentsConversationAnimation_cam___gCCU",timeline:"CommentsConversationAnimation_timeline__pGI4g",timelineFill:"CommentsConversationAnimation_timelineFill___sxvr",fill:"CommentsConversationAnimation_fill__6JMyH",timelineEmoji:"CommentsConversationAnimation_timelineEmoji__yg43I",timelineComment:"CommentsConversationAnimation_timelineComment__OVE6D",comment1:"CommentsConversationAnimation_comment1__qSRR3",timelineText:"CommentsConversationAnimation_timelineText__xQF8x",comment2:"CommentsConversationAnimation_comment2__rFbbF",timelineAvatarWrapper:"CommentsConversationAnimation_timelineAvatarWrapper__jExAG",emoji1:"CommentsConversationAnimation_emoji1__TWE3Q"}}}]);