feat: alinha tags da sidebar dinamicamente e implementa cards de sugestao tematica de boas-vindas

public/index.html

@@ -147,6 +147,29 @@
             </div>
           </div>
           <h2>Olá! Sou sua assistente virtual e me chamo Kemily. Como posso ajudar?</h2>
+
+          <div class="welcome-grid">
+            <div class="suggestion-card" data-prompt="Escreva um relatório de observação semanal de um aluno de educação infantil focado em socialização e interação.">
+              <div class="card-icon">📋</div>
+              <div class="card-title">Relatório Semanal</div>
+              <div class="card-desc">Observação de desenvolvimento e socialização na educação infantil.</div>
+            </div>
+            <div class="suggestion-card" data-prompt="Crie um planejamento de aula inspirado no Mind Lab para trabalhar educação socioemocional e cooperação.">
+              <div class="card-icon">🧠</div>
+              <div class="card-title">Planejamento Mind Lab</div>
+              <div class="card-desc">Atividades lúdicas para desenvolvimento de habilidades socioemocionais.</div>
+            </div>
+            <div class="suggestion-card" data-prompt="Crie uma música pedagógica infantil alegre e animada sobre animais e sons da fazenda.">
+              <div class="card-icon">🎵</div>
+              <div class="card-title">Criar Música / Cantiga</div>
+              <div class="card-desc">Gere músicas divertidas com melodia e letra educativa.</div>
+            </div>
+            <div class="suggestion-card" data-prompt="Crie um planejamento pedagógico de artes alinhado à BNCC para o campo 'Traços, sons, cores e formas'.">
+              <div class="card-icon">🎨</div>
+              <div class="card-title">Atividade BNCC</div>
+              <div class="card-desc">Planos de aula estruturados de acordo com as normas da BNCC.</div>
+            </div>
+          </div>
         </div>
 
         <!-- Lista de mensagens geradas dinamicamente -->