Update app.py

app.py

@@ -13,100 +13,83 @@ def fetch_response(user_input):
             {"role": "user", "content": user_input},
         ],
         model="mixtral-8x7b-32768",
-        stream=False,
+        stream=False
     )
     return chat_completion.choices[0].message.content
 
+# Set page config
+st.set_page_config(
+    page_title="CyberChat",
+    page_icon="🤖",
+    layout="wide",
+    initial_sidebar_state="expanded"
+)
+
+# Cyberpunk style CSS
+cyberpunk_style = """
+<style>
+body {
+    color: #8AFF80;
+    background-color: #0D0D0D;
+}
+
+.stButton>button {
+    color: #8AFF80 !important;
+    background-color: #0D0D0D !important;
+    border-color: #8AFF80 !important;
+    font-family: 'Orbitron', sans-serif;
+    border-radius: 20px;
+}
+
+.stTextInput>div>div>input {
+    color: #8AFF80 !important;
+    background-color: #0D0D0D !important;
+    border-color: #8AFF80 !important;
+    font-family: 'Orbitron', sans-serif;
+}
+
+.stTextInput>div>div>input::placeholder {
+    color: #8AFF80 !important;
+}
+
+.stTextInput>div>div>input:focus {
+    border-color: #8AFF80 !important;
+    box-shadow: 0 0 0 0.2rem rgba(138, 255, 163, 0.5) !important;
+}
+
+footer {
+    color: #8AFF80;
+    font-size: small;
+    text-align: right;
+    font-family: 'Orbitron', sans-serif;
+}
+</style>
+"""
 
 # Streamlit app
-def main():
-    st.set_page_config(
-        page_title="AI Chatbot",
-        page_icon=":robot:",
-        layout="wide",  # Remove sidebars
-    )
-
-    # Custom background with CSS (adjust values for 3D effect)
-    st.markdown(
-        """
-        <style>
-            body {
-                background-color: #000;
-                background-image: linear-gradient(to right, #800080, #4B0082);
-                animation: 
-                    gradient 15s ease-in-out infinite alternate;
-            }
-
-            @keyframes gradient {
-                0% {
-                    background-position: 0% 0%;
-                }
-                100% {
-                    background-position: 100% 0%;
-                }
-            }
-        </style>
-        """,
-        unsafe_allow_html=True,
-    )
-
-    # Define CSS classes
-    st.write(
-        """
-        <style>
-            .futuristic-title {
-                font-family: 'VT323';  /* Replace with desired font */
-                color: #FF007F;
-            }
-            
-            .question-box {
-                border-radius: 10px;
-                box-shadow: 0 0 10px #FF007F;
-                padding: 10px;
-            }
-            
-            .response-button {
-                background-color: #4B0082;
-                color: white;
-                border: none;
-                padding: 10px 20px;
-                border-radius: 5px;
-                cursor: pointer;
-                box-shadow: 0 0 5px #FF007F;
-                transition: 0.3s ease;
-                font-weight: bold;
-            }
-            
-            .response-text {
-                color: #C71585;
-                font-size: 1.2em;
-                margin-top: 20px;
-            }
-        </style>
-        """,
-        unsafe_allow_html=True,
-    )
-
-    # Title with futuristic font and color using class (updated keyword)
-    st.title("AI Assistant", class_="futuristic-title")
-
-    # Question box with rounded corners and glowing effect (class applied)
-    user_question = st.text_area(
-        "Ask your question...", height=100, class_="question-box"
-    )
-
-    # Button with hover effect (class applied)
-    if st.button("Get Response", class_="response-button"):
-        response = fetch_response(user_question)
-        st.write("<div class='response-text'>", unsafe_allow_html=True)
-        st.write("Response:", response)
-        st.write("</div>", unsafe_allow_html=True)  # Added the missing closing tag
-
-    # Response box with a different color (class applied)
-
+st.markdown(cyberpunk_style, unsafe_allow_html=True)
+st.title("CyberChat")
+st.subheader("Ask a question and get a response.")
+
+# Text input for user's question
+user_input = st.text_input("Enter your question here:")
+
+# Button to trigger response
+if st.button("Get Response"):
+    # Fetch and display response
+    response = fetch_response(user_input)
+    st.write("Response:", response)
+
+# Footer
+st.markdown(
+    """
+    <footer>
+        By DL Titans
+    </footer>
+    """,
+    unsafe_allow_html=True
+)
 
-if __name__ == "__main__":
-    main()