Add roadmaps for teams link

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>
+  );
+}

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>
   );

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>
   );

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>
   );

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>
   );

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>
   );

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>
   );

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>
   );

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>
   );

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>
   );

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>
   );

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>
   );

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>
   );

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>
   );

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>
   );

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>
   );

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>
   );