You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
1.9 KiB
53 lines
1.9 KiB
6 months ago
|
import React from 'react';
|
||
|
|
import Link from "next/link";
|
||
|
|
import { NavigationMenu,NavigationMenuItem, NavigationMenuLink, NavigationMenuList, navigationMenuTriggerStyle } from "@/components/ui/navigation-menu";
|
||
|
|
import { Book, Home, User } from "lucide-react";
|
||
|
|
|
||
|
|
export const DesktopNav = () => {
|
||
|
|
return (
|
||
|
|
<div className="hidden md:block">
|
||
|
|
<NavigationMenu>
|
||
|
|
<NavigationMenuList>
|
||
|
|
{/* <NavigationMenuItem>
|
||
|
|
<NavigationMenuTrigger className='bg-zinc-900 text-white hover:bg-zinc-600'>
|
||
|
|
<Home className="mr-2 h-4 w-4" />
|
||
|
|
Menu
|
||
|
|
</NavigationMenuTrigger>
|
||
|
|
<NavigationMenuContent>
|
||
|
|
<ul className="grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2 lg:w-[600px]">
|
||
|
|
{navigationItems.map((item : Record<string,any> , index : number) => (
|
||
|
|
<ListItem
|
||
|
|
key={item.title}
|
||
|
|
title={item.title}
|
||
|
|
href={item.href}
|
||
|
|
icon={item.icon}
|
||
|
|
>
|
||
|
|
{item.description}
|
||
|
|
</ListItem>
|
||
|
|
))}
|
||
|
|
</ul>
|
||
|
|
</NavigationMenuContent>
|
||
|
|
</NavigationMenuItem> */}
|
||
|
|
|
||
|
|
<NavigationMenuItem>
|
||
|
|
<Link href="/docs" legacyBehavior passHref>
|
||
|
|
<NavigationMenuLink className={navigationMenuTriggerStyle()}>
|
||
|
|
<Home className="mr-2 h-4 w-4" />
|
||
|
|
Home
|
||
|
|
</NavigationMenuLink>
|
||
|
|
</Link>
|
||
|
|
</NavigationMenuItem>
|
||
|
|
|
||
|
|
<NavigationMenuItem>
|
||
|
|
<Link href="/profile" legacyBehavior passHref>
|
||
|
|
<NavigationMenuLink className={navigationMenuTriggerStyle()}>
|
||
|
|
<Book className="mr-2 h-4 w-4" />
|
||
|
|
All Courses
|
||
|
|
</NavigationMenuLink>
|
||
|
|
</Link>
|
||
|
|
</NavigationMenuItem>
|
||
|
|
</NavigationMenuList>
|
||
|
|
</NavigationMenu>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|