Criar Estrutura Base da Aplicação

[CodeEJR]

1️⃣ Estrutura Base da Aplicação

🎯 Objetivo

Criar a fundação técnica da landing page, garantindo organização, escalabilidade e padronização antes do desenvolvimento visual.

📦 Escopo

📁 Estrutura de Pastas

• Definir arquitetura de diretórios (ex: app, components, sections, hooks, animations, styles, utils)
• Separar UI, lógica e animações
• Definir padrão consistente de nomeação

🧱 Layout Base <Layout />

• Criar estrutura principal da aplicação
• Incluir <Navbar /> e <Footer />
• Criar <main> central
• Preparar estrutura para controle de scroll global

🧩 Componente <Section /> Reutilizável

• Criar componente base para todas as seções
• Receber props como id, className, background
• Definir padding vertical padrão
• Estrutura preparada para receber animações

✅ Critérios de Aceite

• Projeto executando sem erros
• Layout base renderizando corretamente
• Seções adicionadas facilmente
• GSAP funcionando corretamente
• Estrutura clara e escalável