app.py

import streamlit as st

st.markdown("""
<div style="background-color: #f9f9f9; padding: 30px; border-radius: 16px; box-shadow: 0 6px 18px rgba(0,0,0,0.06); margin-top: 40px;">

    <h2 style="color: #2c3e50; text-align: center;">📋 Why <span style="color:#ff4b2b;">Prescripto AI</span>?</h2>
    <p style="text-align: center; font-size: 16px; color: #555;">Transform unreadable prescriptions into clear medicine instructions using AI 💊</p>

    <hr style="margin: 25px 0; border: none; height: 1px; background: #eee;">

    <ul style="font-size: 16px; line-height: 1.7; color: #333;">
        <li>📷 <strong>Upload a handwritten or printed prescription</strong></li>
        <li>🧠 <strong>AI extracts medicine names, doses & timings</strong></li>
        <li>💡 <strong>Get side effects and special instructions instantly</strong></li>
        <li>🔒 <strong>Stay safe, avoid confusion & errors</strong></li>
    </ul>

    <div style="margin-top: 25px;">
        <p style="font-weight: 600; margin-bottom: 10px;">👥 Ideal For:</p>
        <ul style="line-height: 1.6; color: #444;">
            <li>👴 Elderly users needing clarity</li>
            <li>👨‍👩‍👧‍👦 Families managing prescriptions</li>
            <li>👩‍⚕️ Nurses, pharmacists & caregivers</li>
            <li>📱 Anyone needing quick medicine info</li>
        </ul>
    </div>

    <p style="text-align: center; font-style: italic; color: #888; margin-top: 30px;">
        Built using EasyOCR, HuggingFace LLMs, LangChain & Streamlit 🚀
    </p>
</div>
""", unsafe_allow_html=True)