one/frontend/src/components/Navbar.tsx

import { Button } from "@/components/ui/button";
import Link from "next/link";
import { ModeToggle } from "@/components/ModeToggle";

export function NavigationMenu() {
  return (
    <div className="flex justify-center fixed left-1/2 -translate-x-1/2 -translate-y-1/2 bottom-5 md:top-10 md:bottom-auto z-50">
      <Button variant="ghost">
        <Link href="/">Home</Link>
      </Button>
      <Button variant="ghost">
        <Link href="/blog">Blog</Link>
      </Button>
      <Button variant="ghost">
        <Link href="/portfolio">Portfolio</Link>
      </Button>
      <Button variant="ghost">
        <Link href="/talk">Talk</Link>
      </Button>
      <Button variant="ghost">
        <Link href="/references">References</Link>
      </Button>
      <ModeToggle />
    </div>
  );
}