components/Header.jsx

import React from 'react';

const Header = () => {
  return (
    <header className="py-6 px-4 border-b border-gray-700 bg-gray-900 sticky top-0 z-10">
      <div className="max-w-7xl mx-auto flex justify-between items-center">
        <h1 className="text-3xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-pink-600">
          Sora 2 Video Generator (Mock)
        </h1>
        <p className="text-sm text-gray-400">
          Built with{' '}
          <a
            href="https://huggingface.co/spaces/akhaliq/anycoder"
            target="_blank"
            rel="noopener noreferrer"
            className="text-purple-400 hover:text-purple-300 font-semibold transition-colors"
            aria-label="Link to AnyCoder project"
          >
            anycoder
          </a>
        </p>
      </div>
    </header>
  );
};

export default Header;