Commit

src/lib/components/Footer.svelte

@@ -9,6 +9,24 @@
     { label: 'Facebook', href: 'https://facebook.com/goodwalk.nz', external: true },
     { label: 'Google', href: 'https://g.page/r/CUsvrWPhkYrAEB0', external: true }
   ];
+
+  const aboutLink: LinkItem = { label: 'About Us', href: '/about' };
+
+  function withAboutLink(links: LinkItem[]) {
+    if (links.some((link) => link.href === aboutLink.href || link.label === aboutLink.label)) {
+      return links;
+    }
+
+    const contactIndex = links.findIndex((link) => link.href === '/contact-us');
+
+    if (contactIndex === -1) {
+      return [...links, aboutLink];
+    }
+
+    return [...links.slice(0, contactIndex), aboutLink, ...links.slice(contactIndex)];
+  }
+
+  $: navigationLinks = withAboutLink(footer.navigationLinks);
 </script>
 
 <footer>
@@ -40,7 +58,7 @@
     <div class="footer-explore">
       <p class="footer-col-label">Explore</p>
       <ul class="footer-nav">
-        {#each footer.navigationLinks as link}
+        {#each navigationLinks as link}
           <li>
             <a
               href={link.href}