Update app.py

app.py

@@ -1,24 +1,73 @@
 import gradio as gr
-from huggingface_hub import InferenceClient
-
-client = InferenceClient("HuggingFaceH4/zephyr-7b-beta") #change LLM
-
-def respond(message, history):
-    messages = [{"role": "system", "content": "You are a helpful chatbot."}]
-    if history:
-        messages.extend(history)
-    messages.append({"role": "user", "content": message})
-    
-    response = ""
-    for message in client.chat_completion(
-        messages,
-        max_tokens=100,
-        stream=True,
-        
-    ):
-        token = message.choices[0].delta.content
-        response += token
-        yield response
-
-chatbot = gr.ChatInterface(respond, type="messages")
-chatbot.launch()
+
+# Respond to user input
+def chatbot_response(user_input):
+    return f"🤖 Thanks! That’s a strong example of an interview response."
+
+# Show/hide the tip "pop-up"
+def show_tip():
+    return gr.update(visible=True)
+
+def hide_tip():
+    return gr.update(visible=False)
+
+with gr.Blocks(css="""
+.popup-box {
+    position: fixed;
+    top: 30%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    background-color: white;
+    border: 2px solid #333;
+    padding: 20px;
+    z-index: 999;
+    box-shadow: 0 0 10px rgba(0,0,0,0.3);
+    border-radius: 12px;
+}
+.overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0,0,0,0.4);
+    z-index: 998;
+}
+""") as demo:
+
+    gr.Markdown("## 🎤 Interview Chatbot")
+    gr.Markdown("Write your answer below or click an example:")
+
+    # User input and bot output
+    user_input = gr.Textbox(label="Your Answer", placeholder="Type your interview response here...")
+    submit_btn = gr.Button("Submit")
+    bot_output = gr.Textbox(label="Bot Reply")
+
+    # Example answers for interview questions
+    gr.Examples(
+        examples=[
+            ["I led a cross-functional team to deliver a project ahead of schedule."],
+            ["I handled a client complaint by staying calm and offering a solution."],
+            ["I used data to reduce delivery time by 15% on a logistics project."]
+        ],
+        inputs=user_input
+    )
+
+    # Submit logic
+    submit_btn.click(fn=chatbot_response, inputs=user_input, outputs=bot_output)
+
+    # Button to show interview tip
+    tip_button = gr.Button("💡 Show Interview Tip")
+
+    # Tip pop-up with overlay
+    with gr.Group(visible=False) as popup:
+        gr.HTML('<div class="overlay"></div>')
+        with gr.Column(elem_classes="popup-box"):
+            gr.Markdown("🧠 **Tip:** Use the **STAR method** — Situation, Task, Action, Result — to structure your answers.")
+            close_btn = gr.Button("❌ Close Tip")
+
+    # Show/hide logic
+    tip_button.click(fn=show_tip, outputs=popup)
+    close_btn.click(fn=hide_tip, outputs=popup)
+
+demo.launch()