Landing Page React Refactor

Landing page em React com foco em design, legibilidade, arquitetura e manutencao.

Melhorias aplicadas

• Estrutura orientada a dados em src/data/siteContent.js
• Componentes mais semanticos e reutilizaveis
• Design system com tokens CSS em src/App.css
• Melhorias de responsividade e acessibilidade (skip link, labels, aria)
• Formulario com validacoes em src/utils/validators.js
• Ajustes visuais: sombra dos depoimentos e contraste dos icones de recursos

Stack atual

• React 19
• Vite 6
• Vitest 3
• ESLint 9
• CSS puro

Requisitos

• Node recomendado: 20.19.0 (veja .nvmrc)
• Yarn 1.x

Scripts

• yarn dev: ambiente de desenvolvimento
• yarn build: build de producao
• yarn preview: preview do build
• yarn lint: analise estatica com ESLint
• yarn test: testes unitarios Node (tests/validators.test.js)
• yarn test:ui: testes de interface com Vitest (src/**/*.test.jsx)
• yarn test:ui:watch: modo watch do Vitest
• yarn upgrade:deps: upgrade de dependencias com faixas compativeis

Estrutura principal

• src/App.jsx: composicao das secoes
• src/data/siteContent.js: conteudo centralizado
• src/components/*: secoes da landing page
• src/utils/validators.js: utilitarios de validacao
• tests/validators.test.js: testes Node
• src/App.test.jsx: testes de UI com Vitest