Step Form - Copy this React, Tailwind Component to your project
Crie um sistema com as seguintes características: **Usuários:** **Usuário Master:** Pode cadastrar múltiplas organizações (empresas clientes) através de um processo step by step (passo a passo). Pode adicionar informações básicas sobre a organização. Pode convidar membros para a organização, definindo o nível de acesso de cada membro. **Usuário Administrador:** Ao efetuar login, pode escolher em qual organização deseja acessar. Se a organização ainda não estiver totalmente configurada, é obrigatório concluir a configuração inicial através de um processo step by step. Pode adicionar e editar informações adicionais da organização. **Processo de Configuração da Organização (Step by Step):** 1. **Informações do Cliente:** Exibir as informações básicas já cadastradas pelo Usuário Master. Permitir que o Usuário Administrador complemente ou edite essas informações. 2. **Definição da Hierarquia de Níveis dentro da Organização:** Permitir a criação de uma hierarquia personalizada de níveis ou departamentos. Interface visual interativa com recurso de drag and drop para organizar os nós hierárquicos. Cada nó deve ter um formulário para adicionar informações específicas. 3. **Criação de Formulário Personalizado de Equipamentos:** Permitir a criação de um formulário dinâmico para cadastro de equipamentos. Usuário pode adicionar, editar ou remover campos conforme a necessidade da organização. 4. **Definição de Parâmetros de Alertas de IoT:** Formulário para configurar parâmetros e indicadores para alertas relacionados a dispositivos IoT. Possibilidade de personalizar os tipos de alertas e suas condições. 5. **Convite de Novos Usuários:** Formulário para convidar novos membros à organização. Definir o nível de acesso ou permissão de cada novo usuário. **Funcionalidades Adicionais:** Após a configuração inicial, o sistema deve permitir a edição de todas as informações cadastradas. Estrutura intuitiva para gerenciamento contínuo dos dados da organização. Sistema de login que suporte múltiplas organizações para um único usuário administrador. **Interface do Usuário:** Design moderno e responsivo, compatível com dispositivos móveis e desktops. Utilizar cores e tipografia que facilitem a leitura e a navegação. Botões e ícones claros que indiquem ações específicas. Feedback visual para ações do usuário (por exemplo, confirmação ao salvar dados). Layout clean e minimalista, focando na usabilidade e experiência do usuário. **Objetivo:** Proporcionar uma experiência fluida e intuitiva ao usuário. Simplificar processos complexos através de uma interface amigável e interativa. Facilitar o gerenciamento de organizações e usuários dentro do sistema. **Instruções para o bolt.new:** Utilize as especificações acima para desenvolver o sistema. Garanta que a interface seja moderna, intuitiva e siga as melhores práticas de UX/UI. Implemente todas as funcionalidades conforme descrito, assegurando consistência e usabilidade. Certifique se de que o sistema seja escalável e permita futuras expansões ou melhorias.
