Landing page pessoal moderna e responsiva para o Dr. Renato A. Corrêa dos Santos, desenvolvida com as melhores práticas de desenvolvimento web.
- Next.js 14 - Framework React com SSR e SSG
- TypeScript - Tipagem estática para maior segurança
- Material UI (MUI) 5 - Biblioteca de componentes React mais atual
- Atomic Design - Metodologia de design de componentes
- MVC Pattern - Arquitetura organizada e escalável
├── app/ # Páginas Next.js (App Router)
│ ├── layout.tsx # Layout principal
│ └── page.tsx # Página inicial
├── components/
│ ├── atoms/ # Componentes básicos (botões, títulos)
│ ├── molecules/ # Componentes compostos (cards, formulários)
│ ├── organisms/ # Componentes complexos (Header, Footer)
│ ├── templates/ # Templates de seções (About, Contact, etc.)
│ └── theme/ # Configuração do tema MUI
├── controllers/ # Lógica de negócio (MVC)
├── models/ # Modelos de dados (MVC)
└── public/ # Arquivos estáticos
- Home - Apresentação principal com hero section
- Sobre - Biografia e áreas de atuação
- Iniciativas Ativas - Projetos em andamento
- Currículo - Publicações, experiência e formação
- Colaborações - Parceiros e colaboradores
- Contato - Formulário e informações de contato
- Node.js 18+
- npm ou yarn
# Instalar dependências
npm install
# Executar em modo desenvolvimento
npm run dev
# Build para produção
npm run build
# Executar em produção
npm startO site estará disponível em http://localhost:3000
O site é totalmente responsivo e se adapta a:
- 📱 Mobile (smartphones)
- 📱 Tablet
- 💻 Desktop
- 🖥️ Large screens
- ✅ Design moderno e atraente
- ✅ Navegação suave entre seções
- ✅ Header fixo com transparência
- ✅ Sidebar para mobile
- ✅ Formulário de contato
- ✅ Cards interativos com hover effects
- ✅ Tema personalizado Material UI
- ✅ SEO otimizado
- ✅ Performance otimizada
Edite o arquivo controllers/DataController.ts para atualizar:
- Informações pessoais
- Publicações
- Colaborações
- Iniciativas
- Contato
Edite o arquivo components/theme/ThemeProvider.tsx para alterar cores, tipografia e outros aspectos visuais.
Este projeto está sob a licença MIT.
- Next.js
- Material UI
- TypeScript
- Atomic Design
- MVC Pattern
Desenvolvido com ❤️ para surpreender o Dr. Renato A. Corrêa dos Santos