subactive = true, 0)" @mouseleave="debounce(() => active = false, 700)" x-data="header()" class="navbar fixed hidden xl:block z-50 top-0 left-0 w-full py-3">
active = 'About', 0)" @mouseleave="debounce(() => active = '', 1000)" class="group transition-all duration-300 ease-in-out flex gap-1 items-center align-center text-white relative uppercase font-medium tracking-[0.2rem] block text-xs no-underline" href="/#about">
About
active = 'Menus', 0)" @mouseleave="debounce(() => active = '', 1000)" class="group transition-all duration-300 ease-in-out flex gap-1 items-center align-center text-white relative uppercase font-medium tracking-[0.2rem] block text-xs no-underline" href="/#menus">
Menus
active = 'Gallery', 0)" @mouseleave="debounce(() => active = '', 1000)" class="group transition-all duration-300 ease-in-out flex gap-1 items-center align-center text-white relative uppercase font-medium tracking-[0.2rem] block text-xs no-underline" href="/#gallery">
Gallery
active = 'Opening Times', 0)" @mouseleave="debounce(() => active = '', 1000)" class="group transition-all duration-300 ease-in-out flex gap-1 items-center align-center text-white relative uppercase font-medium tracking-[0.2rem] block text-xs no-underline" href="/#openingtimes">
Opening Times
active = 'Find Us', 0)" @mouseleave="debounce(() => active = '', 1000)" class="group transition-all duration-300 ease-in-out flex gap-1 items-center align-center text-white relative uppercase font-medium tracking-[0.2rem] block text-xs no-underline" href="/#findus">
Find Us
About
Menus
Gallery
Opening Times
Find Us
Sorry, we couldn't find what you're looking for.