updated layout and footer

app.py

@@ -182,9 +182,19 @@ def clear_memory():
 # Gradio Interface
 #theme="dark"
 with gr.Blocks(title="Whisper-LLM-TTS") as app:
-    gr.Markdown("## 🤖 'Whispering' LLM with a TTS Twist! 📚")
-    gr.Markdown("🚀 Engage in a not-so-secret chat with an open-source LLM that whispers back!")
-    gr.Markdown("👨‍💻 Crafted with a sprinkle of code magic (and a few cups of coffee) by **@mohcineelharras** — not your average tech wizard!")
+    gr.Markdown("# 🤖 'Whispering' LLM with a TTS Twist! 📚")
+
+    # Professional Warning Message
+    gr.Markdown("""
+    ## ⚠️ Warning:
+    - If you are experiencing slow execution, please consider clearing the memory by pressing the button below and refreshing the page.
+    - The execution time will highly dependant on the hardware and the length of your audio.
+    - The execution might be slow due to hardware limitations on this free Hugging Face interface. It could go from 1 to 3 minutes.
+    - If you've got a GPU locally, the execution could be a lot faster (approximately 5 seconds on my local machine).
+    """)
+    # App Description
+    gr.Markdown("""🚀 Engage in a not-so-secret chat with an open-source LLM that whispers back!"\n
+                👨‍💻 Crafted with a sprinkle of code magic (and a few cups of coffee) by **@mohcineelharras**""")
 
     with gr.Row():
         with gr.Column():
@@ -246,5 +256,21 @@ with gr.Blocks(title="Whisper-LLM-TTS") as app:
 
             submit_button.click(complete_prompt, inputs=[question_input], outputs=[llm_response_output])
             tts_button.click(convert_text_to_speech, inputs=[llm_response_output], outputs=[tts_audio_output])
-
+    gr.Markdown("""
+    <div style="text-align: center; margin-top: 20px;">
+        <a href="https://github.com/mohcineelharras/whisper-llm-gtts" target="_blank" style="margin: 10px; display: inline-block;">
+            <img src="https://img.shields.io/badge/Repository-333?logo=github&style=for-the-badge" alt="Repository" style="vertical-align: middle;">
+        <a href="https://www.linkedin.com/in/mohcine-el-harras" target="_blank" style="margin: 10px; display: inline-block;">
+            <img src="https://img.shields.io/badge/-LinkedIn-0077B5?style=for-the-badge&logo=linkedin" alt="LinkedIn" style="vertical-align: middle;">
+        </a>
+        </a>
+        <a href="https://mohcineelharras.github.io" target="_blank" style="margin: 10px; display: inline-block;">
+            <img src="https://img.shields.io/badge/Visit-Portfolio-9cf?style=for-the-badge" alt="GitHub" style="vertical-align: middle;">
+        </a>
+    </div>
+    <div style="text-align: center; margin-top: 20px; color: #666; font-size: 0.85em;">
+        © 2023 Mohcine EL HARRAS
+    </div>
+
+    """)
 app.launch()