Update app.py

app.py

@@ -1,21 +1,37 @@
 import streamlit as st
-import os, random
+import random
 from groq import Groq
+import os
 
-# ✅ Initialize Groq client
-client = Groq(api_key=os.getenv("GROQ_API_KEY"))
+# Set your GROQ API Key
+GROQ_API_KEY = os.getenv("GROQ_API_KEY", "your_groq_api_key_here")  # Replace or set via environment
+client = Groq(api_key=GROQ_API_KEY)
 
-# ✅ Skincare GIFs
 stickers = [
-    "https://media.giphy.com/media/3o6Zt481isNVuQI1l6/giphy.gif",
-    "https://media.giphy.com/media/l3q2XB76CaWPggiNW/giphy.gif",
-    "https://media.giphy.com/media/26tPplGWjN0xLybiU/giphy.gif",
-    "https://media.giphy.com/media/3o7TKP9XDb9IzUrJXa/giphy.gif",
-    "https://media.giphy.com/media/26Fxy3Iz1ari8oytO/giphy.gif",
+    "https://i.imgur.com/6KZyFxh.png",
+    "https://i.imgur.com/f1Qdqpv.png",
+    "https://i.imgur.com/UuUJqfL.png",
+    "https://i.imgur.com/bGMH89Y.png",
+    "https://i.imgur.com/y0ubkNe.png"
 ]
 
-# ✅ Function to get advice using Groq LLaMA3
-def skincare_advice(name, gender, age, skin_concern, description, image, duration, sensitivity, routine):
+# App Title
+st.set_page_config(page_title="SkinSense AI", layout="centered")
+st.markdown("<h1 style='text-align:center; color:#5E35B1;'>🌸 SkinSense AI – Skincare Buddy</h1>", unsafe_allow_html=True)
+
+# User Inputs
+name = st.text_input("Your Name")
+gender = st.radio("Gender", ["Female", "Male", "Other"])
+age = st.slider("Age", 12, 60, 25)
+skin_concern = st.selectbox("Main Skin Concern", ["Acne", "Dryness", "Oiliness", "Pores", "Dullness", "Pigmentation", "Other"])
+description = st.text_area("Describe Your Skin Problem", placeholder="e.g. Small white pimples under skin for 2 weeks...")
+duration = st.selectbox("How long has this been a concern?", ["Less than 1 week", "1-2 weeks", "More than 2 weeks"])
+sensitivity = st.radio("Is your skin sensitive?", ["Yes", "No", "Not Sure"])
+routine = st.text_input("Do you follow a routine?", placeholder="e.g. Facewash, moisturizer, sunscreen")
+
+submit = st.button("✨ Generate Skincare Advice")
+
+def skincare_advice(name, gender, age, skin_concern, description, duration, sensitivity, routine):
     if not name.strip():
         return "<span style='color:red;'>⚠ Please enter your name.</span>"
 
@@ -35,7 +51,8 @@ def skincare_advice(name, gender, age, skin_concern, description, image, duratio
     💡 Lifestyle Tips
     💬 Motivational Quote
 
-    Each section should start with a title and emoji (e.g., 🌿 Natural Remedy) followed by 2–4 lines in plain sentences or bullet points. Only headings should be styled. Don't use HTML tags inside the content.
+    Each section should start with a title (e.g., 🌿 Natural Remedy) on one line, then 2–4 lines of helpful content below it in plain text or bullet points.
+    Do not use bold, underline, or any extra styling.
     """
 
     try:
@@ -43,67 +60,48 @@ def skincare_advice(name, gender, age, skin_concern, description, image, duratio
             model="llama3-8b-8192",
             messages=[{"role": "user", "content": prompt}]
         )
-        content = response.choices[0].message.content
+        raw = response.choices[0].message.content
     except Exception as e:
         return f"<span style='color:red;'>❌ Error: {str(e)}</span>"
 
-    # ✅ Color only the section titles, keep content black and clean
-    section_styles = {
-        "🌟": "#4CAF50",     # Green
-        "🩺": "#F44336",     # Red
-        "📊": "#3F51B5",     # Indigo
-        "🧴": "#FF9800",     # Orange
-        "🌿": "#8BC34A",     # Light Green
-        "💡": "#009688",     # Teal
-        "💬": "#9C27B0"      # Purple
+    # Formatting logic
+    lines = raw.strip().split("\n")
+    html_output = ""
+    section_colors = {
+        "🌟": "#E53935",  # red
+        "🩺": "#D81B60",  # pink
+        "📊": "#5E35B1",  # purple
+        "🧴": "#F57C00",  # orange
+        "🌿": "#43A047",  # green
+        "💡": "#039BE5",  # blue
+        "💬": "#6D4C41",  # brown
     }
 
-    for emoji, color in section_styles.items():
-        content = content.replace(
-            f"{emoji} ",
-            f"</div><h4 style='color:{color}; margin-top:20px;'>{emoji} "
-        )
+    for line in lines:
+        stripped = line.strip()
+        if any(stripped.startswith(e) for e in section_colors):
+            emoji = stripped[:2]
+            color = section_colors.get(emoji, "#000")
+            html_output += f"<h4 style='color:{color}; margin-top:20px;'>{stripped}</h4>\n"
+        else:
+            html_output += f"<p style='color:#111; margin:5px 0;'>{stripped}</p>\n"
 
-    # Wrap everything after first header tag
     final_html = f"""
     <div style='font-family:Arial, sans-serif; color:#111; background:#fff; padding:20px;
-                border-radius:15px; border:2px solid #000; box-shadow:0px 3px 10px rgba(0,0,0,0.3);'>
+                border-radius:12px; border:1px solid #ccc; box-shadow:0 2px 6px rgba(0,0,0,0.1);'>
         <div style='display:flex; align-items:center; justify-content:space-between;'>
             <h2 style='color:#000; margin:0;'>👤 <b>{name}</b> | {gender}, {age} yrs</h2>
             <img src="{sticker}" style="width:70px; border-radius:10px;">
         </div>
-        <div style='margin-top:15px; font-size:16px; line-height:1.7;'>
-            {content}</div>
+        <div style='margin-top:15px; font-size:16px; line-height:1.6;'>
+            {html_output}
+        </div>
     </div>
     """
-
     return final_html
 
-
-# ✅ Streamlit UI
-st.set_page_config(page_title="SkinSense AI", layout="centered")
-
-st.markdown("""
-<h1 style='text-align:center; font-family:Arial; font-size:30px;
-    background: linear-gradient(to right, black, #4CAF50);
-    -webkit-background-clip: text; color: transparent;'>
-    🌿 <b>Welcome to SkinSense AI – Your Smart Skincare Buddy</b>
-</h1>
-""", unsafe_allow_html=True)
-
-with st.form("skincare_form"):
-    name = st.text_input("📝 Name")
-    gender = st.selectbox("🚻 Gender", ["Female", "Male", "Other"])
-    age = st.slider("🎂 Age", 5, 100, 25)
-    skin_concern = st.selectbox("🌟 Select a Common Skin Concern", ["Dark Spots", "Acne", "Tanned Skin", "Oily Skin", "Dryness", "Other"])
-    description = st.text_area("🧾 Or Describe Your Skin Concern")
-    image = st.file_uploader("📷 Upload Image (optional)")
-    duration = st.selectbox("⏳ How long?", ["🆕 Less than a week", "📆 1–4 weeks", "📅 Over a month"])
-    sensitivity = st.selectbox("🧪 Sensitive Skin?", ["Yes", "No", "Not Sure"])
-    routine = st.selectbox("🧴 Skincare Routine?", ["Yes", "No"])
-    submit = st.form_submit_button("✨ Get My Personalized Advice")
-
+# Show Response
 if submit:
-    with st.spinner("🧠 Analyzing and generating your personalized advice..."):
-        output = skincare_advice(name, gender, age, skin_concern, description, image, duration, sensitivity, routine)
-        st.markdown(output, unsafe_allow_html=True)
+    with st.spinner("Generating advice..."):
+        result = skincare_advice(name, gender, age, skin_concern, description, duration, sensitivity, routine)
+        st.markdown(result, unsafe_allow_html=True)