From 9cfa457ff7f337526c189dab9ac3fd9860252e21 Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Thu, 5 Feb 2026 16:58:55 +0000
Subject: [PATCH] refactor: replace random footer links with single Use Cases
 link

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>
---
 apps/web/src/components/footer.tsx | 52 ++----------------------------
 1 file changed, 2 insertions(+), 50 deletions(-)

diff --git a/apps/web/src/components/footer.tsx b/apps/web/src/components/footer.tsx
index 2e830f4e76..5a8c1cd8cd 100644
--- a/apps/web/src/components/footer.tsx
+++ b/apps/web/src/components/footer.tsx
@@ -1,27 +1,8 @@
 import { Link, useRouterState } from "@tanstack/react-router";
 import { ExternalLinkIcon, MailIcon } from "lucide-react";
-import { useEffect, useState } from "react";
 
 import { Image } from "@/components/image";
 
-const vsList = [
-  { slug: "otter", name: "Otter.ai" },
-  { slug: "granola", name: "Granola" },
-  { slug: "fireflies", name: "Fireflies" },
-  { slug: "fathom", name: "Fathom" },
-  { slug: "notion", name: "Notion" },
-  { slug: "obsidian", name: "Obsidian" },
-];
-
-const useCasesList = [
-  { to: "/solution/sales", label: "Sales" },
-  { to: "/solution/recruiting", label: "Recruiting" },
-  { to: "/solution/consulting", label: "Consulting" },
-  { to: "/solution/coaching", label: "Coaching" },
-  { to: "/solution/research", label: "Research" },
-  { to: "/solution/journalism", label: "Journalism" },
-];
-
 function getMaxWidthClass(pathname: string): string {
   const isBlogOrDocs =
     pathname.startsWith("/blog") || pathname.startsWith("/docs");
@@ -167,17 +148,6 @@ function ProductLinks() {
 }
 
 function ResourcesLinks() {
-  const [vsIndex, setVsIndex] = useState(0);
-  const [useCaseIndex, setUseCaseIndex] = useState(0);
-
-  useEffect(() => {
-    setVsIndex(Math.floor(Math.random() * vsList.length));
-    setUseCaseIndex(Math.floor(Math.random() * useCasesList.length));
-  }, []);
-
-  const currentVs = vsList[vsIndex];
-  const currentUseCase = useCasesList[useCaseIndex];
-
   return (
     <div>
       <h3 className="text-sm font-semibold text-neutral-900 mb-4 font-serif">
@@ -238,28 +208,10 @@ function ResourcesLinks() {
         </li>
         <li>
           <Link
-            to={currentUseCase.to}
-            className="text-sm text-neutral-600 hover:text-stone-600 transition-colors no-underline hover:underline hover:decoration-dotted"
-            aria-label={`Hyprnote for ${currentUseCase.label}`}
-          >
-            👍 for {currentUseCase.label}
-          </Link>
-        </li>
-        <li>
-          <Link
-            to="/vs/$slug/"
-            params={{ slug: currentVs.slug }}
+            to="/solution/knowledge-workers/"
             className="text-sm text-neutral-600 hover:text-stone-600 transition-colors no-underline hover:underline hover:decoration-dotted"
-            aria-label={`Versus ${currentVs.name}`}
           >
-            <img
-              src="/api/images/hyprnote/icon.png"
-              alt="Hyprnote"
-              width={12}
-              height={12}
-              className="size-4 rounded border border-neutral-100 inline"
-            />{" "}
-            vs {currentVs.name}
+            Use Cases
           </Link>
         </li>
       </ul>