Update app.py

app.py

@@ -1,69 +1,61 @@
 import streamlit as st
 
 # Sidebar
-st.sidebar.image("https://via.placeholder.com/150", width=150)  # Placeholder for logo
-st.sidebar.markdown("## Home")
-st.sidebar.markdown("## Create")
-st.sidebar.markdown("## Library")
-st.sidebar.markdown("## Explore")
-st.sidebar.markdown("## 2360 credits")
-st.sidebar.markdown("## Subscription")
-st.sidebar.markdown("## What's New")
-st.sidebar.markdown("## Community")
-st.sidebar.markdown("## Help")
-st.sidebar.markdown("## About")
+st.sidebar.title("Suno")
+st.sidebar.button("Home")
+st.sidebar.button("Create")
+st.sidebar.button("Library")
+st.sidebar.button("Explore (BETA)")
+st.sidebar.markdown("---")
+st.sidebar.write("2360 credits")
+st.sidebar.button("Subscription")
+st.sidebar.button("What's New?")
+st.sidebar.button("Community")
+st.sidebar.button("Help")
+st.sidebar.button("About")
 
-# Main Content Area
+# Main content
 st.title("Create")
 
 # Form
-st.checkbox("Custom Mode")
-st.text_area("Song Description", "a futuristic anime song about a literal banana")
-st.checkbox("Instrumental")
-st.selectbox("Version", ["v3"])
+st.subheader("Custom Mode")
+custom_mode = st.checkbox("Custom Mode")
+
+st.subheader("Song Description")
+song_description = st.text_area("Song Description", "a futuristic anime song about a literal banana")
+
+instrumental = st.checkbox("Instrumental")
+
+version = st.selectbox("Version", ["v3", "v2", "v1"])
 st.button("Create 🎵")
 
-# List of items
-items = [
+# Song list
+songs = [
     {"title": "Dance Under The Moonlight", "description": "acoustic guitar flamenco dance beat kizomba soaring vocalist progressive house", "version": "v3"},
     {"title": "The Tale of Yggdrasil", "description": "folk acoustic storytelling", "version": "v3"},
     {"title": "The Song of Yggdrasil", "description": "tropical latin acoustic", "version": "v3"},
+    {"title": "The Song of Yggdrasil", "description": "tropical latin acoustic", "version": "v3"},
     {"title": "Sacred Frequencies", "description": "progressive edm uplifting", "version": "v3"},
     {"title": "Let's Get Jokin'", "description": "progressive house electronic dubstep", "version": "v3"},
     {"title": "Jokes That Make You Dance", "description": "marching band progressive house dance", "version": "v3"},
     {"title": "Joke Parade", "description": "progressive house dance 128bpm marching band bass drum dubstep", "version": "v3"},
+    {"title": "Joke Parade", "description": "progressive house dance 128bpm marching band bass drum dubstep", "version": "v3"},
     {"title": "Laughing On The Dancefloor", "description": "128bpm progressive house dance", "version": "v3"},
 ]
 
-for item in items:
-    st.image("https://via.placeholder.com/50", width=50)  # Placeholder for image
-    st.markdown(f"### {item['title']} v{item['version']}")
-    st.markdown(f"{item['description']}")
-    col1, col2, col3, col4, col5 = st.columns([1, 1, 1, 1, 1])
-    with col1:
-        st.button("👍")
-    with col2:
-        st.button("👎")
-    with col3:
-        st.button("Extend")
-    with col4:
-        st.checkbox("Public")
-    with col5:
-        st.button("🔗")
+for i, song in enumerate(songs):
+    st.image("https://via.placeholder.com/50", width=50)  # Placeholder for song image
+    st.write(f"**{song['title']}**")
+    st.write(song['description'])
+    st.write(f"Version: {song['version']}")
+    st.button("Extend", key=f"extend_{i}")
+    st.checkbox("Public", key=f"public_{i}")
+    st.button("👍", key=f"thumbs_up_{i}")
+    st.button("👎", key=f"thumbs_down_{i}")
 
-# Footer
-st.markdown("---")
-col1, col2, col3, col4, col5 = st.columns([1, 1, 1, 1, 1])
-with col1:
-    st.button("⏮️")
-with col2:
-    st.button("⏯️")
-with col3:
-    st.button("⏭️")
-with col4:
-    st.slider("Volume", 0, 100, 50)
-with col5:
-    st.text("0:00")
+# Preview section
+st.sidebar.markdown("---")
+st.sidebar.write("Select a song to preview.")