Update app.py

app.py

@@ -78,6 +78,35 @@ TITLE_HTML = """
         font-size: 0.9rem;
         color: #94a3b8;
     }
+    .examples-section {
+        background: rgba(255, 255, 255, 0.05);
+        padding: 1.5rem;
+        border-radius: 1rem;
+        margin-top: 1.5rem;
+        border: 1px solid rgba(255, 255, 255, 0.1);
+    }
+    .example-card {
+        background: rgba(37, 99, 235, 0.1);
+        padding: 1rem;
+        border-radius: 0.5rem;
+        margin-bottom: 1rem;
+        cursor: pointer;
+        transition: all 0.2s ease;
+        border: 1px solid rgba(37, 99, 235, 0.2);
+    }
+    .example-card:hover {
+        background: rgba(37, 99, 235, 0.15);
+        transform: translateY(-2px);
+    }
+    .example-title {
+        color: #60a5fa;
+        font-weight: 600;
+        margin-bottom: 0.5rem;
+    }
+    .example-description {
+        color: #94a3b8;
+        font-size: 0.9rem;
+    }
 </style>
 
 <div style="background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); padding: 1.5rem; border-radius: 1.5rem; text-align: center; margin: 1rem auto; max-width: 1200px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);">
@@ -125,9 +154,23 @@ TITLE_HTML = """
 </div>
 """
 
+examples = [
+    ["Explain quantum computing in simple terms"],
+    ["Write a short story about a time traveler"],
+    ["What are some tips for learning a new programming language?"],
+    ["Can you help me solve this math problem: If x² + 5x + 6 = 0, what are the values of x?"],
+    ["Explain the process of photosynthesis"],
+    ["What are the key differences between machine learning and deep learning?"]
+]
+
 with gr.Blocks() as demo:
     gr.HTML(TITLE_HTML)
-    chat_interface = gr.ChatInterface(
+    
+    chatbot = gr.ChatInterface(
         fn=generate,
+        examples=examples,
+        title="Chat with Zurich",
+        description="Ask me anything! I'm here to help with explanations, coding, math, writing, and more.",
     )
+
 demo.launch(share=True)