Update app.py

app.py

@@ -6,15 +6,21 @@ import io
 st.markdown(
     """
     <style>
-    .big-font {
-        font-size: 40px !important;
-        color: #006699 !important;
-        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    .header {
+        background-color: #006699;
+        padding: 20px;
+        color: white;
+        font-size: 24px;
+        text-align: center;
     }
-    .sidebar-content {
+    .footer {
         background-color: #f0f2f6;
+        padding: 10px;
+        color: #666666;
+        font-size: 14px;
+        text-align: center;
     }
-    .stButton>button {
+    .button {
         background-color: #006699;
         color: white;
         font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
@@ -28,12 +34,13 @@ st.markdown(
 )
 
 def main():
-    st.title("🎙️ GenAI Speech Text Converter")
-    st.sidebar.title("Options")
+    st.title("GenAI Speech Transcriber")
+    st.markdown("<p class='header'>Convert Speech to Text or Text to Speech</p>", unsafe_allow_html=True)
 
-    mode = st.sidebar.selectbox('Select Mode', ['Text-to-speech', 'Speech-to-text'])
+    st.sidebar.markdown("<p class='button'>Choose Mode</p>", unsafe_allow_html=True)
+    mode = st.sidebar.radio('', ('Speech to Text', 'Text to Speech'))
 
-    if mode == 'Text-to-speech':
+    if mode == 'Text to Speech':
         st.subheader('Convert Text to Speech')
         input_text = st.text_area("Enter the text here")
         if st.button("Generate Audio", key="generate_audio") and input_text:
@@ -41,12 +48,14 @@ def main():
             if response:
                 st.audio(io.BytesIO(response.content), format='audio/mp3')
 
-    elif mode == 'Speech-to-text':
+    elif mode == 'Speech to Text':
         st.subheader('Convert Speech to Text')
         audio_uploaded = st.file_uploader("Upload your audio file", type=['mp3', 'wav'])
         if st.button("Generate Transcript", key="generate_transcript") and audio_uploaded:
             text = audio_to_text(audio_uploaded)
             st.write(text)
 
+    st.markdown("<p class='footer'>Powered by GenAI</p>", unsafe_allow_html=True)
+
 if __name__ == '__main__':
     main()