A Center for Gradients… That’s Not Just for Ants.

export default function GradientCard() {
  return (
    <div className="bg-gradient-to-r from-blue-500 via-sky-400 to-indigo-600 
                    p-6 rounded-xl text-center shadow-md">
      <h1 className="text-2xl font-bold text-white">
        A Center for Gradients
      </h1>
      <p className="text-indigo-200 mt-2">
        {/* not just for ants */}
      </p>
      <button className="mt-4 px-6 py-2 bg-gradient-to-r 
                         from-blue-600 to-indigo-700 
                         text-white font-semibold rounded">
        unleashBlueSteel()
      </button>
      <p className="text-xs text-gray-300 mt-3">
        {/* really, really good-looking */}
      </p>
    </div>
  )
}