48 lines
1.3 KiB
TypeScript
48 lines
1.3 KiB
TypeScript
|
'use client'
|
||
|
|
import Link from 'next/link'
|
||
|
|
import Image from 'next/image'
|
||
|
|
import logo from '@/public/images/kx3dex_radio_logo.png'
|
||
|
|
|
||
|
|
import {
|
||
|
|
NavigationMenu,
|
||
|
|
NavigationMenuContent,
|
||
|
|
NavigationMenuItem,
|
||
|
|
NavigationMenuLink,
|
||
|
|
NavigationMenuList,
|
||
|
|
NavigationMenuTrigger,
|
||
|
|
} from "@/components/ui/navigation-menu"
|
||
|
|
|
||
|
|
|
||
|
|
export default function Header() {
|
||
|
|
return (
|
||
|
|
<nav className="w-full relative flex items-center max-w-5xl mx-auto px-4 py-5">
|
||
|
|
<Image
|
||
|
|
src={logo}
|
||
|
|
width={100}
|
||
|
|
height={100}
|
||
|
|
alt="Logo Image"
|
||
|
|
priority
|
||
|
|
className="rounded-lg border"
|
||
|
|
/>
|
||
|
|
<Link href="/" className="font-bold text-3xl pl-10 pr-5">
|
||
|
|
Home
|
||
|
|
</Link>
|
||
|
|
<Link href="/dexnet" className="font-bold text-3xl ">
|
||
|
|
DexNet
|
||
|
|
</Link>
|
||
|
|
<NavigationMenu>
|
||
|
|
<NavigationMenuList>
|
||
|
|
<NavigationMenuItem>
|
||
|
|
<NavigationMenuTrigger className="font-bold text-3xl pr-5">Go Kits</NavigationMenuTrigger>
|
||
|
|
<NavigationMenuContent className="flex flex-col min-w-[300px] p-2">
|
||
|
|
<NavigationMenuLink href="/projects/go-kit-command-center" className="font-bold">Go Kit (Command Center)</NavigationMenuLink>
|
||
|
|
</NavigationMenuContent>
|
||
|
|
</NavigationMenuItem>
|
||
|
|
</NavigationMenuList>
|
||
|
|
</NavigationMenu>
|
||
|
|
</nav>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
|