Próximos Meetis Por Comunidad

1 - UpcomingCommunityMeetis.tsx

<section className="max-w-7xl mx-auto mt-10">
  <div className="mt-10 grid grid-cols-1 lg:grid-cols-3 gap-5 p-5 lg:p-0">

    <p className="text-center py-10  text-lg text-gray-600 col-span-1 lg:col-span-3">No Hay Próximos Meetis en esta comunidad</p>
  </div>
</section>

2 - MeetiCard.tsx

export default function MeetiCard() {
  return (
    <div className="border border-slate-200 hover:shadow-lg transition-shadow">
      <div className="overflow-hidden">
        <img
          className="object-cover h-72 w-full transition-transform duration-300 ease-in-out hover:scale-120"
        />
      </div>
      <div className="p-5 space-y-5">
        <p className="text-sm text-gray-600">
        
        </p>
        <Heading className="text-2xl font-bold h-16">

        </Heading>
        <div className="flex items-center gap-5">
          <p>

          </p>
        </div>
        <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 Meeti
        </a>
      </div>
    </div>
  )
}