update app.py

app.py

@@ -54,13 +54,26 @@ def generate_answer_blip2(image, question):
     return generated_answer[0]  # Return the first (and typically only) generated answer
 
 # Setting up the Gradio interface
-iface = gr.Interface(
-    fn=generate_answer_blip2,
-    inputs=[gr.Image(label="Upload Image"), gr.Textbox(label="Enter your question")],
-    outputs=gr.Textbox(label="Generated Answer"),
-    title="Visual Question Answering with DeiT-BLIP2 Model",
-    description="Upload an image and type a related question to receive an answer generated by the model."
-)
+def show_demo():
+    iface = gr.Interface(
+        fn=generate_answer_blip2,
+        inputs=[gr.Image(label="Upload Image"), gr.Textbox(label="Enter your question")],
+        outputs=gr.Textbox(label="Generated Answer"),
+        title="Visual Question Answering with DeiT-BLIP2 Model",
+        description="Upload an image and type a related question to receive an answer generated by the model."
+    )
+    iface.launch(share=True)
+
+with gr.Blocks() as landing_page:
+    gr.Markdown("# Welcome to the Visual Question Answering Demo")
+    gr.Markdown("This demo uses the customized BLIP2 model to answer questions about images.")
+    gr.Markdown("### How to Use: ")
+    gr.Markdown("1. Upload an image. \n2. Enter a question related to the image. \n3. Receive the generated answer.")
+    gr.Markdown("### Model Information: ")
+    gr.Markdown("The BLIP2 model combines vision and language understanding to generate answer based on the provided image and question.")
+    start_demo_button = gr.Button("Start Demo")
+
+    start_demo_button.click(fn=show_demo)
 
 if __name__ == "__main__":
-    iface.launch()
+    landing_page.launch()