https://usebagel.com/_next/static/chunks/app/(marketing)/layout-dbaa5304fb4a0ef7.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9181],{20063:(e,t,s)=>{"use strict";var r=s(47260);s.o(r,"useParams")&&s.d(t,{useParams:function(){return r.useParams}}),s.o(r,"usePathname")&&s.d(t,{usePathname:function(){return r.usePathname}}),s.o(r,"useRouter")&&s.d(t,{useRouter:function(){return r.useRouter}}),s.o(r,"useSearchParams")&&s.d(t,{useSearchParams:function(){return r.useSearchParams}}),s.o(r,"useSelectedLayoutSegments")&&s.d(t,{useSelectedLayoutSegments:function(){return r.useSelectedLayoutSegments}})},22443:(e,t,s)=>{Promise.resolve().then(s.t.bind(s,52619,23)),Promise.resolve().then(s.bind(s,67273))},25244:(e,t,s)=>{"use strict";s.d(t,{P:()=>i,XPixelProvider:()=>o,o:()=>l});var r=s(95155),n=s(68321);function o(){return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(n.default,{id:"x-pixel-base",strategy:"afterInteractive",children:"\n          !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);\n          },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',\n          a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');\n          twq('config','".concat("rc5ey","');\n        ")})})}function l(e){"function"==typeof window.twq&&window.twq("event",e,{})}let i={SIGNUP:"tw-rc5ey-rc5ez",PURCHASE:"tw-rc5ey-rc5f1"}},28672:(e,t,s)=>{"use strict";s.d(t,{t:()=>r});let r="oauth_custom_x"},51151:(e,t,s)=>{"use strict";s.d(t,{g:()=>l,y:()=>i});var r=s(78831),n=s(24371),o=s(50369),l=()=>{var e;(0,r.Kz)("useSignIn");let t=(0,r.FE)(),s=(0,n.WO)();return(null==(e=t.telemetry)||e.record((0,o.FJ)("useSignIn")),s)?{isLoaded:!0,signIn:s.signIn,setActive:t.setActive}:{isLoaded:!1,signIn:void 0,setActive:void 0}},i=()=>{var e;(0,r.Kz)("useSignUp");let t=(0,r.FE)(),s=(0,n.WO)();return(null==(e=t.telemetry)||e.record((0,o.FJ)("useSignUp")),s)?{isLoaded:!0,signUp:s.signUp,setActive:t.setActive}:{isLoaded:!1,signUp:void 0,setActive:void 0}}},67273:(e,t,s)=>{"use strict";s.d(t,{MarketingNav:()=>d});var r=s(95155),n=s(52619),o=s.n(n),l=s(12115),i=s(72484),a=s(86478);let c=[{href:"/#features",label:"Features"},{href:"/pricing",label:"Pricing"}];function d(){let[e,t]=(0,l.useState)(!1),[s,n]=(0,l.useState)(!1),[d,u]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{let e=()=>{n(window.scrollY>10),u(window.scrollY>400)};return e(),window.addEventListener("scroll",e,{passive:!0}),()=>window.removeEventListener("scroll",e)},[]),(0,l.useEffect)(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e]),(0,r.jsxs)("header",{className:"fixed top-0 left-0 right-0 z-50 transition-all duration-200",style:{background:s||e?"rgba(245,239,227,0.97)":"transparent",backdropFilter:s||e?"blur(12px)":"none",borderBottom:s?"1px solid var(--line)":"1px solid transparent"},children:[(0,r.jsxs)("nav",{className:"flex items-center justify-between px-6 py-3 lg:px-14 lg:py-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-9",children:[(0,r.jsx)(o(),{href:"/",className:"flex items-center",children:(0,r.jsx)(i.z,{size:28})}),(0,r.jsx)("div",{className:"hidden items-center gap-6 md:flex transition-opacity duration-300",style:{opacity:+!!d,pointerEvents:d?"auto":"none"},children:c.map(e=>(0,r.jsx)(o(),{href:e.href,className:"text-sm font-medium text-ink-2 transition-colors hover:text-ink",children:e.label},e.href))})]}),(0,r.jsxs)("div",{className:"hidden items-center gap-2.5 md:flex",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 rounded-full border px-3 py-1.5 font-mono text-sm",style:{background:"var(--paper)",borderColor:"var(--line)",color:"var(--ink-2)"},children:[(0,r.jsx)("span",{className:"h-2 w-2 rounded-full",style:{background:"var(--toast)"}}),"usebagel.com"]}),(0,r.jsx)(a.XAuthButton,{noIcon:!0,className:"rounded-lg border px-4 py-1.5 text-sm font-semibold transition-colors hover:bg-dough",style:{borderColor:"var(--line)",color:"var(--ink)",background:"transparent",boxShadow:"none"},children:"Sign in"}),(0,r.jsx)(a.XAuthButton,{children:"Get started free"})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2 md:hidden",children:[(0,r.jsx)(a.XAuthButton,{children:"Get started free"}),(0,r.jsx)("button",{type:"button",className:"inline-flex h-10 w-10 items-center justify-center rounded-md",style:{color:"var(--ink-2)"},onClick:()=>t(!e),"aria-label":e?"Close menu":"Open menu","aria-expanded":e,children:e?(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),(0,r.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}):(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("line",{x1:"3",y1:"12",x2:"21",y2:"12"}),(0,r.jsx)("line",{x1:"3",y1:"6",x2:"21",y2:"6"}),(0,r.jsx)("line",{x1:"3",y1:"18",x2:"21",y2:"18"})]})})]})]}),e&&(0,r.jsx)("div",{className:"absolute left-0 right-0 top-full md:hidden",style:{background:"var(--cream)",borderTop:"1px solid var(--line)",boxShadow:"0 20px 40px -10px rgba(60,40,20,0.15)",minHeight:"calc(100vh - 56px)"},children:(0,r.jsxs)("div",{className:"flex flex-col px-6 pt-6",children:[(0,r.jsxs)("ul",{className:"flex flex-col gap-1",children:[c.map(e=>(0,r.jsx)("li",{children:(0,r.jsx)(o(),{href:e.href,className:"block rounded-lg px-4 py-3 text-lg font-semibold transition-colors hover:bg-dough",style:{color:"var(--ink)"},onClick:()=>t(!1),children:e.label})},e.href)),(0,r.jsx)("li",{children:(0,r.jsx)(a.XAuthButton,{noIcon:!0,className:"block w-full rounded-lg px-4 py-3 text-left text-lg font-semibold transition-colors hover:bg-dough",style:{color:"var(--ink-2)",background:"transparent",boxShadow:"none"},children:"Sign in"})})]}),(0,r.jsx)("div",{className:"mt-6",children:(0,r.jsx)(a.XAuthButton,{size:"lg",wide:!0,children:"Get started free"})})]})})]})}},68321:(e,t,s)=>{"use strict";s.d(t,{default:()=>n.a});var r=s(41402),n=s.n(r)},72484:(e,t,s)=>{"use strict";s.d(t,{z:()=>o});var r=s(95155),n=s(91870);function o(e){let{size:t=28,tone:s="ink",className:o}=e;return(0,r.jsxs)("span",{className:o,style:{display:"inline-flex",alignItems:"center",gap:.32*t,fontWeight:700,fontSize:.78*t,letterSpacing:"-0.02em",lineHeight:1,color:"cream"===s?"var(--cream)":"var(--ink)"},children:[(0,r.jsx)(n.p,{size:t}),(0,r.jsx)("span",{children:"bagel"})]})}},86478:(e,t,s)=>{"use strict";s.r(t),s.d(t,{XAuthButton:()=>u});var r=s(95155),n=s(47707),o=s(51151),l=s(20063),i=s(12115),a=s(26614),c=s(25244),d=s(28672);function u(e){let{className:t,style:s,children:u,size:x="default",wide:p=!1,noIcon:f=!1}=e,{signIn:h}=(0,o.g)(),{signUp:m}=(0,o.y)(),{isSignedIn:g}=(0,n.As)(),y=(0,l.useRouter)(),[v,j]=(0,i.useState)(!1);async function b(){if(a.Ay.capture("signup_started"),(0,c.o)(c.P.SIGNUP),h&&m){if(g)return void y.push("/onboarding/setup");j(!0);try{await m.authenticateWithRedirect({strategy:d.t,redirectUrl:"/auth/callback",redirectUrlComplete:"/onboarding/setup"})}catch(e){console.error("X auth failed",e),j(!1)}}}let w="lg"===x;return(0,r.jsxs)("button",{type:"button",onClick:b,disabled:!h||!m||v,className:null!=t?t:"btn btn-primary flex items-center justify-center gap-2 ".concat(w?"px-6 py-3.5 text-base":"px-4 py-2 text-sm"," ").concat(p?"min-w-[220px]":""),style:{opacity:v?.7:1,...s},children:[v?(0,r.jsx)("span",{className:"inline-block h-3.5 w-3.5 animate-spin rounded-full border-2 align-middle",style:{borderColor:f?"var(--dough)":"rgba(255,255,255,0.3)",borderTopColor:f?"var(--toast)":"#fff"}}):f?null:(0,r.jsx)("svg",{viewBox:"0 0 24 24",className:w?"h-[18px] w-[18px]":"h-4 w-4",fill:"

1currentColor",children:(0,r.jsx)("path",{d:"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"})}),null!=u?u:"Get started with X"]})}},91870:(e,t,s)=>{"use strict";s.d(t,{p:()=>o});var r=s(95155),n=s(12115);function o(e){let{size:t=40,title:s,...o}=e,l=(0,n.useId)().replace(/:/g,""),i="bagel-grad-".concat(l),a="bagel-light-".concat(l),c="bagel-mask-".concat(l);return(0,r.jsxs)("svg",{width:t,height:t,viewBox:"0 0 40 40",role:s?"img":"presentation","aria-hidden":!s||void 0,...o,children:[s?(0,r.jsx)("title",{children:s}):null,(0,r.jsxs)("defs",{children:[(0,r.jsxs)("radialGradient",{id:i,cx:"20",cy:"20",r:"18",gradientUnits:"userSpaceOnUse",children:[(0,r.jsx)("stop",{offset:"0.306",stopColor:"#cd9764"}),(0,r.jsx)("stop",{offset:"0.500",stopColor:"#e0b378"}),(0,r.jsx)("stop",{offset:"0.611",stopColor:"#ecc892"}),(0,r.jsx)("stop",{offset:"0.833",stopColor:"#cf9c64"}),(0,r.jsx)("stop",{offset:"1",stopColor:"#a07028"})]}),(0,r.jsxs)("radialGradient",{id:a,cx:"20",cy:"13",r:"9",gradientUnits:"userSpaceOnUse",children:[(0,r.jsx)("stop",{offset:"0",stopColor:"#fff5dc",stopOpacity:.35}),(0,r.jsx)("stop",{offset:"1",stopColor:"#fff5dc",stopOpacity:0})]}),(0,r.jsxs)("mask",{id:c,children:[(0,r.jsx)("rect",{width:"40",height:"40",fill:"white"}),(0,r.jsx)("circle",{cx:"20",cy:"20",r:"5.5",fill:"black"})]})]}),(0,r.jsxs)("g",{mask:"url(#".concat(c,")"),children:[(0,r.jsx)("circle",{cx:"20",cy:"20",r:"18",fill:"url(#".concat(i,")")}),(0,r.jsx)("circle",{cx:"20",cy:"20",r:"18",fill:"url(#".concat(a,")")})]}),(0,r.jsxs)("g",{fill:"#f5e4bf",opacity:.95,children:[(0,r.jsx)("ellipse",{cx:"12",cy:"10",rx:"1.8",ry:"1",transform:"rotate(-20 12 10)"}),(0,r.jsx)("ellipse",{cx:"26",cy:"12",rx:"1.8",ry:"1",transform:"rotate(18 26 12)"}),(0,r.jsx)("ellipse",{cx:"10",cy:"22",rx:"1.8",ry:"1",transform:"rotate(10 10 22)"}),(0,r.jsx)("ellipse",{cx:"28",cy:"24",rx:"1.8",ry:"1",transform:"rotate(-15 28 24)"}),(0,r.jsx)("ellipse",{cx:"16",cy:"28",rx:"1.8",ry:"1",transform:"rotate(30 16 28)"}),(0,r.jsx)("ellipse",{cx:"24",cy:"30",rx:"1.8",ry:"1",transform:"rotate(-5 24 30)"}),(0,r.jsx)("ellipse",{cx:"12",cy:"14",rx:"1.8",ry:"1",transform:"rotate(25 12 14)"}),(0,r.jsx)("ellipse",{cx:"30",cy:"18",rx:"1.8",ry:"1",transform:"rotate(5 30 18)"})]})]})}}},e=>{e.O(0,[8229,2954,2619,7707,4850,8441,1799,7358],()=>e(e.s=22443)),_N_E=e.O()}]);