Update app.py

app.py

@@ -20,53 +20,53 @@ def fetch_response(user_input):
 
 # Streamlit app
 def main():
-    # Layout with sidebar
-    col1, col2 = st.columns([3, 1])
-
-    with col1:
-        # Header with logo (replace with custom logo CSS)
-        st.markdown(
-            """
-            <h1 style="font-size: 2.5em; color: #3b5998"> 
-            <span style="font-weight: bold;">AI</span> Chatbot
-            </h1>
-            """,
-            unsafe_allow_html=True,
-        )
-
-        # Search bar (style as needed)
-        with st.expander("Search", expanded=False):
-            st.text_input("Search here...", key="search")
-
-        # Question box
-        user_question = st.text_area("Ask a question...", height=100)
-
-        # Button to trigger response
-        if st.button("Get Response"):
-            response = fetch_response(user_question)
-            st.write("Response:", response)
-
-    with col2:
-        # Sidebar header
-        st.sidebar.header("Navigation")
-
-        # Navigation buttons (style as needed)
-        st.sidebar.button("Home", key="home")
-        st.sidebar.button("Profile", key="profile")
-        st.sidebar.button("Settings", key="settings")
+    st.set_page_config(
+        page_title="AI Chatbot",
+        page_icon=":robot:",
+        layout="wide",  # Remove sidebars
+    )
 
-    # Footer
+    # Custom background with CSS (adjust values for 3D effect)
     st.markdown(
         """
-        <footer style="color: #3b5998; text-align: right;">
-            <p>By DL Titans</p>
-        </footer>
+        <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,
     )
 
+    # Title with futuristic font (replace with desired font)
+    st.title("AI  Assistant", style="font-family: 'VT323'; color: #FF007F")
+
+    # Question box with rounded corners and glowing effect
+    user_question = st.text_area(
+        "Ask your question...", height=100, style="border-radius: 10px; box-shadow: 0 0 10px #FF007F"
+    )
+
+    # Button with hover effect
+    if st.button("Get Response", style="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 = fetch_response(user_question)
+        st.write("Response:", response)
+
+    # Response box with a different color
+    st.write("", style="color: #C71585; font-size: 1.2em")
+
 
 if __name__ == "__main__":
     main()
 
-