Alguns pontos que recomendo se atentar:
Lorem Ipsum
Substitua os Lorem Ipsum por texto reais, vá em outros sites do ramo e copie o texto de la, da uma imprensão maior de capricho. Regra pra vida: Jamais use Lorem Ipsum pra mostrar um site!, se muito pra testes automatizados apenas.
Hover e Active
Adicione alguns efeitos de hover nos botões e links, e active nos botões, pra dar um feedback de interação com seu site. https://tailwindcss.com/docs/hover-focus-and-other-states
Imagem cortada
No meu navegador (Google Chrome), tem uma barra branca da próxima seção em baixo da imagem principal:
Tente fazer essa imagem ocupar 100% da altura da tela, pra não ficar com essa barra branca. Talvez usar a unidade de medida vh(viewport hight) que funciona como uma "porcentagem" proporcional a altura da tela. height: 100vh seria 100% da altura da tela, com tailwind seria a classe h-screen.
Formulários Largos
Na tela de login e registros tem uns formulário muito longos e esticados, o usuário não precisa de toodo esse espaço, e se não couber (não é possível que o nome de usuário vai ser tão grande kkk) o <input> permite você andar com o cursor pro final do texto e visualizar todo o input de usuário e senha, ficaria visualmente mais agradável se você deixasse o formulário mais quadrado e menor, mais clean. Diminuísse a largura dele.
E fazer o botão ocupar 100% dessa largura, a não ser que haja um segundo botão, mas essa parte vai do visual do seu site, vulgo opcional.
Background Fixo
Outra coisa, aqui é opinião: seria bacana colocar essa imagem principal como um background fixo no elemento, de modo que você da o scroll na tela, mas a imagem se mantêm, ia dar um efeito legal, testa ai e vê se gosta.
Com css:
.element {
background-attachment: fixed;
}
Com Tailwindcss: apenas bg-fixed tailwind é maravilhoso ;)
Espero que ajude! 👍