(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9195],{13899:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog",function(){return r(9892)}])},33238:function(e,t,r){"use strict";var l=r(67294);t.Z=function(e){return l.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none"},e),l.createElement("path",{d:"M6 6.134v11.732c0 .895 1.03 1.438 1.822.951l9.628-5.866c.733-.441.733-1.46 0-1.914L7.822 5.183C7.029 4.696 6 5.239 6 6.134z",fill:"currentColor"}))}},7482:function(e,t,r){"use strict";r.d(t,{Z:function(){return BlogAvatar}});var l=r(85893),o=r(65970),a=r(25675),n=r.n(a);function BlogAvatar(e){var t=e.src,r=e.name,a=e.title,s=e.slug;return(0,l.jsxs)(o.Z,{className:"thd-focus-thick thd-focus-thick-current-color rounded-sm inline-flex items-center",href:"/blog/authors/".concat(s),children:[(0,l.jsx)(n(),{alt:"".concat(r," headshot"),className:"hidden md:block rounded-full mr-8 object-cover flex-shrink-0 h-48 w-48",height:"48",src:t,width:"48"}),(0,l.jsxs)("div",{className:"max-w-xs",children:[(0,l.jsx)("p",{className:"lm-blog-headline-xxs hover:underline",children:r}),(0,l.jsx)("p",{className:"lm-blog-headline-xxs-alt text-black",children:a})]})]})}},68197:function(e,t,r){"use strict";r.d(t,{Z:function(){return LoomButton}});var l=r(72253),o=r(14932),a=r(47702),n=r(24043),s=r(85893),i=r(83580),c=r(33238),u=r(84224),d=r(93967),m=r.n(d),h=r(5152),f=r.n(h),g=r(67294),p=r(93341),v=r.n(p),x={primary:v().variantPrimary,secondary:v().variantSecondary,play:v().variantPlay,playPrimary:v().variantPlayPrimary,text:v().variantText},b={purple:v().stylePurple,ghost:v().styleGhost,mute:v().styleMute,tealDark:v().styleTealDark},y=f()(function(){return Promise.all([r.e(5866),r.e(492)]).then(r.bind(r,30492))},{loadableGenerated:{webpack:function(){return[30492]}}});function LoomButton(e){var t=e.loom,r=e.style,i=e.className,c=e.variant,u=e.children,d=e.arrow,h=(0,a._)(e,["loom","style","className","variant","children","arrow"]),f=h.href?"a":"button",p=(0,n._)((0,g.useState)(!1),2),v=p[0],_=p[1];return(0,s.jsxs)("div",{children:[(0,s.jsxs)(f,(0,o._)((0,l._)({},h),{className:m()(x[c],b[r],i),onClick:function(e){var t;_(!0),null===(t=h.onClick)||void 0===t||t.call(h,e)},type:h.href?"a":"button",children:["play"===c&&(0,s.jsx)(PlayIcon,{className:"mr-4"}),"playPrimary"===c&&(0,s.jsx)(PlayIcon,{className:"mr-4"}),u,"primary"===c&&(void 0===d?"primary"===c:d)&&(0,s.jsx)(PrimaryIcon,{className:"ml-10"})]})),v&&(0,s.jsx)(y,{loomURL:t,onClose:function(){return _(!1)}})]})}function PlayIcon(e){return(0,s.jsx)("span",(0,o._)((0,l._)({},e),{children:(0,s.jsx)(u.Z,{color:"currentColor",icon:(0,s.jsx)(c.Z,{})})}))}function PrimaryIcon(e){return(0,s.jsx)("span",(0,o._)((0,l._)({},e),{children:(0,s.jsx)(u.Z,{color:"currentColor",icon:(0,s.jsx)(i.Z,{})})}))}},66870:function(e,t,r){"use strict";r.d(t,{Z:function(){return Embed}});var l=r(24043),o=r(85893),a=r(93967),n=r.n(a),s=r(52275),i=r(23872);function Embed(e){var t=e.description,r=e.src,a=e.highlightBackground,c=e.className,u=e.ratio,d=null!=u?u:"4:3",m=(0,l._)(d.split(":"),2),h=m[0],f=Math.round(100*(parseInt(m[1],10)/parseInt(h,10)))+"%";if(r.includes("https://twitter.com/")){var g,p=null===(g=r.match(/status\/(\d+)/))||void 0===g?void 0:g[1];return(0,o.jsx)("div",{className:"flex justify-center","data-theme":"light",children:(0,o.jsx)(s.t,{id:p})})}return r.includes("youtube.com/embed")?(0,o.jsx)("div",{className:n()("loom-embed",a&&"loom-embed-highlighted"),children:(0,o.jsx)("div",{className:n()(c,"lo-emb-vid block relative",u?"aspect-ratio":"pb-75%"),style:{"--aspect-padding":f},children:(0,o.jsx)("iframe",{allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,className:"absolute w-full h-full",frameBorder:"0",src:r,webkitallowfullscreen:"true"})})}):(0,o.jsxs)("div",{className:n()("loom-embed",a&&"loom-embed-highlighted"),children:[(0,o.jsx)("div",{className:n()(c,"lo-emb-vid block relative",u?"aspect-ratio":"pb-75%"),style:{"--aspect-padding":f},children:(0,o.jsx)("iframe",{allowFullScreen:!0,className:"absolute w-full h-full",frameBorder:"0",loading:"lazy",mozallowfullscreen:"true",src:r.replace("loom.com/share/","loom.com/embed/"),webkitallowfullscreen:"true"})}),(0,o.jsx)("div",{className:"lm-blog-headline-xs-alt text-center mt-12",children:(0,i.Z)(t)})]})}},75595:function(e,t,r){"use strict";r.d(t,{Z:function(){return Link}});var l=r(72253),o=r(14932),a=r(47702),n=r(85893),s=r(93967),i=r.n(s),c=r(41664),u=r.n(c);function Link(e){var t=e.as,r=e.children,s=e.className,c=e.href,d=e.prefetch,m=e.replace,h=e.scroll,f=e.shallow,g=e.target,p=e.variant,v=(0,a._)(e,["as","children","className","href","prefetch","replace","scroll","shallow","target","variant"]),x=i()("primary"===p?"text-blurple hover:text-purple-hover":"",s,"cursor-pointer pb-1 underline thd-focus-thin");if(/^(http|mailto|tel)/.test(c)){var b="_blank"===(g=null!=g?g:"_blank")?"noopener":null;return(0,n.jsx)("a",(0,o._)((0,l._)({},v),{className:x,href:c,rel:b,target:g,children:r}))}return/^(#)/.test(c)?(0,n.jsx)("a",(0,o._)((0,l._)({},v),{className:x,href:c,children:r})):(0,n.jsx)(u(),(0,o._)((0,l._)({as:t,href:c,passHref:!0,prefetch:d,replace:m,scroll:h,shallow:f,className:x},v),{children:r}))}Link.defaultProps={variant:"primary"}},16544:function(e,t,r){"use strict";var l=r(67294),o=r(23872);t.Z=(0,l.memo)(function(e){var t=e.content;return(0,o.Z)(t)})},23872:function(e,t,r){"use strict";r.d(t,{R:function(){return deriveHeadingId},Z:function(){return renderRichText}});var l,o=r(75766),a=r(72253),n=r(14932),s=r(248),i=r(85893),c=r(32924),u=r(74129),d=r(86437),m=r(93024),h=r(25675),f=r.n(h),g=r(66870),p=r(75595),v=r(56649);function deriveHeadingId(e){return(0,v.Z)((0,c.a)(e))}var x=(l={},(0,o._)(l,d.BLOCKS.HEADING_2,function(e,t){return(0,i.jsx)("h2",{id:deriveHeadingId(e),children:t})}),(0,o._)(l,d.BLOCKS.HEADING_3,function(e,t){return(0,i.jsx)("h3",{id:deriveHeadingId(e),children:t})}),(0,o._)(l,d.BLOCKS.HEADING_4,function(e,t){return(0,i.jsx)("h4",{id:deriveHeadingId(e),children:t})}),(0,o._)(l,d.BLOCKS.HEADING_5,function(e,t){return(0,i.jsx)("h5",{id:deriveHeadingId(e),children:t})}),(0,o._)(l,d.BLOCKS.HEADING_6,function(e,t){return(0,i.jsx)("h6",{id:deriveHeadingId(e),children:t})}),(0,o._)(l,d.BLOCKS.EMBEDDED_ASSET,function(e){var t=e.data.target;return(0,i.jsxs)("figure",{className:"mx-auto",children:[(0,i.jsx)(f(),{src:t.url,height:t.height,width:t.width,alt:t.title}),(0,i.jsx)("figcaption",{className:"lm-blog-headline-xs-alt text-center mt-12",children:t.description})]})}),(0,o._)(l,d.INLINES.HYPERLINK,function(e,t){return(0,i.jsx)(p.Z,{href:e.data.uri,children:t})}),(0,o._)(l,d.INLINES.ASSET_HYPERLINK,function(e,t){return(0,i.jsx)(p.Z,{href:e.data.target.url,children:t})}),l),b={Embed:function(e){return(0,i.jsx)(g.Z,{description:e.data.target.description,highlightBackground:e.data.target.highlightBackground,src:e.data.target.url,title:e.data.target.url})}};function renderRichText(e){var t,r,l,c,h,f,g,p,v,y=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!(null==e?void 0:e.json))return null;var _=e.json,j=e.links,N=j?(c=function(e){return e?e.reduce(function(e,t){var r,l=null==t?void 0:null===(r=t.sys)||void 0===r?void 0:r.id;return l&&(e[l]=t),e},{}):{}},h=function(e,t){var r;e.nodeType&&t(e),(null===(r=e.content)||void 0===r?void 0:r.length)&&e.content.forEach(function(e){return h(e,t)})},f=(0,m.Y)(_),g=c(null==j?void 0:null===(t=j.assets)||void 0===t?void 0:t.hyperlink),p=c(null==j?void 0:null===(r=j.assets)||void 0===r?void 0:r.block),v=c(null==j?void 0:null===(l=j.entries)||void 0===l?void 0:l.block),h(f,function(e){switch(e.nodeType){case"asset-hyperlink":var t=e.data.target.sys.id;e.data.target=g[t];break;case"embedded-asset-block":var r=e.data.target.sys.id;e.data.target=p[r];break;case"embedded-entry-block":var l=e.data.target.sys.id;e.data.target=v[l]}}),f):_;return(0,u.h)(N,{renderNode:(0,n._)((0,a._)({},x,null==y?void 0:y.renderNode),(0,o._)({},d.BLOCKS.EMBEDDED_ENTRY,function(e){var t,r,l,o=(0,a._)({},b,null==y?void 0:y.renderEmbeddedEntry),n=null===(t=e.data.target)||void 0===t?void 0:t.__typename;return n&&null!==(l=null===(r=o[n])||void 0===r?void 0:r.call(o,e))&&void 0!==l?l:null})),renderText:function(e){return e.split("\n").reduce(function(e,t,r){return(0,s._)(e).concat([r>0&&(0,i.jsx)("br",{},"".concat(r).concat(t)),t])},[])}})}},56649:function(e,t,r){"use strict";function slugify(e){return e.trim().toLowerCase().replace(/&/g,"-and-").replace(/%/g,"-percent-").replace(/\$/g,"-dollars-").replace(/[^a-z0-9]+/g,"-").replace(/^[^a-z0-9]+/g,"").replace(/[^a-z0-9]+$/g,"").replace(/([\uE000-\uF8FF]|\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDDFF])/g,"")}r.d(t,{Z:function(){return slugify}})},9892:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSP:function(){return b},default:function(){return BlogHomePage}});var l=r(85893),o=r(93967),a=r.n(o),n=r(41664),s=r.n(n),i=r(7482),c=r(6710),u=r(27320),d=r(68197),m=r(66870),h=r(2031),f=r(16544),g=r(6122),p=r.n(g),v=r(25675),x=r.n(v),b=!0;function BlogHomePage(e){var t,r,o=e.entry,n=e.categories,g=e.preview,v=e.footerNavData,b=null!==(r=o.topFeaturedBlogPost.heroColors)&&void 0!==r?r:["#78DDF3","#A8F1D7"];return(0,l.jsxs)(u.Z,{categories:n,entry:o,name:"Blog Home Page",preview:g,footerNavData:v,children:[(0,l.jsx)(h.Z,{data:o,isContentful:!0,isCustomTitle:"The Replay",url:"https://patgrady.indiedemos.com/blog"}),(0,l.jsx)("h1",{className:"sr-only",children:o.blogTitle}),(0,l.jsx)("section",{className:"lg:mx-40 lg:my-32 lg:mb-36",children:(0,l.jsxs)("div",{className:"p-32 sm:p-40 lg:p-64 lg:mt-36 lg:max-w-screen-xl lg:mx-auto flex flex-col-reverse md:flex-row justify-between",style:{backgroundImage:"linear-gradient(to bottom, ".concat(b[0]," 0%, ").concat(b[1]," 100%)")},children:[(0,l.jsxs)("div",{className:"flex flex-col justify-between items-start",children:[(0,l.jsx)(s(),{href:"/blog/".concat(o.topFeaturedBlogPost.slug),className:"thd-focus-thick rounded-sm hover:underline flex-shrink",children:(0,l.jsx)("h2",{className:"lm-blog-headline-xxl md:max-w-lg lg:max-w-3xl",children:o.topFeaturedBlogPost.styledTitle?(0,l.jsx)(f.Z,{content:o.topFeaturedBlogPost.styledTitle}):o.topFeaturedBlogPost.title})}),(0,l.jsxs)("div",{className:"flex flex-col lg:flex-row mt-32 md:mt-40 lg:mt-64 justify-start",children:[(0,l.jsxs)("div",{className:"gap-30 flex items-start mr-40 order-last lg:order-none",children:[(0,l.jsx)(c.Z,{"aria-label":"Read ".concat(o.topFeaturedBlogPost.title),arrow:!1,className:"hover:text-white",href:"/blog/".concat(o.topFeaturedBlogPost.slug),style:"purple",variant:"primary",children:"Read Article"}),o.topFeaturedBlogPost.introLoom&&(0,l.jsx)(d.Z,{loom:o.topFeaturedBlogPost.introLoom,style:"ghost",variant:"playPrimary",children:"Watch Loom"})]}),(0,l.jsx)("div",{className:"mb-32 xl:mb-0 flex lg:flex-row sm:flex-wrap sm:gap-24",children:(0,l.jsx)(i.Z,{name:o.topFeaturedBlogPost.author.fullName,slug:o.topFeaturedBlogPost.author.slug,src:o.topFeaturedBlogPost.author.avatar.url,title:o.topFeaturedBlogPost.author.title},o.topFeaturedBlogPost.author.slug)})]})]}),(null===(t=o.topFeaturedBlogPost.heroGraphic)||void 0===t?void 0:t.url)&&(0,l.jsx)("div",{className:"w-128 md:w-216 lg:max-w-20% lg:w-full md:ml-20",children:(0,l.jsx)(x(),{src:o.topFeaturedBlogPost.heroGraphic.url,height:500,width:500,alt:o.topFeaturedBlogPost.title,loading:"eager"})})]})}),(0,l.jsx)("section",{className:"lg:mx-40",children:(0,l.jsxs)("div",{className:"bg-white border-b border-t border-black lg:border p-32 md:p-40 lg:p-64  lg:max-w-screen-xl lg:mx-auto",children:[(0,l.jsxs)("div",{className:"border-b border-black flex flex-col md:flex-row pb-32 md:pb-40 lg:pb-64 space-between",children:[(0,l.jsxs)("div",{className:a()(p().post,"order-last md:order-first"),children:[(0,l.jsx)(s(),{href:"/blog/".concat(o.featuredBlogPost.slug),className:"focus-outline hover:underline my-30 md:mt-0",children:(0,l.jsx)("h3",{className:"lm-blog-headline-lg",children:o.featuredBlogPost.title})}),(0,l.jsx)("p",{className:"lm-blog-body-sm my-24 lg:my-32 text-blog-grey",children:o.featuredBlogPost.summary}),(0,l.jsx)("div",{className:"flex flex-wrap gap-24",children:(0,l.jsx)(i.Z,{name:o.featuredBlogPost.author.fullName,slug:o.featuredBlogPost.author.slug,src:o.featuredBlogPost.author.avatar.url,title:o.featuredBlogPost.author.title},o.featuredBlogPost.author.slug)})]}),(0,l.jsxs)("div",{className:a()(p().post,"md:pt-0 md:ml-40 lg:ml-0  md:flex-shrink-0 mb-32",o.featuredBlogPost.introLoom?"md:w-1/2 lg:w-2/3":"w-1/2"),children:[o.featuredBlogPost.introLoom&&(0,l.jsx)(m.Z,{src:o.featuredBlogPost.introLoom,title:o.featuredBlogPost.introLoom}),!o.featuredBlogPost.introLoom&&(0,l.jsx)("div",{className:"md:flex md:justify-center md:h-full",children:(0,l.jsx)(x(),{src:o.featuredBlogPost.heroGraphic.url,className:'className="flex-shrink-0 md:h-full md:w-auto w-160 md:order-1 max-h-[370px]',height:500,width:500,alt:o.featuredBlogPost.title})})]})]}),(0,l.jsx)("div",{className:"grid lg:grid-cols-2",children:o.featuredPosts.items.map(function(e){var t;return(0,l.jsxs)("div",{className:a()(p().post,"border-b border-black py-32 md:py-40 lg:py-64 flex flex-col space-between"),children:[(0,l.jsxs)("div",{className:"md:flex mb-auto",children:[(null===(t=e.heroGraphic)||void 0===t?void 0:t.url)&&(0,l.jsx)("div",{className:"hidden md:block md:flex-shrink-0 md:w-80 md:mr-32 lg:w-120",children:(0,l.jsx)(x(),{src:e.heroGraphic.url,height:500,width:500,alt:e.title})}),(0,l.jsx)(s(),{href:"/blog/".concat(e.slug),className:"focus-outline hover:underline flex",children:(0,l.jsx)("h3",{className:"lm-blog-headline-lg",children:e.title})})]}),(0,l.jsx)("p",{className:"lm-blog-body-sm my-24 lg:my-32 text-blog-grey",children:e.summary}),(0,l.jsx)("div",{className:"flex flex-wrap gap-24",children:(0,l.jsx)(i.Z,{name:e.author.fullName,slug:e.author.slug,src:e.author.avatar.url,title:e.author.title},e.author.slug)})]},e.slug)})}),(0,l.jsx)("div",{className:"flex justify-center mt-32 md:mt-40 lg:mt-64",children:(0,l.jsx)("a",{className:a()(p().seeAllArticles,"no-underline hover:text-white"),href:"/blog/all-articles",children:"See all Articles"})})]})})]})}},93341:function(e){e.exports={variantPrimary:"LoomButton_variantPrimary__g3wdM",variantSecondary:"LoomButton_variantSecondary__aOMCx",variantText:"LoomButton_variantText___Agxa",variantPlay:"LoomButton_variantPlay__n0Sm0",variantPlayPrimary:"LoomButton_variantPlayPrimary__EFnt3",styleGhost:"LoomButton_styleGhost__srgtk",stylePurple:"LoomButton_stylePurple__V0Xmi",styleTealDark:"LoomButton_styleTealDark__4bd1W",styleMute:"LoomButton_styleMute__6kDwA","focus-visible":"LoomButton_focus-visible__k2qNQ"}},6122:function(e){e.exports={categoryCopy:"blog_categoryCopy__mCLJ_",category:"blog_category__Mcmna",categoryCount:"blog_categoryCount__ZT5Lo",post:"blog_post__ghfIm",seeAllArticles:"blog_seeAllArticles__ibNeE"}},67967:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},o=function(){function defineProperties(e,t){for(var r=0;r<t.length;r++){var l=t[r];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(e,t,r){return t&&defineProperties(e.prototype,t),r&&defineProperties(e,r),e}}(),a=_interopRequireDefault(r(67294));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}_interopRequireDefault(r(73935));var n=0,s=function(e){function HubspotForm(e){!function(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")}(this,HubspotForm);var t=function(e,t){if(!e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&("object"==typeof t||"function"==typeof t)?t:e}(this,(HubspotForm.__proto__||Object.getPrototypeOf(HubspotForm)).call(this,e));return t.state={loaded:!1},t.id=n++,t.createForm=t.createForm.bind(t),t.findFormElement=t.findFormElement.bind(t),t}return!function(e,t){if("function"!=typeof t&&null!==t)throw TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(HubspotForm,e),o(HubspotForm,[{key:"createForm",value:function(){var e=this;if(window.hbspt){if(null===this.el)return;var t=l({},this.props);delete t.loading,delete t.onSubmit,delete t.onReady;var r=l({},t,{target:"#"+this.el.getAttribute("id"),onFormSubmit:function(t){var r=t.serializeArray();e.props.onSubmit(r)}});return window.hbspt.forms.create(r),!0}setTimeout(this.createForm,1)}},{key:"loadScript",value:function(){var e=this,t=document.createElement("script");t.defer=!0,t.onload=function(){e.createForm(),e.findFormElement()},t.src="//js.hsforms.net/forms/v2.js",document.head.appendChild(t)}},{key:"findFormElement",value:function(){if(null!==this.el){var e=this.el.querySelector("iframe");e?(this.setState({loaded:!0}),this.props.onReady&&this.props.onReady(e)):setTimeout(this.findFormElement,1)}}},{key:"componentDidMount",value:function(){window.hbspt||this.props.noScript?(this.createForm(),this.findFormElement()):this.loadScript()}},{key:"componentWillUnmount",value:function(){}},{key:"render",value:function(){var e=this;return a.default.createElement("div",null,a.default.createElement("div",{ref:function(t){return e.el=t},id:"reactHubspotForm"+this.id,style:{display:this.state.loaded?"block":"none"}}),!this.state.loaded&&this.props.loading)}}]),HubspotForm}(a.default.Component);t.default=s,e.exports=t.default}},function(e){e.O(0,[2786,2673,3358,9267,900,4263,7549,9774,2888,179],function(){return e(e.s=13899)}),_N_E=e.O()}]);