Update app.py

app.py

@@ -250,17 +250,51 @@ with gr.Blocks(css="""
         <div style='background: linear-gradient(to right, #D4A373, #FEE440); padding: 20px; border-radius: 15px; text-align: center;'>
             <h1>Snack Predictor 🍪</h1>
             <p>Tell us your vibe, and we'll find your perfect snack! Powered by ML (~97% accurate)</p>
+            <p style='font-size: 1em; margin-top: 10px;'>Select your mood, time, and preferences below, then hit "Find My Snack!" to get a tasty recommendation with a pic! 😋</p>
         </div>
     """)
-    gr.HTML("<p style='text-align: center; color: #4A2C2A; margin-top: 15px;'>Welcome to your snack adventure! 😋</p>")
     
     with gr.Row():
         with gr.Column(scale=1):
-            mood = gr.Dropdown(choices=moods, label="Mood", value="happy", elem_classes="gr-dropdown")
-            time_of_day = gr.Dropdown(choices=times_of_day, label="Time of Day", value="morning", elem_classes="gr-dropdown")
-            hunger_level = gr.Slider(minimum=0, maximum=1, step=0.1, label="Hunger Level (0 to 1)", value=0.5, elem_classes="gr-slider")
-            sentiment = gr.Slider(minimum=-1, maximum=1, step=0.1, label="Sentiment (-1 to 1)", value=0.0, elem_classes="gr-slider")
-            snack_type = gr.Dropdown(choices=['sweet', 'savory', 'spicy', 'light'], label="Snack Type", value="sweet", elem_classes="gr-dropdown")
+            mood = gr.Dropdown(
+                choices=moods, 
+                label="Mood", 
+                value="happy", 
+                elem_classes="gr-dropdown",
+                info="How are you feeling right now? Pick a mood that matches your vibe."
+            )
+            time_of_day = gr.Dropdown(
+                choices=times_of_day, 
+                label="Time of Day", 
+                value="morning", 
+                elem_classes="gr-dropdown",
+                info="What time is it? This helps pick snacks that suit the moment."
+            )
+            hunger_level = gr.Slider(
+                minimum=0, 
+                maximum=1, 
+                step=0.1, 
+                label="Hunger Level (0 to 1)", 
+                value=0.5, 
+                elem_classes="gr-slider",
+                info="How hungry are you? 0 = not hungry, 1 = starving!"
+            )
+            sentiment = gr.Slider(
+                minimum=-1, 
+                maximum=1, 
+                step=0.1, 
+                label="Sentiment (-1 to 1)", 
+                value=0.0, 
+                elem_classes="gr-slider",
+                info="What's your emotional vibe? -1 = feeling down, 0 = neutral, +1 = super upbeat."
+            )
+            snack_type = gr.Dropdown(
+                choices=['sweet', 'savory', 'spicy', 'light'], 
+                label="Snack Type", 
+                value="sweet", 
+                elem_classes="gr-dropdown",
+                info="What kind of snack do you crave? Sweet, savory, spicy, or light."
+            )
             predict_btn = gr.Button("Find My Snack!", variant="primary", elem_classes="gr-button")
         
         with gr.Column(scale=1):
@@ -288,7 +322,7 @@ with gr.Blocks(css="""
     
     gr.HTML("""
         <div class='footer'>
-            <p>Built with ❤️ by @teganmosi  🚀</p>
+            <p>Built with ❤️ by @teganmosi </p>
             <p>Follow my #WeeklyMLProjects for more! 🍟</p>
         </div>
     """)