Update app.py

app.py

@@ -358,6 +358,7 @@ def inpainting_replicate(prompt,img,mask,number_of_inference_steps):
 
 #############GRADIO INTERFACE#################################################################################
 # import gradio as gr
+# import gradio as gr
 
 
 def prompt_use_for_next(text_prompt,*args):
@@ -386,6 +387,8 @@ with gr.Blocks(theme="ysharma/steampunk") as demo:
         roof_type = gr.Textbox(label="Roof Type (eg: Sunroof, foldable roof)")
       with gr.Column():
         gen_prompt = gr.Textbox(label="Use this Prompt")
+    gr.HTML(value="<img id='generate_prompt' src='https://i.ibb.co/XsHCsK7/1.png' alt='Generate knowlwdge graph' width='1200' height='300' style='border: 2px solid #fff;'/>")   
+    gr.HTML(value="<style>#generate_prompt:hover{box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}</style>")  
     with gr.Row(): 
       with gr.Column():
         prompt_gen = gr.Button("Generate Prompt",elem_id="gradio_button")
@@ -405,6 +408,8 @@ with gr.Blocks(theme="ysharma/steampunk") as demo:
         text2image_cfg = gr.Slider(label="Cfg Scale",mimimum=0,maximum=8,value=7.0)
         text2imge_model = gr.Dropdown(label="Engine",choices=ENGINE_MODELS,value='stable-diffusion-xl-beta-v2-2-2')
         # op2 = gr.Image()
+    gr.HTML(value="<img id='textImage' src='https://i.ibb.co/6wDWhvd/2.png' alt='Generate knowlwdge graph' width='1200' height='300' style='border: 2px solid #fff;'/>")   
+    gr.HTML(value="<style>#textImage:hover{box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}</style>")  
     with gr.Row(): 
       with gr.Column():
         text2imge_button = gr.Button("Transform",elem_id="gradio_button")
@@ -449,7 +454,9 @@ with gr.Blocks(theme="ysharma/steampunk") as demo:
       with gr.Column():
         depth2image_op = gr.Image(type="pil")
         depth2image_inference_steps = gr.Slider(label="Inference Steps",mimimum=1,maximum=500,value=50,step=1)#204
-        depth2image_scheduler = gr.Dropdown(label="SCheduler",choices=['DDIM','K_EULER','DPMSolverMultistep','K_EULER_ANCESTRAL','PNDM','KLMS'],value='DPMSolverMultistep')
+        depth2image_scheduler = gr.Dropdown(label="Scheduler",choices=['DDIM','K_EULER','DPMSolverMultistep','K_EULER_ANCESTRAL','PNDM','KLMS'],value='DPMSolverMultistep')
+    gr.HTML(value="<img id='depth_to_image' src='https://i.ibb.co/c2pKpLJ/depth2image.png' alt='Generate knowlwdge graph' width='1200' height='300' style='border: 2px solid #fff;'/>")   
+    gr.HTML(value="<style>#depth_to_image:hover{box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}</style>")  
     with gr.Row(): 
       with gr.Column():
         depth2image_button = gr.Button("Transform",elem_id="gradio_button")
@@ -473,6 +480,8 @@ with gr.Blocks(theme="ysharma/steampunk") as demo:
         inpainting_mask = gr.Image()
         inpainting_op = gr.Image()
         inpainting_cfg = gr.Slider(label="Cfg Scale",mimimum=0,maximum=8,value=7.0)
+    gr.HTML(value="<img id='inpainting' src='https://i.ibb.co/tMPPVTL/inpainting.png' alt='Generate knowlwdge graph' width='1200' height='300' style='border: 2px solid #fff;'/>")   
+    gr.HTML(value="<style>#inpainting:hover{box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}</style>") 
     with gr.Row(): 
       with gr.Column():
         inpainting_button = gr.Button("Transform",elem_id="gradio_button")
@@ -520,6 +529,8 @@ with gr.Blocks(theme="ysharma/steampunk") as demo:
     
 
     search_op = gr.Dataframe()
+    gr.HTML(value="<img id='image_search' src='https://i.ibb.co/qpZNSkb/image-Search.png' alt='Generate knowlwdge graph' width='1200' height='300' style='border: 2px solid #fff;'/>")   
+    gr.HTML(value="<style>#image_search:hover{box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}</style>")  
     search_button  = gr.Button("Search",elem_id="gradio_button")
     
     search_image.select(fn=generate_mask,inputs=[search_image],outputs=search_image_mask)
@@ -541,4 +552,4 @@ with gr.Blocks(theme="ysharma/steampunk") as demo:
 
 
 demo.queue(concurrency_count=3,max_size=2)
-demo.launch(debug=True)
+demo.launch(debug=True)