1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[15710],{15710:function(e,t,n){n.r(t),n.d(t,{default:function(){return howItWorks}});var s,r=n(85893),a=n(28051),l=n(94184),c=n.n(l),i=n(60246),o=n(25762),x=n(67294);function _extends(){return(_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(e[s]=n[s])}return e}).apply(this,arguments)}var SvgHowItWorksArrow=function(e){return x.createElement("svg",_extends({width:34,height:48,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),s||(s=x.createElement("path",{d:"M17 1v45m0 0 16-17.5M17 46 1 28.5",stroke:"#555867",strokeWidth:2,strokeLinecap:"round"})))};function howItWorks(e){let{block:t}=e,{title:n,steps:s,followUpText:l,topPadding:x,bottomPadding:m}=t;return(0,r.jsx)("div",{className:"bg-gray-100",children:(0,r.jsxs)(i.Z,{name:"deploy-CTA",outerDivClasses:c()("text-center text-gray-10","text-xl sm:text-2xl"),topPadding:x,bottomPadding:m,children:[(0,r.jsx)("div",{className:"text-center",children:(0,r.jsx)(o.Z,{classes:"text-white",title:n})}),(0,r.jsx)("ul",{className:"container mx-auto flex flex-col justify-center align-center",children:null==s?void 0:s.map((e,t)=>(0,r.jsxs)("li",{className:"flex flex-col mb-6",children:[e.text&&(0,r.jsx)("p",{children:e.text}),e.image&&(0,r.jsx)("img",{className:"max-w-[256px] self-center mt-6",src:e.image}),e.description&&(0,r.jsx)("div",{className:"text-gray-60 [&_code]:text-green-50 mt-6",children:(0,r.jsx)(a.D,{children:e.description})}),t<s.length-1&&(0,r.jsx)(SvgHowItWorksArrow,{className:"mx-auto mt-6"})]},t))}),l&&(0,r.jsx)("div",{className:c()("pt-8 sm:pt-12 [&_a]:text-green-50","[&_a]:underline [&_a]:hover:text-green-60"),children:(0,r.jsx)(a.D,{children:l})})]})})}n.p},60246:function(e,t,n){var s=n(85893),r=n(57851),a=n(68824);t.Z=e=>{let{outerDivClasses:t,innerDivClasses:n,name:l,children:c,fullWidth:i,topPadding:o="none",bottomPadding:x="none"}=e,m=(0,a.n)(o),d=(0,a.u)(x);return i?(0,s.jsx)("section",{className:(0,r.m)(t,"block-".concat(l)),children:(0,s.jsx)("div",{className:(0,r.m)("container mx-auto py-14 sm:py-28 px-6 sm:px-8",m,d,n),children:c})}):(0,s.jsx)("section",{className:(0,r.m)("container mx-auto py-14 sm:py-28 px-6 sm:px-8",t,m,d,"block-".concat(l)),children:c})}},25762:function(e,t,n){var s=n(85893),r=n(10291),a=n(67294),l=n(57851);t.Z=e=>{let{classes:t,title:n,hierarchy:c=2}=e,{text:i}=(0,a.useContext)(r.V),o=(0,l.m)("text-4xl sm:text-7xl whitespace-pre-line font-bold mt-0 mb-6",i.headline,t);if(n){let e="h".concat(c);return(0,s.jsx)(e,{className:o,dangerouslySetInnerHTML:{__html:n}})}}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.