39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import Link from "next/link";
|
|
|
|
export function Navigation() {
|
|
return (
|
|
<nav className="w-full border-b border-border/40">
|
|
<div className="container mx-auto px-6 py-4">
|
|
<div className="flex items-center justify-between">
|
|
<Link
|
|
href="/"
|
|
className="text-xl font-semibold text-foreground hover:text-foreground/80 transition-colors"
|
|
>
|
|
Muszyn
|
|
</Link>
|
|
<div className="flex gap-8">
|
|
<Link
|
|
href="/blog"
|
|
className="text-base text-muted-foreground hover:text-foreground transition-colors"
|
|
>
|
|
Blog
|
|
</Link>
|
|
<Link
|
|
href="/projects"
|
|
className="text-base text-muted-foreground hover:text-foreground transition-colors"
|
|
>
|
|
Projects
|
|
</Link>
|
|
<Link
|
|
href="/about"
|
|
className="text-base text-muted-foreground hover:text-foreground transition-colors"
|
|
>
|
|
About
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
);
|
|
}
|