components/Header.jsx

import Link from 'next/link';

export default function Header() {
  return (
    <header className="bg-primary text-white shadow-md">
      <div className="container mx-auto px-4 py-4 flex justify-between items-center">
        <div className="flex items-center space-x-2">
          <h1 className="text-2xl font-bold">Crie SIE PRO</h1>
          <span className="text-sm bg-white text-primary px-2 py-1 rounded">BETA</span>
        </div>
        <div className="text-sm">
          <Link href="https://huggingface.co/spaces/akhaliq/anycoder" className="hover:underline">
            Built with anycoder
          </Link>
        </div>
      </div>
    </header>
  );
}