// src/components/manajemenUsers/UserHero.tsx

export default function UsersHero() {
  return (
    <div className="bg-gradient-to-r from-blue-600 to-blue-400 rounded-3xl p-8 text-white shadow-xl mb-8">
      
      {/* TITLE */}
      <h1 className="text-3xl font-bold mb-2">
        Manajemen Users
      </h1>

      {/* DESKRIPSI */}
      <p className="text-blue-100 text-lg">
        Kelola data siswa dan guru sekolah,
        atur status pengguna,
        serta pantau seluruh aktivitas user
        dalam sistem kasir & peminjaman.
      </p>
    </div>
  );
}