diff --git a/apps/web/components/layout/footer.component.tsx b/apps/web/components/layout/footer.component.tsx index d902cd2..00970e5 100644 --- a/apps/web/components/layout/footer.component.tsx +++ b/apps/web/components/layout/footer.component.tsx @@ -21,6 +21,10 @@ const navigation = { { name: "Status", href: "https://status.changes.page" }, ], company: [ + { + name: "Roadmap Boards", + href: ROUTES.ROADMAP, + }, { name: "Developers care about changelogs", href: "/developers-care-about-changelog", diff --git a/apps/web/data/routes.data.ts b/apps/web/data/routes.data.ts index 798531d..7925ac6 100644 --- a/apps/web/data/routes.data.ts +++ b/apps/web/data/routes.data.ts @@ -1,6 +1,7 @@ export const ROUTES = { HOME: "/", PRICING: "/pricing", + ROADMAP: "/roadmap", LOGIN: "/login", LOGIN_CALLBACK: "/api/auth/callback", diff --git a/apps/web/pages/roadmap.tsx b/apps/web/pages/roadmap.tsx new file mode 100644 index 0000000..f9d1ffa --- /dev/null +++ b/apps/web/pages/roadmap.tsx @@ -0,0 +1,634 @@ +import { + ChartBarIcon, + CheckIcon, + CursorClickIcon, + LightBulbIcon, + SparklesIcon, + UserGroupIcon, +} from "@heroicons/react/solid"; +import Head from "next/head"; +import Link from "next/link"; +import FooterComponent from "../components/layout/footer.component"; +import HeaderComponent from "../components/layout/header.component"; + +export default function RoadmapLanding() { + return ( +
+ + Interactive Product Roadmaps with Voting - Changes.page + + + + + + + + + + + + + + + +