Update app.py

app.py

@@ -12,7 +12,8 @@ title = """  # 🙋🏻‍♂️Welcome to Tonic's🦅Falcon Vision👁️Langua
 description = """
 Falcon2-11B-vlm is an 11B parameters causal decoder-only model built by TII and trained on over 5,000B tokens of RefinedWeb enhanced with curated corpora. To bring vision capabilities, , we integrate the pretrained CLIP ViT-L/14 vision encoder with our Falcon2-11B chat-finetuned model and train with image-text data. For enhancing the VLM's perception of fine-grained details w.r.t small objects in images, we employ a dynamic encoding mechanism at high-resolution for image inputs. 
 
-Join us : 🌟TeamTonic🌟 is always making cool demos! Join our active builder's 🛠️community 👻 [![Join us on Discord](https://img.shields.io/discord/1109943800132010065?label=Discord&logo=discord&style=flat-square)](https://discord.gg/GWpVpekp) On 🤗Huggingface:[MultiTransformer](https://huggingface.co/MultiTransformer) Math 🔍 [introspector](https://huggingface.co/introspector) On 🌐Github: [Tonic-AI](https://github.com/tonic-ai) & contribute to🌟 [MultiTonic](https://github.com/multitonic/)🤗Big thanks to Yuvi Sharma and all the folks at huggingface for the community grant 🤗
+### Join us : 
+🌟TeamTonic🌟 is always making cool demos! Join our active builder's 🛠️community 👻 [![Join us on Discord](https://img.shields.io/discord/1109943800132010065?label=Discord&logo=discord&style=flat-square)](https://discord.gg/GWpVpekp) On 🤗Huggingface:[MultiTransformer](https://huggingface.co/MultiTransformer) Math 🔍 [introspector](https://huggingface.co/introspector) On 🌐Github: [Tonic-AI](https://github.com/tonic-ai) & contribute to🌟 [MultiTonic](https://github.com/multitonic/)🤗Big thanks to Yuvi Sharma and all the folks at huggingface for the community grant 🤗
 """
 
 processor = LlavaNextProcessor.from_pretrained("tiiuae/falcon-11B-vlm", tokenizer_class='PreTrainedTokenizerFast')
@@ -31,42 +32,51 @@ def generate_paragraph(image_url):
 
     return generated_captions
 
-# Function to set the URL and generate the paragraph
 def set_and_generate(url):
     generated_paragraph = generate_paragraph(url)
     return url, generated_paragraph
 
-# Create the Gradio Blocks interface
+
 with gr.Blocks() as demo:
+
     gr.Markdown(title)
     gr.Markdown(description)
 
+
     with gr.Row():
+
         with gr.Column():
+
             image_url_input = gr.Textbox(label="Image URL")
             generate_button = gr.Button("Generate Paragraph")
 
-            example_1 = gr.Button("Types of Falcons")
-            example_2 = gr.Button("Camel Racing - Saudi Arabia")
-            example_3 = gr.Button("Urban Street Scene - India")
-        
+            example_1 = gr.Image(value="https://www.animalspot.net/wp-content/uploads/2020/01/Types-of-Falcons.jpg", label="Types of Falcons", interactive=True, shape=(150, 150))
+            example_2 = gr.Image(value="https://www.leaders-mena.com/leaders/uploads/2023/01/The-Traditional-Camel-Racing-In-Saudi-Arabia-Unique-Sport-Activity-1024x576.jpg", label="Camel Racing - Saudi Arabia", interactive=True, shape=(150, 150))
+            example_3 = gr.Image(value="http://embed.robertharding.com/embed/1161-4342.jpg", label="Urban Street Scene - India", interactive=True, shape=(150, 150))
+
+
         with gr.Column():
             generated_paragraph_output = gr.Textbox(label="Generated Paragraph")
 
     generate_button.click(generate_paragraph, inputs=image_url_input, outputs=generated_paragraph_output)
 
+    
+
     example_1.click(
         lambda: set_and_generate("https://www.animalspot.net/wp-content/uploads/2020/01/Types-of-Falcons.jpg"), 
         outputs=[image_url_input, generated_paragraph_output]
     )
+
     example_2.click(
         lambda: set_and_generate("https://www.leaders-mena.com/leaders/uploads/2023/01/The-Traditional-Camel-Racing-In-Saudi-Arabia-Unique-Sport-Activity-1024x576.jpg"), 
         outputs=[image_url_input, generated_paragraph_output]
     )
+
     example_3.click(
         lambda: set_and_generate("http://embed.robertharding.com/embed/1161-4342.jpg"), 
         outputs=[image_url_input, generated_paragraph_output]
     )
 
+
 # Launch the Gradio interface
 demo.launch()