Update app.py

app.py

@@ -1,73 +1,30 @@
 import streamlit as st
+from PIL import Image
 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"
-)
+# App title
+st.title("Streamlit Demo on Hugging Face")
 
-# Set page title
-st.title("🎈 Streamlit Components Demo")
+# Write some text
+st.write("Welcome to a demo app showcasing basic Streamlit components!")
 
-# Display text with st.write
-st.write("""
+# File uploader for image and audio
+uploaded_image = st.file_uploader("Upload an image", type=["jpg", "jpeg", "png"])
+uploaded_audio = st.file_uploader("Upload an audio file", type=["mp3", "wav", "ogg"])
 
-""")
+# Display image with spinner
+if uploaded_image is not None:
+    with st.spinner("Loading image..."):
+        time.sleep(1)  # Simulate a delay
+        image = Image.open(uploaded_image)
+        st.image(image, caption="Uploaded Image", use_column_width=True)
 
-# File uploader in sidebar for better layout
-with st.sidebar:
-    st.header("Upload File")
-    uploaded_file = st.file_uploader(
-        "Choose an image (JPEG/PNG) or audio (MP3/WAV)",
-        type=['jpg', 'jpeg', 'png', 'mp3', 'wav'],
-        accept_multiple_files=False,
-        key="file_uploader"
-    )
+# Play audio with spinner
+if uploaded_audio is not None:
+    with st.spinner("Loading audio..."):
+        time.sleep(1)  # Simulate a delay
+        st.audio(uploaded_audio)
 
-# 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")
-        
-        # Display image with st.image
-        try:
-            image = Image.open(uploaded_file)
-            st.image(image, caption="Uploaded Image", use_column_width=True)
-            
-            # Show spinner while processing
-            with st.spinner("Processing image..."):
-                time.sleep(2)  # Simulate processing time
-                st.success("✅ Image processed successfully!")
-        except Exception as e:
-            st.error(f"Error loading image: {e}")
-    
-    # Check if the file is audio
-    elif uploaded_file.type.startswith('audio'):
-        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..."):
-                time.sleep(3)  # Simulate playback time
-                st.success("🎵 Audio playback complete!")
-    
-    else:
-        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"):
-        st.balloons()
-        st.success("🎉 You got balloons! 🎉")
-
-# Footer
-st.markdown("---")
-st.caption("Built with Streamlit for Hugging Face Spaces")
+# Button interaction
+if st.button("Click Me"):
+    st.write("🎉 You clicked the button!")