Update page1.py

page1.py

@@ -8,8 +8,40 @@ from langchain.memory.chat_message_histories import StreamlitChatMessageHistory
 from streamlit_chat import message
 import time
 def text():
-    with st.chat_message("assistant"):
-        st.write("Hello 👋, how may I assist you today?")
+    st.markdown("""
+                <style>
+                    .anim-typewriter {
+                        animation: typewriter 3s steps(40) 1s 1 normal both, blinkTextCursor 800ms steps(40) infinite normal;
+                        overflow: hidden;
+                        white-space: nowrap;
+                        border-right: 4px solid;
+                        font-family: serif;
+                        font-size: 1.1em;
+                    }
+                    @keyframes typewriter {
+                        from {
+                            width: 0;
+                        }
+                        to {
+                            width: 100%;
+                            height: 100%
+                        }
+                    }
+                    @keyframes blinkTextCursor {
+                        from {
+                            border-right-color: rgba(255, 255, 255, 0.75);
+                        }
+                        to {
+                            border-right-color: transparent;
+                        }
+                    }
+                </style>
+            """, unsafe_allow_html=True)
+    text ="Hello 👋, how may I assist you today?"
+    animated_output = f'<div class="line-1 anim-typewriter">{text}</div>'
+
+    with st.chat_message("assistant").markdown(animated_output,unsafe_allow_html=True ):
+        st.markdown(animated_output,unsafe_allow_html=True)
     apiKey = "AIzaSyAXkkcrrUBjPEgj93tZ9azy7zcS1wI1jUA"
     msgs = StreamlitChatMessageHistory(key="special_app_key")
 
@@ -56,7 +88,7 @@ def text():
         .dot-pulse {
   position: relative;
   left: -9999px;
-  
+
   width: 10px;
   height: 10px;
   border-radius: 5px;