Como um visitante ou usuário da plataforma

Quero acessar uma página de ajuda com perguntas frequentes e um canal de contato, para tirar dúvidas comuns e falar com a equipe de suporte caso precise.

✅ Critérios de Aceite

• A página deve conter uma seção de FAQ com perguntas e respostas organizadas por categoria:
  • Exemplos de categorias: “Consultas”, “Pagamento”, “Cadastro”, “Psicólogos”
  • Cada pergunta/resposta deve ser expandível/recolhível (acordeão)
• Formulário de contato com os seguintes campos:
  • Nome completo *
  • E-mail *
  • Telefone *
  • Assunto (ex: Dúvida, Reclamação, Sugestão, Suporte Técnico) *
  • Mensagem *
  • Checkbox obrigatório: “Autorizo o uso dos meus dados conforme a Política de Privacidade”
  • Botão: Enviar Mensagem
• Mensagem de confirmação após envio: “Recebemos sua mensagem! Nossa equipe retornará o contato em breve.”
• Deve haver:
  • Link para WhatsApp
  • Link com e-mail direto do suporte
  • Links para a Central de Privacidade e Termos de Uso

🧱 Componentes Técnicos (UI/UX)

• Layout dividido em duas partes:
  • Parte 1: Acordeões com dúvidas frequentes
  • Parte 2: Formulário “Fale Conosco”
• Design limpo e acolhedor, com fontes legíveis e cores suaves
• Campos obrigatórios identificados com “*”
• Feedback visual em tempo real (ex: erros de preenchimento)
• Ícone do WhatsApp com texto: “Precisa de ajuda rápida?”
• Scroll suave para navegação entre as seções

🔐 Requisitos Técnicos

• Envio do formulário deve:
  • Disparar e-mail para a equipe de atendimento ou registrar em CRM
• Proteção contra spam (ex: reCAPTCHA ou validação de campos)
• Salvar consentimento do checkbox da política de privacidade
• Tratamento dos dados sensíveis de acordo com a LGPD
• O formulário deve enviar um e-mail para o e-mail de suporte/ajuda da psycs.