'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>
  )
}