https://faehrhauskoeln.de/assets/Nav-CmJjo5hN.js

1import{r as s,j as e,L as a}from"./index-BVcd6e2m.js";import{X as m,M as f,r as u}from"./use-reveal-B0weXWnD.js";const o=[{to:"/",hash:"start",label:"Start"},{to:"/",hash:"aperitivo",label:"Aperitivo"},{to:"/speisekarte",label:"Speisekarte"},{to:"/getraenke",label:"Getränke"},{to:"/",hash:"terrasse",label:"Terrasse"},{to:"/",hash:"kontakt",label:"Kontakt"}];function k(){const[n,i]=s.useState(!1),[l,r]=s.useState(!1),[c,d]=s.useState(!1);s.useEffect(()=>{d(!0)},[]),s.useEffect(()=>{const t=()=>i(window.scrollY>24);return t(),window.addEventListener("scroll",t,{passive:!0}),()=>window.removeEventListener("scroll",t)},[]),s.useEffect(()=>(l?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[l]);const x=e.jsxs(e.Fragment,{children:[e.jsx("div",{onClick:()=>r(!1),className:`lg:hidden fixed inset-0 z-[990] bg-ink/40 transition-opacity duration-500 ${l?"opacity-100 pointer-events-auto":"opacity-0 pointer-events-none"}`}),e.jsxs("aside",{className:`lg:hidden fixed top-0 right-0 z-[1000] h-dvh w-[90%] bg-creme/95 backdrop-blur-md shadow-2xl transition-transform duration-500 ease-out flex flex-col ${l?"translate-x-0":"translate-x-full"}`,children:[e.jsx("div",{className:"flex justify-end p-5 shrink-0",children:e.jsx("button",{"aria-label":"Menü schließen",onClick:()=>r(!1),className:"h-12 w-12 grid place-items-center rounded-full text-ink",children:e.jsx(m,{size:40,strokeWidth:2})})}),e.jsxs("nav",{className:"flex-1 min-h-0 overflow-y-auto flex flex-col items-center justify-center gap-5 px-6 pb-8",children:[o.map(t=>e.jsx(a,{to:t.to,hash:t.hash,onClick:()=>r(!1),className:"font-display text-4xl font-bold text-ink hover:text-koeln transition-colors",children:t.label},t.label)),e.jsx("a",{href:"tel:+4922193599690",onClick:()=>r(!1),className:"mt-4 inline-flex items-center rounded-full bg-koeln text-creme px-7 py-3 text-base font-bold hover:bg-koeln-deep transition-colors",children:"0221 – 935 996 9"})]})]})]});return e.jsxs(e.Fragment,{children:[e.jsx("header",{className:`fixed top-0 z-[900] w-full transition-all duration-500 ${n?"bg-creme/95 backdrop-blur-md border-b border-ink/10":"bg-transparent"}`,children:e.jsxs("div",{className:"max-w-none mx-auto px-6 md:px-10 lg:px-[10vw] h-24 flex items-center justify-between",children:[e.jsxs(a,{to:"/",hash:"start",className:`font-logo text-4xl font-bold tracking-tight transition-colors ${n?"text-ink":"text-creme"}`,children:["Fährhaus",e.jsx("span",{className:"text-koeln",children:"."})]}),e.jsx("nav",{className:"hidden lg:flex items-center gap-10",children:o.map(t=>e.jsx(a,{to:t.to,hash:t.hash,onClick:h=>h.currentTarget.blur(),className:`text-lg font-semibold tracking-wide transition-colors ${n?"text-ink hover:text-koeln":"text-creme hover:text-creme/80"}`,children:t.label},t.label))}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("a",{href:"tel:+4922193599690",className:`hidden sm:inline-flex items-center rounded-full px-7 py-3.5 text-base font-bold transition-all ${n?"bg-koeln text-creme hover:bg-koeln-deep":"bg-creme text-ink hover:bg-koeln hover:text-creme"}`,children:"0221 – 935 996 9"}),e.jsx("button",{"aria-label":"Menü öffnen","aria-expanded":l,onClick:()=>r(!0),className:`lg:hidden h-12 w-12 grid place-items-center rounded-full transition-colors ${n?"text-ink":"text-creme"}`,children:e.jsx(f,{size:40,strokeWidth:2})})]})]})}),c?u.createPortal(x,document.body):null]})}export{k as N};