components/Header.jsx

import Link from 'next/link'

export default function Header() {
  return (
    <header className="bg-dark-900 text-white p-4 shadow-lg">
      <div className="container mx-auto flex justify-between items-center">
        <h1 className="text-2xl font-bold">Node Workflow Visualizer</h1>
        <Link 
          href="https://huggingface.co/spaces/akhaliq/anycoder" 
          className="text-primary-500 hover:underline"
          target="_blank"
        >
          Built with anycoder
        </Link>
      </div>
    </header>
  )
}