design

src/components/BlogPostClient.tsx

@@ -44,7 +44,7 @@ export const BlogPostClient: React.FC<BlogPostClientProps> = ({ readingTime, tit
     }, 100);
     
     setTimeout(() => {
-      router.push('/?from=post');
+      router.push('/blog?from=post');
     }, 500);
   };
 

src/components/Header.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import Link from 'next/link';
+
+export const Header: React.FC = () => {
+  return (
+    <header className="bg-white/80 backdrop-blur-md sticky top-0 z-50">
+      <div className="max-w-4xl mx-auto px-6 py-8 flex items-center justify-between">
+        <Link href="/" className="flex items-center gap-3 group">
+          <div className="w-10 h-10 bg-slate-900 rounded-sm flex items-center justify-center group-hover:bg-slate-700 transition-colors">
+            <span className="text-white text-lg font-bold">M</span>
+          </div>
+          <span className="text-slate-900 font-bold tracking-tight text-xl">Marc Mintel</span>
+        </Link>
+        
+        <nav className="flex items-center gap-8">
+          <Link href="/websites" className="text-xs font-bold uppercase tracking-widest text-slate-400 hover:text-slate-900 transition-colors">
+            Websites
+          </Link>
+          <Link href="/blog" className="text-xs font-bold uppercase tracking-widest text-slate-400 hover:text-slate-900 transition-colors">
+            Blog
+          </Link>
+          <a 
+            href="mailto:marc@mintel.me" 
+            className="text-xs font-bold uppercase tracking-widest text-slate-900 hover:text-slate-600 transition-colors"
+          >
+            Kontakt
+          </a>
+        </nav>
+      </div>
+    </header>
+  );
+};