(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[185],{1176:function(e,t,n){Promise.resolve().then(n.bind(n,2734)),Promise.resolve().then(n.t.bind(n,8173,23)),Promise.resolve().then(n.t.bind(n,4332,23)),Promise.resolve().then(n.t.bind(n,9990,23)),Promise.resolve().then(n.t.bind(n,6403,23))},2734:function(e,t,n){"use strict";n.d(t,{Header:function(){return v}});var r=n(7437),s=n(2265),a=n(7138),l=n(2873),i=n(4697),d=n(411),o=n(4839),u=n(6648);function c(e){let{className:t}=e;return(0,r.jsx)(u.default,{src:"/images/logo.png",alt:"DabNotion",className:t,height:1024,width:1024})}var h=n(1538),m=n(2218),x=n(7440);let f=(0,m.j)("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300",{variants:{variant:{default:"bg-neutral-900 text-neutral-50 hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/90",destructive:"bg-red-500 text-neutral-50 hover:bg-red-500/90 dark:bg-red-900 dark:text-neutral-50 dark:hover:bg-red-900/90",outline:"border border-neutral-200 bg-white hover:bg-neutral-100 hover:text-neutral-900 dark:border-neutral-800 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50",secondary:"bg-neutral-100 text-neutral-900 hover:bg-neutral-100/80 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80",ghost:"hover:bg-black/5 text-black",link:"text-neutral-900 underline-offset-4 hover:underline dark:text-neutral-50",red:"text-white bg-notion-red hover:bg-notion-red/90",black:"text-white bg-black hover:bg-black/80",blue:"text-white bg-[#0081f2] hover:bg-[#045AC4]"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10",notionsm:"px-3 py-1.5 text-[0.925rem] rounded-md font-medium",notionlg:"px-4 py-2 text-base rounded-md font-medium shadow",notionxl:"px-5 py-2.5 text-base rounded-lg font-medium shadow"}},defaultVariants:{variant:"default",size:"default"}}),b=s.forwardRef((e,t)=>{let{className:n,variant:s,size:a,asChild:l=!1,...i}=e,d=l?h.g7:"button";return(0,r.jsx)(d,{className:(0,x.cn)(f({variant:s,size:a,className:n})),ref:t,...i})});b.displayName="Button";let g=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10,[t,n]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{let t=()=>{window.scrollY>e?n(!0):n(!1)};return window.addEventListener("scroll",t),()=>window.removeEventListener("scroll",t)},[e]),t};function v(){let[e,t]=(0,s.useState)(!1),n=g();return(0,r.jsx)("header",{className:(0,o.Z)("fixed top-0 left-0 right-0 z-[100] p-4 sm:px-6 md:px-8",n&&"bg-white/80 border-b-[1px] border-white/40 shadow-sm backdrop-blur-md"),children:(0,r.jsxs)("nav",{className:"flex justify-between",children:[(0,r.jsx)("div",{className:"flex items-center",children:(0,r.jsxs)(a.default,{href:"/",className:"flex gap-x-2 items-center",children:[(0,r.jsx)("span",{className:"sr-only",children:"DabNotion"}),(0,r.jsx)(c,{className:"h-9 w-auto"}),(0,r.jsx)("h1",{className:"text-xl font-semibold tracking-tight",children:"DabNotion"})]})}),(0,r.jsx)("div",{className:"flex md:hidden",children:(0,r.jsxs)("button",{type:"button",className:"-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-neutral-700",onClick:()=>t(!0),children:[(0,r.jsx)("span",{className:"sr-only",children:"Open main menu"}),(0,r.jsx)(l.Z,{className:"h-6 w-6","aria-hidden":"true"})]})}),(0,r.jsxs)("div",{className:"hidden md:flex gap-2 items-center my-auto",children:[(0,r.jsx)(a.default,{href:"/#faqs",children:(0,r.jsx)(b,{variant:"ghost",size:"notionsm",children:"FAQs"})}),(0,r.jsx)(a.default,{href:"/store",children:(0,r.jsx)(b,{variant:"black",size:"notionsm",children:"Browse templates"})})]}),(0,r.jsxs)(d.Vq,{className:"lg:hidden",open:e,onClose:t,children:[(0,r.jsx)("div",{className:"fixed inset-0 z-50"}),(0,r.jsxs)(d.EM,{className:"fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white p-4 sm:max-w-sm sm:ring-1 sm:ring-neutral-900/10",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsxs)(a.default,{href:"/",children:[(0,r.jsx)("span",{className:"sr-only",children:"DabNotion"}),(0,r.jsx)(c,{className:"h-9 w-auto"})]}),(0,r.jsxs)("button",{type:"button",className:"-m-2.5 rounded-md p-2.5 text-neutral-700",onClick:()=>t(!1),children:[(0,r.jsx)("span",{className:"sr-only",children:"Close menu"}),(0,r.jsx)(i.Z,{className:"h-6 w-6","aria-hidden":"true"})]})]}),(0,r.jsx)("div",{className:"mt-6 flow-root",children:(0,r.jsx)("div",{className:"-my-6",children:(0,r.jsxs)("div",{className:"py-4",children:[(0,r.jsx)(a.default,{href:"/store",className:"-mx-3 block rounded-lg px-3 py-2.5 text-base font-medium leading-7 text-black hover:bg-neutral-50",children:"Browse templates"}),(0,r.jsx)(a.default,{href:"/#faqs",className:"-mx-3 block rounded-lg px-3 py-2.5 text-base font-medium leading-7 text-black hover:bg-neutral-50",children:"FAQs"})]})})})]})]})]})})}},7440:function(e,t,n){"use strict";n.d(t,{cn:function(){return a}});var r=n(4839),s=n(6164);function a(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return(0,s.m6)((0,r.W)(t))}},4332:function(){},9990:function(){}},function(e){e.O(0,[767,173,735,60,971,23,744],function(){return e(e.s=1176)}),_N_E=e.O()}]);