import streamlit as st 


st.set_page_config(page_title="💼 SmartHire AI", layout="centered")

st.markdown(
    """
    <div style="text-align: center; padding: 30px 10px; background: linear-gradient(to right, #00c6ff, #0072ff); border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.2);">
        <h1 style="color: white; font-size: 3em; margin-bottom: 0;">💼 SmartHire AI</h1>
        <h3 style="color: #e6f0ff; margin-top: 5px;">AI-powered Resume & Job Description Analyzer</h3>
    </div>
    """,
    unsafe_allow_html=True,
)

st.markdown(
    """
    <div style='background-color: #ffffff; padding: 25px; margin-top: 30px; border-left: 6px solid #00c6ff; border-radius: 16px; box-shadow: 0 6px 18px rgba(0,0,0,0.06);'>
        <p style='font-size: 18px;'>
            <strong>🧐 Want to quickly understand a resume or job description?</strong><br>
            <span style='color: #555;'>Let SmartHire AI extract meaningful details using advanced AI models.</span>
        </p>
        <ul style='font-size: 16px; line-height: 1.8; color: #444;'>
            <li>📄 Upload a resume and/or job description file</li>
            <li>🧠 AI extracts education, experience, skills, and roles</li>
            <li>🎯 Identify gaps between resume and JD instantly</li>
            <li>📊 Save time on shortlisting, hiring, or applying for jobs</li>
        </ul>
        <p style='font-size: 16px; font-weight: 600; color: #333; margin-top: 15px;'>
            Ideal for:
        </p>
        <ul style='font-size: 15.5px; color: #333; line-height: 1.7;'>
            <li>🧑‍💼 HRs and Recruiters</li>
            <li>👩‍🎓 Job Seekers and Freshers</li>
            <li>🧑‍💻 Career Coaches and Counselors</li>
            <li>🏢 Companies doing volume hiring</li>
        </ul>
        <p style='text-align: center; font-style: italic; color: #999; margin-top: 25px;'>
            Built using LangChain, HuggingFace LLMs & Streamlit
        </p>
    </div>
    """,
    unsafe_allow_html=True,
)

st.markdown(
    """
    <div style="margin-top: 40px; text-align: center;">
        <h4 style="color: #00c6ff;">👨‍💻 About the Creator</h4>
        <p style="color: #555; font-size: 16px;">
            <strong>Harika Padyala</strong><br>
            AI Engineer • Data Enthusiast • Creative Thinker<br>
            Making AI tools smarter, faster, and user-friendly 🚀
        </p>
        <div style="margin-top: 15px;">
            <a href="https://github.com/Harika22-08?tab=repositories" target="_blank">
                <img src="https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white">
            </a>
            <a href="https://www.linkedin.com/in/harika-padyala-67a882305/" target="_blank">
                <img src="https://img.shields.io/badge/LinkedIn-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white">
            </a>
        </div>
    </div>
    """,
    unsafe_allow_html=True,
)