Executando verificação de segurança...
Em resposta a Pitch: MEU NOVO SITE FEITO COM TAILWIND
6
mateusfg7

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:
screenshot
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

screenshot

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

screenshot

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! 👍

2