Update app.py

app.py

@@ -1,135 +1,57 @@
-import streamlit as st
-import os, random
-from groq import Groq
-
-# ✅ Initialize Groq client
-client = Groq(api_key=os.getenv("GROQ_API_KEY"))
-
-# ✅ Cute 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",
-]
-
-# ✅ Streamlit app settings
-st.set_page_config(page_title="SkinSense AI", layout="centered")
-
-st.markdown("""
-    <h1 style='text-align:center; font-family:Arial; font-size:32px;
-        background: linear-gradient(to right, black, #4CAF50);
-        -webkit-background-clip: text; color: transparent;'>
-        🌿 <b>SkinSense AI – Your Smart Skincare Buddy</b>
-    </h1>
-""", unsafe_allow_html=True)
-
-with st.form("skincare_form"):
-    st.subheader("👤 Personal Information")
-    name = st.text_input("📝 Name")
-    gender = st.selectbox("🚻 Gender", ["Female", "Male", "Other"])
-    age = st.slider("🎂 Age", 5, 100, 25)
-
-    st.subheader("💆 Skin Details")
-    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", height=100)
-    image = st.file_uploader("📷 Upload Image (optional)", type=["png", "jpg", "jpeg"])
-    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"])
-
-    submitted = st.form_submit_button("✨ Get My Personalized Advice")
-
-if submitted:
-    if not name.strip():
-        st.warning("⚠ Please enter your name for personalized advice.")
-    elif not description.strip() and (skin_concern == "Other" or not skin_concern.strip()):
-        st.warning("⚠ Please select or describe your skin concern.")
-    else:
-        user_issue = description if description.strip() else skin_concern
-        random_factor = random.randint(1, 10000)
-
-        if gender == "Female":
-            gender_pref = "Focus on hydration, mild natural ingredients, and avoid harsh scrubs."
-        elif gender == "Male":
-            gender_pref = "Men often need oil-control and deep cleansing due to thicker skin."
-        else:
-            gender_pref = "Use a balanced routine suitable for all skin types."
-
-        prompt = f"""
-        User Profile:
-        - Name: {name}
-        - Gender: {gender}
-        - Age: {age}
-        - Skin Concern: {skin_concern}
-        - Description: {user_issue}
-        - Duration: {duration}
-        - Sensitive Skin: {sensitivity}
-        - Skincare Routine: {routine}
-
-        Additional Preference based on Gender:
-        {gender_pref}
-
-        Creativity factor: {random_factor}
-
-        FORMAT STRICTLY:
-        🌟 Personalized Greeting (use Name & friendly tone)
-        🩺 Skin Issue Summary (1 concise line)
-        📊 Global Insight (but vary percentage, not same every time)
-        🧴 Daily Care Routine (3 bullet points)
-        🌿 One Natural Remedy (unique each time)
-        💡 3 Lifestyle Tips (not generic, vary)
-        💬 Motivational Quote (1 line, italic)
-        """
-
-        try:
-            response = client.chat.completions.create(
-                model="llama3-8b-8192",
-                messages=[{"role": "user", "content": prompt}]
-            )
-            result = response.choices[0].message.content.strip()
-        except:
-            result = f"""
-            🌟 Hi {name}, great to see you here!  
-            🩺 Your skin concern: {skin_concern}  
-            📊 Around {random.randint(10,80)}% of people face this issue globally.  
-            🧴 Daily Care Routine:
-            • Cleanse twice daily with a mild face wash  
-            • Hydrate with light moisturizer  
-            • Apply SPF 30 sunscreen before going out  
-            🌿 Natural Remedy: Honey + turmeric paste for 10 mins once a week  
-            💡 Lifestyle Tips:
-            • Sleep at least 7 hrs daily  
-            • Eat omega-rich foods (fish, nuts)  
-            • Avoid touching your face frequently  
-            💬 “Your skin reflects how kindly you treat yourself.”
-            """
-
-        styled_result = (
-            result.replace("🌟", "<h3 style='color:#4CAF50;'>🌟")
-                  .replace("🩺", "</h3><h3 style='color:#4CAF50;'>🩺")
-                  .replace("📊", "</h3><h3 style='color:#4CAF50;'>📊")
-                  .replace("🧴", "</h3><h3 style='color:#4CAF50;'>🧴")
-                  .replace("🌿", "</h3><h3 style='color:#4CAF50;'>🌿")
-                  .replace("💡", "</h3><h3 style='color:#4CAF50;'>💡")
-                  .replace("💬", "</h3><h3 style='color:#4CAF50;'>💬") + "</h3>"
-        )
-
-        sticker = random.choice(stickers)
-
-        st.markdown(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;'>
-                {styled_result}
-            </div>
+import gradio as gr
+
+def skincare_response(name, concern):
+    # Example response based on concern
+    if "dark spots" in concern.lower():
+        return f"""
+        <div style='font-family:Arial, sans-serif; line-height:1.6; color:#333'>
+            <h2 style='color:#4CAF50;'>🌟 Hey {name}! 🌸</h2>
+
+            <h3 style='color:#FF5722;'>🩺 Skin Issue Summary:</h3>
+            <p>You're experiencing <b>dark spots</b>, a common concern, and we're here to help!</p>
+
+            <h3 style='color:#3F51B5;'>📊 Global Insight:</h3>
+            <p><b>78%</b> of women in their 20s like you suffer from dark spots due to hormonal fluctuations, sun exposure, or skin care mistakes.</p>
+
+            <h3 style='color:#009688;'>🧴 Daily Care Routine:</h3>
+            <ul style='margin-left:20px;'>
+                <li>Cleanse your face with a gentle, sulfate-free cleanser containing ingredients like <b>aloe vera</b> or <b>green tea</b>.</li>
+                <li>Apply a toner that balances your skin's pH level and helps reduce dark spots.</li>
+                <li>Moisturize with a lightweight, oil-free gel or serum that absorbs quickly into your skin.</li>
+            </ul>
+
+            <h3 style='color:#795548;'>🌿 One Natural Remedy:</h3>
+            <p>Try applying a paste made from <b>turmeric powder and yogurt</b> to your dark spots for 10–15 minutes, then rinse with lukewarm water. Turmeric's anti-inflammatory properties help reduce darkness and hyperpigmentation.</p>
+
+            <h3 style='color:#FF9800;'>💡 3 Lifestyle Tips:</h3>
+            <ul style='margin-left:20px;'>
+                <li>Use a <b>broad-spectrum sunscreen</b> (SPF 30+) and reapply every 2 hours.</li>
+                <li>Wear a <b>hat</b> or apply a <b>lip balm with SPF</b> to protect your face and lips.</li>
+                <li>Thoroughly remove makeup before bed using a <b>gentle makeup remover</b>.</li>
+            </ul>
+
+            <h3 style='color:#9C27B0;'>💬 Inspiration:</h3>
+            <blockquote style='border-left:4px solid #ccc; padding-left:10px; color:#555; font-style:italic;'>
+                “Believe you can and you're halfway there.” – Theodore Roosevelt
+            </blockquote>
+
+            <p style='color:#E91E63;'><b>Remember, {name}, you're taking the first step towards a brighter, healthier complexion! 💖</b></p>
         </div>
-        """, unsafe_allow_html=True)
+        """
+    else:
+        return f"<p>Hello {name}, we will add support for your concern soon!</p>"
+
+# Gradio interface
+iface = gr.Interface(
+    fn=skincare_response,
+    inputs=[
+        gr.Textbox(label="Your Name"),
+        gr.Textbox(label="Describe your skin concern (e.g., dark spots, acne, dryness)")
+    ],
+    outputs=gr.HTML(label="SkinSense AI Response"),
+    title="SkinSense AI - Personalized Skincare Guide",
+    description="🌿 Enter your name and skin concern to receive a personalized skincare routine and lifestyle tips."
+)
+
+if __name__ == "__main__":
+    iface.launch()