import streamlit as st
import pandas as pd

# 🔹 App Title
st.markdown(
    "<h1 style='text-align: center; color: red;'>🏏 Welcome to Cricket World – Explore Player Stats!</h1>",
    unsafe_allow_html=True
)

# 🔹 Short Introduction
st.markdown(
    """
    <h3 style='text-align: center; color: green;'>You are one-stop place to discover cricket magic! 🏆</h3>
    <p style='text-align: justify;'>
    Dive into the exciting world of cricket with us! Whether you're a passionate fan or just getting started, 
    this app brings player statistics, records, and insights right at your fingertips.
    </p>
    """,
    unsafe_allow_html=True
)

# 🔹 About Cricket
st.markdown(
    """
    <h3 style='text-align: left; color: blue;'>A Quick Look at Cricket</h3>
    <p>
    Cricket is more than just a sport — it’s an emotion that connects millions. 
    Played between two teams of eleven players each, cricket has different formats loved by fans across the world:
    </p>
    <ul>
    <li><strong>Test Matches:</strong> The traditional and longest form, played over five thrilling days.</li>
    <li><strong>One Day Internationals (ODIs):</strong> A 50-overs per side game offering the perfect blend of strategy and excitement.</li>
    <li><strong>T20 Matches:</strong> High-energy 20-over matches, packed with big hits and quick action.</li>
    <li><strong>IPL:</strong> The Indian Premier League, where cricket meets entertainment, bringing global stars together.</li>
    </ul>
    <p>From powerful sixes to magical bowling spells, cricket never fails to amaze!</p>
    """,
    unsafe_allow_html=True
)

# 🔹 About the App
st.markdown(
    """
    <h3 style='text-align: left; color: blue;'>What's Inside the App?</h3>
    <p style='text-align: justify;'>
    This app is designed specially for cricket lovers who want easy access to detailed player statistics across formats like Test, ODI, T20, and IPL.
    </p>
    <ul>
    <li><strong>View Player Stats:</strong> Find runs scored, wickets taken, and matches played.</li>
    <li><strong>Compare Performances:</strong> See how players perform across different formats.</li>
    <li><strong>Simple and Neat Interface:</strong> No messy graphs — just clean dropdowns and easy-to-read numbers!</li>
    </ul>
    <p>Stay updated and know about your favorite players with one click!</p>
    """,
    unsafe_allow_html=True
)

# 🔹 Navigation Button
st.markdown(
    """
    <h4 style='text-align: left; color: green;'>Want to explore the status of cricket?</h4>
    """,
    unsafe_allow_html=True
)
if st.button("View Player Stats"):
    st.switch_page("pages/1_player_stats.py")