From a162624eb8a9c2ef1ce2b33917ffdbb79f50c654 Mon Sep 17 00:00:00 2001
From: Henry <henry_ball@hotmail.co.uk>
Date: Sat, 18 Jan 2025 22:47:06 +0000
Subject: [PATCH] fix: update roadmap link

---
 .../src/views/home/components/Features.tsx    | 36 +++++++++----------
 apps/web/src/views/home/components/Footer.tsx |  8 ++---
 apps/web/src/views/home/components/Header.tsx |  7 ++--
 3 files changed, 26 insertions(+), 25 deletions(-)

diff --git a/apps/web/src/views/home/components/Features.tsx b/apps/web/src/views/home/components/Features.tsx
index c3b6e96a..de6e41bb 100644
--- a/apps/web/src/views/home/components/Features.tsx
+++ b/apps/web/src/views/home/components/Features.tsx
@@ -1,23 +1,23 @@
-import { useState } from "react";
 import Link from "next/link";
-import LottieIcon from "~/components/LottieIcon";
+import { useState } from "react";
 
-import boardVisibilityIconLight from "~/assets/board-visibility-light.json";
-import boardVisibilityIconDark from "~/assets/board-visibility-dark.json";
-import membersIconLight from "~/assets/members-light.json";
-import membersIconDark from "~/assets/members-dark.json";
-import commentsIconLight from "~/assets/comments-light.json";
-import commentsIconDark from "~/assets/comments-dark.json";
-import integrationsIconLight from "~/assets/integrations-light.json";
-import integrationsIconDark from "~/assets/integrations-dark.json";
-import labelsIconLight from "~/assets/labels-light.json";
-import labelsIconDark from "~/assets/labels-dark.json";
-import importsIconLight from "~/assets/imports-light.json";
-import importsIconDark from "~/assets/imports-dark.json";
-import activityLogsIconLight from "~/assets/activity-logs-light.json";
 import activityLogsIconDark from "~/assets/activity-logs-dark.json";
-import templatesIconLight from "~/assets/templates-light.json";
+import activityLogsIconLight from "~/assets/activity-logs-light.json";
+import boardVisibilityIconDark from "~/assets/board-visibility-dark.json";
+import boardVisibilityIconLight from "~/assets/board-visibility-light.json";
+import commentsIconDark from "~/assets/comments-dark.json";
+import commentsIconLight from "~/assets/comments-light.json";
+import importsIconDark from "~/assets/imports-dark.json";
+import importsIconLight from "~/assets/imports-light.json";
+import integrationsIconDark from "~/assets/integrations-dark.json";
+import integrationsIconLight from "~/assets/integrations-light.json";
+import labelsIconDark from "~/assets/labels-dark.json";
+import labelsIconLight from "~/assets/labels-light.json";
+import membersIconDark from "~/assets/members-dark.json";
+import membersIconLight from "~/assets/members-light.json";
 import templatesIconDark from "~/assets/templates-dark.json";
+import templatesIconLight from "~/assets/templates-light.json";
+import LottieIcon from "~/components/LottieIcon";
 
 const FeatureItem = ({
   feature,
@@ -42,7 +42,7 @@ const FeatureItem = ({
       onMouseEnter={handleMouseEnter}
       className="group relative flex h-56 w-56 flex-col items-center justify-center overflow-hidden rounded-3xl border border-light-200 bg-light-50 dark:border-dark-200 dark:bg-dark-50"
     >
-      <div className="absolute left-8 top-8 h-2 w-2 rounded-full bg-light-200 dark:bg-dark-200  " />
+      <div className="absolute left-8 top-8 h-2 w-2 rounded-full bg-light-200 dark:bg-dark-200" />
       <div className="absolute right-8 top-8 h-2 w-2 rounded-full bg-light-200 dark:bg-dark-200" />
       <div className="absolute bottom-8 left-8 h-2 w-2 rounded-full bg-light-200 dark:bg-dark-200" />
       <div className="absolute bottom-8 right-8 h-2 w-2 rounded-full bg-light-200 dark:bg-dark-200" />
@@ -141,7 +141,7 @@ const Features = ({ theme }: { theme: "light" | "dark" }) => {
           <div className="mt-8 flex items-center gap-2 rounded-full border bg-light-50 px-4 py-1 text-center text-sm text-light-1000 dark:border-dark-300 dark:bg-dark-50 dark:text-dark-900">
             <p>
               {`We're just getting started. `}
-              <Link href="/roadmap" className="underline">
+              <Link href="/kan/roadmap" className="underline">
                 View our roadmap.
               </Link>
             </p>
diff --git a/apps/web/src/views/home/components/Footer.tsx b/apps/web/src/views/home/components/Footer.tsx
index 2c216d32..1fe411d8 100644
--- a/apps/web/src/views/home/components/Footer.tsx
+++ b/apps/web/src/views/home/components/Footer.tsx
@@ -8,7 +8,7 @@ const navigation = {
     { name: "API Reference", href: "#" },
   ],
   company: [
-    { name: "Roadmap", href: "/roadmap" },
+    { name: "Roadmap", href: "/kan/roadmap" },
     { name: "GitHub", href: "https://github.com/kanbn/kan" },
     { name: "Contact", href: "mailto:support@kan.bn" },
   ],
@@ -44,16 +44,16 @@ const StatusMarker = () => (
 
 const Footer = () => {
   return (
-    <footer className="z-10 mt-20 w-full border-t border-light-300 border-light-300 bg-light-50 py-8 dark:border-dark-300 dark:bg-dark-50">
+    <footer className="z-10 mt-20 w-full border-t border-light-300 bg-light-50 py-8 dark:border-dark-300 dark:bg-dark-50">
       <div className="mx-auto max-w-7xl px-6 py-16 sm:py-24 lg:px-8 lg:py-24">
         <div className="xl:grid xl:grid-cols-3 xl:gap-8">
           <div>
             <div className="mb-2 flex items-center gap-2">
               <Link href="https://github.com/kanbn/kan" target="_blank">
-                <FaGithub className="h-8 w-8 rounded-lg border border-light-300 border-light-300 p-1.5 text-light-1000 hover:bg-light-100 dark:border-dark-300 dark:text-dark-1000 dark:hover:bg-dark-100" />
+                <FaGithub className="h-8 w-8 rounded-lg border border-light-300 p-1.5 text-light-1000 hover:bg-light-100 dark:border-dark-300 dark:text-dark-1000 dark:hover:bg-dark-100" />
               </Link>
               <Link href="#" target="_blank">
-                <FaDiscord className="h-8 w-8 rounded-lg border border-light-300 border-light-300 p-1.5 text-light-1000 hover:bg-light-100 dark:border-dark-300 dark:text-dark-1000 dark:hover:bg-dark-100" />
+                <FaDiscord className="h-8 w-8 rounded-lg border border-light-300 p-1.5 text-light-1000 hover:bg-light-100 dark:border-dark-300 dark:text-dark-1000 dark:hover:bg-dark-100" />
               </Link>
             </div>
 
diff --git a/apps/web/src/views/home/components/Header.tsx b/apps/web/src/views/home/components/Header.tsx
index e2a48ab6..3d4a8228 100644
--- a/apps/web/src/views/home/components/Header.tsx
+++ b/apps/web/src/views/home/components/Header.tsx
@@ -1,8 +1,9 @@
-import { useState, useEffect } from "react";
 import Link from "next/link";
-import Button from "~/components/Button";
+import { useEffect, useState } from "react";
 import { twMerge } from "tailwind-merge";
 
+import Button from "~/components/Button";
+
 const Header = ({ isLoggedIn }: { isLoggedIn: boolean }) => {
   const [isScrolled, setIsScrolled] = useState(false);
 
@@ -36,7 +37,7 @@ const Header = ({ isLoggedIn }: { isLoggedIn: boolean }) => {
               </h1>
             </div>
             <div className="flex justify-center gap-10 dark:text-dark-1000">
-              <Link href="/roadmap" className="text-sm font-bold">
+              <Link href="/kan/roadmap" className="text-sm font-bold">
                 Roadmap
               </Link>
               <Link href="#features" className="text-sm font-bold">