Update app.py

app.py

@@ -123,10 +123,17 @@ def respond(
         yield outputs
 
 PLACEHOLDER = """
-<div class="container" style="max-width: 600px; margin: 0 auto; padding: 30px; background-color: transparent; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);">
-    <h1 style="font-size: 28px; margin-bottom: 15px;">llama-cpp-agent: Simplify LLM Interactions</h1>
-    <p style="font-size: 16px; line-height: 1.5; margin-bottom: 15px;">The llama-cpp-agent framework simplifies interactions with Large Language Models (LLMs), providing an interface for chatting, executing function calls, generating structured output, performing retrieval augmented generation, and processing text using agentic chains with tools.</p>
-    <p style="font-size: 16px; line-height: 1.5; margin-bottom: 15px;">The framework uses guided sampling to constrain model output to user-defined structures, enabling models not fine-tuned for function calling and JSON output to do so. It is compatible with llama.cpp server, llama-cpp-python and its server, TGI, and vllm servers.</p>
+<div style="width: 400px; background-color: rgba(255, 255, 255, 0.1); border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px);">
+    <figure style="margin: 0;">
+        <img src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.jpg" alt="car!" style="width: 100%; height: auto; border-top-left-radius: 8px; border-top-right-radius: 8px;">
+    </figure>
+    <div style="padding: 1.5rem;">
+        <h2 style="font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem;">llama-cpp-agent: <small>Simplify LLM Interactions</small></h2>
+        <p style="font-size: 16px; line-height: 1.5; margin-bottom: 15px;">The llama-cpp-agent framework simplifies interactions with Large Language Models (LLMs), providing an interface for chatting, executing function calls, generating structured output, performing retrieval augmented generation, and processing text using agentic chains with tools.</p>
+        <div style="display: flex; justify-content: flex-end;">
+            <a href="https://github.com/Maximilian-Winter/llama-cpp-agent" style="background-color: #3b82f6; color: white; border: none; padding: 0.5rem 1rem; border-radius: 4px; cursor: pointer;">Learn now!</a>
+        </div>
+    </div>
 </div>
 """