Update app.py

background image + placeholder instructions

app.py

@@ -19,17 +19,20 @@ model.to("cuda:0")
 
 # Enhanced Placeholder HTML with instructions
 PLACEHOLDER = """
-<div style="padding: 20px; text-align: center; display: flex; flex-direction: column; align-items: center;">
-   <h1 style="font-size: 32px; margin-bottom: 10px;">Get Ripped with Arnold's AI Coach</h1>
-   <p style="font-size: 18px; margin-bottom: 5px;">Welcome to the ultimate fitness companion! 💪</p>
-   <ul style="text-align: left; font-size: 16px;">
-      <li>📸 <strong>Upload</strong> a photo of your exercise.</li>
-      <li>⚡ <strong>Get instant feedback</strong> to perfect your form.</li>
-      <li>🔥 <strong>Improve your workouts</strong> with expert tips!</li>
-   </ul>
+<div style="padding: 20px; text-align: center; display: flex; flex-direction: column; align-items: center; background-image: url('https://huggingface.co/spaces/simonraj/PersonalTrainer-Arnold/blob/main/fitness_coach_app_resized.jpg'); background-size: cover; background-position: center; width: 100%; height: 100vh; color: white;">
+   <div style="background-color: rgba(0, 0, 0, 0.6); padding: 20px; border-radius: 10px;">
+       <h1 style="font-size: 32px; margin-bottom: 10px;">Get Ripped with Arnold's AI Coach</h1>
+       <p style="font-size: 18px; margin-bottom: 5px;">Welcome to the ultimate fitness companion! 💪</p>
+       <ul style="text-align: left; font-size: 16px; list-style: none; padding: 0;">
+          <li>📸 <strong>Upload</strong> a photo of your exercise.</li>
+          <li>⚡ <strong>Get instant feedback</strong> to perfect your form.</li>
+          <li>🔥 <strong>Improve your workouts</strong> with expert tips!</li>
+       </ul>
+   </div>
 </div>
 """
 
+
 @spaces.GPU
 def bot_streaming(message, history):
     print(f'message is - {message}')