Update app.py

app.py

@@ -143,8 +143,30 @@ def remove_background(image_ori):
     
     return foreground, background, pred_pil, reverse_mask
 
-# Custom CSS for button styling with additional light mode enforcement
+# Custom CSS for styling
 custom_css = """
+.title-container {
+    text-align: center;
+    padding: 10px 0;
+}
+
+#title {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    font-size: 36px;
+    font-weight: bold;
+    color: #000000;
+    padding: 10px;
+    border-radius: 10px;
+    display: inline-block;
+    background: linear-gradient(
+        135deg,
+        #e0f7fa, #e8f5e9, #fff9c4, #ffebee,
+        #f3e5f5, #e1f5fe, #fff3e0, #e8eaf6
+    );
+    background-size: 400% 400%;
+    animation: gradient-animation 15s ease infinite;
+}
+
 @keyframes gradient-animation {
     0% { background-position: 0% 50%; }
     50% { background-position: 100% 50%; }
@@ -183,11 +205,37 @@ custom_css = """
 """
 
 with gr.Blocks(css=custom_css, theme=WhiteTheme()) as demo:
+    gr.HTML('''
+        <div class="title-container">
+            <div id="title">
+                <span>{.</span><span id="typed-text"></span><span>}</span>
+            </div>
+        </div>
+        <script>
+            (function() {
+                const text = "video";
+                const typedTextSpan = document.getElementById("typed-text");
+                let charIndex = 0;
+                
+                function type() {
+                    if (charIndex < text.length) {
+                        typedTextSpan.textContent += text[charIndex];
+                        charIndex++;
+                        setTimeout(type, 150);
+                    }
+                }
+                
+                setTimeout(type, 150);
+            })();
+        </script>
+    ''')
+    
     # Interface setup with input and output
     with gr.Row():
         with gr.Column():
             image_input = gr.Image(type="numpy", sources=['upload'], label="Upload Image")
             btn = gr.Button("Process Image", elem_id="submit-button")
+        
         with gr.Column():
             output_foreground = gr.Image(type="pil", label="Foreground")
             output_background = gr.Image(type="pil", label="Background")