Toggle Mensal/Anual para seção "Pricing" - Landing Page

Implementar um toggle para alterar o conteúdo da seção "Pricing" e exibir os preços caso o usuário escolha pagar mensalmente ou anualmente.

Exemplos:

• https://cursor.com/pricing

• https://21st.dev/ui-layouts/pricing-section-3/default

• https://21st.dev/ui-layouts/pricing-section-4/default

• https://21st.dev/authenticui/pricing-table/default

Acredito que isso ajudaria com algumas coisas:

1. Segmentar seus usuários, será possível identificar usuários sensíveis ao fluxo de caixa imediato (mensal) e fluxo de caisa a longo prazo (anual). Sem o toggle acaba criando fricção pro segundo grupo (anual), pois apenas ao entrar no app é possível ver a opção anual.

2. Maior LTV e menos Churn: O plano anual garante retenção por 12 meses, oque elimina 11 possíveis pontos de decisão de cancelamento que ocorreriam se fosse mês a mês.