https://framebird.io/_next/static/chunks/3552-6354577379e2e891.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3552],{507:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>s});var n,l=r(14346);function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}let s=function(e){return l.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 449 71"},e),n||(n=l.createElement("path",{fill:"currentColor",d:"m.032 70 12.192-52.704q1.536-6.432 4.608-10.08 3.072-3.744 7.488-5.28Q28.736.304 34.208.304q3.648 0 6.528.672t4.608 1.728l-3.648 10.464q-.864-.48-2.304-.864-1.344-.384-3.36-.384-3.744 0-5.664 1.44-1.92 1.344-2.688 4.992l-1.536 6.528.096 2.688L16.352 70zm0-36.384L2.72 22h37.44l-2.688 11.616zM33.245 70l11.136-48h14.496l-2.976 17.472-.672-1.632q1.536-5.088 4.032-8.832t6.144-5.856 8.256-2.112q1.632 0 2.688.288 1.152.192 1.92.576l-3.936 13.728q-.96-.48-2.304-.672-1.248-.288-3.264-.288-2.976 0-5.856 1.344-2.784 1.248-4.896 4.128c-2.112 2.88-2.496 4.48-3.264 7.68L49.565 70zm56.831.864q-4.8 0-8.64-2.208-3.744-2.304-5.952-6.528-2.112-4.32-2.112-10.56 0-5.76 1.632-11.232t4.704-9.792q3.168-4.416 7.488-6.912 4.416-2.592 9.888-2.592 3.168 0 6.048 1.152 2.976 1.152 4.992 3.552 2.112 2.4 2.88 6.336L113.308 22h16.32l-11.136 48h-14.784l1.632-9.024q-2.304 4.608-6.336 7.296-4.032 2.592-8.928 2.592M97.18 58.96q2.4 0 4.416-1.536t3.456-4.032a21.3 21.3 0 0 0 2.304-5.568q.864-3.072.864-6.048 0-2.688-.96-4.608-.864-2.016-2.496-3.072t-3.936-1.056q-2.688 0-4.8 1.632-2.112 1.536-3.552 4.032t-2.208 5.472q-.768 2.88-.768 5.568 0 2.88.864 4.992.864 2.016 2.496 3.168 1.728 1.056 4.32 1.056M126.86 70l11.136-48h14.496l-2.4 15.264-.864-1.344q2.016-7.2 7.008-11.04 5.088-3.84 11.808-3.84 5.088 0 8.448 2.304 3.456 2.208 4.8 6.432 1.44 4.128 0 9.984L174.284 70h-16.32l6.624-28.224q.864-3.84-.672-6.048-1.44-2.208-4.704-2.208-2.496 0-4.512 1.248-2.016 1.152-3.36 3.552-1.344 2.304-2.112 5.76L143.18 70zm62.208 0 6.624-28.224q.864-3.84-.672-6.048-1.44-2.208-4.704-2.208-2.496 0-4.512 1.248-2.016 1.152-3.36 3.552-1.344 2.304-2.112 5.76l-.96-7.2q2.304-7.68 7.488-11.712 5.184-4.128 12-4.128 5.184 0 8.64 2.304 3.552 2.208 4.896 6.432 1.44 4.128 0 9.984L205.388 70zm51.328.864q-7.104 0-12.48-2.688-5.376-2.784-8.352-7.68t-2.976-11.424q0-8.064 3.264-14.304 3.36-6.336 9.408-9.984 6.144-3.648 14.592-3.648 7.008 0 11.904 2.688 4.992 2.592 7.584 7.392t2.592 11.328q0 1.824-.192 3.84a20.4 20.4 0 0 1-.768 3.936h-37.824v-8.832h27.168l-4.512 2.496q.384-1.344.48-2.304t.096-1.824q0-2.496-.864-4.128t-2.4-2.4q-1.536-.864-3.648-.864-3.456 0-5.76 1.632-2.208 1.632-3.552 4.32-1.344 2.592-1.92 5.664a38.6 38.6 0 0 0-.48 5.952q0 3.072 1.152 5.184 1.248 2.112 3.264 3.264 2.112 1.056 4.896 1.056 3.456 0 5.568-1.536a11.1 11.1 0 0 0 3.264-4.032l13.44 5.28q-1.632 3.648-5.088 6.24-3.36 2.592-7.968 4.032-4.512 1.344-9.888 1.344m66.435-49.728q4.704 0 8.256 2.208 3.552 2.112 5.568 6.432 2.016 4.224 2.016 10.56 0 5.76-1.632 11.232t-4.704 9.888q-2.976 4.32-7.2 6.912-4.128 2.592-9.312 2.592-3.456 0-6.624-1.152-3.168-1.248-5.376-3.648t-2.976-6.144L282.255 70h-15.936l15.84-68.352h16.32l-6.432 28.032q2.4-3.936 6.24-6.24 3.936-2.304 8.544-2.304m-11.52 37.824q2.592 0 4.608-1.536 2.112-1.632 3.552-4.032 1.44-2.496 2.208-5.472.864-2.976.864-5.76 0-2.976-.96-4.992-.864-2.016-2.592-2.976-1.632-1.056-3.936-1.056-2.592 0-4.704 1.536-2.016 1.44-3.552 3.936-1.44 2.496-2.208 5.568a25.3 25.3 0 0 0-.768 6.144q0 3.936 1.92 6.336 1.92 2.304 5.568 2.304m49.072-42.528q-4.224 0-6.624-1.728-2.304-1.728-1.824-5.568.48-4.416 2.976-6.336 2.496-2.016 7.008-2.016 4.32 0 6.624 1.824 2.4 1.824 1.92 5.376-.48 4.704-3.072 6.624-2.496 1.824-7.008 1.824M350.335 22l-11.136 48h-16.32l11.136-48zm-2.776 48 11.136-48h14.496l-2.976 17.472-.672-1.632q1.536-5.088 4.032-8.832t6.144-5.856 8.256-2.112q1.632 0 2.688.288 1.152.192 1.92.576l-3.936 13.728q-.96-.48-2.304-.672-1.248-.288-3.264-.288-2.976 0-5.856 1.344-2.784 1.248-4.896 4.128c-2.112 2.88-2.496 4.48-3.264 7.68L363.879 70zm56.831.864q-4.8 0-8.64-2.208-3.744-2.304-5.952-6.528-2.112-4.32-2.112-10.56 0-5.76 1.632-11.232t4.704-9.792q3.168-4.416 7.488-6.912 4.416-2.592 9.888-2.592 3.168 0 6.048 1.152 2.976 1.152 4.992 3.552 2.112 2.4 2.88 6.336l7.008-30.432h16.32L432.806 70h-14.784l1.632-9.024q-2.304 4.608-6.336 7.296-4.032 2.592-8.928 2.592m7.

1104-11.904q2.4 0 4.416-1.536t3.456-4.032a21.3 21.3 0 0 0 2.304-5.568q.864-3.072.864-6.048 0-2.688-.96-4.608-.864-2.016-2.496-3.072t-3.936-1.056q-2.688 0-4.8 1.632-2.112 1.536-3.552 4.032t-2.208 5.472q-.768 2.88-.768 5.568 0 2.88.864 4.992.864 2.016 2.496 3.168 1.728 1.056 4.32 1.056"})))}},11204:e=>{e.exports={header:"Header_header__sSSiY",overlayContainer:"Header_overlayContainer__MEGl1",overlaySurface:"Header_overlaySurface__7VRGX",overlayActive:"Header_overlayActive__uHjXd",mobileMenu:"Header_mobileMenu__gpKeW",inPillButton:"Header_inPillButton__hNx8q",primaryButton:"Header_primaryButton__b7S_g",subtleButton:"Header_subtleButton__EiwEt",contrastButton:"Header_contrastButton__dNmx3"}},20371:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>s});var n,l=r(14346);function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}let s=function(e){return l.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 18 18"},e),n||(n=l.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"var(--icon-stroke-width, 1.5)",d:"m6.5 3.328 5.255 5.255a.645.645 0 0 1 0 .912L6.5 14.75"})))}},27895:(e,t,r)=>{"use strict";r.d(t,{default:()=>N});var n=r(55746),l=r(9131),a=r(52138),s=r(11755),i=r(14346),o=r(507),c=r(52779),u=r(3201),d=r(49882),m=r(75945),h=r(20371);let x={type:"spring",damping:16.5,stiffness:200},p=({className:e,isOpen:t,toggle:r})=>(0,n.jsx)("button",{className:(0,m.cn)("button-bg rounded-lg p-2",e),onClick:r,"aria-label":"Toggle mobile menu",children:(0,n.jsxs)("div",{className:"relative size-5",children:[(0,n.jsx)(u.PY1.div,{className:"absolute top-1 h-0.5 w-5 rounded-md bg-current",variants:{closed:{rotate:0,y:0,scale:.85},open:{rotate:45,y:5,scale:1}},animate:t?"open":"closed",transition:{...x}}),(0,n.jsx)(u.PY1.div,{className:"absolute bottom-1 h-0.5 w-5 rounded-md bg-current",variants:{closed:{rotate:0,y:0,scale:.85},open:{rotate:-45,y:-5,scale:1}},animate:t?"open":"closed",transition:{...x}})]})});var f=r(11204),v=r.n(f);let g=[{label:"showcase",href:"/showcase"},{label:"pricing",href:"/pricing"},{label:"blog",href:"/blog"}];function b({item:e,background:t,overlayActive:r,isOpen:l,onOpen:a,onClose:o,onCancelClose:c,children:u}){let d=(0,i.useRef)(!1),x=()=>{d.current=!0,c?.(),a?.()},p=()=>{d.current=!1,o?.()},f=(0,m.cn)("text-gray-700 hover:text-black rounded-lg p-1.5 font-medium leading-8 px-4 transition-colors duration-200 flex items-center justify-center whitespace-nowrap h-8 md:h-[38px]",{[v().overlayActive]:r,[v().inPillButton]:"inPill"===t,[v().primaryButton]:"primary"===t,[v().subtleButton]:"subtle"===t,[v().contrastButton]:"contrast"===t});return e.subItems?(0,n.jsxs)("div",{className:"relative",onMouseEnter:x,onMouseLeave:p,children:[(0,n.jsx)("button",{className:f,children:(0,n.jsxs)("span",{className:"flex items-center gap-1",children:[e.label," ",(0,n.jsx)(h.default,{className:"size-4 rotate-90"})]})}),l&&(0,n.jsx)("div",{className:"absolute left-0 top-full mt-1 w-48 rounded-lg bg-white shadow-lg",onMouseEnter:x,onMouseLeave:p,children:e.subItems.map(e=>(0,n.jsx)(s.N_,{href:e.href,className:"block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100",children:e.label},e.href))})]}):(0,n.jsx)(s.N_,{href:e.href,"aria-label":e.label,className:f,children:u??e.label})}function y({showLogIn:e=!0,registerBackground:t="contrast",overlayActive:r=!1}){let s=(0,a.c)("header-footer");return(0,n.jsxs)("div",{className:"flex items-center justify-end gap-2",children:[e&&(0,n.jsx)("div",{className:"flex items-center max-md:hidden",children:(0,n.jsx)(b,{item:{label:s("signIn"),href:`${l.Fo.adminPanelURL}`},background:"subtle",overlayActive:r})}),(0,n.jsx)("div",{className:"flex items-center",children:(0,n.jsxs)(b,{item:{label:s("registerLong"),href:`${l.Fo.adminPanelURL}`},background:t,overlayActive:r,children:[(0,n.jsx)("span",{className:"hidden md:block",children:s(e?"registerLong":"register")}),(0,n.jsx)("span",{className:"block md:hidden",children:s(e?"register":"registerLong")})]})})]})}let w={type:"spring",stiffness:720,damping:56,mass:.5},j={type:"tween",duration:.16,ease:"easeOut"},N=function(){let e=(0,a.c)("header-footer"),[t,r]=(0,i.useState)(!1),[l,h]=(0,i.useState)(!0),[x,f]=(0,i.useState)(!1),N=(0,i.useRef)(null),q=(0,i.useRef)(null),k=(0,i.useRef)(null),_=(0,i.useRef)(null),C=(0,i.useRef)(null),L=(0,i.useRef)(!1),P=(0,i.useRef)(!0),[E,z]=(0,i.useState)(()=>({collapsed:256,expanded:466}

1)),A=x?1:E.collapsed/E.expanded,B=(0,i.useCallback)(()=>{let e=N.current?.scrollWidth??240,t={collapsed:Math.ceil(e+16),expanded:Math.ceil(e+1.75*(q.current?.scrollWidth??120)+16)};z(e=>e.collapsed===t.collapsed&&e.expanded===t.expanded?e:t)},[]);(0,i.useLayoutEffect)(()=>{let e,t=!0,r=()=>{t&&B()};return r(),document.fonts?.ready.then(r),"u">typeof ResizeObserver&&(e=new ResizeObserver(r),N.current&&e.observe(N.current),q.current&&e.observe(q.current)),()=>{t=!1,e?.disconnect()}},[B]);let M=(0,i.useCallback)(e=>{L.current=e,f(e)},[]),Y=(0,i.useCallback)(e=>{P.current=e,h(e)},[]),R=(0,i.useCallback)(()=>{null===_.current&&(_.current=window.setTimeout(()=>{_.current=null;let e=window.scrollY;!(window.innerWidth<768)&&e<=6&&M(!1)},90))},[M]),S=(0,i.useCallback)(()=>{null===C.current&&(C.current=window.setTimeout(()=>{C.current=null,window.scrollY<=2&&Y(!0)},60))},[Y]),H=(0,i.useCallback)(()=>{let e=window.scrollY,t=window.innerWidth<768;if(e<=2?P.current||S():P.current&&(C.current&&(window.clearTimeout(C.current),C.current=null),Y(!1)),t){_.current&&(window.clearTimeout(_.current),_.current=null),L.current&&M(!1);return}if(e>=24){_.current&&(window.clearTimeout(_.current),_.current=null),L.current||M(!0);return}e<=6&&L.current&&R()},[S,R,Y,M]),O=(0,i.useCallback)(()=>{null===k.current&&(k.current=window.requestAnimationFrame(()=>{k.current=null,H()}))},[H]);return(0,i.useEffect)(()=>(H(),window.addEventListener("scroll",O,{passive:!0}),()=>{window.removeEventListener("scroll",O),null!==k.current&&(window.cancelAnimationFrame(k.current),k.current=null),_.current&&window.clearTimeout(_.current),C.current&&window.clearTimeout(C.current)}),[O,H]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("header",{className:(0,m.cn)("relative max-md:border-b border-black/5 w-full flex items-center justify-center md:h-[83px] md:bg-transparent","h-16 max-md:fixed max-md:top-0 max-md:z-50",v().header),children:[(0,n.jsxs)("div",{className:(0,m.cn)("container-extended flex items-center justify-between px-6 text-[14px]"),children:[(0,n.jsx)(u.PY1.div,{className:"flex items-center gap-2",style:{willChange:"transform, opacity"},animate:{opacity:+!x,x:x?-32:0},transition:j,children:(0,n.jsx)(s.N_,{className:"cursor-pointer",href:"/","aria-label":e("home")||"Home",children:(0,n.jsx)(o.default,{className:"md:ml-[-7px] h-[17.5px] w-auto md:h-[20.5px]"})})}),(0,n.jsxs)(u.PY1.div,{ref:q,className:"flex items-center gap-2",style:{willChange:"transform, opacity"},animate:{opacity:+!x,x:32*!!x},transition:j,children:[(0,n.jsx)(y,{overlayActive:x}),(0,n.jsx)(p,{className:"contrast-text-title contrast-text-hover md:hidden",isOpen:t,toggle:()=>r(!t)})]})]}),(0,n.jsx)("div",{className:(0,m.cn)("fixed top-0 z-50 flex h-[83px] w-full items-center justify-center pointer-events-none",l?"absolute":"fixed"),children:(0,n.jsxs)(u.PY1.div,{className:(0,m.cn)("relative hidden h-[54px] items-center justify-center md:flex md:px-2 text-[14px] pointer-events-none",v().overlayContainer),style:{width:E.expanded},children:[(0,n.jsx)(u.PY1.div,{"aria-hidden":"true",className:(0,m.cn)(v().overlaySurface,{[v().overlayActive]:x}),style:{willChange:"transform, opacity"},animate:{scaleX:A},transition:w}),(0,n.jsx)(d.N,{mode:"popLayout",children:x&&(0,n.jsx)(u.PY1.div,{initial:{opacity:0,x:-8,scale:.96},animate:{opacity:1,x:0,scale:1},exit:{opacity:0,x:-8,scale:.96},transition:j,className:"absolute left-[19.25px] top-[14.125px] size-[25.75px] text-black pointer-events-auto",style:{willChange:"transform, opacity"},children:(0,n.jsx)("div",{className:"size-full cursor-pointer",onClick:()=>window.scrollTo({top:0,behavior:"smooth"}),children:(0,n.jsx)(c.default,{className:"size-full"})})})}),(0,n.jsx)("nav",{ref:N,className:"relative z-10 flex items-center gap-2 pointer-events-auto",children:g.map(t=>(0,n.jsx)(b,{item:{...t,label:e(t.label)},background:"inPill",overlayActive:x},t.href))}),(0,n.jsx)(d.N,{mode:"popLayout",children:x&&(0,n.jsx)(u.PY1.div,{initial:{opacity:0,x:10},animate:{opacity:1,x:0},exit:{opacity:0,x:10},transition:j,className:"absolute right-2 hidden md:block pointer-events-auto",style:{willChange:"transform, opacity"}

1,children:(0,n.jsx)(y,{showLogIn:!1,registerBackground:"contrast",overlayActive:x})})})]})})]}),(0,n.jsx)(d.N,{children:t&&(0,n.jsx)(u.PY1.div,{className:`fixed left-0 top-0 z-40 h-[106vh] w-screen ${v().mobileMenu}`,initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.05},children:(0,n.jsxs)(u.PY1.div,{className:"flex h-full flex-col items-center space-y-6 pt-[calc(10vh_+_3rem)]",initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.175,delay:.05},children:[(0,n.jsx)(s.N_,{href:"/showcase",className:"text-lg font-medium",onClick:()=>r(!1),children:e("showcase")}),(0,n.jsx)(s.N_,{href:"/pricing",className:"text-lg font-medium",onClick:()=>r(!1),children:e("pricing")}),(0,n.jsx)(s.N_,{href:"/blog",className:"text-lg font-medium",onClick:()=>r(!1),children:e("blog")}),(0,n.jsx)(s.N_,{href:"/changelog",className:"text-lg font-medium",onClick:()=>r(!1),children:e("changelog")})]})})})]})}},53967:(e,t,r)=>{"use strict";r.d(t,{default:()=>c});var n=r(55746),l=r(97134),a=r(14346),s=r(71570),i=r(24272),o=r(97245);let c=function({children:e}){let t=(0,l.usePathname)(),[r,c]=(0,s.P)((0,o.k)(e=>[e.setCurrentSectionIsDark,e.setCurrentSectionOverwriteColor])),u=(0,a.useCallback)(()=>{if(window.scrollY<0)return;let e=document.querySelectorAll("[data-colorscheme-scroll-trigger]"),t=!1,n="",l=null,a="",s=!1;e.forEach(e=>{let r=e.getBoundingClientRect().top,i=e.getAttribute("data-colorscheme-scroll-trigger"),o=e.getAttribute("data-colorscheme-background-color");null===l&&(l=i,a=o||""),r<=60&&(t="dark"===i,n=o||"",s=!0)}),s||null===l||(t="dark"===l,n=a),r(t),c(n),document.documentElement.setAttribute("data-colorscheme-scroll",t?"dark":"light");let i=document.querySelector('meta[name="color-scheme"]');i||((i=document.createElement("meta")).setAttribute("name","color-scheme"),document.head.appendChild(i)),i.setAttribute("content",t?"dark":"light"),document.body&&(document.body.style.backgroundColor=n||"unset")},[r,c]),d=(0,i.YQ)(()=>{u()},60,{maxWait:150});return(0,a.useLayoutEffect)(()=>{u()},[t,u]),(0,a.useEffect)(()=>(u(),window.addEventListener("scroll",d),()=>{window.removeEventListener("scroll",d)}),[d,u]),(0,n.jsx)(n.Fragment,{children:e})}},62528:(e,t,r)=>{"use strict";r.d(t,{ProductMotionProvider:()=>a});var n=r(55746),l=r(78649);function a({children:e}){return(0,n.jsx)(l.x,{reducedMotion:"user",children:e})}}}]);