Merge pull request #200 from estartando-devs/develop

merge

Author: ramonxm

src/components/Header/index.tsx

@@ -1,4 +1,5 @@
 import Image from 'next/legacy/image';
+import { LinkWrapper } from '../LinkWrapper';
 import { Logo } from '../Logo';
 import { Typography } from '../Typography';
 import * as S from './styles';
@@ -25,6 +26,14 @@ export const Header = () => (
         <Typography weight="400">
           Transformando o mundo através da tecnologia
         </Typography>
+        <S.ContainerButton>
+          <LinkWrapper
+            href={process.env.NEXT_PUBLIC_INSCRICOES_URL || ''}
+            legacyBehavior
+          >
+            <S.BannerButton>Inscreva-se!</S.BannerButton>
+          </LinkWrapper>
+        </S.ContainerButton>
       </S.ContainerHeading>
     </S.SectionHeader>
   </S.ContainerHeader>

src/components/Header/styles.ts

@@ -75,3 +75,12 @@ export const ContainerButton = styled.div`
     max-width: 100%;
   }
 `;
+
+export const BannerButton = styled.a`
+  color: ${({ theme }) => theme.palette.design.white} !important;
+  max-width: 150px;
+  padding: 14px 24px !important;
+  display: flex;
+  background: ${({ theme }) => theme.palette.primary.main};
+  border-radius: 4px;
+`;

src/components/Subscribe/BannerSubscribe/index.tsx

@@ -13,7 +13,6 @@ import {
   Subscribe,
   WhatWeTeach,
 } from '../components';
-import { BannerSubscribe } from '../components/Subscribe/BannerSubscribe';
 import {
   cousesMock,
   howWeDoMock,
@@ -40,7 +39,6 @@ const Home = () => {
 
   return (
     <Layout>
-      <BannerSubscribe />
       <Header />
       <WhatWeTeach {...whatWeTeachMock} />
       <Courses {...cousesMock} />