Update app.py

app.py

@@ -11,19 +11,82 @@ def get_response(user_input):
     
     # Check if the request was successful
     if response.status_code == 200:
-        # Extract the answer from the response
-        answer = response.text  # Assuming the API response is already a string
-        return answer
+        answer = response.text  # API response is already a string
+        return "🕉️ Guruji says: 🙏\n\n" + answer
     else:
-        return "Sorry, there was an error with your request."
+        return "🙏 Sorry, there was an error with your request."
+
+
+# Custom CSS to make the interface more spiritual and aesthetic
+custom_css = """
+body {
+    background: linear-gradient(135deg, #ffefba, #ffffff);
+    font-family: 'Georgia', serif;
+}
+
+.gradio-container {
+    border: 2px solid #f1c40f;
+    border-radius: 15px;
+    padding: 20px;
+    background-color: rgba(255, 255, 255, 0.9);
+    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
+}
+
+h1 {
+    font-family: 'Georgia', serif;
+    color: #d35400;
+    text-align: center;
+    font-size: 2.5em;
+}
+
+.gradio-input, .gradio-output {
+    font-family: 'Georgia', serif;
+    font-size: 1.1em;
+    color: #2c3e50;
+}
+
+input, textarea {
+    border-radius: 10px;
+    padding: 10px;
+    font-size: 1.1em;
+    border: 2px solid #e67e22;
+    width: 100%;
+}
+
+textarea {
+    height: 200px;
+}
+
+button {
+    background-color: #e67e22;
+    border-radius: 10px;
+    font-size: 1.2em;
+    padding: 10px;
+    color: white;
+    width: 100%;
+}
+
+button:hover {
+    background-color: #d35400;
+}
+
+footer {
+    color: #7f8c8d;
+    text-align: center;
+    margin-top: 20px;
+}
+"""
 
 # Create the Gradio interface
 iface = gr.Interface(
     fn=get_response,  # Function to call when user submits input
     inputs="text",  # Input type
     outputs="text",  # Output type
-    title="Temple Dekho Chat Bot",
-    description="🟢 You can now use, Backend Server is live!\n\n\nAsk a question about temples or rituals and get answers from the Guru!"
+    title="🕉️ Temple Dekho Chat Bot 🕉️",
+    description="🟢 You can now use, Backend Server is live!\n\n🙏 Ask a question about temples or rituals and get wise answers from Guruji!",
+    theme="default",  # Use the default theme
+    css=custom_css  # Apply the custom CSS for styling
 )
 
-iface.launch(share=True)
+# Launch the Gradio app with a specific server port
+iface.launch(server_name="0.0.0.0", server_port=8709, share=True)