37 lines
1.5 KiB
TypeScript
37 lines
1.5 KiB
TypeScript
|
"use client";
|
||
|
|
|
||
|
|
import Link from "next/link";
|
||
|
|
import {
|
||
|
|
NavigationMenu,
|
||
|
|
NavigationMenuItem,
|
||
|
|
NavigationMenuLink,
|
||
|
|
NavigationMenuList,
|
||
|
|
navigationMenuTriggerStyle
|
||
|
|
} from "./ui/navigation-menu";
|
||
|
|
|
||
|
|
|
||
|
|
export default function NavMenu() {
|
||
|
|
return <header className="sticky top-0 z-50 w-full border-b border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
|
||
|
|
<div className="container flex h-14 max-w-screen-xl">
|
||
|
|
<NavigationMenu>
|
||
|
|
<NavigationMenuList>
|
||
|
|
<NavigationMenuItem>
|
||
|
|
<Link href="/" legacyBehavior passHref>
|
||
|
|
<NavigationMenuLink className={navigationMenuTriggerStyle()}>홈</NavigationMenuLink>
|
||
|
|
</Link>
|
||
|
|
</NavigationMenuItem>
|
||
|
|
<NavigationMenuItem>
|
||
|
|
<Link href="/order" legacyBehavior passHref>
|
||
|
|
<NavigationMenuLink className={navigationMenuTriggerStyle()}>주문</NavigationMenuLink>
|
||
|
|
</Link>
|
||
|
|
</NavigationMenuItem>
|
||
|
|
<NavigationMenuItem>
|
||
|
|
<Link href="/stat" legacyBehavior passHref>
|
||
|
|
<NavigationMenuLink className={navigationMenuTriggerStyle()}>통계</NavigationMenuLink>
|
||
|
|
</Link>
|
||
|
|
</NavigationMenuItem>
|
||
|
|
</NavigationMenuList>
|
||
|
|
</NavigationMenu>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
}
|