Remove sponsors information from the roadmap pages

components/updates-banner.tsx

@@ -1,80 +0,0 @@
-import {
-  Box,
-  Button,
-  Container,
-  Flex,
-  Heading,
-  Link,
-  Text,
-} from '@chakra-ui/react';
-import siteConfig from '../content/site.json';
-
-export function UpdatesBanner() {
-  return (
-    <Box
-      borderTopWidth={1}
-      pt={['40px', '40px', '70px']}
-      pb={['40px', '45px', '80px']}
-      textAlign="left"
-      bg="brand.footer"
-    >
-      <Container maxW="container.md">
-        <Heading
-          color={'gray.100'}
-          fontSize={['25px', '25px', '35px']}
-          mb={['5px', '5px', '15px']}
-        >
-          Stay Informed
-        </Heading>
-        <Text
-          color="gray.400"
-          lineHeight="26px"
-          fontSize={['15px', '15px', '16px']}
-          mb="20px"
-        >
-          Subscribe yourself to get updates, new guides, videos and roadmaps in
-          your inbox.
-        </Text>
-
-        <Flex flexDirection={['column', 'column', 'row']}>
-          <Box mr={['0', '0', '20px']} mb={['15px', '15px', 0]}>
-            <Button
-              as={Link}
-              href="/signup"
-              width={['full', 'auto']}
-              fontSize={['14px', '14px', '16px']}
-              variant="outline"
-              borderWidth={2}
-              colorScheme="green"
-              _hover={{ color: 'green.200', textDecoration: 'none' }}
-            >
-              Subscribe to Updates
-            </Button>
-            <Text color="gray.500" fontSize="13px" mt="5px">
-              Free subscription for updates
-            </Text>
-          </Box>
-          <Box>
-            <Button
-              as={Link}
-              href={siteConfig.url.sponsor}
-              target="_blank"
-              width={['full', 'auto']}
-              fontSize={['14px', '14px', '16px']}
-              _hover={{ textDecoration: 'none', bg: 'yellow.500' }}
-              colorScheme="yellow"
-            >
-              Updates & Paid Content
-            </Button>
-            <Text color="gray.500" fontSize="13px" mt="5px">
-              Support the project by paying as little as{' '}
-              <Text as="span" fontWeight={600}>
-                5$ per month
-              </Text>
-            </Text>
-          </Box>
-        </Flex>
-      </Container>
-    </Box>
-  );
-}

pages/[roadmap]/[group].tsx

@@ -1,17 +1,6 @@
-import {
+import { Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Container } from '@chakra-ui/react';
-  Box,
-  Breadcrumb,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  Button,
-  Container,
-  Divider,
-  Link,
-  Text,
-} from '@chakra-ui/react';
 import { GlobalHeader } from '../../components/global-header';
 import { OpensourceBanner } from '../../components/opensource-banner';
-import { UpdatesBanner } from '../../components/updates-banner';
 import { Footer } from '../../components/footer';
 import { getAllRoadmaps, getRoadmapById, RoadmapType } from '../../lib/roadmap';
 import MdRenderer from '../../components/md-renderer';
@@ -114,7 +103,6 @@ export default function RoadmapGroup(props: RoadmapProps) {
       </Container>
 
       <OpensourceBanner />
-      <UpdatesBanner />
       <Footer />
     </Box>
   );

pages/[roadmap]/index.tsx

@@ -1,8 +1,7 @@
 import React from 'react';
-import { Box, Container, Image, Text } from '@chakra-ui/react';
+import { Box, Container, Image } from '@chakra-ui/react';
 import { GlobalHeader } from '../../components/global-header';
 import { OpensourceBanner } from '../../components/opensource-banner';
-import { UpdatesBanner } from '../../components/updates-banner';
 import { Footer } from '../../components/footer';
 import { getAllRoadmaps, getRoadmapById, isInteractiveRoadmap, RoadmapType } from '../../lib/roadmap';
 import MdRenderer from '../../components/md-renderer';
@@ -72,7 +71,6 @@ export default function Roadmap(props: RoadmapProps) {
       </Box>
 
       <OpensourceBanner />
-      <UpdatesBanner />
       <Footer />
     </Box>
   );

pages/[roadmap]/interactive.tsx

@@ -3,7 +3,6 @@ import { useEffect, useRef, useState } from 'react';
 import { Box, Container } from '@chakra-ui/react';
 import { GlobalHeader } from '../../components/global-header';
 import { OpensourceBanner } from '../../components/opensource-banner';
-import { UpdatesBanner } from '../../components/updates-banner';
 import { Footer } from '../../components/footer';
 import { getAllRoadmaps, getRoadmapById, RoadmapType } from '../../lib/roadmap';
 import Helmet from '../../components/helmet';
@@ -157,7 +156,6 @@ export default function InteractiveRoadmap(props: RoadmapProps) {
       </Box>
 
       <OpensourceBanner />
-      <UpdatesBanner />
       <Footer />
     </Box>
   );

pages/[roadmap]/resources.tsx

@@ -1,7 +1,6 @@
 import { Box, Container } from '@chakra-ui/react';
 import { GlobalHeader } from '../../components/global-header';
 import { OpensourceBanner } from '../../components/opensource-banner';
-import { UpdatesBanner } from '../../components/updates-banner';
 import { Footer } from '../../components/footer';
 import { getAllRoadmaps, getRoadmapById, RoadmapType } from '../../lib/roadmap';
 import MdRenderer from '../../components/md-renderer';
@@ -48,7 +47,6 @@ export default function Roadmap(props: RoadmapProps) {
       </Box>
 
       <OpensourceBanner />
-      <UpdatesBanner />
       <Footer />
     </Box>
   );

pages/about.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 import { Box, Button, Container, Flex, Heading, Image, Link, Stack, Text } from '@chakra-ui/react';
 import { GlobalHeader } from '../components/global-header';
 import { OpensourceBanner } from '../components/opensource-banner';
-import { UpdatesBanner } from '../components/updates-banner';
 import { Footer } from '../components/footer';
 import MdRenderer from '../components/md-renderer';
 import Helmet from '../components/helmet';
@@ -65,7 +64,6 @@ export default function About() {
       </Box>
 
       <OpensourceBanner />
-      <UpdatesBanner />
       <Footer />
     </Box>
   );

pages/guides/[guide].tsx

@@ -1,7 +1,6 @@
 import { Box, Container } from '@chakra-ui/react';
 import { GlobalHeader } from '../../components/global-header';
 import { OpensourceBanner } from '../../components/opensource-banner';
-import { UpdatesBanner } from '../../components/updates-banner';
 import { Footer } from '../../components/footer';
 import { ContentPageHeader } from '../../components/content-page-header';
 import MdRenderer from '../../components/md-renderer';
@@ -47,7 +46,6 @@ export default function Guide(props: GuideProps) {
       </Box>
 
       <OpensourceBanner />
-      <UpdatesBanner />
       <Footer />
     </Box>
   );

pages/guides/index.tsx

@@ -3,7 +3,6 @@ import { GlobalHeader } from '../../components/global-header';
 import { LinksList } from '../../components/links-list';
 import { LinksListItem } from '../../components/links-list-item';
 import { OpensourceBanner } from '../../components/opensource-banner';
-import { UpdatesBanner } from '../../components/updates-banner';
 import { Footer } from '../../components/footer';
 import { GuideGridItem } from '../../components/guide/guide-grid-item';
 import { PageHeader } from '../../components/page-header';
@@ -62,7 +61,6 @@ export default function Guides(props: GuidesProps) {
       </Box>
 
       <OpensourceBanner />
-      <UpdatesBanner />
       <Footer />
     </Box>
   );

pages/index.tsx

@@ -1,15 +1,6 @@
-import {
+import { Box, Container, Heading, SimpleGrid, Tag, Text } from '@chakra-ui/react';
-  Box,
-  Container,
-  Heading,
-  Link,
-  SimpleGrid, Tag,
-  Text,
-  useMediaQuery
-} from '@chakra-ui/react';
 import { GlobalHeader } from '../components/global-header';
 import { Footer } from '../components/footer';
-import { UpdatesBanner } from '../components/updates-banner';
 import { OpensourceBanner } from '../components/opensource-banner';
 import { DimmedMore } from '../components/dimmed-more';
 import { LinksListItem } from '../components/links-list-item';
@@ -19,9 +10,7 @@ import { HomeRoadmapItem } from '../components/roadmap/home-roadmap-item';
 import { getFeaturedRoadmaps, RoadmapType } from '../lib/roadmap';
 import { getAllGuides, GuideType } from '../lib/guide';
 import { getAllVideos, VideoType } from '../lib/video';
-import siteConfig from '../content/site.json';
 import Helmet from '../components/helmet';
-import { event } from '../lib/gtag';
 import { PageWrapper } from '../components/page-wrapper';
 
 type HomeProps = {
@@ -153,7 +142,6 @@ export default function Home(props: HomeProps) {
       </Box>
 
       <OpensourceBanner />
-      <UpdatesBanner />
       <Footer />
     </PageWrapper>
   );

pages/privacy.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 import { Box, Container } from '@chakra-ui/react';
 import { GlobalHeader } from '../components/global-header';
 import { OpensourceBanner } from '../components/opensource-banner';
-import { UpdatesBanner } from '../components/updates-banner';
 import { Footer } from '../components/footer';
 import MdRenderer from '../components/md-renderer';
 import Helmet from '../components/helmet';
@@ -23,7 +22,6 @@ export default function Privacy() {
       </Box>
 
       <OpensourceBanner />
-      <UpdatesBanner />
       <Footer />
     </Box>
   );

pages/roadmaps.tsx

@@ -1,7 +1,6 @@
 import { Box, Container, SimpleGrid } from '@chakra-ui/react';
 import { GlobalHeader } from '../components/global-header';
 import { OpensourceBanner } from '../components/opensource-banner';
-import { UpdatesBanner } from '../components/updates-banner';
 import { Footer } from '../components/footer';
 import { PageHeader } from '../components/page-header';
 import { RoadmapGridItem } from '../components/roadmap/roadmap-grid-item';
@@ -47,7 +46,6 @@ export default function Roadmaps(props: RoadmapsProps) {
       </Box>
 
       <OpensourceBanner />
-      <UpdatesBanner />
       <Footer />
     </Box>
   );

pages/signup.tsx

@@ -1,20 +1,7 @@
 import React from 'react';
-import {
+import { Box, Button, Container, Heading, Input, Link, List, ListIcon, ListItem, Text } from '@chakra-ui/react';
-  Box,
-  Container,
-  Heading,
-  Text,
-  SimpleGrid,
-  Input,
-  Button,
-  ListItem,
-  List,
-  ListIcon,
-  Link
-} from '@chakra-ui/react';
 import { GlobalHeader } from '../components/global-header';
 import { OpensourceBanner } from '../components/opensource-banner';
-import { UpdatesBanner } from '../components/updates-banner';
 import { Footer } from '../components/footer';
 import { CheckCircleIcon } from '@chakra-ui/icons';
 import siteConfig from '../content/site.json';
@@ -91,15 +78,13 @@ export default function SignUp() {
       <Helmet title={'Sign Up: Be a part of the community'} />
       <Box mb='60px'>
         <Container maxW={'container.md'} position='relative'>
-          <SimpleGrid columns={[1, 1, 2]} spacing='15px' my={['30px', '30px', '80px']}>
+          <Box columns={1} maxWidth='400px' mx='auto' spacing='15px' my={['30px', '30px', '80px']}>
             <FreeSignUp />
-            <PaidSignUp />
+          </Box>
-          </SimpleGrid>
         </Container>
       </Box>
 
       <OpensourceBanner />
-      <UpdatesBanner />
       <Footer />
     </Box>
   );

pages/terms.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 import { Box, Container } from '@chakra-ui/react';
 import { GlobalHeader } from '../components/global-header';
 import { OpensourceBanner } from '../components/opensource-banner';
-import { UpdatesBanner } from '../components/updates-banner';
 import { Footer } from '../components/footer';
 import MdRenderer from '../components/md-renderer';
 import Helmet from '../components/helmet';
@@ -23,7 +22,6 @@ export default function Terms() {
       </Box>
 
       <OpensourceBanner />
-      <UpdatesBanner />
       <Footer />
     </Box>
   );

pages/thanks.tsx

@@ -14,7 +14,6 @@ import {
 } from '@chakra-ui/react';
 import { GlobalHeader } from '../components/global-header';
 import { OpensourceBanner } from '../components/opensource-banner';
-import { UpdatesBanner } from '../components/updates-banner';
 import { Footer } from '../components/footer';
 import siteConfig from '../content/site.json';
 import Helmet from '../components/helmet';
@@ -245,7 +244,6 @@ export default function Thanks() {
         </Container>
       </Box>
       <OpensourceBanner />
-      <UpdatesBanner />
       <Footer />
     </Box>
   );

pages/watch/[video].tsx

@@ -1,7 +1,6 @@
 import { Box, Container, Link, Text } from '@chakra-ui/react';
 import { GlobalHeader } from '../../components/global-header';
 import { OpensourceBanner } from '../../components/opensource-banner';
-import { UpdatesBanner } from '../../components/updates-banner';
 import { Footer } from '../../components/footer';
 import { ContentPageHeader } from '../../components/content-page-header';
 import MdRenderer from '../../components/md-renderer';
@@ -49,7 +48,6 @@ export default function Video(props: VideoProps) {
       </Box>
 
       <OpensourceBanner />
-      <UpdatesBanner />
       <Footer />
     </Box>
   );

pages/watch/index.tsx

@@ -1,7 +1,6 @@
 import { Box, Container, SimpleGrid } from '@chakra-ui/react';
 import { GlobalHeader } from '../../components/global-header';
 import { OpensourceBanner } from '../../components/opensource-banner';
-import { UpdatesBanner } from '../../components/updates-banner';
 import { Footer } from '../../components/footer';
 import { VideoGridItem } from '../../components/watch/video-grid-item';
 import { PageHeader } from '../../components/page-header';
@@ -44,7 +43,6 @@ export default function Watch(props: VideosProps) {
       </Box>
 
       <OpensourceBanner />
-      <UpdatesBanner />
       <Footer />
     </Box>
   );