Update app.py

app.py

@@ -160,19 +160,27 @@ with gr.Blocks(title="Image Face Swap") as demo:
         elem_id="hero-md"
     )
 
-    # API CTA
     gr.HTML(
-        """
-        <div class="api-cta-wrap">
-          <a class="api-cta-hero"
-             href="https://www.face-swap.co/api?utm_source=hfspace_faceswap&utm_medium=hero_api_new"
-             target="_blank" rel="noopener" aria-label="Face Swap API">
-            <span class="new">NEW</span>
-            <span class="txt">Face Swap API</span>
-            <span class="chev">↗</span>
-          </a>
-        </div>
-        """
+    """
+    <div class="api-cta-wrap" style="display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-top:10px;">
+      <a class="api-cta-hero"
+         style="background: linear-gradient(90deg,#22c55e 0%, #16a34a 100%);"
+         href="https://www.face-swap.co/?utm_source=hfspace_videofaceswap&utm_medium=hero_upgrade"
+         target="_blank" rel="noopener" aria-label="Upgrade to HD (no code)">
+        <span class="txt">⚡ Upgrade to HD (No code)</span>
+        <span class="chev">↗</span>
+      </a>
+    
+      <a class="api-cta-hero"
+         href="https://www.face-swap.co/api?utm_source=hfspace_videofaceswap&utm_medium=hero_api_new"
+         target="_blank" rel="noopener" aria-label="Face Swap API">
+        <span class="new">DEV</span>
+        <span class="txt">Face Swap API</span>
+        <span class="chev">↗</span>
+      </a>
+    </div>
+    
+    """
     )
 
     with gr.Row():