app.py

import streamlit as st

st.set_page_config(
    page_title="Stylish Home Page",
    page_icon="🎨",
    layout="wide",)

st.markdown(
    """
    <style>
    /* Background styling */
    body {
        background: linear-gradient(to right, #6a11cb, #2575fc);
        color: white;
        font-family: 'Arial', sans-serif;
    }
    
    /* Title styling */
    h1 {
        font-size: 3.5rem;
        text-align: center;
        margin-top: 50px;
        font-weight: bold;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    }

    /* Subtitle styling */
    h2 {
        font-size: 1.8rem;
        text-align: center;
        margin-top: -20px;
        font-weight: 300;
        color: #f0f0f0;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    }

    /* Button styling */
    .stButton > button {
        background: #ff7f50;
        color: white;
        font-size: 1.2rem;
        padding: 10px 20px;
        border-radius: 8px;
        border: none;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .stButton > button:hover {
        background: #ff4500;
        transform: scale(1.05);
    }

    /* Footer styling */
    .footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        color: white;
        text-align: center;
        padding: 10px 0;
        font-size: 0.9rem;
    }
    </style>
    """,
    unsafe_allow_html=True,
)

# Main page content
st.markdown("<h1>Welcome to My Stylish Streamlit App!</h1>", unsafe_allow_html=True)
st.markdown("<h2>Transforming simplicity into elegance</h2>", unsafe_allow_html=True)

st.write("")

st.write("Explore the features of this app with stunning visuals and intuitive design.")

# Add buttons
if st.button("Get Started"):
    st.write("You've clicked the 'Get Started' button! 🎉")

# Footer
st.markdown(
    """
    <div class="footer">
        <p>© 2024 Your Company Name | Made with ❤️ in Streamlit</p>
    </div>
    """,
    unsafe_allow_html=True,
)