From 8520819556b94bf0fda07071a690652a159a8d27 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Thu, 4 Aug 2022 18:34:01 +0400
Subject: [PATCH] Remove sponsors information from the roadmap pages

---
 components/updates-banner.tsx   | 80 ---------------------------------
 pages/[roadmap]/[group].tsx     | 14 +-----
 pages/[roadmap]/index.tsx       |  4 +-
 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                 | 14 +-----
 pages/privacy.tsx               |  2 -
 pages/roadmaps.tsx              |  2 -
 pages/signup.tsx                | 21 ++-------
 pages/terms.tsx                 |  2 -
 pages/thanks.tsx                |  2 -
 pages/watch/[video].tsx         |  2 -
 pages/watch/index.tsx           |  2 -
 16 files changed, 6 insertions(+), 149 deletions(-)
 delete mode 100644 components/updates-banner.tsx

diff --git a/components/updates-banner.tsx b/components/updates-banner.tsx
deleted file mode 100644
index ca6309140a..0000000000
--- a/components/updates-banner.tsx
+++ /dev/null
@@ -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>
-  );
-}
diff --git a/pages/[roadmap]/[group].tsx b/pages/[roadmap]/[group].tsx
index 1df4206d3e..03fff2d831 100644
--- a/pages/[roadmap]/[group].tsx
+++ b/pages/[roadmap]/[group].tsx
@@ -1,17 +1,6 @@
-import {
-  Box,
-  Breadcrumb,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  Button,
-  Container,
-  Divider,
-  Link,
-  Text,
-} from '@chakra-ui/react';
+import { Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, 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';
@@ -114,7 +103,6 @@ export default function RoadmapGroup(props: RoadmapProps) {
       </Container>
 
       <OpensourceBanner />
-      <UpdatesBanner />
       <Footer />
     </Box>
   );
diff --git a/pages/[roadmap]/index.tsx b/pages/[roadmap]/index.tsx
index f046c3f8a1..e45f9947b9 100644
--- a/pages/[roadmap]/index.tsx
+++ b/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>
   );
diff --git a/pages/[roadmap]/interactive.tsx b/pages/[roadmap]/interactive.tsx
index 808aabe48a..0b49b66f13 100644
--- a/pages/[roadmap]/interactive.tsx
+++ b/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>
   );
diff --git a/pages/[roadmap]/resources.tsx b/pages/[roadmap]/resources.tsx
index a7fcb600ae..52fa06d4d4 100644
--- a/pages/[roadmap]/resources.tsx
+++ b/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>
   );
diff --git a/pages/about.tsx b/pages/about.tsx
index f34385535f..54d8e4fd62 100644
--- a/pages/about.tsx
+++ b/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>
   );
diff --git a/pages/guides/[guide].tsx b/pages/guides/[guide].tsx
index 608713d3a5..77d33041f3 100644
--- a/pages/guides/[guide].tsx
+++ b/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>
   );
diff --git a/pages/guides/index.tsx b/pages/guides/index.tsx
index 1196a31b30..58b6f10d26 100644
--- a/pages/guides/index.tsx
+++ b/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>
   );
diff --git a/pages/index.tsx b/pages/index.tsx
index 97813dc61a..c49fece210 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,15 +1,6 @@
-import {
-  Box,
-  Container,
-  Heading,
-  Link,
-  SimpleGrid, Tag,
-  Text,
-  useMediaQuery
-} from '@chakra-ui/react';
+import { Box, Container, Heading, SimpleGrid, Tag, Text } 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>
   );
diff --git a/pages/privacy.tsx b/pages/privacy.tsx
index 7c1dd5e181..9908a83a04 100644
--- a/pages/privacy.tsx
+++ b/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>
   );
diff --git a/pages/roadmaps.tsx b/pages/roadmaps.tsx
index 6ceb28ebd6..e219f6f77d 100644
--- a/pages/roadmaps.tsx
+++ b/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>
   );
diff --git a/pages/signup.tsx b/pages/signup.tsx
index 283ea73aa0..019f4ae4dc 100644
--- a/pages/signup.tsx
+++ b/pages/signup.tsx
@@ -1,20 +1,7 @@
 import React from 'react';
-import {
-  Box,
-  Container,
-  Heading,
-  Text,
-  SimpleGrid,
-  Input,
-  Button,
-  ListItem,
-  List,
-  ListIcon,
-  Link
-} from '@chakra-ui/react';
+import { Box, Button, Container, Heading, Input, Link, List, ListIcon, ListItem, 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 { 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 />
-          </SimpleGrid>
+          </Box>
         </Container>
       </Box>
 
       <OpensourceBanner />
-      <UpdatesBanner />
       <Footer />
     </Box>
   );
diff --git a/pages/terms.tsx b/pages/terms.tsx
index 674b5d9f1e..8efc0c2fa6 100644
--- a/pages/terms.tsx
+++ b/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>
   );
diff --git a/pages/thanks.tsx b/pages/thanks.tsx
index 81b4c08535..cbb6771642 100644
--- a/pages/thanks.tsx
+++ b/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>
   );
diff --git a/pages/watch/[video].tsx b/pages/watch/[video].tsx
index b65f3f49ee..df2914a68e 100644
--- a/pages/watch/[video].tsx
+++ b/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>
   );
diff --git a/pages/watch/index.tsx b/pages/watch/index.tsx
index cbb562b5fc..311ba6fdd6 100644
--- a/pages/watch/index.tsx
+++ b/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>
   );