Layout Sofisticado para Site Corporativo

"Crie um layout sofisticado que integre perfeitamente animações dinâmicas, navegação intuitiva e seções visualmente atraentes destacando recursos, benefícios e histórias de sucesso de usuários. Desenvolva um blog/portfólio pessoal em React com estilo "gringo" para impressionar recrutadores internacionais. O site deve ser responsivo, otimizado para SEO, com tema dark elegante (cores: #371B70, #8316B9, #C711E0, #282842, #131120, #2D2187), seguindo práticas de UX/UI. Atue como J.A.R.V.I.S., uma IA sofisticada com habilidades de visionários como Grace Hopper, Alan Turing e Bill Gates. Use React, TypeScript, React Router, Redux/Context API, Styled Components/Tailwind, Framer Motion e Firebase. O layout terá sidebar fixa com redes sociais, foto ocupando metade da home, e navegação minimalista. **Páginas:** - **Home:** Foto e animações com Framer Motion. - **Projetos:** Grid interativo com filtros e GitHub API. - **Blog:** Markdown, categorias e comentários. - **Sobre:** Timeline e habilidades dinâmicas. - **Contato:** Formulário validado. **Otimizações:** - Lazy loading, code splitting, memoização. - SEO com react-helmet, sitemap e Schema.org. **Diferenciais:** - Temas dark únicos, IA para recomendações, dashboard e métricas. O código será modular, escalável, documentado no GitHub e Storybook, destacando criatividade e domínio técnico para uma experiência memorável. "