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

export function NavigationMenuDemo() {
  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 border-2 border-red-300">
      <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>
    </div>
  );
}