Update app.py

app.py

@@ -56,36 +56,83 @@ def infer(prompt, seed=1, randomize_seed=False, num_inference_steps=28):
     export_to_gif(split_image(image, 4), gif_name, fps=4)
     
     return gif_name, image, seed
-
+    
 examples = [
-    "a cute cat raising a sign that reads \"Flux does Video?\"",
-    "Chris Rock eating pizza",
-    "A flying saucer over the white house",
+    "a red panda playing with a bamboo stick in the snow",
+    "a astronaut breakdancing on the moon",
+    "a magical butterfly transforming into sparkles",
+    "a robot learning to paint like Van Gogh",
+    "a dragon hatching from a crystal egg",
+    "a time traveler stepping through a portal",
+    "a mermaid playing with bioluminescent fish",
+    "a steampunk clock with moving gears",
+    "a flower blooming in timelapse",
+    "a wizard casting a colorful spell"
 ]
 
 css = """
-footer {
-    visibility: hidden;
+footer {visibility: hidden}
+
+#col-container {
+    max-width: 1200px;
+    margin: auto;
+    padding: 20px;
+    background-color: #ffffff;
+    border-radius: 20px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+
+.gr-button {
+    background: linear-gradient(45deg, #FF6B6B, #4ECDC4);
+    border: none;
+    color: white;
+    font-weight: 600;
+    border-radius: 8px;
 }
-"""
 
+.gr-button:hover {
+    background: linear-gradient(45deg, #4ECDC4, #FF6B6B);
+    transform: translateY(-2px);
+    transition: all 0.3s ease;
+}
+
+.gr-input {
+    border-radius: 8px;
+    border: 2px solid #e0e0e0;
+}
+
+.gr-accordion {
+    border-radius: 8px;
+    background-color: #f8f9fa;
+}
+"""
 
 with gr.Blocks(theme="Nymbo/Nymbo_Theme", css=css) as demo:
+    gr.HTML("""
+        <div style="text-align: center; max-width: 800px; margin: 0 auto;">
+            <h1 style="font-size: 3rem; font-weight: 700; margin-bottom: 1rem;">
+                FLUX Animation Creator
+            </h1>
+            <p style="font-size: 1.2rem; color: #666; margin-bottom: 2rem;">
+                Create amazing animated GIFs with AI - Just describe what you want to see!
+            </p>
+        </div>
+    """)
     
     with gr.Column(elem_id="col-container"):
- 
-        
-        with gr.Row():
-            
-            prompt = gr.Text(
-                label="Prompt",
-                show_label=False,
-                max_lines=1,
-                placeholder="Enter your prompt",
-                container=False,
-            )
-            
-            run_button = gr.Button("Run", scale=0)
+            with gr.Row():
+                prompt = gr.Text(
+                    label="Your Animation Prompt",
+                    show_label=True,
+                    max_lines=1,
+                    placeholder="Describe the animation you want to create...",
+                    container=True,
+                    elem_id="prompt-input"
+                )
+                
+                run_button = gr.Button("✨ Generate", scale=0, variant="primary")
+
+
         
         result = gr.Image(label="Result", show_label=False)
         result_full = gr.Image(label="Gif Strip", elem_id="strip")