import streamlit as st

# Set page config
st.set_page_config(page_title="Cricket Data Analysis", page_icon="🏏", layout="wide")

# Function to set background image
def set_background(image_url):
    st.markdown(
        f"""
        <style>
        .stApp {{
            background: url({image_url});
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }}
        .white-text {{
            color: white;
            font-size: 18px;
        }}
        </style>
        """,
        unsafe_allow_html=True
    )

# Set background image
image_url = "https://huggingface.co/spaces/Adityaganesh/Cricket_data/raw/main/istockphoto-177427917-612x612.jpg"
set_background(image_url)

# Title and Introduction
st.markdown('<h1 class="white-text">🏏 Cricket Data Analysis Dashboard</h1>', unsafe_allow_html=True)
st.markdown("""
    <p class="white-text">
    Welcome to my <b>Cricket Data Analysis</b> project, where data meets the game!<br>
    This project dives deep into historical and live cricket data to uncover hidden patterns, player insights, team performances, and match predictions.
    </p>
""", unsafe_allow_html=True)

# What I'm Doing Section
st.markdown('<h3 class="white-text">🔍 What I\'m doing:</h3>', unsafe_allow_html=True)

st.markdown("""
    <ul class="white-text">
        <li>Collected and cleaned cricket match data (ODI, T20, IPL, and more)</li>
        <li>Performing <b>Exploratory Data Analysis (EDA)</b> to visualize trends</li>
        <li>Analyzing player statistics, strike rates, economy, and consistency</li>
        <li>Comparing team strategies, win probabilities, and match outcomes</li>
        <li>Building <b>predictive models</b> for future match predictions and insights</li>
        <li>Delivering visual reports and dashboards for easy interpretation</li>
    </ul>
""", unsafe_allow_html=True)

# Footer
st.markdown("<hr>", unsafe_allow_html=True)
st.markdown('<p class="white-text">Explore the dashboard to uncover exciting cricket insights! 🧠📊</p>', unsafe_allow_html=True)