Add roadmaps for teams link

pull/2367/head
Kamran Ahmed 2 years ago
parent 8d5e331053
commit 1c66c2a255
  1. 20
      components/teams-banner.tsx
  2. 2
      pages/[roadmap]/[group].tsx
  3. 2
      pages/[roadmap]/index.tsx
  4. 2
      pages/[roadmap]/interactive.tsx
  5. 2
      pages/[roadmap]/resources.tsx
  6. 2
      pages/about.tsx
  7. 2
      pages/guides/[guide].tsx
  8. 2
      pages/guides/index.tsx
  9. 2
      pages/index.tsx
  10. 2
      pages/pdfs.tsx
  11. 2
      pages/roadmaps.tsx
  12. 2
      pages/signup.tsx
  13. 2
      pages/terms.tsx
  14. 2
      pages/thanks.tsx
  15. 2
      pages/upcoming.tsx
  16. 2
      pages/watch/[video].tsx
  17. 2
      pages/watch/index.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>
);
}

@ -9,6 +9,7 @@ import React from 'react';
import { ChevronRightIcon } from '@chakra-ui/icons'; import { ChevronRightIcon } from '@chakra-ui/icons';
import siteConfig from '../../content/site.json'; import siteConfig from '../../content/site.json';
import { EditContentPageLink } from '../../components/roadmap/edit-content-page-link'; import { EditContentPageLink } from '../../components/roadmap/edit-content-page-link';
import { TeamsBanner } from '../../components/teams-banner';
type RoadmapProps = { type RoadmapProps = {
roadmap: RoadmapType; roadmap: RoadmapType;
@ -103,6 +104,7 @@ export default function RoadmapGroup(props: RoadmapProps) {
</Container> </Container>
<OpensourceBanner /> <OpensourceBanner />
<TeamsBanner />
<Footer /> <Footer />
</Box> </Box>
); );

@ -17,6 +17,7 @@ import { InteractiveRoadmapRenderer } from './interactive';
import { SIGNUP_EMAIL_INPUT_NAME, SIGNUP_FORM_ACTION } from '../signup'; import { SIGNUP_EMAIL_INPUT_NAME, SIGNUP_FORM_ACTION } from '../signup';
import { BellIcon, EmailIcon } from '@chakra-ui/icons'; import { BellIcon, EmailIcon } from '@chakra-ui/icons';
import { RelatedRoadmaps } from '../../components/related-roadmaps'; import { RelatedRoadmaps } from '../../components/related-roadmaps';
import { TeamsBanner } from '../../components/teams-banner';
type RoadmapProps = { type RoadmapProps = {
roadmap: RoadmapType; roadmap: RoadmapType;
@ -109,6 +110,7 @@ export default function Roadmap(props: RoadmapPageProps) {
<RelatedRoadmaps roadmaps={relatedRoadmaps} /> <RelatedRoadmaps roadmaps={relatedRoadmaps} />
<OpensourceBanner /> <OpensourceBanner />
<TeamsBanner />
<Footer /> <Footer />
</Box> </Box>
); );

@ -12,6 +12,7 @@ import { ContentDrawer } from '../../components/roadmap/content-drawer';
import { RoadmapError } from '../../components/roadmap/roadmap-error'; import { RoadmapError } from '../../components/roadmap/roadmap-error';
import { RoadmapLoader } from '../../components/roadmap/roadmap-loader'; import { RoadmapLoader } from '../../components/roadmap/roadmap-loader';
import { removeSortingInfo } from '../../lib/renderer'; import { removeSortingInfo } from '../../lib/renderer';
import { TeamsBanner } from '../../components/teams-banner';
type RoadmapProps = { type RoadmapProps = {
roadmap: RoadmapType; roadmap: RoadmapType;
@ -205,6 +206,7 @@ export default function InteractiveRoadmap(props: RoadmapProps) {
</Box> </Box>
<OpensourceBanner /> <OpensourceBanner />
<TeamsBanner />
<Footer /> <Footer />
</Box> </Box>
); );

@ -6,6 +6,7 @@ import { getAllRoadmaps, getRoadmapById, RoadmapType } from '../../lib/roadmap';
import MdRenderer from '../../components/md-renderer'; import MdRenderer from '../../components/md-renderer';
import Helmet from '../../components/helmet'; import Helmet from '../../components/helmet';
import { RoadmapPageHeader } from '../../components/roadmap/roadmap-page-header'; import { RoadmapPageHeader } from '../../components/roadmap/roadmap-page-header';
import { TeamsBanner } from '../../components/teams-banner';
type RoadmapProps = { type RoadmapProps = {
roadmap: RoadmapType; roadmap: RoadmapType;
@ -47,6 +48,7 @@ export default function Roadmap(props: RoadmapProps) {
</Box> </Box>
<OpensourceBanner /> <OpensourceBanner />
<TeamsBanner />
<Footer /> <Footer />
</Box> </Box>
); );

@ -5,6 +5,7 @@ import { OpensourceBanner } from '../components/opensource-banner';
import { Footer } from '../components/footer'; import { Footer } from '../components/footer';
import MdRenderer from '../components/md-renderer'; import MdRenderer from '../components/md-renderer';
import Helmet from '../components/helmet'; import Helmet from '../components/helmet';
import { TeamsBanner } from '../components/teams-banner';
function AboutHeader() { function AboutHeader() {
return ( return (
@ -64,6 +65,7 @@ export default function About() {
</Box> </Box>
<OpensourceBanner /> <OpensourceBanner />
<TeamsBanner />
<Footer /> <Footer />
</Box> </Box>
); );

@ -7,6 +7,7 @@ import MdRenderer from '../../components/md-renderer';
import { getAllGuides, getGuideById, GuideType } from '../../lib/guide'; import { getAllGuides, getGuideById, GuideType } from '../../lib/guide';
import siteConfig from '../../content/site.json'; import siteConfig from '../../content/site.json';
import Helmet from '../../components/helmet'; import Helmet from '../../components/helmet';
import { TeamsBanner } from '../../components/teams-banner';
type GuideProps = { type GuideProps = {
guide: GuideType; guide: GuideType;
@ -46,6 +47,7 @@ export default function Guide(props: GuideProps) {
</Box> </Box>
<OpensourceBanner /> <OpensourceBanner />
<TeamsBanner />
<Footer /> <Footer />
</Box> </Box>
); );

@ -8,6 +8,7 @@ import { GuideGridItem } from '../../components/guide/guide-grid-item';
import { PageHeader } from '../../components/page-header'; import { PageHeader } from '../../components/page-header';
import { getAllGuides, GuideType } from '../../lib/guide'; import { getAllGuides, GuideType } from '../../lib/guide';
import Helmet from '../../components/helmet'; import Helmet from '../../components/helmet';
import { TeamsBanner } from '../../components/teams-banner';
type GuidesProps = { type GuidesProps = {
guides: GuideType[] guides: GuideType[]
@ -62,6 +63,7 @@ export default function Guides(props: GuidesProps) {
</Box> </Box>
<OpensourceBanner /> <OpensourceBanner />
<TeamsBanner />
<Footer /> <Footer />
</Box> </Box>
); );

@ -12,6 +12,7 @@ import { getAllVideos, VideoType } from '../lib/video';
import Helmet from '../components/helmet'; import Helmet from '../components/helmet';
import { PageWrapper } from '../components/page-wrapper'; import { PageWrapper } from '../components/page-wrapper';
import { FeaturedRoadmapsList } from '../components/home/featured-roadmaps-list'; import { FeaturedRoadmapsList } from '../components/home/featured-roadmaps-list';
import { TeamsBanner } from '../components/teams-banner';
type HomeProps = { type HomeProps = {
roadmaps: RoadmapType[]; roadmaps: RoadmapType[];
@ -121,6 +122,7 @@ export default function Home(props: HomeProps) {
</Box> </Box>
<OpensourceBanner /> <OpensourceBanner />
<TeamsBanner />
<Footer /> <Footer />
</PageWrapper> </PageWrapper>
); );

@ -5,6 +5,7 @@ import { OpensourceBanner } from '../components/opensource-banner';
import { Footer } from '../components/footer'; import { Footer } from '../components/footer';
import MdRenderer from '../components/md-renderer'; import MdRenderer from '../components/md-renderer';
import Helmet from '../components/helmet'; import Helmet from '../components/helmet';
import { TeamsBanner } from '../components/teams-banner';
export default function RoadmapPDF() { export default function RoadmapPDF() {
const PDFList = require(`../content/pages/pdfs.md`).default; const PDFList = require(`../content/pages/pdfs.md`).default;
@ -22,6 +23,7 @@ export default function RoadmapPDF() {
</Box> </Box>
<OpensourceBanner /> <OpensourceBanner />
<TeamsBanner />
<Footer /> <Footer />
</Box> </Box>
); );

@ -7,6 +7,7 @@ import { RoadmapGridItem } from '../components/roadmap/roadmap-grid-item';
import { getAllRoadmaps, RoadmapType } from '../lib/roadmap'; import { getAllRoadmaps, RoadmapType } from '../lib/roadmap';
import Helmet from '../components/helmet'; import Helmet from '../components/helmet';
import { NewAlertBanner } from '../components/roadmap/new-alert-banner'; import { NewAlertBanner } from '../components/roadmap/new-alert-banner';
import { TeamsBanner } from '../components/teams-banner';
type RoadmapsProps = { type RoadmapsProps = {
roadmaps: RoadmapType[]; roadmaps: RoadmapType[];
@ -46,6 +47,7 @@ export default function Roadmaps(props: RoadmapsProps) {
</Box> </Box>
<OpensourceBanner /> <OpensourceBanner />
<TeamsBanner />
<Footer /> <Footer />
</Box> </Box>
); );

@ -6,6 +6,7 @@ import { Footer } from '../components/footer';
import { CheckCircleIcon } from '@chakra-ui/icons'; import { CheckCircleIcon } from '@chakra-ui/icons';
import siteConfig from '../content/site.json'; import siteConfig from '../content/site.json';
import Helmet from '../components/helmet'; 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_FORM_ACTION = 'https://www.getrevue.co/profile/roadmap/add_subscriber';
export const SIGNUP_EMAIL_INPUT_NAME = 'member[email]'; export const SIGNUP_EMAIL_INPUT_NAME = 'member[email]';
@ -87,6 +88,7 @@ export default function SignUp() {
</Box> </Box>
<OpensourceBanner /> <OpensourceBanner />
<TeamsBanner />
<Footer /> <Footer />
</Box> </Box>
); );

@ -5,6 +5,7 @@ import { OpensourceBanner } from '../components/opensource-banner';
import { Footer } from '../components/footer'; import { Footer } from '../components/footer';
import MdRenderer from '../components/md-renderer'; import MdRenderer from '../components/md-renderer';
import Helmet from '../components/helmet'; import Helmet from '../components/helmet';
import { TeamsBanner } from '../components/teams-banner';
export default function Terms() { export default function Terms() {
const TermsContent = require(`../content/pages/terms.md`).default; const TermsContent = require(`../content/pages/terms.md`).default;
@ -22,6 +23,7 @@ export default function Terms() {
</Box> </Box>
<OpensourceBanner /> <OpensourceBanner />
<TeamsBanner />
<Footer /> <Footer />
</Box> </Box>
); );

@ -17,6 +17,7 @@ import { OpensourceBanner } from '../components/opensource-banner';
import { Footer } from '../components/footer'; import { Footer } from '../components/footer';
import siteConfig from '../content/site.json'; import siteConfig from '../content/site.json';
import Helmet from '../components/helmet'; import Helmet from '../components/helmet';
import { TeamsBanner } from '../components/teams-banner';
export default function Thanks() { export default function Thanks() {
return ( return (
@ -244,6 +245,7 @@ export default function Thanks() {
</Container> </Container>
</Box> </Box>
<OpensourceBanner /> <OpensourceBanner />
<TeamsBanner />
<Footer /> <Footer />
</Box> </Box>
); );

@ -9,6 +9,7 @@ import { BellIcon, EmailIcon } from '@chakra-ui/icons';
import { SIGNUP_EMAIL_INPUT_NAME, SIGNUP_FORM_ACTION } from './signup'; import { SIGNUP_EMAIL_INPUT_NAME, SIGNUP_FORM_ACTION } from './signup';
import React from 'react'; import React from 'react';
import { upcomingRoadmaps } from '../components/home/featured-roadmaps-list'; 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) { export function getParameterByName(name: string, url: string = (typeof window !== 'undefined' ? window : {} as any)?.location?.href) {
name = name.replace(/[\[\]]/g, '\\$&'); name = name.replace(/[\[\]]/g, '\\$&');
@ -58,6 +59,7 @@ export default function Upcoming() {
</Box> </Box>
<OpensourceBanner /> <OpensourceBanner />
<TeamsBanner />
<Footer /> <Footer />
</Box> </Box>
); );

@ -6,6 +6,7 @@ import { ContentPageHeader } from '../../components/content-page-header';
import MdRenderer from '../../components/md-renderer'; import MdRenderer from '../../components/md-renderer';
import { getAllVideos, getVideoById, VideoType } from '../../lib/video'; import { getAllVideos, getVideoById, VideoType } from '../../lib/video';
import Helmet from '../../components/helmet'; import Helmet from '../../components/helmet';
import { TeamsBanner } from '../../components/teams-banner';
type VideoProps = { type VideoProps = {
video: VideoType; video: VideoType;
@ -48,6 +49,7 @@ export default function Video(props: VideoProps) {
</Box> </Box>
<OpensourceBanner /> <OpensourceBanner />
<TeamsBanner />
<Footer /> <Footer />
</Box> </Box>
); );

@ -6,6 +6,7 @@ import { VideoGridItem } from '../../components/watch/video-grid-item';
import { PageHeader } from '../../components/page-header'; import { PageHeader } from '../../components/page-header';
import { getAllVideos, VideoType } from '../../lib/video'; import { getAllVideos, VideoType } from '../../lib/video';
import Helmet from '../../components/helmet'; import Helmet from '../../components/helmet';
import { TeamsBanner } from '../../components/teams-banner';
type VideosProps = { type VideosProps = {
videos: VideoType[] videos: VideoType[]
@ -42,6 +43,7 @@ export default function Watch(props: VideosProps) {
</Box> </Box>
<OpensourceBanner /> <OpensourceBanner />
<TeamsBanner />
<Footer /> <Footer />
</Box> </Box>
); );

Loading…
Cancel
Save