Update app file

app.py

@@ -1,4 +1,17 @@
 import streamlit as st
+import pandas as pd
+
+data_df = pd.DataFrame(
+    {
+        "apps": [
+            "https://storage.googleapis.com/s4a-prod-share-preview/default/st_app_screenshot_image/5435b8cb-6c6c-490b-9608-799b543655d3/Home_Page.png",
+            "https://storage.googleapis.com/s4a-prod-share-preview/default/st_app_screenshot_image/ef9a7627-13f2-47e5-8f65-3f69bb38a5c2/Home_Page.png",
+            "https://storage.googleapis.com/s4a-prod-share-preview/default/st_app_screenshot_image/31b99099-8eae-4ff8-aa89-042895ed3843/Home_Page.png",
+            "https://storage.googleapis.com/s4a-prod-share-preview/default/st_app_screenshot_image/6a399b09-241e-4ae7-a31f-7640dc1d181e/Home_Page.png",
+        ],
+    }
+)
+
 
 st.set_page_config(
     page_title="P&ID Object Detection ",
@@ -10,11 +23,9 @@ st.title('P&ID Object Detection App')
 st.subheader(' Identify valves and pumps with deep learning model', divider='rainbow')
 st.caption('Developed by Deep Drawings Co.')
 
-st.write('##')
-
 col1, col2, col3 = st.columns([10, 10, 10])
 with col2:
-    with st.expander('**Usage**'):
+    with st.expander('How to use it'):
         st.markdown(
         '''
         1) Upload your P&ID or Select Test Diagrams 📬
@@ -22,7 +33,17 @@ with col2:
         3) Press to Perform Inference 🚀
         4) Visualize Model Predictions 🔎
         '''
-   )
+        )
+        
+    st.data_editor(
+        data_df,
+        column_config={
+            "apps": st.column_config.ImageColumn(
+                "Preview Image", help="Streamlit app preview screenshots"
+            )
+        },
+        hide_index=True,
+    )   
 
 st.write('##')