https://www.lazyblocks.com/_next/static/chunks/c5fdcf6180505e3d.js?dpl=dpl_BwnndaR9z41SBricAFdSfrrE8vuP

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,68877,e=>{"use strict";var r=e.i(43476),t=e.i(27193),a=e.i(21160),l=e.i(71645);let n=e=>{let{label:t,value:l,colors:n=[],onChange:o}=e;return(0,r.jsxs)("div",{className:(0,a.cn)("[&:not(:last-child)]:mb-[20px]"),children:[t&&(0,r.jsx)("div",{className:"inline-block mb-[7px] text-[11px] font-medium uppercase",children:t}),(0,r.jsx)("ul",{className:"flex flex-wrap gap-[10px] p-0 m-0 mt-[10px] list-none",children:n.map(e=>(0,r.jsx)("li",{children:(0,r.jsx)("button",{className:"relative w-[28px] h-[28px] border-0 rounded-[15px] transition-transform duration-150 hover:scale-[1.1] focus:scale-[1.1] after:absolute after:inset-0 after:content-[''] after:rounded-full after:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.2)]",style:{background:e},onClick:r=>{r.preventDefault(),o(e)},children:e===l&&(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24",fill:"#fff","aria-hidden":"true",focusable:"false",className:"absolute top-[2px] left-[2px] z-[2] pointer-events-none rounded-full",children:(0,r.jsx)("path",{d:"M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"})})})},e))})]})},o=e=>{let{label:t,value:a,min:n,max:o,onChange:s}=e,i=(0,l.useId)();return(0,r.jsxs)("div",{className:"not-last:mb-5",children:[t&&(0,r.jsx)("label",{htmlFor:i,className:"inline-block mb-1.75 text-[11px] font-medium uppercase",children:t}),(0,r.jsxs)("div",{className:"flex items-center gap-5",children:[(0,r.jsx)("input",{id:i,type:"range",min:n,max:o,value:a,className:"h-1 flex-1 p-0 m-0 bg-[#d7dade] rounded-[5px] appearance-none border-0 outline-none shadow-none [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-3 [&::-webkit-slider-thumb]:h-3 [&::-webkit-slider-thumb]:cursor-pointer [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-(--lb-color-gutenberg-brand) [&::-webkit-slider-thumb]:transition-[background] [&::-webkit-slider-thumb]:duration-150 [&::-moz-range-thumb]:w-3 [&::-moz-range-thumb]:h-3 [&::-moz-range-thumb]:cursor-pointer [&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-(--lb-color-gutenberg-brand) [&::-moz-range-thumb]:transition-[background] [&::-moz-range-thumb]:duration-150 focus:[&::-webkit-slider-thumb]:shadow-[0_0_0_4px_rgba(0,124,186,0.4)]",onChange:e=>{s&&e.target&&s(e.target.value)}}),(0,r.jsx)("input",{type:"number",min:"40",max:"100",value:a,className:"px-3 h-10 w-20 text-[13px] resize-none border border-[#757575] rounded-xs transition-[border-color,box-shadow] duration-150 focus:border-(--lb-color-gutenberg-brand) focus:outline focus:outline-transparent focus:[box-shadow:0_0_0_1px_var(--lb-color-gutenberg-brand)]",onChange:e=>{s&&e.target&&s(e.target.value)}})]})]})},s=e=>{let{label:t,help:a,value:n,onChange:o}=e,s=(0,l.useId)();return(0,r.jsxs)("div",{className:"not-last:mb-5",children:[t&&(0,r.jsx)("label",{htmlFor:s,className:"inline-block mb-1.75 cursor-pointer",children:t}),(0,r.jsx)("textarea",{id:s,value:n,className:"w-full px-2.75 py-2.25 text-[13px] resize-none border border-[#757575] rounded-xs transition-[border-color,box-shadow] duration-150 focus:border-(--lb-color-gutenberg-brand) focus:outline focus:outline-transparent focus:[box-shadow:0_0_0_1px_var(--lb-color-gutenberg-brand)]",onChange:e=>{o&&e.target&&o(e.target.value)}}),a&&(0,r.jsx)("div",{className:"mt-2 text-[11px] not-italic leading-normal text-[#757575]",children:a})]})},i=e=>{let{type:t="text",label:n,help:o,value:s,onChange:i}=e,d=(0,l.useId)();return(0,r.jsxs)("div",{className:(0,a.cn)("[&:not(:last-child)]:mb-[20px]"),children:[n&&(0,r.jsx)("label",{htmlFor:d,className:"inline-block mb-[7px] text-[11px] font-medium uppercase",children:n}),(0,r.jsx)("input",{id:d,type:t,value:s,className:"w-full p-[7px] resize-none border border-[#757575] rounded-[2px] transition-[border-color,box-shadow] duration-150 focus:border-(--lb-color-gutenberg-brand) focus:outline focus:outline-2 focus:outline-transparent focus:[box-shadow:0_0_0_1px_var(--lb-color-gutenberg-brand)]",onChange:e=>{i&&e.target&&i(e.target.value)}}),o&&(0,r.jsx)("div",{className:"mt-[8px] text-[11px] not-italic leading-[1.5] text-[#757575]",children:o})]})},d=e=>{let{label:t,value:n,onChange:o}=e,s=(0,l.useId)();return(0,r.jsxs)("div",{className:(0,a.cn)("[&:not(:last-child)]:mb-[20px]","flex items-center gap-[10px]"),children:[(0,r.jsxs)("span",{className:"relative block w-[36px] h-[18px]",children:[(0,r.jsx)("input",{id:s,type:"checkbox",checked:n,className:"peer absolute inset-0 z-[2] cursor-pointer opacity-0",onChange:e=>{o&&e.target&&o(e.target.checked)}}),(0,r.jsx)("span",{className:"box-border inline-block w-full h-full align-top bg-white border border-[#1e1e1e] rounded-[9px] transition-[background-color,border-color] duration-200 peer-checked:bg-(--lb-color-gutenberg-brand) peer-checked:border-(--lb-color-gutenberg-brand) peer-focus:outline peer-focus:outline-2 peer-focus:outline-transparent peer-focus:outline-offset-2 peer-focus:shadow-[0_0_0_2px_#fff,0_0_0_4px_var(--lb-color-gutenberg-brand)]"}),(0,r.jsx)("span",{className:"absolute top-[3px] left-[3px] box-border block w-[12px] h-[12px] bg-[#1e1e1e] border-[5px] border-[#1e1e1e] rounded-full transition-[transform,background-color,border-width] duration-100 peer-checked:translate-x-[18px] peer-checked:bg-white peer-checked:border-0"})]}),t&&(0,r.jsx)("label",{htmlFor:s,className:"inline-block cursor-pointer",children:t})]})},c=e=>(0,r.jsx)("p",{className:(0,a.cn)("text-xl font-medium text-balance [&>a]:font-medium [&>a]:decoration-current",e.className),style:e.style,children:e.children});var b=e.i(76672);let u=e=>(0,r.jsxs)("div",{id:e.id,style:e.style,className:(0,a.cn)("relative z-1 block",e.dark&&"dark bg-background",e.className),children:[e.styledBg&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:(0,a.cn)("absolute inset-0 z-[-1]","bg-[center_0] bg-size-[80px]",e.beforeClassName),style:{backgroundImage:e.dark?"url(\"data:image/svg+xml,%3Csvg width='150' height='150' viewB

1ox='0 0 150 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M150 2.00001V6.67572e-06H2L0 0V2V150H2V2L150 2.00001Z' opacity='0.05' fill='white'/%3E%3C/svg%3E\")":"url(\"data:image/svg+xml,%3Csvg width='150' height='150' viewBox='0 0 150 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M150 2.00001V6.67572e-06H2L0 0V2V150H2V2L150 2.00001Z' opacity='0.03' fill='black'/%3E%3C/svg%3E\")"}}),(0,r.jsx)("div",{className:(0,a.cn)("absolute inset-0 z-[-1]",e.afterClassName)})]}),e.children]}),h="forward",x={"--hero--padding":"80px","--hero--frame--padding":"30px","--hero--inspector--width":"280px","--lb-hero-bg":"linear-gradient(180deg, rgb(255 255 255 / 0%) 94.34%, #fff 100%), linear-gradient(241.53deg, rgb(250 250 250 / 6%) 32.87%, rgb(143 100 238 / 6%) 36.06%, rgb(111 105 235 / 6%) 40.47%, rgb(250 250 250 / 6%) 46.98%, rgb(250 250 250 / 6%) 54.97%, rgb(248 138 65 / 6%) 59.63%, rgb(218 47 113 / 6%) 63.46%, rgb(250 250 250 / 6%) 71.44%, rgb(250 250 250 / 6%) 75.48%, rgb(77 198 233 / 6%) 83.35%, rgb(64 176 230 / 6%) 88.87%, rgb(250 250 250 / 6%) 94.43%), radial-gradient(50% 92.22% at 50% 50%, rgb(250 250 250 / 0%) 92%, #fafafa 100%)"},p=(0,a.cn)("relative z-[1] w-full","before:absolute before:z-0 before:block before:content-['']","after:absolute after:z-0 after:block after:content-['']","before:top-0 before:right-[15px] before:bottom-0 before:left-[15px]","before:bg-(--lb-color-background) before:border before:border-[#ededed] before:rounded-[10px]","before:shadow-[0_20px_40px_-20px_rgba(41,60,110,0.25)]","after:top-(--hero--frame--padding) after:bottom-(--hero--frame--padding)","after:right-[calc(var(--hero--frame--padding)+15px)] after:left-[calc(var(--hero--frame--padding)+15px)]","after:bg-(--lb-color-background-100)","max-lg:before:hidden max-lg:after:hidden"),g=(0,a.cn)("relative z-[1] flex flex-wrap content-center","min-h-[600px]","m-(--hero--frame--padding)","p-(--hero--padding)","pr-[calc(var(--hero--padding)+var(--hero--inspector--width))]","max-xxl:[--hero--padding:40px]","max-lg:m-0 max-lg:p-0 max-lg:pr-0 max-lg:min-h-0","before:absolute before:z-[-1] before:block before:content-['']","after:absolute after:z-[-1] after:block after:content-['']","before:top-0 before:bottom-0 before:left-[calc(var(--hero--frame--padding)*-1)] before:right-[calc(var(--hero--frame--padding)*-1)]","before:border-t before:border-b before:border-[#ededed]","after:left-0 after:right-0 after:top-[calc(var(--hero--frame--padding)*-1)] after:bottom-[calc(var(--hero--frame--padding)*-1)]","after:border-l after:border-r after:border-[#ededed]","max-lg:before:hidden max-lg:after:hidden"),m=(0,a.cn)("relative z-[1] flex-[0_0_100%] max-w-[760px]","[&_h1]:m-0"),f=(0,a.cn)("absolute top-0 right-0 bottom-0 w-(--hero--inspector--width)","text-[13px] bg-(--lb-color-background)","border border-[#ededed]","[&_input]:[font-family:inherit] [&_textarea]:[font-family:inherit] [&_button]:[font-family:inherit]","[&_input]:text-[inherit] [&_textarea]:text-[inherit] [&_button]:text-[inherit]","max-lg:hidden"),v=(0,a.cn)("flex h-[48px]","mt-[-1px]","border-b border-[#ededed]","[&>span]:flex [&>span]:items-center [&>span]:px-[16px]"),w=["linear-gradient(130deg,var(--lb-color-black) 0%, var(--lb-color-black) 100%)","var(--lb-color-gradient)","var(--lb-color-gradient-2)","var(--lb-color-gradient-3)"],j="%s Custom\nBlocks for WordPress",k=["Build","Design","Publish","Enjoy"];function _(e,r){return e.replace(/%s/g,r)}function N(e){return"var(--lb-color-background-300)"!==e}function z(e){return e.replace(/\n/g,"<br />").replace(/\n/g,"<br />")}let y=e=>{let{isOpen:t,onClick:n,title:o,icon:s,children:i,style:d}=e,c=(0,l.useRef)(),[b,u]=(0,l.useState)(t?"auto":"0px");return(0,l.useEffect)(()=>{let e=requestAnimationFrame(()=>{t?c.current&&c.current.firstChild?u(`${c.current.firstChild.clientHeight}px`):u("auto"):u("0px")});return c.current&&c.current.querySelectorAll("input, textarea, select, button").forEach(e=>{t?e.removeAttribute("tabindex"):e.setAttribute("tabindex","-1")}),()=>cancelAnimationFrame(e)},[t]),(0,r.jsxs)("div",{style:d,children:[(0,r.jsxs)("button",{className:"flex items-center w-full p-[12px_15px] m-0 font-medium cursor-pointer bg-(--lb-color-background) border-0 border-t border-t-[#ededed] hover:bg-(--lb-color-background-300)",onClick:n,children:[o,s?l.default.cloneElement(s,{className:(0,a.cn)("w-5 h-5 ml-[6px] opacity-60",s.props?.className)}):null,(0,r.jsx)("span",{className:(0,a.cn)("ml-auto block transition-transform duration-300 ease-[ease]",!t&&"rotate-180"),children:(0,r.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",className:"components-panel__arrow","aria-hidden":"true",focusable:"false",children:(0,r.jsx)("path",{d:"M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z"})})})]}),(0,r.jsx)("div",{className:"h-0 overflow-hidden transition-[height] duration-300 [transition-timing-function:ease]",ref:c,style:{height:b}

1,children:(0,r.jsx)("div",{className:"p-[15px] pt-[5px]",children:i})})]})};e.s(["default",0,()=>{let[e,C]=(0,l.useState)("heading"),[S,B]=(0,l.useState)(_(j,k[0])),[L,H]=(0,l.useState)(!1),[M]=(0,l.useState)("Use Lazy Blocks plugin to rapidly build custom blocks\nwithout ever leaving your WordPress editor"),[V,E]=(0,l.useState)(60),[I,A]=(0,l.useState)(!0),[F,P]=(0,l.useState)(!0),[T,O]=(0,l.useState)(w[1]),[R]=(0,l.useState)("var(--lb-color-background-300)"),[D,U]=(0,l.useState)(w[0]),[$,q]=(0,l.useState)(""),[K,W]=(0,l.useState)(""),Z=r=>{C(r===e?"":r)},{word:G,stop:J}=function(e,r=90,t=10){let[a,n]=(0,l.useState)(0),[o,s]=(0,l.useState)(e[a].split("")),[i,d]=(0,l.useState)(!1),c=(0,l.useRef)(h),b=(0,l.useRef)(),u=(0,l.useRef)(o.length);return(0,l.useEffect)(()=>{let l=0;if(!i)return b.current=setInterval(()=>{if(l>0){l-=1;return}c.current===h?(()=>{if(u.current>=e[a].length){c.current="backward",l=t;return}let r=e[a].split("");s(o.concat(r[u.current])),u.current=u.current+1})():(()=>{if(0===u.current){n(a===e.length-1?0:a+1),c.current=h;return}s(o.slice(0,o.length-1)),u.current=o.length-1})()},r),()=>{clearInterval(b.current)}},[o,a,r,e,t,i]),{word:o.length?o.join(""):"",start:()=>d(!1),stop:()=>{i||(clearInterval(b.current),d(!0))}}}(k,60,60),Q=_(j,G),X=L?S:Q;return(0,l.useEffect)(()=>{L&&J()},[L,J]),(0,r.jsx)(u,{className:"flex items-center justify-center pt-[130px] pb-[80px] max-lg:pt-[160px] max-lg:pb-[140px]",beforeClassName:"[background-position-y:-1px]",afterClassName:"absolute inset-0 z-[-1] content-[''] [background:var(--lb-hero-bg)]",style:x,styledBg:!0,children:(0,r.jsx)(b.Container,{className:p,children:(0,r.jsxs)("div",{className:g,children:[(0,r.jsxs)("div",{className:m,children:[(0,r.jsx)("h1",{className:(0,a.cn)("font-size-gigantic","lg:!text-[length:var(--lb-block-title--font-size)]"),style:{"--lb-block-title--font-size":`${V}px`},children:(0,r.jsx)("span",{className:"bg-clip-text text-transparent [-webkit-text-fill-color:transparent]",style:{color:T,backgroundImage:T},dangerouslySetInnerHTML:{__html:L?z(S):z(_(j,`${G}<span class="inline-block w-[0.05em] h-[1em] mt-[-0.12em] ml-[0.1em] align-middle bg-[inherit] bg-size-[100%_300%] animate-[lb-hero-caret-blink_1.3s_step-end_infinite]"></span>`))}})}),(0,r.jsx)(c,{style:{marginBottom:"var(--lb-vertical-rhythm-block)",fontSize:"18px"},children:(0,r.jsx)("span",{dangerouslySetInnerHTML:{__html:z(M)}})}),(0,r.jsxs)("div",{className:"flex gap-5 mt-10 empty:hidden max-sm:flex-wrap",children:[I&&(0,r.jsx)(t.ButtonLink,{href:"https://wordpress.org/plugins/lazy-blocks/",target:"_blank",rel:"noopener",color:"grey",className:"max-sm:w-full",style:{background:R,color:N(R)?"#fff":"#000"},children:"Free Download"}),F&&(0,r.jsx)(t.ButtonLink,{href:"/pro/",className:"max-sm:w-full",style:{background:D,color:N(D)?"#fff":"#000"},children:"Go Pro"})]})]}),(0,r.jsxs)("div",{className:f,children:[(0,r.jsxs)("div",{className:v,children:[(0,r.jsx)("span",{children:"Page"}),(0,r.jsx)("span",{className:"shadow-[0_1px_0_0_var(--lb-color-gutenberg-brand),inset_0_-0.5px_0_0_var(--lb-color-gutenberg-brand)]",children:"Block"})]}),(0,r.jsxs)("div",{className:"flex gap-[13px] p-[15px]",children:[(0,r.jsx)("div",{children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{d:"M19 12h-2v3h-3v2h5v-5zM7 9h3V7H5v5h2V9zm14-6H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02z"})})}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"mt-0.5 mb-2 font-medium",children:"Hero Section"}),(0,r.jsx)("div",{children:"Example of custom Hero block with title, gradient and buttons."})]})]}),(0,r.jsxs)("div",{children:[(0,r.jsxs)(y,{title:"Heading",isOpen:"heading"===e,onClick:()=>{Z("heading")},icon:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{d:"M5 17v2h14v-2H5zm4.5-4.2h5l.9 2.2h2.1L12.75 4h-1.5L6.5 15h2.1l.9-2.2zM12 5.98L13.87 11h-3.74L12 5.98z"})}),children:[(0,r.jsx)(s,{value:X,onChange:e=>{H(!0),B(e)}}),(0,r.jsx)(o,{label:"Font Size",min:40,max:80,value:V,onChange:e=>{E(e)}})]}),(0,r.jsxs)(y,{title:"Buttons",isOpen:"buttons"===e,onClick:()=>{Z("buttons")},icon:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{d:"M19 6H5c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H5V8h14v8z"})}),children:[(0,r.jsx)(d,{label:"Display Free Button",value:I,onChange:e=>{A(e)}}),(0,r.jsx)(d,{label:"Display Pro Button",value:F,onChange:e=>{P(e)}})]}),(0,r.jsxs)(y,{title:"Colors",isOpen:"colors"===e,onClick:()=>{Z("colors")},icon:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{d:"M17.66 7.93L12 2.27 6.34 7.93c-3.12 3.12-3.12 8.19 0 11.31C7.9 20.8 9.95 21.58 12 21.58c2.05 0 4.1-.78 5.66-2.34 3.12-3.12 3.12-8.19 0-11.31zM12 19.59c-1.6 0-3.11-.62-4.24-1.76C6.62 16.69 6 15.19 6 13.59s.62-3.11 1.76-4.24L12 5.1v14.49z"})}),children:[(0,r.jsx)(n,{label:"Heading Color",value:T,colors:w,onChange:e=>{O(e)}}),(0,r.jsx)(n,{label:"Pro Button Color",value:D,colors:w,onChange:e=>{U(e)}})]}),(0,r.jsxs)(y,{title:"Advanced",isOpen:"advanced"===e,style:{borderBottom:"1px solid #ededed"},onClick:()=>{Z("advanced")},children:[(0,r.jsx)(i,{label:"HTML Anchor",value:$,onChange:e=>{q(e)}}),(0,r.jsx)(i,{label:"Additional CSS class(es)",help:"Separate multiple classes with spaces.",value:K,onChange:e=>{W(e)}})]})]})]})]})})})}],68877)}]);