Template from v0.app

components/navigation.tsx

@@ -0,0 +1,42 @@
+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>
+  )
+}