Update app.py

app.py

@@ -6,6 +6,10 @@ import torch
 
 theme = gr.themes.Base()  # use a simple base theme, we'll add custom CSS
 
+#spotify code
+spotify_embed_code = """
+    <iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/playlist/0Qc38sGKZeu5wv79Vd3BHT?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
+    """
 
 theme = gr.themes.Ocean(
     primary_hue="green",
@@ -141,5 +145,13 @@ with gr.Blocks(theme=theme, css=gradient_css) as chatbot:
             #width=10000, height=300) 
     with gr.Row(scale=3):
         gr.ChatInterface(respond, type="messages", title = "AuxAI", theme = theme, description = "Hi! I’m AuxAI, your friendly music recommendation assistant. Tell me your mood, genre, or style and I’ll suggest some songs!", examples=["Give me some jazzy songs to study to", "Give me a playlist of hype songs to workout to", "Give me songs like Espresso by Sabrina Carpenter"],)
+#__________________________________________
+#ADD SONG PLAYLIST HERE, EXAMPLE IMAGES, AND LINKS TO RESOURCES
+    with gr.Row(scale=1):
+        gr.HTML(spotify_embed_code)
+    # with gr.Row(scale=1):
+        # with gr.Column():
+        # resources links here
+#__________________________________________
 
 chatbot.launch()