app.py

import streamlit as st

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


st.markdown("""
<style>
.prescripto-header {
    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);
}
.prescripto-header h1 {
    color: white;
    font-size: 3em;
    margin-bottom: 0;
}
.prescripto-header h3 {
    color: #f0f0f0;
    margin-top: 5px;
}

.prescripto-box {
    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);
}

.prescripto-box p {
    font-size: 18px;
}

.prescripto-box ul {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
}

.prescripto-creator {
    margin-top: 40px;
    text-align: center;
}

.prescripto-creator h4 {
    color: #36D1DC;
}

.prescripto-creator p {
    color: #555;
    font-size: 16px;
}

.prescripto-creator a {
    margin: 5px;
}
</style>
""", unsafe_allow_html=True)


st.markdown("""
<div class="prescripto-header">
    <h1>💊 Prescripto AI</h1>
    <h3>Smart Prescription Reader & Medicine Assistant</h3>
</div>
""", unsafe_allow_html=True)

st.markdown("""
<div class="prescripto-box">
    <p><strong>🧾 Struggling to read handwritten prescriptions?</strong><br>
    <span style='color: #555;'>Let AI extract and explain your medicine instructions clearly.</span></p>
    
    <ul>
        <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-weight: 600;'>Ideal for:</p>
    <ul>
        <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;'>
        Built using EasyOCR, HuggingFace LLMs, LangChain & Streamlit
    </p>
</div>
""", unsafe_allow_html=True)


st.markdown("""
<div class="prescripto-creator">
    <h4>👩‍💻 About the Creator</h4>
    <p>
        <strong>Harika Padyala</strong><br>
        Passionate AI Developer & Data Enthusiast<br>
        Building smart, accessible AI apps for everyone! 🚀
    </p>
    <div>
        <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)