Update app.py

app.py

@@ -1,73 +1,73 @@
-"import streamlit as st
+import streamlit as st
 import time
 from PIL import Image  # For better image handling
 
 # Set page config (appears first)
 st.set_page_config(
-    page_title=""Streamlit Components Demo"",
-    page_icon=""🎈"",
-    layout=""wide""
+    page_title="Streamlit Components Demo",
+    page_icon="🎈",
+    layout="wide"
 )
 
 # Set page title
-st.title(""🎈 Streamlit Components Demo"")
+st.title("🎈 Streamlit Components Demo")
 
 # Display text with st.write
-st.write(""""""
+st.write("""
 
-"""""")
+""")
 
 # File uploader in sidebar for better layout
 with st.sidebar:
-    st.header(""Upload File"")
+    st.header("Upload File")
     uploaded_file = st.file_uploader(
-        ""Choose an image (JPEG/PNG) or audio (MP3/WAV)"",
+        "Choose an image (JPEG/PNG) or audio (MP3/WAV)",
         type=['jpg', 'jpeg', 'png', 'mp3', 'wav'],
         accept_multiple_files=False,
-        key=""file_uploader""
+        key="file_uploader"
     )
 
 # Main content area
 if uploaded_file is not None:
     # Check if the file is an image
     if uploaded_file.type.startswith('image'):
-        st.subheader(""🖼️ Image Preview"")
+        st.subheader("🖼️ Image Preview")
         
         # Display image with st.image
         try:
             image = Image.open(uploaded_file)
-            st.image(image, caption=""Uploaded Image"", use_column_width=True)
+            st.image(image, caption="Uploaded Image", use_column_width=True)
             
             # Show spinner while processing
-            with st.spinner(""Processing image...""):
+            with st.spinner("Processing image..."):
                 time.sleep(2)  # Simulate processing time
-                st.success(""✅ Image processed successfully!"")
+                st.success("✅ Image processed successfully!")
         except Exception as e:
-            st.error(f""Error loading image: {e}"")
+            st.error(f"Error loading image: {e}")
     
     # Check if the file is audio
     elif uploaded_file.type.startswith('audio'):
-        st.subheader(""🔊 Audio Player"")
+        st.subheader("🔊 Audio Player")
         
         # Display audio player with st.audio
         st.audio(uploaded_file)
         
         # Button to simulate action
-        if st.button(""▶️ Play Audio"", type=""primary""):
-            with st.spinner(""Playing audio...""):
+        if st.button("▶️ Play Audio", type="primary"):
+            with st.spinner("Playing audio..."):
                 time.sleep(3)  # Simulate playback time
-                st.success(""🎵 Audio playback complete!"")
+                st.success("🎵 Audio playback complete!")
     
     else:
-        st.warning(""⚠️ Unsupported file type"")
+        st.warning("⚠️ Unsupported file type")
 
 # Button outside of upload context
 col1, col2, col3 = st.columns(3)
 with col2:
-    if st.button(""🎁 Click me for a surprise!"", key=""surprise_button""):
+    if st.button("🎁 Click me for a surprise!", key="surprise_button"):
         st.balloons()
-        st.success(""🎉 You got balloons! 🎉"")
+        st.success("🎉 You got balloons! 🎉")
 
 # Footer
-st.markdown(""---"")
-st.caption(""Built with Streamlit for Hugging Face Spaces"")"
+st.markdown("---")
+st.caption("Built with Streamlit for Hugging Face Spaces")