(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7513],{62520:function(n,e,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/use-case",function(){return a(43475)}])},45085:function(n,e,a){"use strict";a.d(e,{Z:function(){return ThreadUseCaseCard}});var t=a(85893),l=a(93967),i=a.n(l),o=a(30587),s=a(27924),d=a(92673);function ThreadUseCaseCard(n){var e=n.heading,a=n.subhead,l=n.className,r=n.hClassName,c=n.mediaBlock,u=n.themeColor,h=n.roundedClass,m=n.bClassName,g=(0,o.ZP)("(min-width: 1024px)");return(0,t.jsxs)("div",{className:i()(l,(0,d.b)(u).bg,(0,d.b)(u).bodyText,"".concat(null!=h?h:"thd-rounded-static p-fixed-md lg:p-fixed-2xl 2xl:p-fixed-4xl"),"grid grid-cols-2 gap-x-xl items-center lg:grid-cols-1 lg:block lg:grow 2xl:max-w-none w-full"),children:[c,e&&(0,t.jsx)(s.Z,{hClassName:r,hFont:g?"xs":"sm",hLevel:"h3",header:e,subhead:a,bClassName:m,nested:!0,themeColor:u,useCase:!0})]})}},43475:function(n,e,a){"use strict";a.r(e),a.d(e,{__N_SSG:function(){return C},default:function(){return UseCases}});var t=a(24043),l=a(85893),i=a(67294),o=a(33523),s=a(2031),d=a(14657),r=a(56265),c=a(19210),u=a(51770),h=a(15674),m=a(65970),g=a(79195),v=a(45085),f=a(31882),x=a(92673),b=a(74356),p=a(82729);function _templateObject(){var n=(0,p._)(['\n*[_type == "useCasePage"][0] {\n  endOfPageModule-> {\n    cta,\n    heading,\n    ...\n  },\n  heroBlock,\n  featureList,\n  testimonials[]-> {\n    ...,\n    logo-> {\n      image {\n        asset-> {\n          url,\n          metadata {\n            dimensions {\n              height,\n              width,\n              aspectRatio\n            }\n          },\n        }\n      }\n    },\n    byline-> {\n      ...,\n      avatar {\n        altText,\n        asset-> {\n          url,\n          metadata {\n            dimensions {\n              height,\n              width\n            }\n          },\n        }\n      }\n    }\n  },\n  socialProof-> {\n    title,\n    heading,\n    headingSize,\n    logoAlignment,\n    logoSize,\n    colorTheme,\n    logos[]-> {\n      ...,\n      image {\n        asset-> {\n          url,\n          metadata {\n            dimensions {\n              height,\n              width,\n              aspectRatio\n            }\n          },\n        }\n      }\n    }\n  },\n  cards[]-> {\n    _id,\n    cardImage {\n      altText,\n      asset-> {\n        url,\n        metadata {\n          dimensions {\n            height,\n            width,\n            aspectRatio,\n          }\n        },\n      },\n    },\n    meta {\n      title,\n      seoTitle,\n      slug {\n        current\n      },\n      robots,\n      seoDescription,\n      canonicalUrl,\n      seoImage {\n        asset-> {\n          url,\n          metadata {\n            dimensions {\n              height,\n              width\n            }\n          }\n        }\n      }\n    },\n  },\n  socialProofModule-> {\n    title,\n    heading,\n    headingSize,\n    logoAlignment,\n    logoSize,\n    colorTheme,\n    logos[]-> {\n      ...,\n      image {\n        asset-> {\n          url,\n          metadata {\n            dimensions {\n              height,\n              width,\n              aspectRatio\n            }\n          },\n        }\n      }\n    }\n  },\n  meta {\n    title,\n    seoTitle,\n    slug {\n      current\n    },\n    canonicalUrl,\n    robots,\n    seoDescription,\n    seoImage {\n      asset-> {\n        url,\n        metadata {\n          dimensions {\n            height,\n            width\n          }\n        }\n      }\n    }\n  },\n}\n']);return _templateObject=function(){return n},n}var _=(0,a(34764).Z)(_templateObject()),C=!0;function UseCases(n){var e,a,p,C=n.accountNavData,w=n.eopData,N=n.footerNavData,j=n.initialData,Z=n.navData,k=n.draftMode,D=(0,t._)((0,b.yR)(j,_),1)[0],P=(0,t._)((0,i.useState)(!0),2),T=P[0],O=P[1];return(0,l.jsxs)(o.Z,{accountNavData:C,eopData:w,footerNavData:N,name:"Use Cases",navData:Z,preview:k,children:[(0,l.jsx)(s.Z,{data:null==D?void 0:D.meta,url:"https://patgrady.indiedemos.com/use-case"}),(0,l.jsx)(h.Z,{bLineLength:"4xl",className:"thd-container-max mb-fluid-lg",eStyle:"small",hFont:"md",hLineLength:"2xl",header:null==D?void 0:D.heroBlock,themeColor:"grey-10"}),(0,l.jsx)("section",{className:"thd-container-max flex flex-col items-center mb-fluid-lg",children:(null==D?void 0:null===(e=D.cards)||void 0===e?void 0:e.length)&&(0,l.jsx)("ul",{className:"mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-fluid-sm mb-fluid-sm",children:null==D?void 0:null===(a=D.cards)||void 0===a?void 0:a.map(function(n){var e,a,t,i=null==n?void 0:null===(e=n.meta)||void 0===e?void 0:e.title,o=null==n?void 0:null===(t=n.meta)||void 0===t?void 0:null===(a=t.slug)||void 0===a?void 0:a.current;return(0,l.jsx)(m.Z,{className:"thd-rounded-ext thd-focus-thick thd-hover-shadow flex flex-col items-center",href:"/use-case/".concat(o),children:(0,l.jsx)(v.Z,{hClassName:"lg:text-center lg:mx-auto",heading:(0,l.jsxs)(l.Fragment,{children:["Loom for ",(0,l.jsx)("br",{className:"block lg:hidden"}),i]}),mediaBlock:(null==n?void 0:n.cardImage)?(0,l.jsx)(r.Z,{className:"rounded-lg shadow-thd lg:mb-2xl",image:null==n?void 0:n.cardImage,layout:"responsive"}):void 0,themeColor:"violet-light"},null==n?void 0:n._id)},n._id)})})}),(null==D?void 0:D.socialProof)&&(0,l.jsx)(c.Z,{data:null==D?void 0:D.socialProof,lineLength:"xl",themeColor:"grey-light"}),(null==D?void 0:D.testimonials)&&(0,l.jsx)(g.Z,{bgVar:(0,x.b)("grey-light").bgVar,cards:null==D?void 0:D.testimonials,font:"xs",themeColorMode:"light"}),(null==D?void 0:null===(p=D.endOfPageModule)||void 0===p?void 0:p.cta)&&(0,l.jsx)(u.Z,{cta:D.endOfPageModule.cta,heading:D.endOfPageModule.heading,lineLength:"lg"}),(f.g||f.D)&&T&&(0,l.jsx)(d.Z,{isIOS:f.g,onClick:function(){return O(!1)}})]})}}},function(n){n.O(0,[2786,2673,3358,37,9267,476,5153,5142,7536,2319,900,7702,3523,562,4387,1792,4206,9774,2888,179],function(){return n(n.s=62520)}),_N_E=n.O()}]);