Update app.py

app.py

@@ -42,35 +42,48 @@ def chat_with_groq(user_input):
     response = requests.post(url, headers=headers, json=body)
     
     if response.status_code == 200:
-        base_response = response.json()['choices'][0]['message']['content']
-        
-        # Append popular related questions for UAE
-        popular_questions = (
-            "\n\n---\n"
-            "#### 🔍 Popular related questions in the UAE:\n"
-            "- What are the best corrosion-resistant materials for marine environments (e.g., desalination)?\n"
-            "- Which materials are ideal for solar panel coatings and desert heat management?\n"
-            "- What materials are used for aerospace structures in extreme climates?\n"
-            "- Best high-strength materials for construction in the Gulf region?\n"
-            "- What advanced materials are used in electric vehicles and batteries in the UAE?\n"
-        )
-        
-        return base_response + popular_questions
+        return response.json()['choices'][0]['message']['content']
     else:
         return f"Error: {response.json()}"
 
-# Build improved layout using Gradio Blocks
+# Build Gradio interface with better layout
 with gr.Blocks(title="Materials Science Expert Chatbot") as demo:
-    gr.Markdown("## 🧪 Materials Science Expert\nAsk about the best materials for a specific application.")
-    
+    gr.Markdown("## 🧪 Materials Science Expert\nAsk about the best materials for any engineering or industrial application.")
+
     with gr.Row():
-        user_input = gr.Textbox(lines=2, placeholder="e.g. Best materials for high-temperature turbine blades...", label="Ask your question")
-        submit_btn = gr.Button("Submit")
-    
+        with gr.Column(scale=3):
+            user_input = gr.Textbox(
+                lines=2,
+                placeholder="e.g. Best materials for high-temperature turbine blades...",
+                label="Ask your question"
+            )
+        with gr.Column(scale=1, min_width=100):
+            submit_btn = gr.Button("Submit", variant="primary", elem_id="orange-btn")
+
+    # Popular questions
+    gr.Markdown("#### 📌 Popular Materials Science related questions")
+    gr.Markdown("""
+- What are the best corrosion-resistant materials for marine environments (e.g., desalination)?
+- Which materials are ideal for solar panel coatings and desert heat management?
+- What materials are used for aerospace structures in extreme climates?
+- Best high-strength materials for construction in the Gulf region?
+- What advanced materials are used in electric vehicles and batteries in the UAE?
+    """)
+
     output = gr.Markdown()
-    
+
     submit_btn.click(chat_with_groq, inputs=user_input, outputs=output)
 
+    # CSS for orange submit button
+    demo.load(lambda: None, js=None, css="""
+        #orange-btn {
+            background-color: #f97316 !important;
+            color: white !important;
+            border: none;
+            font-weight: bold;
+        }
+    """)
+
 # Launch the app
 if __name__ == "__main__":
     demo.launch()