diff --git a/examples/hf_demo_space/api.py b/examples/hf_demo_space/api.py
index 23aef67..9d5a3ae 100644
--- a/examples/hf_demo_space/api.py
+++ b/examples/hf_demo_space/api.py
@@ -17,7 +17,11 @@
 @app.get("/", response_class=HTMLResponse)
 async def landing_page(request: Request):    
     """Serve the AgentTide landing page"""
-    return templates.TemplateResponse("landing_page.html", {"request": request})
+    demo_base_url = os.getenv("DEMO_BASE_URL", "")
+    return templates.TemplateResponse(
+        "landing_page.html", 
+        {"request": request, "DEMO_BASE_URL": demo_base_url}
+    )
     
 @app.get("/health")
 async def health_check():
diff --git a/examples/hf_demo_space/static/landing_page.html b/examples/hf_demo_space/static/landing_page.html
index 3667023..d66f953 100644
--- a/examples/hf_demo_space/static/landing_page.html
+++ b/examples/hf_demo_space/static/landing_page.html
@@ -555,7 +555,7 @@ <h1 class="hero-tagline">AI Agents for Smarter Codebases</h1>
             <div class="nav-links">
                 <a href="https://github.com/BrunoV21/CodeTide" class="nav-link">GitHub</a>
                 <a href="https://docs.codetide.dev" class="nav-link">Documentation</a>
-                <a href="/tide" class="nav-link cta-button">Try Now</a>
+                <a href="{{ DEMO_BASE_URL }}/tide" class="nav-link cta-button">Try Now</a>
             </div>
 
             <div class="code-snippet">
@@ -651,7 +651,7 @@ <h4>Getting Started</h4>
                     We do not persist any data regarding Git repositories or API keys - everything stays local and private.
                 </p>
                <div style="text-align:center; margin-top: 1.5rem;">
-                   <a href="/tide" class="nav-link cta-button">Try Now</a>
+                   <a href="{{ DEMO_BASE_URL }}/tide" class="nav-link cta-button">Try Now</a>
             </div>
             
             <p>&copy; 2025 AgentTide. Built with CodeTide. Licensed under Apache 2.0.</p>