Update app.py

app.py

@@ -2,49 +2,48 @@ import os
 
 import streamlit as st
 import streamlit.components.v1 as components
+from st_on_hover_tabs import on_hover_tabs
 
-from pages.nav import Navbar
-from pages.utils import start_server
-
+from pages import *
+from utils import start_server
 
 certificate = os.getenv('PRIVATE_KEY')
 dns_name = os.getenv('SERVER_DNS_NAME')
 
+start_server(certificate, dns_name)
+
+## Set Streamlit configuration
+st.set_page_config(page_title='MERaLiON-AudioLLM', page_icon = "🔥", layout='wide')
+
+st.markdown('<style>' + open('./style/sidebar_style.css').read() + '</style>', unsafe_allow_html=True)
+
+with st.sidebar:
+    tabs = on_hover_tabs(tabName=['HOME', 
+                                  'MERaLiON-AudioLLM', 
+                                  ],
+                            iconName=['dashboard', 'filter_1'], 
+                            styles = {
+                                'navtab': {
+                                    'font-size': '12px',
+                                    'transition': '0.3s',
+                                    'text-transform': 'none',
+                                },
+                                'iconStyle':{
+                                    'font-size': '18px',
+
+                                },
+                            },
+                            default_choice=0
+                            )
+    
+
+if tabs =='HOME':
+    dashboard()
 
-def main():
-
-    ## Set Streamlit configuration
-    st.set_page_config(page_title='Merlion-AI-Audio', page_icon = "🔥", layout='wide')
-
-    Navbar()
-
-    ## Set up home page Title
-    col1, col2 = st.columns([1, 4])
-    custom_html = """
-    <div class="banner">
-        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRhB2e_AhOe11wKxnnwOmOVg9E7J1MBgiTeYzzFAESwcCP5IbBAc2X8BwGChMfJzwqtVg&usqp=CAU" alt="Banner Image">
-    </div>
-    <style>
-        .banner {
-            width: 100%;
-            height: 200px;
-            overflow: visible;
-        }
-        .banner img {
-            width: 100%;
-            object-fit: cover;
-        }
-    </style>
-    """
-    with col1:
-        components.html(custom_html)
-    with col2: 
-        st.write("# Welcome to Merlion AI - AudioLLMs 🤖")
-
-    ## Set up home page other information
-    st.markdown('')
+elif tabs == 'MERaLiON-AudioLLM':
+    asr()
 
 
 if __name__ == '__main__':
-    start_server(certificate, dns_name)
+    
     main()