Update app.py

app.py

@@ -141,8 +141,33 @@ with gr.Blocks(theme='JohnSmith9982/small_and_pretty') as demo:
 # Launch the Gradio app to allow user interaction 
 demo.launch(share = True)
 
-def display_iframe():
-    return display_iframe
-def display_image():
-    return 
-    "https://huggingface.co/spaces/AquaGuard/chess-chatbot/resolve/main/IMG_2031.JPG"
+
+iface = gr.Interface(
+    fn=chatbot_response,
+    inputs="text",
+    outputs="text",
+    title="AquaGuard Chatbot",
+    description="""
+    <style>
+        body {
+            background-image: url('https://path-to-your-sea-image.jpg');
+            background-size: cover;
+            color: white;
+        }
+        h1 {
+            font-size: 4em;
+            color: white;
+            text-align: center;
+            margin-top: 0;
+        }
+        p {
+            color: white;
+            text-align: center;
+        }
+    </style>
+    <h1>AquaGuard Chatbot</h1>
+    <p>Chat with AquaGuard to learn about ocean pollution and find volunteer opportunities.</p>
+    """,
+)
+
+iface.launch()