Update app.py

app.py

@@ -104,12 +104,23 @@ def transcribe_and_chat(audio):
     return response, audio_path
 
 def create_demo():
-    with gr.Blocks() as demo:
+    with gr.Blocks(css="""
+        #audio-input {border: 2px solid #ffb703; padding: 10px;}
+        #chat-output {background-color: #023047; color: #ffffff;}
+        #audio-output {border: 2px solid #8ecae6;}
+        #clear-button {background-color: #fb8500; color: white;}
+        #voice-volume {background-color: #219ebc;}
+        button {font-size: 16px;}
+        audio {background-color: #ffb703; border-radius: 10px;}
+        footer {display: none;}
+    """) as demo:
         gr.Markdown(
             """
-            # 🗣️ AI Voice Assistant
-            Welcome to your personal voice assistant! Simply record your voice, and I will respond with both text and speech. The assistant will automatically start listening after playing its response. Powered by advanced AI models.
-            """
+            <div style='text-align:center; color:#023047; font-size: 28px; font-weight: bold;'>🗣️ AI Voice Assistant</div>
+            <p style='text-align:center; color:#8ecae6; font-size: 18px;'>Talk to your personal AI! Record your voice, and get a response in both text and audio.</p>
+            <p style='text-align:center; color:#8ecae6;'>Powered by advanced AI models for real-time interaction.</p>
+            """, 
+            elem_id="header"
         )
 
         with gr.Row():
@@ -123,7 +134,7 @@ def create_demo():
                 audio_output = gr.Audio(label="🔊 AI Voice Response", autoplay=True, elem_id="audio-output")
 
         # Add some spacing and a divider
-        gr.Markdown("---")
+        gr.Markdown("<hr style='border: 1px solid #8ecae6;'/>")
 
         # Processing the audio input
         def process_audio(audio, volume):
@@ -200,4 +211,4 @@ def create_demo():
 # Launch the Gradio app
 if __name__ == "__main__":
     demo = create_demo()
-    demo.launch(server_name="0.0.0.0", server_port=7860)
+    demo.launch(server_name="0.0.0.0", server_port=7860)