components/Header.jsx

import { Network } from 'lucide-react';
import Link from 'next/link';

export default function Header() {
  return (
    <header className="col-span-full flex items-center justify-between px-6 py-4 bg-nexus-panel border-b border-nexus-border z-10">
      <div className="flex items-center gap-3">
        <Network className="text-nexus-primary w-6 h-6" />
        <span className="font-bold text-lg tracking-tight">NEXUS</span>
      </div>
      <Link 
        href="https://huggingface.co/spaces/akhaliq/anycoder" 
        target="_blank"
        className="text-sm text-nexus-muted px-3 py-1.5 rounded-md bg-white/5 border border-nexus-border hover:text-nexus-primary hover:border-nexus-primary hover:bg-blue-500/10 transition-all flex items-center gap-2"
      >
        <span>Built with anycoder</span>
      </Link>
    </header>
  );
}