Update app.py

app.py

@@ -42,57 +42,47 @@ def format_output(brand_input):
     html = ""
     for i, rec in enumerate(recs, 1):
         html += f"""
-        <div class='card'>
-          <h3>{i}. {rec['Name']} <span class='platform'>({rec['Platform']})</span></h3>
-          <p><strong>Niche:</strong> {rec['Niche']}</p>
-          <p><strong>Country:</strong> {rec['Country']}</p>
-          <p><strong>Engagement Rate:</strong> {rec['ER']}</p>
-          <p><strong>Followers:</strong> {rec['Followers']}</p>
-          {f"<p><strong>Reach:</strong> {rec['Reach']}</p>" if rec['Reach'] else ""}
+        <div style='background:#ffffff; padding:1em; margin-bottom:1em; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.1);'>
+          <h3 style='margin:0; color:#0a1f44;'>🎯 {i}. {rec['Name']} <span style='font-size:0.9em; color:#555;'>({rec['Platform']})</span></h3>
+          <p style='margin:0.5em 0;'><strong>Niche:</strong> {rec['Niche']}</p>
+          <p style='margin:0.5em 0;'><strong>Country:</strong> {rec['Country']}</p>
+          <p style='margin:0.5em 0;'><strong>Engagement:</strong> {rec['ER']}</p>
+          <p style='margin:0.5em 0;'><strong>Followers:</strong> {rec['Followers']}</p>
+          {f"<p style='margin:0.5em 0;'><strong>Reach:</strong> {rec['Reach']}</p>" if rec['Reach'] else ""}
         </div>
         """
     return html
 
-# Custom CSS: light theme, professional readability
-custom_css = """
-body { background-color: #f5f5f5; color: #333333; font-family: 'Helvetica Neue', Arial, sans-serif; }
-.interface-title { color: #0a1f44 !important; font-size: 2rem !important; margin-bottom: 0.5rem; }
-.interface-description { color: #555555 !important; font-size: 1.1rem; margin-bottom: 1.5rem; }
-#input-box textarea { background-color: #ffffff !important; color: #333333; border: 2px solid #0a1f44; border-radius: 6px; padding: 0.8em; }
-#input-box label { color: #0a1f44 !important; font-weight: 600; margin-bottom: 0.3rem; }
-.gr-button.primary { background-color: #0a1f44 !important; color: #ffffff !important; border-radius: 6px !important; padding: 0.6em 1.2em !important; font-weight: 600; }
-.gr-button.primary:hover { background-color: #08305f !important; }
-.gr-button.secondary { background-color: #e0e0e0 !important; color: #0a1f44 !important; border-radius: 6px !important; padding: 0.6em 1.2em !important; margin-right: 1rem; }
-.gr-button.secondary:hover { background-color: #c9c9c9 !important; }
-#output-cards .card { background-color: #ffffff; color: #333333; border: 1px solid #dddddd; border-radius: 8px; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
-#output-cards h3 { margin-bottom: 0.5rem; color: #0a1f44; font-size: 1.25rem; }
-#output-cards .platform { font-size: 0.9rem; color: #666666; }
-.examples-container { margin-top: 1rem; }
-.examples-container .example { background-color: #ffffff; color: #333333; border: 1px solid #0a1f44; border-radius: 6px; padding: 0.5rem 1rem; margin: 0.3rem; display: inline-block; }
-"""
-
 # Build the Gradio interface
-demo = gr.Interface(
+iface = gr.Interface(
     fn=format_output,
     inputs=gr.Textbox(
-        label="Enhance Your Social Media Campaigns",
-        placeholder="e.g. Targeted fitness brand outreach for Gen Z",
         lines=3,
-        elem_id="input-box"
+        label="🗣️ Describe Your Campaign or Brand",
+        placeholder="e.g., Targeted fitness brand outreach for Gen Z"
+    ),
+    outputs=gr.HTML(
+        label="📈 Recommended Influencers"
+    ),
+    title="💡 InfluMatch: Targeted Influencer Discovery",
+    description=(
+        "Enhance your social media marketing by pinpointing the perfect influencers for your niche.\n\n"
+        "🛠️ AI-driven matching based on niche, audience, and engagement metrics — get top 3 influencer recommendations instantly."
+    ),
+    article=(
+        "**Project:** InfluMatch — AI-Powered Influencer Recommender\n"
+        "**Model:** sentence-transformers/all-MiniLM-L6-v2 for semantic embeddings\n"
+        "**Dataset:** Top 100 Social Media Influencers 2024 (Countrywise) from Kaggle"
     ),
-    outputs=gr.HTML(elem_id="output-cards"),
-    title="InfluMatch: Targeted Influencer Discovery",
-    description="Harness AI to identify and engage niche influencers to maximize your social media marketing ROI.",
     examples=[
         ["Sustainable fashion campaign targeting eco-conscious millennials"],
         ["Tech gadget launch aimed at early adopters in the US"],
         ["Healthy snack brand outreach for fitness enthusiasts"],
         ["Luxury travel experiences for affluent couples in Europe"]
     ],
-    css=custom_css,
-    theme="default",
-    flagging_mode="never"
+    theme="soft",
+    allow_flagging=False
 )
 
 if __name__ == "__main__":
-    demo.launch(share=True)
+    iface.launch(share=True)