Update app.py

app.py

@@ -2,28 +2,26 @@ import gradio as gr
 import requests
 import os
 
-# 🔐 Get API key from Hugging Face Secrets
 API_KEY = os.getenv("groc_api_key")
-
 API_URL = "https://api.groq.com/openai/v1/chat/completions"
 
 
 def generate_linkedin_post(topic, tone, audience, length):
 
     prompt = f"""
-    Write a professional LinkedIn post.
+    Write a HIGHLY engaging LinkedIn post.
 
     Topic: {topic}
     Tone: {tone}
-    Target Audience: {audience}
+    Audience: {audience}
     Length: {length}
 
-    Requirements:
-    - Strong hook at start
-    - Human and engaging tone
-    - Add storytelling if possible
-    - Add hashtags at the end
-    - Make it viral-ready for LinkedIn
+    REQUIREMENTS:
+    - Start with a strong hook 🔥
+    - Add relevant emojis naturally 😄🚀💡
+    - Make it human, storytelling style
+    - Keep it LinkedIn viral optimized
+    - End with 5-8 hashtags
     """
 
     headers = {
@@ -33,39 +31,67 @@ def generate_linkedin_post(topic, tone, audience, length):
 
     payload = {
         "model": "llama-3.1-8b-instant",
-        "messages": [
-            {"role": "user", "content": prompt}
-        ],
-        "temperature": 0.7
+        "messages": [{"role": "user", "content": prompt}],
+        "temperature": 0.8
     }
 
-    response = requests.post(API_URL, headers=headers, json=payload)
+    res = requests.post(API_URL, headers=headers, json=payload)
 
-    if response.status_code == 200:
-        return response.json()["choices"][0]["message"]["content"]
-    else:
-        return response.text
+    if res.status_code == 200:
+        return res.json()["choices"][0]["message"]["content"]
+    return res.text
 
 
-# 🎨 UI
+# 🎨 MODERN UI DESIGN
 css = """
-body { background-color: #f5f7fb; }
+body {
+    background: linear-gradient(135deg, #f5f7fb, #e8f0ff);
+}
+
+.gradio-container {
+    max-width: 900px !important;
+    margin: auto !important;
+}
+
+textarea {
+    font-size: 16px !important;
+    background: white !important;
+    border-radius: 12px !important;
+    border: 1px solid #dbeafe !important;
+}
+
+button {
+    background: #2563eb !important;
+    color: white !important;
+    border-radius: 10px !important;
+    font-weight: bold !important;
+}
 """
 
-demo = gr.Blocks(css=css, theme=gr.themes.Soft())
+with gr.Blocks(css=css, theme=gr.themes.Soft()) as demo:
+
+    gr.Markdown("""
+    # 🚀 AI LinkedIn Post Generator
+    ### Create viral LinkedIn posts with AI + emojis + storytelling ✨
+    """)
 
-with demo:
-    gr.Markdown("# AI LinkedIn Post Generator 🚀")
+    with gr.Row():
+        topic = gr.Textbox(label="💡 Topic")
+        tone = gr.Dropdown(
+            ["Professional", "Motivational", "Casual", "Storytelling"],
+            label="🎯 Tone"
+        )
 
     with gr.Row():
-        topic = gr.Textbox(label="Topic")
-        tone = gr.Dropdown(["Professional", "Motivational", "Casual", "Storytelling"])
-        audience = gr.Textbox(label="Target Audience")
-        length = gr.Dropdown(["Short", "Medium", "Long"])
+        audience = gr.Textbox(label="👥 Target Audience")
+        length = gr.Dropdown(["Short", "Medium", "Long"], label="📏 Length")
 
-    btn = gr.Button("Generate")
+    btn = gr.Button("✨ Generate Viral Post")
 
-    output = gr.Textbox(label="Generated Post", lines=20)
+    output = gr.Textbox(
+        label="📢 Generated LinkedIn Post",
+        lines=20
+    )
 
     btn.click(
         generate_linkedin_post,