Update app.py

app.py

@@ -124,6 +124,35 @@ custom_css = """
     background-color: #fff3e0;
     border-radius: 5px;
 }
+.mobile-link-container {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    padding: 1.5em;
+    border-radius: 10px;
+    text-align: center;
+    margin: 1em 0;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+.mobile-link {
+    color: white !important;
+    font-size: 1.2em;
+    font-weight: bold;
+    text-decoration: none;
+    display: inline-block;
+    padding: 0.5em 1.5em;
+    background: rgba(255, 255, 255, 0.2);
+    border-radius: 25px;
+    transition: all 0.3s ease;
+}
+.mobile-link:hover {
+    background: rgba(255, 255, 255, 0.3);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
+.mobile-text {
+    color: white;
+    margin-bottom: 0.5em;
+    font-size: 1.1em;
+}
 """
 
 # Create the Gradio interface
@@ -136,6 +165,18 @@ with gr.Blocks(css=custom_css, theme=gr.themes.Soft(), title="AI Video Generator
         """
     )
     
+    # Add mobile link section
+    gr.HTML(
+        """
+        <div class="mobile-link-container">
+            <div class="mobile-text">📱 On mobile? Use the optimized version:</div>
+            <a href="https://akhaliq-veo3-1-fast.hf.space" target="_blank" class="mobile-link">
+                🚀 Open Mobile Version
+            </a>
+        </div>
+        """
+    )
+    
     gr.HTML(
         """
         <div class="auth-warning">
@@ -266,6 +307,9 @@ with gr.Blocks(css=custom_css, theme=gr.themes.Soft(), title="AI Video Generator
             - For image-to-video, describe natural motions that fit the image
             - Use high-quality input images for better results
             - Experiment with different prompts to get the desired effect
+            
+            ### Mobile Users:
+            - For the best mobile experience, use the optimized version at: https://akhaliq-veo3-1-fast.hf.space
             """
         )