fix design

app.py

@@ -3,10 +3,86 @@ import preprocessor
 import helper
 import matplotlib.pyplot as plt
 import seaborn as sns
-import pandas as pd
+from streamlit.components.v1 import html
+
+# Page configuration
+st.set_page_config(
+    page_title="WhatsApp Chat Analyzer",
+    layout="wide",
+    initial_sidebar_state="auto",
+    menu_items={
+        'Get Help': 'https://github.com/soufianesejjari',
+        'About': "# This is a WhatsApp Chat Analyzer app\n"
+                 "#### built with Streamlit. It helps you analyze your WhatsApp chat data. You can visualize your chat data, including the number of messages, words, media shared, links shared, and more. You can also see the most active users, most common words, and emojis used. The app also provides a word cloud and timeline analysis of your chat data. The app is developed by Soufiane Sejjari. You can find the source code on GitHub."
+    }
+)
 
 st.set_option('deprecation.showPyplotGlobalUse', False)
 
+
+# SEO title and footer
+def inject_html():
+    footer = """
+    <style>
+    .footer {
+        position: fixed;
+        left: 0;
+        bottom: 0;
+        width: 100%;
+        background-color: #f1f1f1;
+        color: #333;
+        text-align: center;
+        padding: 10px;
+        font-family: Arial, sans-serif;
+    }
+    .main-content {
+        max-width: 1000px;
+        margin: 0 auto;
+        padding: 20px;
+    }
+    h1 {
+        font-size: 2.5em;
+        color: #333;
+    }
+    h2 {
+        font-size: 2em;
+        color: #333;
+    }
+    h3 {
+        font-size: 1.75em;
+        color: #333;
+    }
+    h4 {
+        font-size: 1.5em;
+        color: #333;
+    }
+    h5 {
+        font-size: 1.25em;
+        color: #333;
+    }
+    .stButton>button {
+        background-color: #4CAF50;
+        color: white;
+        border: none;
+        padding: 10px 20px;
+        text-align: center;
+        text-decoration: none;
+        display: inline-block;
+        font-size: 16px;
+        margin: 4px 2px;
+        cursor: pointer;
+        border-radius: 12px;
+    }
+    </style>
+    <div class="footer">
+        <p>Developed by Soufiane Sejjari</p>
+        <p><a href="https://soufiane-s.netlify.app/" target="_blank">Portfolio</a> | <a href="https://github.com/soufianesejjari" target="_blank">GitHub</a></p>
+    </div>
+    """
+    st.markdown(footer, unsafe_allow_html=True)
+
+inject_html()
+
 st.sidebar.title("WhatsApp Chat Analyzer")
 
 uploaded_file = st.sidebar.file_uploader("Choose a file")
@@ -25,7 +101,6 @@ if uploaded_file is not None:
     selected_user = st.sidebar.selectbox("Show analysis wrt", user_list)
 
     if st.sidebar.button("Show Analysis"):
-
         # Stats Area
         num_messages, words, num_media_messages, num_links = helper.fetch_stats(selected_user, df)
         st.title("Top Statistics")