Home 2x2 de Trilhas + tags de nível

content/index.md

@@ -26,6 +26,40 @@ Fundada em 2019 como um grupo de estudos, a FEA.dev nasceu de uma percepção de
 - Siga as **Trilhas** para um caminho curado de aprendizado por tema.
 - Curtiu algo? **Reproduza, adapte ao seu contexto e divulgue nosso trabalho**.
 
+## Trilhas
+<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;align-items:stretch;">
+  <a href="/tags/trilha/finquant/" style="text-decoration:none;border:1px solid var(--secondary);border-radius:12px;padding:16px;display:flex;flex-direction:column;min-height:170px;">
+    <h3 style="margin:0 0 8px 0;">FinQuant</h3>
+    <p style="margin:0 0 12px 0;">Riscos, Backtests, Trading, Portfólio.</p>
+    <span style="margin-top:auto;font-weight:700;white-space:nowrap;">→ Ver materiais</span>
+  </a>
+
+  <a href="/tags/trilha/ia/" style="text-decoration:none;border:1px solid var(--secondary);border-radius:12px;padding:16px;display:flex;flex-direction:column;min-height:170px;">
+    <h3 style="margin:0 0 8px 0;">IA</h3>
+    <p style="margin:0 0 12px 0;">Machine Learning, Deep Learning, LLMs &amp; RAG.</p>
+    <span style="margin-top:auto;font-weight:700;white-space:nowrap;">→ Ver materiais</span>
+  </a>
+
+  <a href="/tags/trilha/ciencia-de-dados/" style="text-decoration:none;border:1px solid var(--secondary);border-radius:12px;padding:16px;display:flex;flex-direction:column;min-height:170px;">
+    <h3 style="margin:0 0 8px 0;">Ciência de Dados</h3>
+    <p style="margin:0 0 12px 0;">ETL, Web Scraping, estatística aplicada, boas práticas.</p>
+    <span style="margin-top:auto;font-weight:700;white-space:nowrap;">→ Ver materiais</span>
+  </a>
+
+  <a href="/tags/trilha/extras/" style="text-decoration:none;border:1px solid var(--secondary);border-radius:12px;padding:16px;display:flex;flex-direction:column;min-height:170px;">
+    <h3 style="margin:0 0 8px 0;">Extras</h3>
+    <p style="margin:0 0 12px 0;">Git e outras linguagens de programação.</p>
+    <span style="margin-top:auto;font-weight:700;white-space:nowrap;">→ Ver materiais</span>
+  </a>
+</div>
+### Como navegar por nível
+- 🟢 **Iniciante**: primeiros passos e guias passo a passo  
+- 🟠 **Intermediário**: já pressupõe base técnica  
+- 🔴 **Avançado**: profundidade teórica/técnica
+
+> Dica: acesse também as páginas por nível:  
+> [/tags/nivel/iniciante/](/tags/nivel/iniciante/) • [/tags/nivel/intermediario/](/tags/nivel/intermediario/) • [/tags/nivel/avancado/](/tags/nivel/avancado/)
+
 ## Projetos & Iniciativas
 ### Quant Connect 
 
@@ -65,11 +99,6 @@ Foram dois dias de conteúdo técnico, troca de experiências e acesso direto a
   </div>
 </div>
 
-## Trilhas
-- [IA](/trilhas/ia/)
-- [FinQuant](/trilhas/finquant/)
-- [Linguagens alternativas](/trilhas/langs/)
-
 ## Contato & redes
 - E-mail: `contato.feadev@gmail.com`
 - Youtube: <https://www.youtube.com/@fea-dev>