import Link from "next/link";
import AccountSettingsDropdown from "@/components/AccountSettingsDropdown";

export function HomeHeader() {
  return (
    <header className="border-b border-white/10 bg-black/20 backdrop-blur-sm relative z-[100]">
      <div className="max-w-6xl mx-auto px-4 sm:px-6 py-3 sm:py-4 flex items-center justify-between">
        <Link
          href="/"
          className="text-xl sm:text-2xl font-bold text-white flex items-center gap-2 sm:gap-3 hover:opacity-80 transition-opacity"
        >
          <span className="text-3xl sm:text-4xl">🎬</span>
          IPAgent
        </Link>
        <div className="flex items-center gap-1 sm:gap-4">
          <span className="px-2 sm:px-4 py-1 sm:py-2 text-sm sm:text-base bg-gradient-to-r from-purple-600 to-pink-600 text-white rounded-lg font-semibold">
            视频生成
          </span>
          <Link
            href="/publish"
            className="px-2 sm:px-4 py-1 sm:py-2 text-sm sm:text-base bg-white/10 hover:bg-white/20 text-white rounded-lg transition-colors"
          >
            发布管理
          </Link>
          <AccountSettingsDropdown />
        </div>
      </div>
    </header>
  );
}
