diff --git a/components/teams-banner.tsx b/components/teams-banner.tsx
new file mode 100644
index 000000000..9ca6d681a
--- /dev/null
+++ b/components/teams-banner.tsx
@@ -0,0 +1,20 @@
+import { Box, Button, Container, Heading, Link, Text } from '@chakra-ui/react';
+import { event } from '../lib/gtag';
+
+export function TeamsBanner() {
+ return (
+
+
+ Roadmaps for Teams
+ We are working on a solution for teams. Help us shape the platform!
+
+
+
+ );
+}
diff --git a/pages/[roadmap]/[group].tsx b/pages/[roadmap]/[group].tsx
index 223b75260..42613e7ae 100644
--- a/pages/[roadmap]/[group].tsx
+++ b/pages/[roadmap]/[group].tsx
@@ -9,6 +9,7 @@ import React from 'react';
import { ChevronRightIcon } from '@chakra-ui/icons';
import siteConfig from '../../content/site.json';
import { EditContentPageLink } from '../../components/roadmap/edit-content-page-link';
+import { TeamsBanner } from '../../components/teams-banner';
type RoadmapProps = {
roadmap: RoadmapType;
@@ -103,6 +104,7 @@ export default function RoadmapGroup(props: RoadmapProps) {
+
);
diff --git a/pages/[roadmap]/index.tsx b/pages/[roadmap]/index.tsx
index e374f8919..c1b3c47f8 100644
--- a/pages/[roadmap]/index.tsx
+++ b/pages/[roadmap]/index.tsx
@@ -17,6 +17,7 @@ import { InteractiveRoadmapRenderer } from './interactive';
import { SIGNUP_EMAIL_INPUT_NAME, SIGNUP_FORM_ACTION } from '../signup';
import { BellIcon, EmailIcon } from '@chakra-ui/icons';
import { RelatedRoadmaps } from '../../components/related-roadmaps';
+import { TeamsBanner } from '../../components/teams-banner';
type RoadmapProps = {
roadmap: RoadmapType;
@@ -109,6 +110,7 @@ export default function Roadmap(props: RoadmapPageProps) {
+
);
diff --git a/pages/[roadmap]/interactive.tsx b/pages/[roadmap]/interactive.tsx
index 83332da83..10a2848f4 100644
--- a/pages/[roadmap]/interactive.tsx
+++ b/pages/[roadmap]/interactive.tsx
@@ -12,6 +12,7 @@ import { ContentDrawer } from '../../components/roadmap/content-drawer';
import { RoadmapError } from '../../components/roadmap/roadmap-error';
import { RoadmapLoader } from '../../components/roadmap/roadmap-loader';
import { removeSortingInfo } from '../../lib/renderer';
+import { TeamsBanner } from '../../components/teams-banner';
type RoadmapProps = {
roadmap: RoadmapType;
@@ -205,6 +206,7 @@ export default function InteractiveRoadmap(props: RoadmapProps) {
+
);
diff --git a/pages/[roadmap]/resources.tsx b/pages/[roadmap]/resources.tsx
index 52fa06d4d..e8251f8fe 100644
--- a/pages/[roadmap]/resources.tsx
+++ b/pages/[roadmap]/resources.tsx
@@ -6,6 +6,7 @@ import { getAllRoadmaps, getRoadmapById, RoadmapType } from '../../lib/roadmap';
import MdRenderer from '../../components/md-renderer';
import Helmet from '../../components/helmet';
import { RoadmapPageHeader } from '../../components/roadmap/roadmap-page-header';
+import { TeamsBanner } from '../../components/teams-banner';
type RoadmapProps = {
roadmap: RoadmapType;
@@ -47,6 +48,7 @@ export default function Roadmap(props: RoadmapProps) {
+
);
diff --git a/pages/about.tsx b/pages/about.tsx
index 54d8e4fd6..fada297a3 100644
--- a/pages/about.tsx
+++ b/pages/about.tsx
@@ -5,6 +5,7 @@ import { OpensourceBanner } from '../components/opensource-banner';
import { Footer } from '../components/footer';
import MdRenderer from '../components/md-renderer';
import Helmet from '../components/helmet';
+import { TeamsBanner } from '../components/teams-banner';
function AboutHeader() {
return (
@@ -64,6 +65,7 @@ export default function About() {
+
);
diff --git a/pages/guides/[guide].tsx b/pages/guides/[guide].tsx
index 26691f121..219989563 100644
--- a/pages/guides/[guide].tsx
+++ b/pages/guides/[guide].tsx
@@ -7,6 +7,7 @@ import MdRenderer from '../../components/md-renderer';
import { getAllGuides, getGuideById, GuideType } from '../../lib/guide';
import siteConfig from '../../content/site.json';
import Helmet from '../../components/helmet';
+import { TeamsBanner } from '../../components/teams-banner';
type GuideProps = {
guide: GuideType;
@@ -46,6 +47,7 @@ export default function Guide(props: GuideProps) {
+
);
diff --git a/pages/guides/index.tsx b/pages/guides/index.tsx
index fe8db017f..85298cb0c 100644
--- a/pages/guides/index.tsx
+++ b/pages/guides/index.tsx
@@ -8,6 +8,7 @@ import { GuideGridItem } from '../../components/guide/guide-grid-item';
import { PageHeader } from '../../components/page-header';
import { getAllGuides, GuideType } from '../../lib/guide';
import Helmet from '../../components/helmet';
+import { TeamsBanner } from '../../components/teams-banner';
type GuidesProps = {
guides: GuideType[]
@@ -62,6 +63,7 @@ export default function Guides(props: GuidesProps) {
+
);
diff --git a/pages/index.tsx b/pages/index.tsx
index 74070f15c..661e36278 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -12,6 +12,7 @@ import { getAllVideos, VideoType } from '../lib/video';
import Helmet from '../components/helmet';
import { PageWrapper } from '../components/page-wrapper';
import { FeaturedRoadmapsList } from '../components/home/featured-roadmaps-list';
+import { TeamsBanner } from '../components/teams-banner';
type HomeProps = {
roadmaps: RoadmapType[];
@@ -121,6 +122,7 @@ export default function Home(props: HomeProps) {
+
);
diff --git a/pages/pdfs.tsx b/pages/pdfs.tsx
index f792bac75..82c9f40da 100644
--- a/pages/pdfs.tsx
+++ b/pages/pdfs.tsx
@@ -5,6 +5,7 @@ import { OpensourceBanner } from '../components/opensource-banner';
import { Footer } from '../components/footer';
import MdRenderer from '../components/md-renderer';
import Helmet from '../components/helmet';
+import { TeamsBanner } from '../components/teams-banner';
export default function RoadmapPDF() {
const PDFList = require(`../content/pages/pdfs.md`).default;
@@ -22,6 +23,7 @@ export default function RoadmapPDF() {
+
);
diff --git a/pages/roadmaps.tsx b/pages/roadmaps.tsx
index e219f6f77..c09c201fc 100644
--- a/pages/roadmaps.tsx
+++ b/pages/roadmaps.tsx
@@ -7,6 +7,7 @@ import { RoadmapGridItem } from '../components/roadmap/roadmap-grid-item';
import { getAllRoadmaps, RoadmapType } from '../lib/roadmap';
import Helmet from '../components/helmet';
import { NewAlertBanner } from '../components/roadmap/new-alert-banner';
+import { TeamsBanner } from '../components/teams-banner';
type RoadmapsProps = {
roadmaps: RoadmapType[];
@@ -46,6 +47,7 @@ export default function Roadmaps(props: RoadmapsProps) {
+
);
diff --git a/pages/signup.tsx b/pages/signup.tsx
index a2628b803..17290a39a 100644
--- a/pages/signup.tsx
+++ b/pages/signup.tsx
@@ -6,6 +6,7 @@ import { Footer } from '../components/footer';
import { CheckCircleIcon } from '@chakra-ui/icons';
import siteConfig from '../content/site.json';
import Helmet from '../components/helmet';
+import { TeamsBanner } from '../components/teams-banner';
export const SIGNUP_FORM_ACTION = 'https://www.getrevue.co/profile/roadmap/add_subscriber';
export const SIGNUP_EMAIL_INPUT_NAME = 'member[email]';
@@ -87,6 +88,7 @@ export default function SignUp() {
+
);
diff --git a/pages/terms.tsx b/pages/terms.tsx
index 8efc0c2fa..8195f13b2 100644
--- a/pages/terms.tsx
+++ b/pages/terms.tsx
@@ -5,6 +5,7 @@ import { OpensourceBanner } from '../components/opensource-banner';
import { Footer } from '../components/footer';
import MdRenderer from '../components/md-renderer';
import Helmet from '../components/helmet';
+import { TeamsBanner } from '../components/teams-banner';
export default function Terms() {
const TermsContent = require(`../content/pages/terms.md`).default;
@@ -22,6 +23,7 @@ export default function Terms() {
+
);
diff --git a/pages/thanks.tsx b/pages/thanks.tsx
index cbb677164..63473fd49 100644
--- a/pages/thanks.tsx
+++ b/pages/thanks.tsx
@@ -17,6 +17,7 @@ import { OpensourceBanner } from '../components/opensource-banner';
import { Footer } from '../components/footer';
import siteConfig from '../content/site.json';
import Helmet from '../components/helmet';
+import { TeamsBanner } from '../components/teams-banner';
export default function Thanks() {
return (
@@ -244,6 +245,7 @@ export default function Thanks() {
+
);
diff --git a/pages/upcoming.tsx b/pages/upcoming.tsx
index 82d001c07..d9c24b2b2 100644
--- a/pages/upcoming.tsx
+++ b/pages/upcoming.tsx
@@ -9,6 +9,7 @@ import { BellIcon, EmailIcon } from '@chakra-ui/icons';
import { SIGNUP_EMAIL_INPUT_NAME, SIGNUP_FORM_ACTION } from './signup';
import React from 'react';
import { upcomingRoadmaps } from '../components/home/featured-roadmaps-list';
+import { TeamsBanner } from '../components/teams-banner';
export function getParameterByName(name: string, url: string = (typeof window !== 'undefined' ? window : {} as any)?.location?.href) {
name = name.replace(/[\[\]]/g, '\\$&');
@@ -58,6 +59,7 @@ export default function Upcoming() {
+
);
diff --git a/pages/watch/[video].tsx b/pages/watch/[video].tsx
index df2914a68..176f756f4 100644
--- a/pages/watch/[video].tsx
+++ b/pages/watch/[video].tsx
@@ -6,6 +6,7 @@ import { ContentPageHeader } from '../../components/content-page-header';
import MdRenderer from '../../components/md-renderer';
import { getAllVideos, getVideoById, VideoType } from '../../lib/video';
import Helmet from '../../components/helmet';
+import { TeamsBanner } from '../../components/teams-banner';
type VideoProps = {
video: VideoType;
@@ -48,6 +49,7 @@ export default function Video(props: VideoProps) {
+
);
diff --git a/pages/watch/index.tsx b/pages/watch/index.tsx
index 19da82e35..a4d2407be 100644
--- a/pages/watch/index.tsx
+++ b/pages/watch/index.tsx
@@ -6,6 +6,7 @@ import { VideoGridItem } from '../../components/watch/video-grid-item';
import { PageHeader } from '../../components/page-header';
import { getAllVideos, VideoType } from '../../lib/video';
import Helmet from '../../components/helmet';
+import { TeamsBanner } from '../../components/teams-banner';
type VideosProps = {
videos: VideoType[]
@@ -42,6 +43,7 @@ export default function Watch(props: VideosProps) {
+
);