Update pages/1player_information.py

pages/1player_information.py

@@ -1,6 +1,84 @@
 import streamlit as st
 import pandas as pd
 import matplotlib.pyplot as plt
+import streamlit as st
+import base64  
+
+from streamlit_extras.switch_page_button import switch_page
+
+# 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()
+    return f"data:image/jpg;base64,{encoded}"
+
+background_img = get_base64_bg("background.jpg")
+
+# Inject custom CSS with background
+st.markdown(
+    f"""
+    <style>
+        .stApp {{
+            background-image: url("{background_img}");
+            background-size: cover;
+            background-repeat: no-repeat;
+            background-attachment: fixed;
+        }}
+        .header {{
+            text-align: center;
+            color: red;
+            font-size: 30px;
+            font-weight: bold;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            position: relative;
+            padding-top: 20px;
+        }}
+        .logo {{
+            position: absolute;
+            right: 20px;
+            top: 10px;
+            width: 80px;
+            height: auto;
+        }}
+        .sub-header {{
+            color: darkorange;
+            font-size: 26px;
+            font-weight: bold;
+            margin-top: 30px;
+        }}
+        .text {{
+            font-size: 17px;
+            color: black;
+            font-style: italic;
+            background-color: rgba(255, 255, 255, 0.75);
+            padding: 15px;
+            border-radius: 10px;
+            margin-bottom: 20px;
+        }}
+        .footer {{
+            font-size: 14px;
+            color: #333;
+            margin-top: 50px;
+            text-align: center;
+            font-style: italic;
+        }}
+    </style>
+    """,
+    unsafe_allow_html=True
+)
+
+# App Header with Logo
+st.markdown(
+    """
+    <div class='header'>
+        🏏 Cric Metrics - AI-Powered Cricket Insights 🏏
+        <img src='1.png' class='logo'>
+    </div>
+    """,
+    unsafe_allow_html=True
+)
 
 # Set page configuration
 st.set_page_config(page_title="Career Insights", layout="wide")