a conversa flutuante no celular parou de funcionr, coloca as conversas dnetro do celulr surgindo uma por vez com uma animação.
Vejo que as mensagens estão sendo exibidas estaticamente sem animação sequencial. Vou criar uma animação onde as mensagens aparecem uma por vez dentro do celular usando useState e useEffect.
Preciso adicionar a animação CSS slideUp que referenciei no código. Vou atualizar o globals.css:
Adicionei a animação de slideUp no CSS e atualizei a lógica do chat no hero section. Agora as mensagens aparecem uma por vez com animação suave, incluindo um indicador de "digitando" (três pontinhos animados) quando o bot está prestes a responder. A conversa reinicia automaticamente após 3 segundos do fim, criando um loop contínuo que demonstra o funcionamento da IA.
v27 was created by restoring v24
a conversa flutuante no celular parou de funcionr, coloca as conversas dnetro do celulr surgindo uma por vez com uma animação.