(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[761,4964],{69206:function(e,n,t){"use strict";n.Z=void 0;var l=r(t(67294)),a=r(t(63494));function r(e){return e&&e.__esModule?e:{default:e}}let i=e=>l.default.createElement(a.default,Object.assign({dangerouslySetGlyph:'<path fill="currentcolor" fill-rule="evenodd" d="M5 .75A.75.75 0 0 1 5.75 0h4.5a.75.75 0 0 1 .75.75V2.5h3.5V4h-1v10a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2V4h-1V2.5H5zM6.5 2.5h3v-1h-3zM4 4v10a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V4zm1.75 9V5.5h1.5V13zm3 0V5.5h1.5V13z" clip-rule="evenodd"/>'},e));i.displayName="DeleteIcon",n.Z=i},55417:function(e,n,t){"use strict";n.Z=void 0;var l=r(t(67294)),a=r(t(63494));function r(e){return e&&e.__esModule?e:{default:e}}let i=e=>l.default.createElement(a.default,Object.assign({dangerouslySetGlyph:'<path fill="currentcolor" fill-rule="evenodd" d="M2 3a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm7 0a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2z" clip-rule="evenodd"/>'},e));i.displayName="VideoPauseOverlayIcon",n.Z=i},95209:function(e,n,t){"use strict";n.Z=void 0;var l=r(t(67294)),a=r(t(63494));function r(e){return e&&e.__esModule?e:{default:e}}let i=e=>l.default.createElement(a.default,Object.assign({dangerouslySetGlyph:'<path fill="currentcolor" fill-rule="evenodd" d="M2 3.112C2 1.592 3.63.627 4.963 1.36l8.902 4.888c1.383.76 1.383 2.747 0 3.506l-8.902 4.888C3.63 15.373 2 14.408 2 12.888z" clip-rule="evenodd"/>'},e));i.displayName="VideoPlayOverlayIcon",n.Z=i},41424:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/screenshot",function(){return t(66394)}])},48243:function(e,n,t){"use strict";t.d(n,{q:function(){return r}});var l=t(5268),a=t(67294);function r(e){return a.createElement("svg",(0,l.i)({viewBox:"0 0 24 24",fill:"none"},e),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 12a1 1 0 011-1h14a1 1 0 110 2H5a1 1 0 01-1-1z",fill:"currentColor"}),a.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"}))}},68585:function(e,n,t){"use strict";t.d(n,{T:function(){return r}});var l=t(55417),a=t(67294);function r(){return a.createElement(l.Z,{label:"",testId:"ads-refreshed-icon"})}t(5268)},14834:function(e,n,t){"use strict";t.d(n,{y:function(){return r}});var l=t(95209),a=t(67294);function r(){return a.createElement(l.Z,{label:"",testId:"ads-refreshed-icon"})}t(5268)},47811:function(e,n,t){"use strict";t.d(n,{z:function(){return r}});var l=t(69206),a=t(67294);function r(){return a.createElement(l.Z,{label:"",testId:"ads-refreshed-icon"})}t(5268)},19482:function(e,n,t){"use strict";t.d(n,{Z:function(){return s}});var l=t(85893),a=t(93967),r=t.n(a),i=t(53161),o=t(89615),d=t(53608);function s(e){var n=e.header,t=e.faqs;return(0,l.jsxs)("section",{className:r()((0,d.b)("blue-10").bg,"py-fluid-md mb-fluid-md"),children:[n&&(0,l.jsx)(o.Z,{bLineLength:"2xl",className:"px-fluid-base order-last md:order-none mb-fluid-md",hAlign:"center",hFont:"lg",header:n,themeColor:"blue-10",vAlign:"center"}),(0,l.jsx)(i.Z,{answerType:"default",className:"px-fluid-base max-w-screen-xl mx-auto",items:t,themeColor:"blue-10"})]})}},53161:function(e,n,t){"use strict";t.d(n,{Z:function(){return f}});var l=t(85893),a=t(40416),r=t(84573),i=t(93967),o=t.n(i),d=t(45697),s=t.n(d),u=t(29572),c=t(16423),m=t(53608);function f(e){var n=e.className,t=e.themeColor,i=e.items,d=e.answerType,s=e.numerals,f=e.hLevel,h=null!=f?f:"span";return(0,l.jsx)("div",{className:n,children:null==i?void 0:i.map(function(e,n){var i,f,g,v={"icon-list":(0,l.jsx)(u.Z,{bFont:"sm",className:"thd-list-numerals mx-auto grid md:grid-cols-2 lg:grid-cols-3 gap-fluid-sm",list:e.answer,numerals:s,showIcons:"hideOnMobile",themeColor:t}),default:(0,l.jsx)(c.Z,{content:e.answer,themeColor:t})}[d];return(0,l.jsxs)("details",{className:o()(null===(i=(0,m.b)(t))||void 0===i?void 0:i.bgInner,null===(f=(0,m.b)(t))||void 0===f?void 0:f.bodyText,"thd-details py-fluid-sm thd-rounded-int mb-lg"),style:{"--button-color-fr":null===(g=(0,m.b)(t))||void 0===g?void 0:g.buttonFg,"--focus-color-bg":"transparent","--focus-color-fg":"initial"},children:[(null==e?void 0:e.question)&&(0,l.jsx)("summary",{className:"px-fluid-base thd-summary thd-focus-thick thd-heading-xs list-none",children:(0,l.jsxs)("div",{className:"flex justify-between items-center",children:[(0,l.jsx)(h,{children:e.question}),(0,l.jsx)("div",{className:"chevron",children:(0,l.jsx)(r.JO$,{icon:(0,l.jsx)(a.r,{})})})]})}),(0,l.jsx)("div",{className:o()((0,m.b)(t).border,"thd-body-md border-t mt-32 px-fluid-base pt-32"),children:v})]},n)})})}f.propTypes={className:s().string,themeColor:s().string,answerType:s().oneOf(["icon-list","default"]),items:s().array,numerals:s().bool,hLevel:s().string},f.defaultProps={answerType:"default",themeColor:"grey-text"}},66394:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return y},default:function(){return w}});var l=t(85893),a=t(53608),r=t(7979),i=t(18751),o=t(2438),d=t(89615),s=t(25675),u=t.n(s),c=t(55118),m=t(83926),f=t(29572),h=t(35018),g=t(19482),v=t(12441),x=t(47805),p=t(10953),b=t(42666),y=!0;function w(e){var n,t,s,y,w,N,j,Z,C,L,E=e.data,M=e.accountNavData,I=e.footerNavData,_=e.navData,k=e.draftMode;return(0,l.jsxs)(r.Z,{accountNavData:M,footerNavData:I,name:"Screenshot Page",navData:_,preview:k,children:[(0,l.jsx)(i.Z,{data:null==E?void 0:E.meta,url:"https://patgrady.indiedemos.com/screenshot"}),(0,l.jsx)(o.Z,{bgColor:(0,a.b)("violet-100").bg,bLineLength:"4xl",content:(0,l.jsx)("div",{className:"mx-auto md:-mt-fluid-sm max-w-screen-lg",children:(0,l.jsx)(u(),{src:(0,c.ZP)(null==E?void 0:null===(n=E.heroImage)||void 0===n?void 0:n.asset).url(),alt:null==E?void 0:E.heroImage.altText,width:2e3,height:1e3,className:"rounded-md w-full"})}),cta:null==E?void 0:E.heroCta,hLevel:"h1",header:E.heroText,themeColor:"violet-100"}),(0,l.jsxs)("section",{className:"mx-auto px-fluid-base py-fluid-md",children:[(0,l.jsx)(d.Z,{gap:"mb-md lg:mb-lg",hAlign:"center-end",hFont:"lg",header:E.featuresHeading,themeColor:"grey-10",vAlign:"start"}),(0,l.jsx)(f.Z,{bFont:"md",className:"w-full md:w-content mx-auto md:columns-2 max-w-screen-xl",gap:"mb-fixed-md",iconClassName:"block",liClassName:"break-inside-avoid",list:E.featuresList,showIcons:"yes",themeColor:"green-light"})]}),(0,l.jsxs)("section",{className:"thd-container-plate mx-auto ",children:[(0,l.jsx)(d.Z,{bFont:"lg",bLineLength:"2xl",className:"px-fluid-base",gap:"mb-md md:mb-lg",hAlign:"center-end",hFont:"lg",hLineLength:"lg",header:E.getStartedHeader,themeColor:"grey-light",vAlign:"center"}),(0,l.jsx)("div",{className:"bg-thd-color-violet-10 thd-rounded-ext -mt-fluid-xs",children:E.flexibleRows.map(function(e,n){return(0,l.jsx)(m.Z,{row:e,i:n+1},n)})})]}),(0,l.jsxs)("section",{className:"md:p-fluid-md",children:[(0,l.jsx)(d.Z,{bFont:"lg",bLineLength:"4xl",className:"pt-fluid-sm px-fluid-xs md:p-0",gap:"mb-md lg:mb-lg",hAlign:"center-end",hFont:"lg",hLevel:"h2",header:E.additionalInfoText,themeColor:"grey-light",vAlign:"center"}),(0,l.jsx)("div",{className:"mx-auto -mt-fluid-sm max-w-screen-lg pb-fluid-sm md:p-0",children:(0,l.jsx)(u(),{src:(0,c.ZP)(null==E?void 0:null===(t=E.additionalInfoImage)||void 0===t?void 0:t.asset).url(),alt:null==E?void 0:null===(s=E.additionalInfoImage)||void 0===s?void 0:s.altText,width:2e3,height:1e3,className:"rounded-md w-full"})})]}),(0,l.jsx)("section",{className:"thd-container-plate",children:(0,l.jsx)("div",{className:"py-fluid-md md:p-fluid-md lg:p-fluid-lg md:thd-rounded-ext bg-thd-color-violet-90",children:(0,l.jsx)(p.Z,{contentAlign:"top",contentBlock:(0,l.jsx)(f.Z,{bFont:"sm",className:"thd-px-base md:thd-px-sm lg:px-0 mx-auto grid lg:grid-cols-4 gap-lg",list:E.useLoomList,showIcons:"hideOnMobile",themeColor:"violet-dark"}),headerBlock:(0,l.jsx)(d.Z,{bFont:"lg",bLineLength:"3xl",className:"px-fluid-base",gap:"mb-md",hAlign:"center",hFont:"lg",header:E.useLoomHeader,themeColor:"violet-dark",vAlign:"start"}),layout:"horizontal",mediaBlock:(0,l.jsx)("div",{className:"mx-auto -mt-fluid-sm max-w-screen-lg px-fluid-xs",children:(0,l.jsx)(u(),{src:(0,c.ZP)(null==E?void 0:null===(y=E.useLoomImage)||void 0===y?void 0:y.asset).url(),alt:null==E?void 0:null===(w=E.useLoomImage)||void 0===w?void 0:w.altText,width:2e3,height:1e3,className:"rounded-md w-full"})})})})}),(0,l.jsx)(v.Z,{data:null==E?void 0:E.socialProofModule,lineLength:"xl",themeColor:"grey-light"}),(null==E?void 0:E.testimonialHeader)&&(0,l.jsx)(d.Z,{bFont:"lg",bLineLength:"4xl",className:"thd-container-max mb-fluid-sm",gap:"mb-md lg:mb-lg",hAlign:"center-end",hFont:"lg",hLevel:"h2",header:E.testimonialHeader,themeColor:"grey-light",vAlign:"center"}),(0,l.jsx)(x.Z,{bgVar:(0,a.b)("grey-light").bgVar,cards:E.testimonials,font:"xs",themeColorMode:"light"}),(0,l.jsx)(g.Z,{faqs:null==E?void 0:E.howToFaqs,header:null==E?void 0:E.faqHeading}),(0,l.jsxs)("section",{className:"max-w-screen-xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-fluid-md mb-fluid-lg px-fluid-base",children:[(0,l.jsx)("div",{className:"sm:px-fluid-md lg:px-0 mx-auto",children:(0,l.jsx)(u(),{src:(0,c.ZP)(null==E?void 0:null===(N=E.loomGoImage)||void 0===N?void 0:N.asset).url(),alt:null==E?void 0:null===(j=E.loomGoImage)||void 0===j?void 0:j.altText,width:2e3,height:1e3,className:"rounded-md w-full"})}),(0,l.jsxs)("div",{className:"flex flex-col justify-center items-center lg:items-start",children:[(0,l.jsx)(d.Z,{bFont:"lg",bLineLength:"3xl",gap:"mb-lg",hAlign:"center-start",hFont:"lg",hLineLength:"lg",header:E.loomGoHeader,vAlign:"center-start"}),E.loomGoCta&&(0,l.jsx)("div",{className:"-mt-fluid-xs",children:(0,l.jsx)(b.Z,{buttonType:"primary",color:"primary-dark",cta:E.loomGoCta,icon:"download",size:"lg",type:"primary"})})]})]}),(null==E?void 0:null===(Z=E.endOfPageModule)||void 0===Z?void 0:Z.cta)&&(0,l.jsx)(h.Z,{cta:null==E?void 0:null===(C=E.endOfPageModule)||void 0===C?void 0:C.cta,heading:null==E?void 0:null===(L=E.endOfPageModule)||void 0===L?void 0:L.heading})]})}},97005:function(e,n,t){var l=t(67294),a=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 r=l.forwardRef(function({style:e={},className:n="",autoFill:t=!1,play:r=!0,pauseOnHover:i=!1,pauseOnClick:o=!1,direction:d="left",speed:s=50,delay:u=0,loop:c=0,gradient:m=!1,gradientColor:f="white",gradientWidth:h=200,onFinish:g,onCycleComplete:v,onMount:x,children:p},b){let[y,w]=l.useState(0),[N,j]=l.useState(0),[Z,C]=l.useState(1),[L,E]=l.useState(!1),M=l.useRef(null),I=b||M,_=l.useRef(null),k=l.useCallback(()=>{if(_.current&&I.current){let e=I.current.getBoundingClientRect(),n=_.current.getBoundingClientRect(),l=e.width,a=n.width;("up"===d||"down"===d)&&(l=e.height,a=n.height),t&&l&&a?C(a<l?Math.ceil(l/a):1):C(1),w(l),j(a)}},[t,I,d]);l.useEffect(()=>{if(L&&(k(),_.current&&I.current)){let e=new ResizeObserver(()=>k());return e.observe(I.current),e.observe(_.current),()=>{e&&e.disconnect()}}},[k,I,L]),l.useEffect(()=>{k()},[k,p]),l.useEffect(()=>{E(!0)},[]),l.useEffect(()=>{"function"==typeof x&&x()},[]);let A=l.useMemo(()=>t?N*Z/s:N<y?y/s:N/s,[t,y,N,Z,s]),F=l.useMemo(()=>Object.assign(Object.assign({},e),{"--pause-on-hover":!r||i?"paused":"running","--pause-on-click":!r||i&&!o||o?"paused":"running","--width":"up"===d||"down"===d?"100vh":"100%","--transform":"up"===d?"rotate(-90deg)":"down"===d?"rotate(90deg)":"none"}),[e,r,i,o,d]),T=l.useMemo(()=>({"--gradient-color":f,"--gradient-width":"number"==typeof h?`${h}px`:h}),[f,h]),O=l.useMemo(()=>({"--play":r?"running":"paused","--direction":"left"===d?"normal":"reverse","--duration":`${A}s`,"--delay":`${u}s`,"--iteration-count":c?`${c}`:"infinite","--min-width":t?"auto":"100%"}),[r,d,A,u,c,t]),z=l.useMemo(()=>({"--transform":"up"===d?"rotate(90deg)":"down"===d?"rotate(-90deg)":"none"}),[d]),q=l.useCallback(e=>[...Array(Number.isFinite(e)&&e>=0?e:0)].map((e,n)=>a.default.createElement(l.Fragment,{key:n},l.Children.map(p,e=>a.default.createElement("div",{style:z,className:"rfm-child"},e)))),[z,p]);return L?a.default.createElement("div",{ref:I,style:F,className:"rfm-marquee-container "+n},m&&a.default.createElement("div",{style:T,className:"rfm-overlay"}),a.default.createElement("div",{className:"rfm-marquee",style:O,onAnimationIteration:v,onAnimationEnd:g},a.default.createElement("div",{className:"rfm-initial-child-container",ref:_},l.Children.map(p,e=>a.default.createElement("div",{style:z,className:"rfm-child"},e))),q(Z-1)),a.default.createElement("div",{className:"rfm-marquee",style:O},q(Z))):null});n.Z=r}},function(e){e.O(0,[3050,7017,7436,6189,5675,7979,8037,7404,8913,5223,8233,3926,2888,9774,179],function(){return e(e.s=41424)}),_N_E=e.O()}]);