From 1c66c2a25586ba4e6529edd2d2d45d337cac34af Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Mon, 10 Oct 2022 16:19:33 +0400
Subject: [PATCH] Add roadmaps for teams link

---
 components/teams-banner.tsx     | 20 ++++++++++++++++++++
 pages/[roadmap]/[group].tsx     |  2 ++
 pages/[roadmap]/index.tsx       |  2 ++
 pages/[roadmap]/interactive.tsx |  2 ++
 pages/[roadmap]/resources.tsx   |  2 ++
 pages/about.tsx                 |  2 ++
 pages/guides/[guide].tsx        |  2 ++
 pages/guides/index.tsx          |  2 ++
 pages/index.tsx                 |  2 ++
 pages/pdfs.tsx                  |  2 ++
 pages/roadmaps.tsx              |  2 ++
 pages/signup.tsx                |  2 ++
 pages/terms.tsx                 |  2 ++
 pages/thanks.tsx                |  2 ++
 pages/upcoming.tsx              |  2 ++
 pages/watch/[video].tsx         |  2 ++
 pages/watch/index.tsx           |  2 ++
 17 files changed, 52 insertions(+)
 create mode 100644 components/teams-banner.tsx

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 (
+    <Box bg='teal.500' borderTopWidth={1} py={['45px', '45px', '70px']} textAlign='center'>
+      <Container maxW='container.sm'>
+        <Heading as='h4' color={'white'} fontSize={['25px', '25px', '35px']} mb={['10px', '10px', '20px']}>Roadmaps for Teams</Heading>
+        <Text lineHeight='26px' color={'white'} fontSize={['15px', '15px', '18px']} mb='20px'>We are working on a solution for teams. Help us shape the platform!</Text>
+        <Button onClick={() => {
+          event({
+            category: 'UpcomingFeatureClick',
+            action: `Teams Form Redirect`,
+            label: `Click Teams Footer Link`
+          });
+        }} target={'_blank'} as={Link} href='https://forms.gle/6X2matbCmjmvYGGt6' _hover={{textDecoration: 'none', bg: 'gray.300'}}>Tell us what you Need</Button>
+      </Container>
+    </Box>
+  );
+}
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) {
       </Container>
 
       <OpensourceBanner />
+      <TeamsBanner />
       <Footer />
     </Box>
   );
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) {
       <RelatedRoadmaps roadmaps={relatedRoadmaps} />
 
       <OpensourceBanner />
+      <TeamsBanner />
       <Footer />
     </Box>
   );
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) {
       </Box>
 
       <OpensourceBanner />
+      <TeamsBanner />
       <Footer />
     </Box>
   );
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) {
       </Box>
 
       <OpensourceBanner />
+      <TeamsBanner />
       <Footer />
     </Box>
   );
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() {
       </Box>
 
       <OpensourceBanner />
+      <TeamsBanner />
       <Footer />
     </Box>
   );
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) {
       </Box>
 
       <OpensourceBanner />
+      <TeamsBanner />
       <Footer />
     </Box>
   );
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) {
       </Box>
 
       <OpensourceBanner />
+      <TeamsBanner />
       <Footer />
     </Box>
   );
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) {
       </Box>
 
       <OpensourceBanner />
+      <TeamsBanner />
       <Footer />
     </PageWrapper>
   );
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() {
       </Box>
 
       <OpensourceBanner />
+      <TeamsBanner />
       <Footer />
     </Box>
   );
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) {
       </Box>
 
       <OpensourceBanner />
+      <TeamsBanner />
       <Footer />
     </Box>
   );
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() {
       </Box>
 
       <OpensourceBanner />
+      <TeamsBanner />
       <Footer />
     </Box>
   );
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() {
       </Box>
 
       <OpensourceBanner />
+      <TeamsBanner />
       <Footer />
     </Box>
   );
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() {
         </Container>
       </Box>
       <OpensourceBanner />
+      <TeamsBanner />
       <Footer />
     </Box>
   );
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() {
       </Box>
 
       <OpensourceBanner />
+      <TeamsBanner />
       <Footer />
     </Box>
   );
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) {
       </Box>
 
       <OpensourceBanner />
+      <TeamsBanner />
       <Footer />
     </Box>
   );
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) {
       </Box>
 
       <OpensourceBanner />
+      <TeamsBanner />
       <Footer />
     </Box>
   );