components/Header.js

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

export default function Header() {
  return (
    <header className="bg-white border-b border-neutral-100 sticky top-0 z-40">
      <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="flex items-center justify-between h-16">
          {/* Logo */}
          <div className="flex items-center gap-3">
            <div className="p-2 bg-primary-50 rounded-lg">
              <TrendingUp className="w-6 h-6 text-primary-600" />
            </div>
            <span className="text-xl font-semibold text-neutral-800">
              ProfitFlow
            </span>
          </div>

          {/* Built with anycoder */}
          <a
            href="https://huggingface.co/spaces/akhaliq/anycoder"
            target="_blank"
            rel="noopener noreferrer"
            className="text-sm text-neutral-500 hover:text-primary-600 transition-colors duration-200"
          >
            Built with anycoder
          </a>
        </div>
      </div>
    </header>
  );
}