From 69ba99522add462236ca9592b07f00a91ce4aac2 Mon Sep 17 00:00:00 2001
From: Earth Walker <pineconefirestarter@pm.me>
Date: Sat, 13 Jun 2026 19:08:42 -0400
Subject: [PATCH] add links to footer and put links in header and footer
 components to simplify project structure

---
 website/src/components/Footer.astro   | 26 ++++++++++++++++++++++++++
 website/src/components/NavMenu.svelte | 25 +++++++++++++++++++++++--
 website/src/data/navLinks.js          | 22 ----------------------
 3 files changed, 49 insertions(+), 24 deletions(-)
 delete mode 100644 website/src/data/navLinks.js

diff --git a/website/src/components/Footer.astro b/website/src/components/Footer.astro
index 89d07f42..44484c48 100644
--- a/website/src/components/Footer.astro
+++ b/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
diff --git a/website/src/components/NavMenu.svelte b/website/src/components/NavMenu.svelte
index e780e598..08f92288 100644
--- a/website/src/components/NavMenu.svelte
+++ b/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}
diff --git a/website/src/data/navLinks.js b/website/src/data/navLinks.js
deleted file mode 100644
index 7c3ccb24..00000000
--- a/website/src/data/navLinks.js
+++ /dev/null
@@ -1,22 +0,0 @@
-export default [
-  {
-    title: "Home",
-    path: "/#top",
-  },
-  {
-    title: "What We Do",
-    path: "/#overview",
-  },
-  {
-    title: "Projects",
-    path: "/#projects",
-  },
-  {
-    title: "Contact",
-    path: "/#contact",
-  },
-  {
-    title: "About",
-    path: "/about",
-  },
-];