Tarefa

Utilizando Tailwind CSS, criar um componente de cartão com os seguintes requisitos:

1. O cartão deve ter:
   • Largura máxima de md;
   • Cantos arredondados;
   • Cor de fundo.
2. O cartão deve conter:
   • Uma imagem que ocupe toda a largura do cartão;
   • Um título com texto em negrito e tamanho de fonte grande;
   • Um parágrafo com tamanho de fonte base e estilo itálico.
3. Adicionar badges ao cartão com:
   • Cantos arredondados e tamanho de fonte pequeno.

• Utilize max-w-md para definir a largura máxima do cartão;
• Utilize rounded para adicionar cantos arredondados ao cartão;
• Utilize bg-purple-100 para definir a cor de fundo do cartão;
• Utilize w-full para que a imagem ocupe toda a largura do cartão;
• Utilize font-bold para aplicar negrito ao texto;
• Utilize text-xl para definir um tamanho de fonte maior para o título;
• Utilize text-base para definir o tamanho de fonte base para o texto do parágrafo;
• Utilize italic para aplicar estilo itálico ao texto;
• Utilize rounded-full para adicionar cantos arredondados às badges;
• Utilize text-sm para definir o tamanho de fonte pequeno para as badges.