Update app.py

app.py

@@ -33,22 +33,47 @@ def text_to_speech(text):
 # Function to handle the entire flow
 def learn_english(audio):
     user_input = speech_to_text(audio)
-    feedback = f"You said: {user_input}. Great job! Let's practice more."
+    feedback = f"You said: '{user_input}'. Great job! Let's practice more."
     audio_feedback = text_to_speech(feedback)
     return feedback, audio_feedback
 
 # Create Gradio Interface
-with gr.Blocks() as demo:
-    gr.Markdown("# English Language Learning App")
-    
-    with gr.Row():
-        audio_input = gr.Audio(type="filepath", label="Speak into the microphone")
-        text_output = gr.Textbox(label="Transcription")
-        audio_output = gr.Audio(label="Feedback Audio")
-    
-    submit_button = gr.Button("Submit")
-    
-    submit_button.click(learn_english, inputs=audio_input, outputs=[text_output, audio_output])
+with gr.Blocks(theme=gr.themes.Soft()) as demo:  # Use a modern theme
+    gr.Markdown("""
+    # 🌟 English Language Learning App 🌟
+    Welcome to the English Language Learning App!  
+    - Speak into the microphone, and the app will transcribe your speech.
+    - It will then provide feedback in both text and audio formats.
+    """)
+
+    with gr.Row():  # Organize components in rows
+        with gr.Column(scale=1):  # Left column for input
+            gr.Markdown("### Step 1: Record Your Voice")
+            audio_input = gr.Audio(
+                type="filepath",
+                label="🎤 Speak into the Microphone",
+                interactive=True
+            )
+            submit_button = gr.Button("Submit", variant="primary")
+
+        with gr.Column(scale=2):  # Right column for output
+            gr.Markdown("### Step 2: View Feedback")
+            text_output = gr.Textbox(
+                label="📝 Transcription",
+                placeholder="Your transcription will appear here...",
+                lines=3
+            )
+            audio_output = gr.Audio(
+                label="🎧 Audio Feedback",
+                autoplay=True
+            )
+
+    # Bind the button to the function
+    submit_button.click(
+        learn_english,
+        inputs=audio_input,
+        outputs=[text_output, audio_output]
+    )
 
 # Launch the app
 demo.launch(server_name="0.0.0.0", server_port=7860)