Update Home.py

Home.py

@@ -1,76 +1,77 @@
 import streamlit as st
-from streamlit_extras.switch_page_button import switch_page
+import pandas as pd
+import numpy as np
 
-# Initialize session state to track which button was clicked
-if 'button_clicked' not in st.session_state:
-    st.session_state.button_clicked = None
+st.set_page_config(page_title="Zero to Hero: Master Data Science & ML")
 
-# 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
+## 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)
 
 # App Header
-st.markdown("<h1 style='text-align: center; color: red;'>🏏 Cric Metrics - AI-Powered Cricket Insights 🏏</h1>", unsafe_allow_html=True)
+st.markdown("<h1 style='text-align: center; color: Black;'>🚀 Zero_to_Hero_in_ML  🤖</h1>", 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
-)
+# About Section
+st.markdown("<h2 style='color: Black;'>About the App 🌟</h2>", unsafe_allow_html=True)
 st.markdown(
-    "<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 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>",
     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
-)
+# 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
+    )
 
 # Author Section
-st.markdown("<h2 style='color: green;'>About the Author 👨‍💻</h2>", unsafe_allow_html=True)
+st.markdown("<h2 style='color: Black;'>About the Author 🤖</h2>", unsafe_allow_html=True)
 st.markdown(
-    "<p style='font-size: 16px; color: black; font-style: italic;'>"
+    "<p style='font-size: 16px; color:White; font-style: italic;'>"
     "<b>Sai Kalyan Satwik</b>"
     "</p>",
     unsafe_allow_html=True