Update app.py

app.py

@@ -3,7 +3,6 @@ import os
 from llama_index.core import SimpleDirectoryReader, VectorStoreIndex, Settings
 from llama_index.llms.openai import OpenAI
 
-
 # Set OpenAI API key from environment
 os.environ["OPENAI_API_KEY"] = os.getenv("OPENAI_API_KEY")
 
@@ -21,23 +20,43 @@ def chatbot_response(message):
     response = query_engine.query(message)
     return str(response)
 
-# # Define inline CSS for button styling
-# custom_css = """
-# .gr-button-primary {
-#     background-color: #6e57e0 !important;
-#     color: white !important;
-# }
-# """
-
-iface = gr.Interface(fn=chatbot_response,
-                     inputs="text",
-                     outputs="text",
-                     title="Ask about me",
-                     description="Ask questions and receive answers based on my bio.",
-                     # css=custom_css,
-                     examples=[["Provide a summary of Donald?"],
-                       ["Has Donald worked with Python?"],
-                       ["Tell me something interesting about Donald"]]
-                    )
+# Custom CSS for button styling
+custom_css = """
+.gradio-button.primary {
+    background: linear-gradient(45deg, #FF6B6B, #4ECDC4) !important;
+    border: none !important;
+    color: white !important;
+}
+
+.gradio-button.primary:hover {
+    background: linear-gradient(45deg, #FF5252, #26C6DA) !important;
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
+}
+
+/* Style example buttons */
+.examples .gradio-button {
+    background: #667eea !important;
+    color: white !important;
+    border: none !important;
+    border-radius: 8px !important;
+}
+
+.examples .gradio-button:hover {
+    background: #5a6fd8 !important;
+}
+"""
+
+iface = gr.Interface(
+    fn=chatbot_response,
+    inputs="text",
+    outputs="text",
+    title="Ask about me",
+    description="Ask questions and receive answers based on my bio.",
+    examples=[["Provide a summary of Donald?"],
+              ["Has Donald worked with Python?"],
+              ["Tell me something interesting about Donald"]],
+    css=custom_css
+)
 
 iface.launch()