Card para Comunidades

CommunityCard.tsx

export default function CommunityCard() {
  return (
    <div className="border border-slate-200 bg-white hover:shadow-lg transition-shadow">
      <div className="overflow-hidden">
        <img
          className="object-cover h-60 w-full transition-transform duration-300 ease-in-out hover:scale-120"
        />
      </div>
      <div className="p-5 space-y-5">
        <a
          className="bg-orange-500 hover:bg-orange-600 transition-colors text-xl text-white py-3 px-10 mt-10 font-bold block text-center"
        >
          Ver Comunidad
        </a>
      </div>
    </div>
  )
}