website: add links to footer

website/src/components/Footer.astro

@@ -1,6 +1,32 @@
+---
+const footerLinks = [
+  {
+    title: "Home",
+    path: "/",
+  },
+  {
+    title: "About",
+    path: "/about",
+  },
+  {
+    title: "Contact",
+    path: "/#contact",
+  },
+];
+---
+
 <footer class="py-12 flex flex-col items-center gap-3 bg-bdt-green-light">
   <a class="underline w-fit" href="/#top">Return to top</a>
   <p class="text-3xl! font-serif mt-2">Benefit Decision Toolkit</p>
+  <nav class="flex flex-row gap-4">
+    {
+      footerLinks.map((link) => (
+        <a class="underline w-fit" href={link.path}>
+          {link.title}
+        </a>
+      ))
+    }
+  </nav>
   <p>
     <a class="underline" href="https://codeforphilly.org/" target="_blank"
       >A Code For Philly project</a

website/src/components/NavMenu.svelte

@@ -1,7 +1,28 @@
 <script>
   import { quadOut } from "svelte/easing";
-  import navLinks from "../data/navLinks";
   import { fade } from "svelte/transition";
+  const headerLinks = [
+    {
+      title: "Home",
+      path: "/#top",
+    },
+    {
+      title: "What We Do",
+      path: "/#overview",
+    },
+    {
+      title: "Projects",
+      path: "/#projects",
+    },
+    {
+      title: "Contact",
+      path: "/#contact",
+    },
+    {
+      title: "About",
+      path: "/about",
+    },
+  ];
   let menuActive = $state(false);
   function toggleMenu() {
     menuActive = !menuActive;
@@ -10,7 +31,7 @@
 
 <nav class="hidden md:block">
   <ul class="flex gap-6 text-lg">
-    {#each navLinks as link}
+    {#each headerLinks as link}
       <li>
         <a class="text-white font-bold" href={link.path}>
           {link.title}