diff --git a/themes/lhs/layouts/page/home.html b/themes/lhs/layouts/page/home.html
index 34f4308..b2760c9 100644
--- a/themes/lhs/layouts/page/home.html
+++ b/themes/lhs/layouts/page/home.html
@@ -4,11 +4,11 @@
 
 <div class="columns _is-desktop">
     <div class="column is-mobile is-multiline is-fullwidth-touch">
-        <a class="button is-primary is-medium is-fullwidth has-box-shadow" href="/about">Learn more</a>
+        <a class="button is-primary is-medium is-fullwidth has-box-shadow" href="{{ ref . "about" }}">Learn more</a>
     </div>
     <div class="column is-mobile is-multiline is-fullwidth-touch">
         <a class="button is-primary is-medium is-fullwidth has-box-shadow is-inverted _is-outlined"
-            href="/membership">Become a member</a>
+            href="{{ ref . "membership" }}">Become a member</a>
     </div>
 
 </div>
diff --git a/themes/lhs/layouts/partials/design/bigcta.html b/themes/lhs/layouts/partials/design/bigcta.html
index 4312bb2..2f91e01 100644
--- a/themes/lhs/layouts/partials/design/bigcta.html
+++ b/themes/lhs/layouts/partials/design/bigcta.html
@@ -9,7 +9,7 @@
             <div class="column">
                 <h2 class="title has-text-white">Become a member today!</h2>
                 <p class="subtitle has-text-white">Leigh Hackspace is open to all. Being a member gives you access to our space, tools, and community.</p>
-                <a href="/membership" class="button is-primary is-medium has-box-shadow is-fullwidth">Join Leigh Hackspace</a>
+                <a href="{{ ref . "membership" }}" class="button is-primary is-medium has-box-shadow is-fullwidth">Join Leigh Hackspace</a>
             </div>
         </div>
     </div>
diff --git a/themes/lhs/layouts/partials/design/cta.html b/themes/lhs/layouts/partials/design/cta.html
index d44484b..46835a4 100644
--- a/themes/lhs/layouts/partials/design/cta.html
+++ b/themes/lhs/layouts/partials/design/cta.html
@@ -5,7 +5,7 @@
                 Leigh Hackspace is open to all.<br>Being a member gives you access to our space, tools, and community.
             </div>
             <div class="column is-4-tablet _is-2-desktop is-3-widescreen">
-                <a href="/memberships" class="button is-primary is-fullwidth is-medium has-box-shadow">Join Leigh Hackspace</a>
+                <a href="{{ ref . "membership" }}" class="button is-primary is-fullwidth is-medium has-box-shadow">Join Leigh Hackspace</a>
             </div>
         </div>
     </div>
diff --git a/themes/lhs/layouts/partials/header.html b/themes/lhs/layouts/partials/header.html
index 43e9bd2..99dd9cf 100644
--- a/themes/lhs/layouts/partials/header.html
+++ b/themes/lhs/layouts/partials/header.html
@@ -23,7 +23,7 @@
 
                 <div class="navbar-item has-shadow">
                     <div class="buttons is-block-touch is-fullwidth-touch">
-                        <a href="/membership" class="button is-primary is-rounded is-size-5">
+                        <a href="{{ ref . "membership" }}" class="button is-primary is-rounded is-size-5">
                             <strong>Become a member</strong>
                         </a>
                     </div>