mango-web/components/MangoPill.tsx

const MangoPill = () => {
  return (
    <div class="inline-flex items-center px-2 py-1 text-lg text-white text-xs uppercase font-bold bg-gradient-to-br from-red-400 via-yellow-300 to-green-500 rounded-full">
      <p>Soon</p>
    </div>
  )
}

export default MangoPill