Update app.py

app.py

@@ -1,29 +1,75 @@
 import streamlit as st
 from groq import Groq
 
+# Custom CSS for styling
+def add_custom_css():
+    st.markdown(
+        """
+        <style>
+        body {
+            background-color: #f7f9fc;
+            color: #333;
+            font-family: 'Arial', sans-serif;
+        }
+        .main > div {
+            background: white;
+            border-radius: 10px;
+            padding: 20px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+        input[type="password"], input[type="text"] {
+            border: 2px solid #ccc;
+            border-radius: 5px;
+            padding: 10px;
+            margin-bottom: 10px;
+            width: 100%;
+        }
+        button {
+            background-color: #4CAF50;
+            color: white;
+            padding: 10px 20px;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+            font-size: 16px;
+        }
+        button:hover {
+            background-color: #45a049;
+        }
+        .stMarkdown {
+            font-size: 16px;
+        }
+        </style>
+        """,
+        unsafe_allow_html=True
+    )
+
+# Add custom CSS
+add_custom_css()
+
 # Streamlit App
-st.title("Q&A Application with Groq API")
+st.title("✨ Q&A Application with Groq API ✨")
 st.write("Ask a question and get a response using Groq's AI model!")
 
 # Input for API key
-api_key = st.text_input("Enter your GROQ API Key:", type="password")
+api_key = st.text_input("🔑 Enter your GROQ API Key:", type="password")
 
 # Check if API key is provided
 if not api_key:
-    st.warning("Please enter your GROQ API Key to proceed.")
+    st.warning("⚠️ Please enter your GROQ API Key to proceed.")
 else:
     # Initialize the Groq client
     try:
         client = Groq(api_key=api_key)
-        st.success("GROQ API Key successfully set!")
+        st.success("✅ GROQ API Key successfully set!")
     except Exception as e:
-        st.error(f"Error initializing Groq client: {str(e)}")
+        st.error(f"❌ Error initializing Groq client: {str(e)}")
 
     # Input prompt from the user
-    user_input = st.text_input("Enter your question:", "")
+    user_input = st.text_input("💬 Enter your question:", "")
 
     # Button to trigger the API call
-    if st.button("Get Answer"):
+    if st.button("🚀 Get Answer"):
         if user_input.strip():
             try:
                 # API call to Groq
@@ -34,13 +80,17 @@ else:
                 # Extracting the response
                 response = chat_completion.choices[0].message.content
                 # Display the response
-                st.subheader("Response:")
+                st.subheader("🤖 Response:")
                 st.write(response)
             except Exception as e:
-                st.error(f"Error: {str(e)}")
+                st.error(f"❌ Error: {str(e)}")
         else:
-            st.warning("Please enter a valid question.")
+            st.warning("⚠️ Please enter a valid question.")
 
 # Footer
 st.markdown("---")
-st.markdown("**Powered by Groq AI**")
+st.markdown(
+    "<div style='text-align: center;'>✨ <strong>Powered by Groq AI</strong> ✨</div>",
+    unsafe_allow_html=True
+)
+