From 0239176c8ec53b2e229ff393f3335846ed99eeca Mon Sep 17 00:00:00 2001
From: Jamil <jamilbk@users.noreply.github.com>
Date: Fri, 5 Jul 2024 10:18:20 -0700
Subject: [PATCH] fix(website): fix wrong link in /support (#5759)

---
 website/src/app/support/_page.tsx           | 20 +++++++++++---------
 website/src/components/KbCards/index.tsx    |  2 +-
 website/src/components/RootNavbar/index.tsx |  3 ++-
 3 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/website/src/app/support/_page.tsx b/website/src/app/support/_page.tsx
index fb51633ec..47cd39d64 100644
--- a/website/src/app/support/_page.tsx
+++ b/website/src/app/support/_page.tsx
@@ -48,7 +48,7 @@ export default function _Page() {
         <div className="mt-8 grid grid-cols-1 sm:grid-cols-2 gap-8">
           <Link
             href="/kb/deploy"
-            className="p-6 hover:shadow rounded border-2 hover:border-accent-200 hover:bg-accent-100 transition duration-100"
+            className="p-6 hover:shadow rounded border-2 hover:border-accent-200 hover:bg-accent-50 transition duration-100"
           >
             <h3 className="text-neutral-800 text-lg font-semibold tracking-tight">
               <HiOutlineServerStack className="w-5 h-5 mr-2" />
@@ -62,7 +62,7 @@ export default function _Page() {
           </Link>
           <Link
             href="/kb/user-guides"
-            className="p-6 hover:shadow rounded border-2 hover:border-accent-200 hover:bg-accent-100 transition duration-100"
+            className="p-6 hover:shadow rounded border-2 hover:border-accent-200 hover:bg-accent-50 transition duration-100"
           >
             <h3 className="text-neutral-800 text-lg font-semibold tracking-tight">
               <HiOutlineUserCircle className="w-5 h-5 mr-2" />
@@ -75,7 +75,7 @@ export default function _Page() {
           </Link>
           <Link
             href="/kb/administer/troubleshooting"
-            className="p-6 hover:shadow rounded border-2 hover:border-accent-200 hover:bg-accent-100 transition duration-100"
+            className="p-6 hover:shadow rounded border-2 hover:border-accent-200 hover:bg-accent-50 transition duration-100"
           >
             <h3 className="text-neutral-800 text-lg font-semibold tracking-tight">
               <HiOutlineCommandLine className="w-5 h-5 mr-2" />
@@ -89,7 +89,7 @@ export default function _Page() {
           </Link>
           <Link
             href="/kb/reference/faq"
-            className="p-6 hover:shadow rounded border-2 hover:border-accent-200 hover:bg-accent-100 transition duration-100"
+            className="p-6 hover:shadow rounded border-2 hover:border-accent-200 hover:bg-accent-50 transition duration-100"
           >
             <h3 className="text-neutral-800 text-lg font-semibold tracking-tight">
               <HiOutlineQuestionMarkCircle className="w-5 h-5 mr-2" />
@@ -124,17 +124,19 @@ export default function _Page() {
         <div className="mt-8 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
           <Link
             href="https://www.github.com/firezone/firezone/issues"
-            className="p-6 hover:shadow rounded border-2 hover:border-accent-200 hover:bg-accent-100 transition duration-100"
+            className="p-6 hover:shadow rounded border-2 hover:border-accent-200 hover:bg-accent-50 transition duration-100"
           >
             <h3 className="text-neutral-800 text-lg font-semibold tracking-tight">
               <HiOutlineMagnifyingGlass className="w-5 h-5 mr-2" />
               Issue search
             </h3>
-            <p className="mt-8">Search our open issues and leave a comment.</p>
+            <p className="mt-8">
+              Search our open GitHub issues and leave a comment.
+            </p>
           </Link>
           <Link
-            href="/kb/user-guides"
-            className="p-6 hover:shadow rounded border-2 hover:border-accent-200 hover:bg-accent-100 transition duration-100"
+            href="https://github.com/orgs/firezone/projects/9"
+            className="p-6 hover:shadow rounded border-2 hover:border-accent-200 hover:bg-accent-50 transition duration-100"
           >
             <h3 className="text-neutral-800 text-lg font-semibold tracking-tight">
               <HiOutlineMap className="w-5 h-5 mr-2" />
@@ -147,7 +149,7 @@ export default function _Page() {
           </Link>
           <Link
             href="/kb/administer/troubleshooting"
-            className="p-6 hover:shadow rounded border-2 hover:border-accent-200 hover:bg-accent-100 transition duration-100"
+            className="p-6 hover:shadow rounded border-2 hover:border-accent-200 hover:bg-accent-50 transition duration-100"
           >
             <h3 className="text-neutral-800 text-lg font-semibold tracking-tight">
               <HiOutlineDocumentPlus className="w-5 h-5 mr-2" />
diff --git a/website/src/components/KbCards/index.tsx b/website/src/components/KbCards/index.tsx
index 8cb4eccdf..a4529217b 100644
--- a/website/src/components/KbCards/index.tsx
+++ b/website/src/components/KbCards/index.tsx
@@ -15,7 +15,7 @@ export function KbCard({
   return (
     <Link
       href={href}
-      className="flex flex-col p-6 hover:shadow rounded border-2 hover:border-accent-200 hover:bg-accent-100 transition duration-100"
+      className="flex flex-col p-6 hover:shadow rounded border-2 hover:border-accent-200 hover:bg-accent-50 transition duration-100"
     >
       <h3 className="text-neutral-800 text-xl font-semibold tracking-tight mb-12">
         {title}
diff --git a/website/src/components/RootNavbar/index.tsx b/website/src/components/RootNavbar/index.tsx
index 3a4d9a297..983c19106 100644
--- a/website/src/components/RootNavbar/index.tsx
+++ b/website/src/components/RootNavbar/index.tsx
@@ -173,9 +173,9 @@ export default function RootNavbar() {
       <NavbarToggle barIcon={HiBars3} />
       <NavbarCollapse>
         <Dropdown theme={dropdownTheme} label="Product" inline>
-          <DropdownItem href="/changelog">Changelog</DropdownItem>
           <DropdownItem href="/kb/user-guides">Download</DropdownItem>
           <DropdownItem href="/contact/sales">Book a demo</DropdownItem>
+          <DropdownItem href="/kb/use-cases">Use cases</DropdownItem>
           <DropdownItem href="https://www.github.com/firezone/firezone">
             Open source
           </DropdownItem>
@@ -183,6 +183,7 @@ export default function RootNavbar() {
             Roadmap
           </DropdownItem>
           <DropdownItem href="/product/newsletter">Newsletter</DropdownItem>
+          <DropdownItem href="/changelog">Changelog</DropdownItem>
         </Dropdown>
         <NavbarLink href="/kb">Docs</NavbarLink>
         <NavbarLink href="/pricing">Pricing</NavbarLink>