33 lines
839 B
TypeScript
33 lines
839 B
TypeScript
// app/components/Header.tsx
|
|
"use client";
|
|
|
|
import Link from "next/link";
|
|
|
|
export default function Header() {
|
|
return (
|
|
<header className="p-5 bg-gray-800 text-white">
|
|
<nav className="flex justify-between items-center">
|
|
<h1 className="text-lg font-bold">My Portfolio</h1>
|
|
<ul className="flex space-x-4 items-center">
|
|
<li>
|
|
<Link href="#about" className="hover:underline">
|
|
About
|
|
</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="#projects" className="hover:underline">
|
|
Projects
|
|
</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="#contact" className="hover:underline">
|
|
Contact
|
|
</Link>
|
|
</li>
|
|
{/* DarkModeToggle removed */}
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
);
|
|
}
|