Added images as exmaples

app.py

@@ -495,6 +495,7 @@ home""")
   gr.HTML(value="<img src='https://i.ibb.co/Ms1jcDv/104cc37752fa.png' alt='Flow Diagram' style='height:500px;width:1200px'>")
   # gr.Image(detail).style(height=400, width=1200)
   with gr.Accordion("Generate Prompt",open=False):
+    gr.HTML(value="<img src='https://i.ibb.co/hm1hGsP/503e7730-b23c-401a-a73a-3fef2eb074d9.jpg' alt='Generate Prompt' width='1200' height='300'/>")  
     print('DEBUG: FIRST WITH')
     gr.Markdown("**Generate Prompt from the face description for image generation**")
     
@@ -569,6 +570,7 @@ home""")
   with gr.Accordion("Check Database",open=False):
     gr.Markdown("**Check if the image matches any image in our database using face_recognition**")
     gr.Markdown("**Use Face Recognition, Face Detection and Computer Vision to match images**")
+    gr.HTML(value="<img src='https://i.ibb.co/bBnDxqT/c5d2fe61-4b99-4cbc-934c-1ae9edfa4386.png' alt='Check Database' width='1200' height='300'/>")    
     with gr.Row():  
       with gr.Column():
         # seed = gr.Text(label="Input Phrase")
@@ -582,6 +584,7 @@ home""")
   with gr.Accordion("Search Google",open=False):
     gr.Markdown("**Check if the image is present on the Internet**")
     gr.Markdown("**Using Google search api to search the image on Web**")
+    gr.HTML(value="<img src='https://i.ibb.co/9v7vwVF/58f827cc-e24a-4df8-ab0f-40204d0940ec.jpg' alt='Check Google' width='1200' height='300'/>")    
     with gr.Row():  
       with gr.Column():
         # seed = gr.Text(label="Input Phrase")
@@ -594,6 +597,7 @@ home""")
 
   with gr.Accordion("Search in CCTV footage",open=False):
     gr.Markdown("**Upload a video to identify missing person in the footage**")
+    gr.HTML(value="<img src='https://i.ibb.co/H7t0R5C/bb71faf0-f86f-4064-b796-7a4dea6efdc7.jpg' alt='Check cctv' width='1200' height='300'/>")  
     with gr.Row(): 
       with gr.Column():
         fil1 = gr.File(type="file")