Update app.py

app.py

@@ -3,6 +3,8 @@ import streamlit as st
 st.set_page_config(
     page_title="J.A.RV.I.S.",
     page_icon="",
+    layout="centered",
+    initial_sidebar_state="expanded"
 )
 custom_icon_url = "https://example.com/path/to/icon.png"
 
@@ -11,11 +13,32 @@ st.markdown("<h1 style='text-align: center; color: white;'>Explore the power of
 st.markdown("<h5 style='text-align: center; color: white; '>with J.A.R.V.I.S.</h5>", unsafe_allow_html=True)
 
 
-st.markdown("<p style='text-align: center; color: violet; '>Quick Links</p>", unsafe_allow_html=True)
+with st.container(border=True):
+    st.markdown("<h5 style='text-align: center; color: violet;'>🔍 AI Search</h5>", unsafe_allow_html=True)
+    #st.page_link("pages/AI Search.py", label="", icon="", use_container_width=True)
+    st.markdown("<p style='text-align: center; color: white; '>Use AI to Search the Internet for you</p>", unsafe_allow_html=True)
 
+with st.container(border=True):
+    st.markdown("<h5 style='text-align: center; color: violet;'>🎨 Image Generator</h5>", unsafe_allow_html=True)
+    #st.page_link("pages/Image Generator.py", label="", icon="🖌", use_container_width=True)
+    st.markdown("<p style='text-align: center; color: white; '>Generate Images from Text, Image, and much more</p>", unsafe_allow_html=True)
 
-st.page_link("pages/AI Search.py", label="AI Search", icon="🔍", use_container_width=True)
-st.page_link("pages/Chat With PDF.py", label="Chat With PDF", icon="📋", use_container_width=True)
-st.page_link("pages/Image Generator.py", label="Image Generator", icon="🖌", use_container_width=True)
-st.page_link("pages/Multimodal Chat.py", label="Multimodal Chat", icon="🤖", use_container_width=True)
-st.page_link("pages/Website QnA.py", label="Website QnA", icon="🌐", use_container_width=True)
+with st.container(border=True):
+    st.markdown("<h5 style='text-align: center; color: violet;'>🤖 Multimodal Chat</h5>", unsafe_allow_html=True)
+    #st.page_link("pages/Multimodal Chat.py", label="", icon="", use_container_width=True)
+    st.markdown("<p style='text-align: center; color: white; '>Chat with a Multilingual AI, Ask questions on Images, Ask questions on Documents</p>", unsafe_allow_html=True)
+
+with st.container(border=True):
+    st.markdown("<h5 style='text-align: center; color: violet;'>📋 Chat With PDF</h5>", unsafe_allow_html=True)
+    #st.page_link("pages/MultiPDF Chat.py", label="", icon="", use_container_width=True)
+    st.markdown("<p style='text-align: center; color: white; '>Upload Multiple PDFs and Ask Questions</p>", unsafe_allow_html=True)
+
+with st.container(border=True):
+    st.markdown("<h5 style='text-align: center; color: violet;'>🧠 QuizTube</h5>", unsafe_allow_html=True)
+    #st.page_link("pages/QuizTube.py", label="", icon="", use_container_width=True)
+    st.markdown("<p style='text-align: center; color: white; '>Generate Quiz from a Youtube Video</p>", unsafe_allow_html=True)
+
+with st.container(border=True):
+    st.markdown("<h5 style='text-align: center; color: violet;'>🌐 Website QnA</h5>", unsafe_allow_html=True)
+    #st.page_link("pages/Website QnA.py", label="", icon="", use_container_width=True)
+    st.markdown("<p style='text-align: center; color: white; '>Ask questions about a website</p>", unsafe_allow_html=True)