Update app.py

app.py

@@ -1,13 +1,34 @@
 import streamlit as st
+import os, random
+from groq import Groq
 
-def generate_response(name, concern):
-    return f"""
+# ✅ Initialize Groq client
+client = Groq(api_key=os.getenv("GROQ_API_KEY"))
+
+# ✅ Cute skincare stickers
+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",
+]
+
+# ✅ Hardcoded formatted output for demo
+def skincare_advice(name, gender, age, skin_concern, description, image, duration, sensitivity, routine):
+    if not name.strip():
+        return "⚠ Please enter your name."
+
+    sticker = random.choice(stickers)
+
+    # ✅ Replace 'Javeria' with actual name in template
+    formatted_output = f"""
     <h4 style='color:red;'>🌟 Greeting</h4>
     <div style='color:black;'>Hey {name}! 👋</div>
 
     <h4 style='color:red;'>🩺 Skin Issue Summary</h4>
     <div style='color:black;'>
-        Skin Issue Summary: {concern} have appeared on your skin, affecting your confidence. It's essential to address this concern to even out your skin tone.
+        Skin Issue Summary: Dark spots have appeared on your skin, affecting your confidence. It's essential to address this concern to even out your skin tone.
     </div>
 
     <h4 style='color:red;'>📊 Global Insight</h4>
@@ -43,17 +64,42 @@ def generate_response(name, concern):
     <div style='color:black;'>“Do something today that your future self will thank you for.”</div>
     """
 
-# Streamlit UI
+    return 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);'>
+        <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;'>
+            {formatted_output}
+        </div>
+    </div>
+    """
+
+# ✅ Streamlit UI
 st.set_page_config(page_title="SkinSense AI", layout="centered")
 
-st.title("🧴 SkinSense AI - Personalized Skincare Assistant")
+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("Your Name", placeholder="e.g., Javeria")
-    concern = st.text_area("Describe Your Skin Concern", placeholder="e.g., I have dark spots on my cheeks")
-    submit = st.form_submit_button("Get My Skincare Plan")
-
-if submit and name and concern:
-    st.markdown("---")
-    st.subheader("🧾 Your Personalized Skin Guide")
-    st.markdown(generate_response(name, concern), unsafe_allow_html=True)
+    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")
+
+if submit:
+    output = skincare_advice(name, gender, age, skin_concern, description, image, duration, sensitivity, routine)
+    st.markdown(output, unsafe_allow_html=True)