chore: adding title

app.py

@@ -41,10 +41,34 @@ def process_query(query):
     response = generated_outputs[0][len_text:]
     return url, response
 
-demo = gr.Interface(
-    fn=process_query,
-    inputs=gr.Textbox(label="User Query"),
-    outputs=[gr.Textbox(label="URL"), gr.Textbox(label="Generated Response")]
-)
+# demo = gr.Interface(
+#     fn=process_query,
+#     inputs=gr.Textbox(label="User Query"),
+#     outputs=[gr.Textbox(label="URL"), gr.Textbox(label="Generated Response")]
+# )
 
-demo.launch()
+# demo.launch()
+
+
+demo = gr.Blocks()
+
+with demo:
+    gr.Markdown("# RAG on PyImageSearch blog posts")
+    gr.Markdown("This interface processes a user query by finding the most relevant context from PyImageSearch and generating a detailed response.")
+    
+    with gr.Row():
+        with gr.Column():
+            user_query = gr.Textbox(label="User Query", placeholder="Enter your query here...", lines=2)
+        with gr.Column():
+            search_url = gr.Textbox(label="URL", interactive=False)
+            generated_response = gr.Textbox(label="Generated Response", interactive=False)
+    
+    submit_button = gr.Button("Submit")
+
+    submit_button.click(
+        fn=process_query,
+        inputs=user_query,
+        outputs=[search_url, generated_response]
+    )
+
+demo.launch()