From a097ce69e0ccfef52ff30963931579c49d264665 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 4 Mar 2026 08:21:41 +0000
Subject: [PATCH 1/2] Initial plan


From cd595a430cc8d989cff2662149be154ff2db3f84 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 4 Mar 2026 08:30:27 +0000
Subject: [PATCH 2/2] feat: add Splits link to free tools footer

Co-authored-by: aleexwong <65264501+aleexwong@users.noreply.github.com>
---
 vite-project/e2e/footer-free-tools.spec.ts    | 17 +++++++++++++++++
 vite-project/src/components/layout/Footer.tsx |  8 ++++++++
 2 files changed, 25 insertions(+)
 create mode 100644 vite-project/e2e/footer-free-tools.spec.ts

diff --git a/vite-project/e2e/footer-free-tools.spec.ts b/vite-project/e2e/footer-free-tools.spec.ts
new file mode 100644
index 0000000..6c2aaa9
--- /dev/null
+++ b/vite-project/e2e/footer-free-tools.spec.ts
@@ -0,0 +1,17 @@
+import { test, expect } from "@playwright/test";
+
+test.describe("Footer Free Tools", () => {
+  test("should include Splits link in free tools", async ({ page }) => {
+    await page.goto("/");
+    await page.waitForLoadState("networkidle");
+
+    const freeToolsSection = page.locator("footer").getByText("Free Tools");
+    await expect(freeToolsSection).toBeVisible();
+
+    const splitsLink = page.locator("footer").getByRole("link", {
+      name: "Splits",
+    });
+    await expect(splitsLink).toBeVisible();
+    await expect(splitsLink).toHaveAttribute("href", "/calculator");
+  });
+});
diff --git a/vite-project/src/components/layout/Footer.tsx b/vite-project/src/components/layout/Footer.tsx
index 23f88d0..3093f50 100644
--- a/vite-project/src/components/layout/Footer.tsx
+++ b/vite-project/src/components/layout/Footer.tsx
@@ -66,6 +66,14 @@ const Footer = () => {
                   ElevationFinder
                 </Link>
               </li>
+              <li>
+                <Link
+                  to="/calculator"
+                  className="text-slate-600 hover:text-emerald-600 transition-colors text-sm"
+                >
+                  Splits
+                </Link>
+              </li>
             </ul>
           </div>