Update app.py

app.py

@@ -1,33 +1,66 @@
 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;">
+st.set_page_config(page_title="💊Prescripto AI", layout="centered")
 
-    <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>
+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,
+)
 
-    <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>
+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,
+)
 
-    <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)
+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,
+)