Uma landing page de uma empresa fictícia com o intuito de, obviamente, aprender sobre landing pages.

TODO:

• Criar o "site" na estrutura padrão HTML-CSS-JS

• Converter ou migrar para TypeScript

• Converter para React

• Converter para Next

  Tudo isso com o intuito de aprender e mostrar meu domínio em diferentes linguagens de programação.

Dia 1: Estruturação inicial da página... inicial (duh), ela será a mais importante pois vai linkar com outras páginas, ela tem um header onde levará para essas outras páginas, um hero section (que eu não sabia que isso existia com esse nome, pra mim é o título com slogan), os botões das páginas (que não funcionam ainda, obviamente) e um footer. Parece simples e é, mas só estou começando.

Dia 2: CSS é uma dor de cabeça imensa. Eu fiz umas alterações iniciais do cabeçalho no final do dia 1 e continuei com o resto do estilo central no dia seguinte, nisso veio duas opções, seguir com uma página só - separada por seções, ou múltiplas páginas, nisso decidi pela página única, o qual foi o maior erro, eu tentei dar um jeito de fazer uma rolagem suave, igual em todo site, mas não deu, tentei por css, tentei por js, tentei importar o polyfill, mas nada resolveu, agora estou tentando a outra abordagem: múltiplas páginas. Só espero que isso não acabe com minha sanidade, estamos em janeiro ainda. (desgraça)

Dia 3: Bom, a abordagem de múltiplas páginas parece ir bem. Consegui arrumar o alinhamento do cabeçalho, ele meio arrastado pra direita tava me incomodando bastante. Usei box-sizing: border-box e resolveu. Em todas as páginas só tem um título e um subtítulo (ou parágrafo, enfim), eu não pensei muito no que colocar em cada página, mas provavelmente um lorem ispum, pelo menos por enquanto, afinal a empresa é fictícia, assim como o que ela propõe, então dá na mesma. Só acho que tá meio simples demais, e eu não cheguei a usar o JavaScript, o que me preocupa um pouco, será que o resultado vai ficar do jeito bom? É o que eu espero daqui a um tempo. Pelo o que eu lembro, são poucas interações com o front-end no JS, é mais para casos de botões, formulários, etc. Coisas que requerem uma interação do usuário.