Update app.py

app.py

@@ -11,9 +11,20 @@ def translate_text(text, src_lang, tgt_lang):
     
     return translated_text
 
+# Main Streamlit app
 def main():
-    st.title("Language Translator App")
+    # Set the title with HTML
+    st.markdown(
+        """
+        <div style="background-color:#2F4F4F;padding:10px;border-radius:10px">
+        <h1 style="color:white;text-align:center;">LangToLang - Language Translator</h1>
+        </div>
+        """, unsafe_allow_html=True)
     
+    # Sidebar with additional options
+    st.sidebar.header("Settings")
+    st.sidebar.markdown("**Choose Translation Options**")
+
     # Language options
     language_dict = {
         "English": "en",
@@ -26,22 +37,35 @@ def main():
         "Japanese": "ja",
         "Korean": "ko",
         "Arabic": "ar",
+        "Urdu": "ur",
     }
     
-    src_lang = st.selectbox("Select Source Language", list(language_dict.keys()))
-    tgt_lang = st.selectbox("Select Target Language", list(language_dict.keys()))
+    src_lang = st.sidebar.selectbox("Select Source Language", list(language_dict.keys()), index=0)
+    tgt_lang = st.sidebar.selectbox("Select Target Language", list(language_dict.keys()), index=1)
     
-    # Text input
+    # Text input area
     text = st.text_area("Enter Text to Translate")
     
     # Translate button
     if st.button("Translate"):
         if text:
             translated_text = translate_text(text, language_dict[src_lang], language_dict[tgt_lang])
-            st.write("Translated Text:")
+            st.subheader("Translated Text:")
             st.success(translated_text)
         else:
             st.warning("Please enter text to translate.")
+    
+    # Add some info in the sidebar
+    st.sidebar.markdown("**About LangToLang**")
+    st.sidebar.info("LangToLang is a simple language translator app powered by Hugging Face models, allowing you to translate text between different languages effortlessly.")
+
+    # Footer
+    st.sidebar.markdown(
+        """
+        <div style="background-color:#2F4F4F;padding:10px;border-radius:10px;text-align:center">
+        <p style="color:white;">Developed by [Your Name]</p>
+        </div>
+        """, unsafe_allow_html=True)
 
 if __name__ == "__main__":
     main()