Vou salvar a logo e explorar o projeto atual para construir a interface baseada na identidade visual do FinanceFlow.

Boa, o projeto ja tem uma estrutura completa. Vou ler os componentes de marketing e dashboard existentes para entender o que precisa ser atualizado com a nova marca FinanceFlow.

Agora vou ler as paginas restantes para completar o contexto.

Agora tenho o contexto completo. A logo do FinanceFlow usa as cores: azul escuro (navy ~#0A2540), azul vibrante (#0088FF / cyan), verde (dinheiro), e dourado. Vou atualizar o design system (globals.css) para refletir essas cores e substituir todos os icones TrendingUp pela imagem da logo real. Vou fazer as alteracoes agora.

Agora vou atualizar tudo. A paleta de cores da logo FinanceFlow e baseada em: azul escuro (navy), azul vibrante (ciano), com detalhes em verde e dourado. Vou atualizar o design system e substituir o icone TrendingUp pela logo real em todos os lugares.

Agora vou atualizar o themeColor no layout e substituir os icones pelo logo real em todos os componentes:

Agora vou atualizar o header de marketing para usar a logo real:

Agora o dashboard-header:

Agora vou atualizar as paginas de autenticacao (login, sign-up, sign-up-success, error):

Pronto. Fiz as seguintes alteracoes em todo o projeto:

1. Logo salva em /public/images/logo.png e substituida em todos os 7 arquivos que usavam o icone TrendingUp como placeholder (header marketing, footer, sidebar, dashboard header/sheet mobile, login, sign-up, sign-up-success, error).
2. Design system atualizado no globals.css -- toda a paleta de cores (light e dark) foi migrada do hue 265 (roxo/violeta) para o hue 235 (azul vibrante), combinando com as cores predominantes da logo FinanceFlow. Os graficos (chart-*) agora incluem tons de azul, verde e dourado que remetem aos elementos do logo.
3. themeColor do viewport atualizado de roxo para azul #0066CC.

Vou explorar o projeto atual para entender o que ja existe e implementar o fluxo descrito no documento: botao "Seja Premium" no painel, pagina de checkout, e distincao de funcionalidades premium.

Agora tenho o contexto completo. Vou adicionar o botao "Seja Premium" na sidebar e no menu mobile, e criar a pagina de checkout Premium dentro do dashboard.

Agora vou atualizar o dashboard-header (menu mobile) para tambem incluir o botao Premium:

Agora vou criar a pagina de Premium/Checkout dentro do dashboard:

Agora vou atualizar a pagina de pricing do marketing para tambem incluir o link de checkout correto para o plano Pro:

Agora preciso atualizar o render dos botoes na pricing page para usar links externos onde necessario:

Agora vou atualizar o layout metadata principal para refletir a marca FinanceFlow:

Agora vou verificar o hero-section e CTA para garantir consistencia da marca:

O hero-section e CTA ja estao bons e usam os design tokens (text-primary, bg-primary, etc.) que agora refletem as cores azuis da marca. Tudo consistente. Vou verificar se nao resta nenhuma referencia antiga ao TrendingUp que deveria ser substituida:

O TrendingUp no premium-content.tsx e no summary-cards.tsx esta sendo usado como icone de funcionalidade (nao como logo), o que esta correto. Tudo esta consistente.

Aqui esta o resumo das alteracoes feitas:

1. Botao "Seja Premium" adicionado na sidebar (desktop) e no menu mobile (Sheet), com icone de coroa dourada, posicionado no final da navegacao como destaque.
2. Pagina /dashboard/premium criada com: grid de funcionalidades premium, comparacao entre planos (Gratuito, Premium, Empresa), e botoes que direcionam para o checkout externo (pay.cakto.com.br/DAKkb4L).
3. Pagina de precos do marketing atualizada para tambem direcionar os planos pagos para o link de checkout externo, com suporte a target="_blank".