Update home.py

home.py

@@ -1,7 +1,5 @@
 import streamlit as st
 from streamlit_extras.switch_page_button import switch_page
-import base64
-import webbrowser
 
 # Initialize session state to track which button was clicked
 if 'button_clicked' not in st.session_state:
@@ -14,46 +12,6 @@ st.markdown(
         .stApp {
             background-color: skyblue;
         }
-        .title {
-            text-align: center;
-            color: red;
-            font-size: 36px;
-            font-family: 'Times New Roman';
-            font-weight: bold;
-        }
-        .header {
-            font-size: 28px;
-            font-family: 'Times New Roman';
-            color: blue;
-            font-style: italic;
-            font-weight: bold;
-        }
-        .header1 {
-            font-size: 24px;
-            font-family: 'Times New Roman';
-            color: green;
-            font-style: italic;
-            font-weight: bold;
-        }
-        .header2 {
-            font-size: 20px;
-            font-family: 'Times New Roman';
-            color: black;
-            font-style: italic;
-            font-weight: bold;
-        }
-        .content {
-            font-size: 16px;
-            font-family: 'Times New Roman';
-            line-height: 1.6;
-            color: black;
-        }
-        .example {
-            font-size: 16px;
-            font-family: 'Times New Roman';
-            font-style: italic;
-            color: black;
-        }
     </style>
     """,
     unsafe_allow_html=True,
@@ -64,33 +22,46 @@ for key in ['page', 'jupyter_clicked', 'pdf_clicked', 'excel_clicked']:
     if key not in st.session_state:
         st.session_state[key] = 'home' if key == 'page' else False
 
-# Page routing
-page = st.session_state['page']
+# App Header
+st.markdown("<h1 style='text-align: center; color: red;'>🏏 Cric Metrics - AI-Powered Cricket Insights 🏏</h1>", unsafe_allow_html=True)
 
-if page == 'home':
-    st.markdown("<div class='title'> Cric Metrics - AI-Powered Cricket Insights </div><br>", unsafe_allow_html=True)
-    st.markdown("<div class='header'>What is Cric Metrics?</div><br>", unsafe_allow_html=True)
-    st.markdown(
-        """
-        <div class='content'>
-        Cric Metrics is an advanced cricket analytics platform designed to provide in-depth insights, player comparisons, score predictions, and team analysis using AI and machine learning.<br><br>
-        Key Features:<br>
-        1. **Player Profiles & Comparisons** – Analyze detailed stats and compare players across formats.<br>
-        2. **Team Analysis** – Head-to-head matchups, recent performance, and winning probabilities.<br>
-        3. **Score Prediction** – AI-driven forecasts based on historical data and live conditions.<br>
-        <br>
-        Whether you're a cricket enthusiast, fantasy league player, or analyst, Cric Metrics gives you the edge with data-driven insights!
-        </div><br><br>
-        """,
-        unsafe_allow_html=True,
-    )
-    
-    st.markdown("<div class='header1'>About the Author</div><br>", unsafe_allow_html=True)
-    st.markdown(
-        """
-        <div class='content'>
-        **Sai Kalyan Satwik** is a seasoned cricket enthusiast and tech entrepreneur with over 10 years of experience in the field. Passionate about blending technology with sports, he has developed Cric Metrics to bring the power of AI and data science into cricket analytics. His expertise spans machine learning, software development, and cricket analysis, making Cric Metrics a top-tier analytical platform for cricket lovers worldwide.
-        </div>
-        """,
-        unsafe_allow_html=True,
-    )
+# About the App
+st.markdown("<h2 style='color: blue;'>What is Cric Metrics? 📊</h2>", unsafe_allow_html=True)
+st.markdown(
+    "<p style='font-size: 16px; color: black; font-style: italic;'>"
+    "Cric Metrics is an advanced cricket analytics platform designed to provide in-depth insights, player comparisons, "
+    "score predictions, and team analysis using AI and machine learning."
+    "</p>",
+    unsafe_allow_html=True
+)
+st.markdown(
+    "<p style='font-size: 16px; color: black; font-style: italic;'>"
+    "Key Features:<br>"
+    "✅ <b>Player Profiles & Comparisons</b> – Analyze detailed stats and compare players across formats.<br>"
+    "✅ <b>Team Analysis</b> – Head-to-head matchups, recent performance, and winning probabilities.<br>"
+    "✅ <b>Score Prediction</b> – AI-driven forecasts based on historical data and live conditions.<br>"
+    "</p>",
+    unsafe_allow_html=True
+)
+st.markdown(
+    "<p style='font-size: 16px; color: black; font-style: italic;'>"
+    "Whether you're a cricket enthusiast, fantasy league player, or analyst, Cric Metrics gives you the edge with data-driven insights!"
+    "</p>",
+    unsafe_allow_html=True
+)
+
+# Author Section
+st.markdown("<h2 style='color: green;'>About the Author 👨‍💻</h2>", unsafe_allow_html=True)
+st.markdown(
+    "<p style='font-size: 16px; color: black; font-style: italic;'>"
+    "<b>Sai Kalyan Satwik</b> is a seasoned cricket enthusiast and tech entrepreneur with over 10 years of experience in the field. "
+    "Passionate about blending technology with sports, he has developed Cric Metrics to bring the power of AI and data science into cricket analytics."
+    "</p>",
+    unsafe_allow_html=True
+)
+st.markdown(
+    "<p style='font-size: 16px; color: black; font-style: italic;'>"
+    "His expertise spans Machine Learning, Software Development, and Cricket Analysis, making Cric Metrics a top-tier analytical platform for cricket lovers worldwide."
+    "</p>",
+    unsafe_allow_html=True
+)