Update Home.py

Home.py

@@ -1,7 +1,9 @@
 import streamlit as st
+import base64  # ✅ Add this
+
 from streamlit_extras.switch_page_button import switch_page
 
-# Load background image
+# Load and encode background image
 def get_base64_bg(image_path):
     with open(image_path, "rb") as img_file:
         encoded = base64.b64encode(img_file.read()).decode()
@@ -9,7 +11,7 @@ def get_base64_bg(image_path):
 
 background_img = get_base64_bg("background.jpg")
 
-# Set the background using encoded image
+# Inject custom CSS with background
 st.markdown(
     f"""
     <style>
@@ -52,10 +54,6 @@ st.markdown(
             border-radius: 10px;
             margin-bottom: 20px;
         }}
-        .button-container {{
-            text-align: center;
-            margin-top: 20px;
-        }}
         .footer {{
             font-size: 14px;
             color: #333;
@@ -68,10 +66,7 @@ st.markdown(
     unsafe_allow_html=True
 )
 
-# 👇 Rest of your app (header, content, buttons) remains unchanged from the previous message.
-
-
-# Header with Logo
+# App Header with Logo
 st.markdown(
     """
     <div class='header'>
@@ -82,51 +77,50 @@ st.markdown(
     unsafe_allow_html=True
 )
 
-# Intro to Cricket
+# Sub-sections
 st.markdown("<h2 class='sub-header'>Cricket - The Gentleman’s Game 🏆</h2>", unsafe_allow_html=True)
 st.markdown(
-    """
-    <div class='text'>
-    Cricket is not just a sport—it's a passion that unites nations. From the roar of the stadium to the precision of a last-ball thriller, cricket teaches discipline, strategy, and the spirit of sportsmanship.<br><br>
-    Whether it's Test cricket’s grind, ODI’s balance, or T20’s thrill—each format brings unique excitement. Players like Sachin Tendulkar, MS Dhoni, and Virat Kohli have inspired generations across the globe.
-    </div>
-    """, unsafe_allow_html=True
+    "<p class='text'>"
+    "Cricket is one of the most popular sports worldwide, loved by millions. "
+    "It is played in multiple formats, including Tests, ODIs, and T20s. "
+    "With legendary players, thrilling rivalries, and unforgettable moments, cricket is more than a game—it's an emotion! 🏏"
+    "</p>",
+    unsafe_allow_html=True
 )
 
-# What is Cric Metrics?
 st.markdown("<h2 class='sub-header'>What is Cric Metrics? 📊</h2>", unsafe_allow_html=True)
 st.markdown(
-    """
-    <div class='text'>
-    <b>Cric Metrics</b> is a smart analytics platform built using Python and Machine Learning. It helps cricket fans and analysts:
-    <ul>
-        <li>⚡ Compare players based on batting, bowling, and fielding metrics</li>
-        <li>📈 Predict match outcomes and player performances</li>
-        <li>📊 Visualize data using advanced graphs and charts</li>
-        <li>💡 Make informed decisions using AI-powered insights</li>
-    </ul>
-    Whether you're a fan, coach, or data nerd—Cric Metrics is your playground for cricket analytics.
-    </div>
-    """, unsafe_allow_html=True
+    "<p class='text'>"
+    "Cric Metrics is an AI-powered cricket analytics platform. It offers player comparisons, performance analysis, "
+    "team stats, and match predictions. It empowers fans, analysts, and teams with smart, data-driven insights. 🤖📈"
+    "</p>",
+    unsafe_allow_html=True
 )
 
-# Player Info Button
-st.markdown("<div class='button-container'>", unsafe_allow_html=True)
-if st.button("📊 Explore Player Information"):
-    switch_page("pages/1player_information.py")
-st.markdown("</div>", unsafe_allow_html=True)
-
+# Add more info if you'd like
+st.markdown("<h2 class='sub-header'>More About Cric Metrics</h2>", unsafe_allow_html=True)
+st.markdown(
+    "<p class='text'>"
+    "From grassroots cricket to international glory, Cric Metrics helps track form, fitness, and match-winning impact. "
+    "We leverage machine learning models and visual analytics to make cricket smarter and more fun! 🚀"
+    "</p>",
+    unsafe_allow_html=True
+)
 # About Author
 st.markdown("<h2 class='sub-header'>About the Author 👨‍💻</h2>", unsafe_allow_html=True)
 st.markdown(
     """
     <div class='text'>
-    <b>Sai Kalyan Satwik</b> is a seasoned cricket enthusiast and tech entrepreneur with over 10 years of experience in data science and software development. <br><br>
+    <b>Sai Kalyan Satwik</b> is a seasoned cricket enthusiast and tech entrepreneur having experience in data science and software development. <br><br>
     His passion for cricket meets his technical expertise in this app, blending numbers with narratives for fans and analysts alike. 
     </div>
     """,
     unsafe_allow_html=True
 )
 
+# Button
+if st.button("📊 Player Information"):
+    st.switch_page("pages/1player_information.py")
+
 # Footer
-st.markdown("<div class='footer'>Built with ❤️ using Streamlit | © 2025 Cric Metrics</div>", unsafe_allow_html=True)
+st.markdown("<div class='footer'>Created with ❤️ by Sai Kalyan Satwik</div>", unsafe_allow_html=True)