Update app.py

app.py

@@ -9,7 +9,6 @@ df = pd.read_csv("top_100_influencers_combined.csv")
 df.fillna("", inplace=True)
 
 # Prepare text for embedding
-# You can include 'Reach' or other metrics as needed
 profile_fields = ["Name", "Niche", "Country"]
 df["profile_text"] = df[profile_fields].agg(" - ".join, axis=1)
 
@@ -18,7 +17,6 @@ model = SentenceTransformer("sentence-transformers/all-MiniLM-L6-v2")
 influencer_embeddings = model.encode(df["profile_text"].tolist(), convert_to_tensor=True)
 
 # Recommendation logic: find top 3 by cosine similarity
-
 def recommend_influencers(brand_description):
     query_embedding = model.encode(brand_description, convert_to_tensor=True)
     cosine_scores = util.pytorch_cos_sim(query_embedding, influencer_embeddings)[0]
@@ -39,23 +37,33 @@ def recommend_influencers(brand_description):
     return recs
 
 # Format recommendations into styled HTML cards
-
 def format_output(brand_input):
     recs = recommend_influencers(brand_input)
     html = ""
     for i, rec in enumerate(recs, 1):
         html += f"""
-        <div style='padding:1em; margin-bottom:1em; border:1px solid #e0e0e0; border-radius:8px; background:#fff;'>
-          <h3 style='margin:0 0 .5em;'>{i}. {rec['Name']} <span style='font-size:0.8em; color:#666;'>({rec['Platform']})</span></h3>
-          <p style='margin:0.2em 0;'><strong>Niche:</strong> {rec['Niche']}</p>
-          <p style='margin:0.2em 0;'><strong>Country:</strong> {rec['Country']}</p>
-          <p style='margin:0.2em 0;'><strong>Engagement Rate:</strong> {rec['ER']}</p>
-          <p style='margin:0.2em 0;'><strong>Followers:</strong> {rec['Followers']}</p>
-          {f"<p style='margin:0.2em 0;'><strong>Reach:</strong> {rec['Reach']}</p>" if rec['Reach'] else ""}
+        <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>
         """
     return html
 
+# Custom CSS for dark-blue, professional theme
+custom_css = """
+body { background-color: #0a1f44; color: #f0f0f0; font-family: 'Roboto', sans-serif; }
+#input-box textarea { background-color: #1f305b !important; color: #ffffff; border: none; border-radius: 8px; }
+#output-cards .card { background-color: #112857; color: #e0e0e0; border: none; border-radius: 10px; padding: 1em; margin-bottom: 1em; box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
+#output-cards h3 { margin-bottom: 0.3em; color: #ffd700; font-size: 1.3em; }
+#output-cards .platform { font-size: 0.9em; color: #cccccc; }
+.interface-title { color: #ffffff !important; font-size: 2em !important; }
+.interface-description { color: #c0c0c0 !important; }
+"""
+
 # Build the Gradio interface
 demo = gr.Interface(
     fn=format_output,
@@ -67,19 +75,17 @@ demo = gr.Interface(
     ),
     outputs=gr.HTML(elem_id="output-cards"),
     title="InfluMatch – AI-Powered Influencer Recommender",
-    description="""
-    <div style='max-width:600px; margin-bottom:1em; color:#333;'>
-      <p><strong>InfluMatch</strong> helps you discover the ideal influencers for your brand using AI-driven similarity matching.</p>
-      <p>Simply enter a short description of your brand or campaign to get three top influencer recommendations.</p>
-    </div>
-    """,
-    theme="default",
+    description="Enter your brand or campaign description and get three top influencer matches.",
     examples=[
-      ["Skincare brand for Gen Z women in the US"],
-      ["High-end travel gear targeting adventure enthusiasts in Europe"],
-      ["Eco-friendly fitness apparel for millennials"],
-      ["Gourmet pet food brand seeking Instagram influencers in Canada"]
-    ]
+        ["Skincare brand for Gen Z women in the US"],
+        ["High-end travel gear targeting adventure enthusiasts in Europe"],
+        ["Eco-friendly fitness apparel for millennials"],
+        ["Gourmet pet food brand seeking Instagram influencers in Canada"]
+    ],
+    css=custom_css,
+    theme="default",
+    layout="vertical",
+    allow_flagging=False
 )
 
 if __name__ == "__main__":