import streamlit as st

st.set_page_config(
    page_title="HomePage",
    page_icon="🚀",
    layout="wide"
)

# Title
st.markdown("""
        <div style="text-align: center; margin-bottom: 20px;">
            <h1 style="color: #880085; font-size: 36px;">AutoML: Machine Learning for Everyone!📊 </h1>
            <h2 style="color: #000080; font-size: 24px;">Upload, Analyze, and Build ML Models Effortlessly!🚀🔍</h2>
        </div>""", unsafe_allow_html=True)


st.markdown("""
    <div style="text-align: center; margin-top: 40px; padding: 20px; border-radius: 8px; font-family: Arial, sans-serif;">
        <h2 style="color: #c71585; font-size: 28px;">🚀What You'll Explore</h2>
        <p style="font-size: 18px; line-height: 1.6; color: #4F4F4F;">
            Transform your data into powerful insights with ease! This platform is designed to help you explore, analyze, 
            and build ML models without complexity. Whether you're experimenting with datasets or training models, 
            everything you need is right here. Start now and see the magic of ML in action! 🎯📊
        </p>
        <ul style="text-align: left; font-size: 18px; line-height: 1.8; color: #4F4F4F; display: inline-block;">
            <li><strong>📂 Upload Data:</strong> Start with your dataset in any format.</li>
            <li><strong>🔍 Explore & Preprocess:</strong> Clean, transform, and understand your data.</li>
            <li><strong>⚡ Build Models:</strong> Train and optimize based on your data.</li>
            <li><strong>📊 Assess Performance:</strong> Evaluate results and gain insights.</li>
            <li><strong>🚀 Apply & Integrate:</strong> Use models for real-world applications.</li>
        </ul>
    </div>
""", unsafe_allow_html=True)





st.markdown("""
    <div style="text-align: center; margin-top: 40px; padding: 20px; border-radius: 8px; font-family: Arial, sans-serif;">
        <h2 style="color: #c71585; font-size: 28px;">About the Creator 👨‍💻</h2>
        <p style="font-size: 18px; line-height: 1.8; color: #4F4F4F;">
            Hi! I’m Lakshmi Harika, a postgraduate in Statistics with a passion for exploring data science and machine learning.  
            My journey equips me with hands-on experience in Python, SQL, visualization tools, and Machine Learning to uncover insights from data.
        </p>
        <ul style="text-align: left; font-size: 18px; line-height: 1.8; color: #4F4F4F; margin-top: 20px;">
            <li><strong>Programming:</strong> Python, R, SQL</li>
            <li><strong>Data Analysis & Visualization:</strong> Numpy, Pandas, PowerBI, Excel</li>
            <li><strong>Machine Learning:</strong> Model building, training, and optimization</li>
        </ul>
        <div style="margin-top: 20px;">
            <a href="https://www.linkedin.com/in/lakshmiharika34" target="_blank" style="text-decoration: none; color: white; background-color: #0077b5; padding: 10px 15px; border-radius: 5px; margin-right: 10px;">LinkedIn</a>
            <a href="https://medium.com/@harikamunnangi34" target="_blank" style="text-decoration: none; color: white; background-color: #00ab6c; padding: 10px 15px; border-radius: 5px; margin-right: 10px;">Medium</a>
            <a href="https://github.com/lakshmiharikaa34" target="_blank" style="text-decoration: none; color: white; background-color: #333333; padding: 10px 15px; border-radius: 5px;">GitHub</a>
        </div>
    </div>
""", unsafe_allow_html=True)





st.markdown("""
        <div style="text-align: center; margin-top: 40px; padding: 20px; border-radius: 8px; font-family: Arial, sans-serif;">
            <h2 style="color: #c71585; font-size: 28px;">Ready to Automate Your ML Workflow? 🚀</h2>
            <p style="font-size: 18px; line-height: 1.8; color: #4F4F4F;">
                Start your Machine Learning journey with ease! From data exploration to model deployment,  
                everything you need is just a few clicks away. Get started now and transform your data into insights! 📊⚡
            </p>
        </div>
    """, unsafe_allow_html=True)


st.markdown(
    """
    <style>
    .stApp {
        background-image: url("https://huggingface.co/spaces/LakshmiHarika/MachineLearning/resolve/main/Images/background_img");
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    </style>
    """,
    unsafe_allow_html=True
)