Update app.py

app.py

@@ -35,10 +35,15 @@ CreativeWoks AI: Intelligence System for Advanced Dialogue and Organized Respons
 """
 
 PLACEHOLDER = """
-<div style="padding: 30px; text-align: center; display: flex; flex-direction: column; align-items: center;">
-   <img src="https://utfs.io/f/4c8a3309-2ac3-453b-8441-04e5c5a3ed0f-361e80.svg" style="width: 80%; max-width: 550px; height: auto; opacity: 0.55;  "> 
-   <h1 style="font-size: 28px; margin-bottom: 2px; opacity: 0.55;">CreativeWorks Ai</h1>
-   <p style="font-size: 18px; margin-bottom: 2px; opacity: 0.65;">CreativeWorks 7B Chat</p>
+<div style="position: relative; text-align: center;">
+    <h1 style="font-size: 2.5em; margin-top: 20px;">CreativeWorks Ai</h1>
+    <img src="https://utfs.io/f/4c8a3309-2ac3-453b-8441-04e5c5a3ed0f-361e80.svg" style="width: 80%; max-width: 550px; height: auto; opacity: 0.55; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0;">
+    <div style="background-color: rgba(255, 255, 255, 0.8); /* Ajuste a opacidade do fundo do texto aqui */
+              font-size: 1.2em; text-align: center; max-width: 800px; margin: auto; position: relative; z-index: 1; padding: 20px;">
+        <p>Este espaço demonstra o modelo customizado para o português brasileiro <a href="https://huggingface.co/mistralai/Mistral-7B-v0.3"><b>Mistral-7B-v0.3</b></a>. O Mistral-7B-v0.3 Large Language Model (LLM) é uma versão do Mistral-7B-v0.2 com vocabulário expandido. A CreativeWorks modificou e afinou o modelo para que seja mais rápido e alcance desempenho comparável aos principais modelos de código aberto existentes 10 vezes maiores, incluindo diversas melhorias e otimização para raciocínio lógico, com foco em RAG (Recuperação Aumentada por Geração).</p>
+        <p>🔎 Para mais detalhes sobre o modelo e como utilizá-lo com <code>transformers</code>, dê uma olhada <a href="https://huggingface.co/CreativeWorksAi/CreativeWorks_Mistral_7b_Chat_V1">em nosso model card.</a>.</p>
+        <p>🦕 Procurando um modelo ainda mais poderoso? Confira a integração do <a href="https://huggingface.co/chat/"><b>Hugging Chat</b></a> para modelos maiores.</p>
+    </div>
 </div>
 """
 
@@ -48,7 +53,6 @@ h1 {
   text-align: center;
   display: block;
 }
-
 #duplicate-button {
   margin: auto;
   color: white;