Update app.py

app.py

@@ -112,88 +112,21 @@ def process_translation(api_key, english_text):
 
     return "Translation Successful!", translated_text, cleaned_pronunciation, result_file_name, audio_path
 
-
-# Gradio Interface
-
-import gradio as gr
-
-with gr.Blocks(
-    theme=gr.themes.Soft(primary_hue="violet", secondary_hue="blue"),
-    title="🌍 English → French Translator",
-) as app:
-
-    # ✨ Header
-    gr.Markdown(
-        """
-        <div style="text-align:center; padding: 20px 0;">
-            <h1 style="color:#5A4FCF;">🌍 English → French Translator</h1>
-            <p style="font-size:18px; color:#444;">
-                Translate English text into <b>French</b>, get <b>pronunciation</b>, and <b>listen</b> to it instantly!
-            </p>
-        </div>
-        <hr>
-        """
-    )
-
-    # 🔹 Layout Section
-with gr.Row():
-        # Left side - Input
-     with gr.Column(scale=1, min_width=400):
-            gr.Markdown("### ✏️ Input Section")
-            api_key = gr.Textbox(
-                label="🔑 Gemini API Key",
-                type="password",
-                placeholder="Enter your Gemini API key here..."
-            )
-            english_text = gr.Textbox(
-                label="📝 English Text",
-                lines=5,
-                placeholder="Type something in English to translate..."
-            )
-            translate_button = gr.Button("🚀 Translate Now", variant="primary")
-
-        # Right side - Output
-        with gr.Column(scale=1, min_width=400):
-            gr.Markdown("### 📘 Output Section")
-            status_label = gr.Label(label="Status")
-            translation_output = gr.Textbox(
-                label="🇫🇷 French Translation", 
-                placeholder="Your translated text will appear here..."
-            )
-            pronunciation_output = gr.Textbox(
-                label="🔤 Pronunciation (IPA)",
-                placeholder="Phonetic pronunciation here..."
-            )
-            audio_output = gr.Audio(
-                label="🔊 Listen to Pronunciation",
-                type="filepath"
-            )
-            file_output = gr.File(label="⬇️ Download Translation Result")
-
-    # 🔄 Button Click Event
-    translate_button.click(
-        fn=process_translation,
-        inputs=[api_key, english_text],
-        outputs=[
-            status_label,
-            translation_output,
-            pronunciation_output,
-            file_output,
-            audio_output,
-        ],
-        show_progress="full"
-    )
-
-    # 💬 Footer
-    gr.Markdown(
-        """
-        <hr>
-        <div style="text-align:center; color:gray; font-size:14px; padding:10px;">
-            Made with ❤️ using <b>Gemini API</b> + <b>Gradio</b> | Designed by <b>Himel</b>
-        </div>
-        """
-    )
-
-app.launch()
-
+with gr.Blocks(theme=gr.themes.Soft()) as app: 
+    gr.Markdown("# English → French Translator with Pronunciation") 
+    gr.Markdown("Translate English text into **French**, get **pronunciation**, and listen to it!") 
+    
+    api_key = gr.Textbox(label="🔑 Gemini API Key", type="password", placeholder="Enter your Gemini API key") 
+    english_text = gr.Textbox(label="📝 Enter English Text", lines=4, placeholder="Type something in English...") 
+    
+    translate_button = gr.Button("Translate to French 🚀") status_label = gr.Label(label="Status") 
+    
+    translation_output = gr.Textbox(label="📘 French Translation") 
+    pronunciation_output = gr.Textbox(label="🔤 Pronunciation (IPA)") 
+    audio_output = gr.Audio(label="🔊 Listen to Pronunciation", type="filepath") 
+    file_output = gr.File(label="⬇️ Download Translation Result") 
+    translate_button.click( fn=process_translation, 
+                           inputs=[api_key, english_text], 
+                           outputs=[status_label, translation_output, pronunciation_output, file_output, audio_output] )
+    
 app.launch()