export default function UsersHero() {
  return (
    <div className="bg-blue-50 rounded-3xl p-8 shadow-sm border border-blue-100 mb-8">
      <div className="flex justify-between items-center">
        <div>
          <p className="text-gray-500 text-lg">
            Kelola data pengguna sekolah 👥
          </p>
          <h1 className="text-5xl font-extrabold text-blue-700 mt-2">
            Manajemen Users
          </h1>
        </div>

        <button className="bg-blue-600 text-white px-6 py-3 rounded-xl font-semibold shadow hover:bg-blue-700 transition">
          + Tambah User
        </button>
      </div>
    </div>
  );
}