Top Navigation - Copy this React, Tailwind Component to your project
Barra de Navegação Superior Exibir o logo da plataforma e o nome do profissional (ou foto de perfil). Menu de navegação para acessar outras páginas principais (Calendário, Pacientes, Prontuários, Pagamentos, Relatórios, Configurações). Notificações de lembretes importantes (ex: próximas consultas, cancelamentos de última hora). Botão de acesso rápido a configurações de perfil e logout. 2. Resumo de Consultas do Dia Localização: Seção principal ou destacada no topo da página para acesso rápido. Conteúdo: Lista das consultas agendadas para o dia com o nome do paciente, horário, e tipo de consulta (presencial ou teleconsulta). Indicadores de status de cada consulta: Confirmada, Pendente, Cancelada. Ícones rápidos para ações como "Iniciar Teleconsulta" (se aplicável), "Editar Consulta" ou "Ver Detalhes". Visual: Elementos em formato de cartões ou listas para uma visualização clara e intuitiva. 3. Agenda da Semana Localização: Logo abaixo do resumo das consultas do dia, com uma visão semanal. Conteúdo: Calendário compacto que exibe a agenda da semana, com indicação de horários livres e ocupados. Botões para navegar entre semanas. Opção de adicionar uma nova consulta diretamente a partir do calendário. Visual: Gráfico de barras ou blocos coloridos que indicam as consultas do dia para uma visão visual rápida. 4. Indicadores de Desempenho Localização: Seção lateral ou abaixo da agenda semanal, destacando indicadores-chave. Conteúdo: Número de consultas realizadas: Quantidade total de consultas realizadas no mês ou semana. Taxa de cancelamentos: Percentual de consultas canceladas em relação ao total agendado. Faturamento acumulado: Exibe o valor faturado até o momento (opcional, dependendo do plano do profissional). Feedback de pacientes (se aplicável): Avaliações de pacientes, com média geral de satisfação. Visual: Indicadores podem ser exibidos em números ou gráficos simples (barras, pizza) para rápida assimilação. 5. Próximas Consultas e Tarefas Localização: Seção de destaque, abaixo ou ao lado do resumo das consultas do dia. Conteúdo: Próximas consultas agendadas, com informações do paciente, horário e local. Tarefas administrativas ou lembretes para o profissional (ex.: "Finalizar prontuário de João", "Enviar relatório de consulta de Maria"). Botão "Ver todas as consultas" para uma visão completa. Visual: Listagem compacta e funcional, com ícones para fácil identificação. 6. Resumo de Pacientes Recentes Localização: Seção lateral ou ao final da página. Conteúdo: Exibe uma lista dos pacientes atendidos recentemente. Nome, última data de consulta e breve histórico (ex.: últimas anotações ou resumo da consulta anterior). Acesso rápido ao prontuário do paciente para adicionar notas ou revisar informações. Visual: Listagem em formato de cartões ou linha para fácil leitura. 7. Atalhos Rápidos Localização: Parte superior ou lateral do dashboard, agrupando ações rápidas e úteis. Conteúdo: Botão "Adicionar Consulta": Direciona diretamente para o agendamento de uma nova consulta. Botão "Ver Relatório": Acesso rápido aos relatórios mensais ou semanais. Botão "Configurações de Notificações": Permite ajustar rapidamente as notificações. Botão "Iniciar Teleconsulta" (se aplicável): Para iniciar uma consulta online diretamente. Visual: Ícones ou botões grandes e bem visíveis. 8. Relatórios de Desempenho Resumidos Localização: Parte inferior ou lateral da página para visualização rápida de dados. Conteúdo: Gráficos de desempenho, como: Consultas por Semana/Mês: Histórico de consultas realizadas no período. Tempo médio de consulta: Duração média das consultas. Nível de ocupação: Percentual de horários ocupados em relação aos disponíveis. Visual: Gráficos pequenos, como barras, linhas e pizza, para representar os dados de maneira visual. 9. Seção de Mensagens e Feedback de Pacientes Localização: Parte inferior ou lateral da página para comunicação direta. Conteúdo: Notificações de novas mensagens de pacientes (caso haja um sistema de chat ou perguntas). Feedbacks ou avaliações recentes deixados pelos pacientes. Visual: Listagem simples com visual amigável e bem organizado.