Criei uma réplica fiel do dashboard financeiro do Figma usando React e Next.js. O código inclui:

Características principais:

• Header azul escuro com logo "Rendimento/" em verde claro
• Sidebar com navegação completa e item "Cartões" ativo
• Área principal com breadcrumb e título
• Cards para "Solicitar Cartão de Crédito" e "Cartão Pré-Pago"
• Informações do usuário e status de conexão segura

Cores utilizadas do Figma:

• #0a1d6f - Azul escuro principal
• #57ffff - Verde claro/ciano para destaques
• #f2f3f7 - Fundo claro
• #737373 - Texto secundário
• #3f3f3f - Texto principal
• #e0e0e0 - Bordas
• #ff5469 - Notificação vermelha

O layout é totalmente responsivo e mantém a fidelidade visual com o design original.