shiyue/kan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: update roadmap link

Browse Source
This commit is contained in:
Henry
2025-01-18 22:47:06 +00:00
parent be57292c5e
commit a162624eb8
3 changed files with 26 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
apps/web/src/views/home/components/Features.tsx
View File

@@ -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>

8
apps/web/src/views/home/components/Footer.tsx
View File

@@ -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>

7
apps/web/src/views/home/components/Header.tsx
View File

@@ -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">