43 lines
1.2 KiB
TypeScript
43 lines
1.2 KiB
TypeScript
import Link from "next/link"
|
|
|
|
export function Navigation() {
|
|
return (
|
|
<nav className="fixed top-0 left-0 right-0 z-50 bg-background/80 backdrop-blur-md border-b border-border">
|
|
<div className="container mx-auto px-6 py-4">
|
|
<div className="flex items-center justify-between">
|
|
<Link href="/" className="font-sans text-2xl tracking-tight">
|
|
Portfolio
|
|
</Link>
|
|
|
|
<div className="flex items-center gap-8">
|
|
<Link
|
|
href="/"
|
|
className="text-sm hover:text-accent transition-colors"
|
|
>
|
|
Home
|
|
</Link>
|
|
<Link
|
|
href="/gallery"
|
|
className="text-sm hover:text-accent transition-colors"
|
|
>
|
|
Gallery
|
|
</Link>
|
|
<Link
|
|
href="/about"
|
|
className="text-sm hover:text-accent transition-colors"
|
|
>
|
|
About
|
|
</Link>
|
|
<Link
|
|
href="/contact"
|
|
className="text-sm hover:text-accent transition-colors"
|
|
>
|
|
Contact
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
)
|
|
}
|