Update Home.py

Home.py

@@ -1,77 +1,76 @@
 import streamlit as st
-import pandas as pd
-import numpy as np
+from streamlit_extras.switch_page_button import switch_page
 
-st.set_page_config(page_title="Zero to Hero: Master Data Science & ML")
+# Initialize session state to track which button was clicked
+if 'button_clicked' not in st.session_state:
+    st.session_state.button_clicked = None
 
-## CSS Styling for Background Image with Gradient Overlay 
-custom_css = """
-<style>
-       html, body, [data-testid="stAppViewContainer"] {
-        background: 
-            linear-gradient(
-                rgba(0, 0, 0, 0.6), 
-                rgba(0, 0, 0, 0.6)
-            ),
-            url("https://www.istockphoto.com/photo/tech-or-space-background-abstract-3d-illustration-gm1367865109-437999705");
-        background-size: cover;
-        background-attachment: fixed;
-        color: white;
-       }
-       h1 {
-        color: Black;
-        text-align: center;
-        margin-top: 5px;
-        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); 
-       }
-       .division {
-        margin: 20px auto;
-        padding: 20px;
-        background: rgba(255, 255, 255, 0.1); 
-        border-radius: 10px;
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-      }
-      .division h2 {
-        color: Black;
-        margin-bottom: 10px;
-        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7); 
-      }
-      .division p {
-        line-height: 1.5;
-        font-size: 1.0rem;
-      }
-</style>
-"""
-st.write(custom_css, unsafe_allow_html=True)
+# Custom styles
+st.markdown(
+    """
+    <style>
+        .stApp {
+            background-color: skyblue;
+        }
+    </style>
+    """,
+    unsafe_allow_html=True,
+)
+
+# Initialize session state variables
+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
 
 # App Header
-st.markdown("<h1 style='text-align: center; color: Black;'>🚀 Zero_to_Hero_in_ML  🤖</h1>", unsafe_allow_html=True)
+st.markdown("<h1 style='text-align: center; color: red;'>🏏 Cric Metrics - AI-Powered Cricket Insights 🏏</h1>", unsafe_allow_html=True)
 
-# About Section
-st.markdown("<h2 style='color: Black;'>About the App 🌟</h2>", unsafe_allow_html=True)
+# Cricket Information
+st.markdown("<h2 style='color: darkorange;'>Cricket - The Gentleman’s Game 🏆</h2>", unsafe_allow_html=True)
+st.markdown(
+    "<p style='font-size: 16px; color: black; font-style: italic;'>"
+    "Cricket is one of the most popular sports worldwide, loved by millions. It is played in multiple formats, including Test matches, One Day Internationals (ODIs), and T20s. "
+    "With legendary players, thrilling rivalries, and unforgettable moments, cricket has become more than just a game—it's an emotion for fans around the globe."
+    "</p>",
+    unsafe_allow_html=True
+)
 st.markdown(
-    "<p style='font-size: 16px; color: White; font-style: italic;'>"
-    "This app shares the inspiring journey of an individual who began their data science exploration with no prior knowledge. "
-    "It details their path to mastering various aspects of the field, including Machine Learning, Deep Learning, and Generative AI. "
-    "The app highlights their challenges, setbacks, and perseverance in transitioning from a beginner to an expert in data science, offering a motivational zero-to-hero story."
+    "<p style='font-size: 16px; color: black; font-style: italic;'>"
+    "The game revolves around strategy, skill, and teamwork. Factors like pitch conditions, player form, and weather play a crucial role in match outcomes. "
+    "With data analytics and AI, cricket insights have evolved, offering deeper understanding and predictions."
     "</p>",
     unsafe_allow_html=True
 )
 
-# Player Information Button
-if st.button("📊 Player Information"):
-    st.markdown(
-        "<p style='font-size: 16px; color: White; font-style: italic;'>"
-        "This section will provide detailed statistics, insights, and comparisons of cricket players based on AI-driven analysis. "
-        "Stay tuned for real-time player data updates!"
-        "</p>",
-        unsafe_allow_html=True
-    )
+# About Cric Metrics
+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: Black;'>About the Author 🤖</h2>", unsafe_allow_html=True)
+st.markdown("<h2 style='color: green;'>About the Author 👨‍💻</h2>", unsafe_allow_html=True)
 st.markdown(
-    "<p style='font-size: 16px; color:White; font-style: italic;'>"
+    "<p style='font-size: 16px; color: black; font-style: italic;'>"
     "<b>Sai Kalyan Satwik</b>"
     "</p>",
     unsafe_allow_html=True