import streamlit as st

st.set_page_config(page_title="💊Prescripto AI", layout="centered")

st.markdown(
    """
    <div style="text-align: center; padding: 30px 10px; background: linear-gradient(to right, #36D1DC, #5B86E5); border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.2);">
        <h1 style="color: white; font-size: 3em; margin-bottom: 0;">💊 Prescripto AI</h1>
        <h3 style="color: #f0f0f0; margin-top: 5px;">Smart Prescription Reader & Medicine Assistant</h3>
    </div>
    """,
    unsafe_allow_html=True,
)

st.markdown(
    """
    <div style='background-color: #ffffff; padding: 25px; margin-top: 30px; border-left: 6px solid #36D1DC; border-radius: 16px; box-shadow: 0 6px 18px rgba(0,0,0,0.06); transition: 0.3s ease-in-out;'>
        <p style='font-size: 18px;'>
            <strong>🧾 Struggling to read handwritten prescriptions?</strong><br>
            <span style='color: #555;'>Let AI extract and explain your medicine instructions clearly.</span>
        </p>
        <ul style='font-size: 16px; line-height: 1.8; color: #444;'>
            <li>📷 Upload a photo of a doctor's prescription</li>
            <li>🔎 Extracts medicine names and instructions using OCR + LLM</li>
            <li>💡 Get dosage info, timings, side effects, and precautions</li>
            <li>⚕️ Saves time, avoids confusion, and prevents medication errors</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>👵 Elderly patients needing clarity</li>
            <li>👨‍👩‍👧‍👦 Family members managing medicines</li>
            <li>👩‍⚕️ Caregivers, nurses, and pharmacists</li>
            <li>📱 Anyone who wants safe and informed medicine use</li>
        </ul>
        <p style='text-align: center; font-style: italic; color: #999; margin-top: 25px;'>
            Built using EasyOCR, HuggingFace LLMs, LangChain & Streamlit
        </p>
    </div>
    """,
    unsafe_allow_html=True,
)

st.markdown(
    """
    <div style="margin-top: 40px; text-align: center;">
        <h4 style="color: #36D1DC;">👩‍💻 About the Creator</h4>
        <p style="color: #555; font-size: 16px;">
            <strong>Harika Padyala</strong><br>
            Passionate AI Developer & Data Enthusiast<br>
            Building smart, accessible AI apps for everyone! 🚀
        </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-000000?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,
)