Update app.py

app.py

@@ -26,7 +26,47 @@ def ask(name):
     else:
         return "It is a non-banking message. May subject to be SPAM or other messages"
 
-demo = gr.Interface(fn=ask, inputs="text", outputs="text")
-demo.launch()
+interface = gr.Interface(
+    fn=ask,                      # Function to call for prediction
+    inputs=gr.Textbox(label="Enter the bank message here:", placeholder="Type your message...", lines=5),  # Input component
+    outputs=gr.Textbox(label="Prediction"),  # Output component
+    title="Bank Message Classifier", # Title of the interface
+    description="Classify your bank messages as 'Banking' or 'Non-Banking'.",  # Description text
+    theme="compact",                  # UI theme for compact design
+    css="""
+    .gradio-container {
+        font-family: Arial, sans-serif;
+        background-color: #f4f4f4;
+        border-radius: 10px;
+        padding: 20px;
+    }
+    .gradio-title {
+        font-size: 24px;
+        font-weight: bold;
+        color: #333;
+        text-align: center;
+    }
+    .gradio-description {
+        font-size: 16px;
+        color: #666;
+        text-align: center;
+        margin-bottom: 20px;
+    }
+    .input_textbox {
+        border: 1px solid #ddd;
+        border-radius: 5px;
+        padding: 10px;
+        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+    }
+    .output_textbox {
+        border: 1px solid #ddd;
+        border-radius: 5px;
+        padding: 10px;
+        background-color: #e9ffe9;
+    }
+    """
+)
+
+interface.launch()