Files
website/frontend/website/src/components/navbar-04/nav-menu.tsx
2025-02-28 12:41:37 +00:00

30 lines
950 B
TypeScript

import {
NavigationMenu,
NavigationMenuItem,
NavigationMenuLink,
NavigationMenuList,
} from "@/components/ui/navigation-menu";
import { NavigationMenuProps } from "@radix-ui/react-navigation-menu";
export const NavMenu = (props: NavigationMenuProps) => (
<NavigationMenu {...props}>
<NavigationMenuList className="gap-6 space-x-0 data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-start">
<NavigationMenuItem>
<NavigationMenuLink asChild>
<a href="#">Home</a>
</NavigationMenuLink>
</NavigationMenuItem>
{/* <NavigationMenuItem>
<NavigationMenuLink asChild>
<a href="#">Blog</a>
</NavigationMenuLink>
</NavigationMenuItem> */}
<NavigationMenuItem>
<NavigationMenuLink asChild>
<a href="#contact">Contact</a>
</NavigationMenuLink>
</NavigationMenuItem>
</NavigationMenuList>
</NavigationMenu>
);