From 179d20d0ea4a9148faca7fadb7764dee7d5c8ba8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Cb1z3rr4=E2=80=9D?= <“b1z3rr4@gmail.com”>
Date: Mon, 20 May 2024 20:24:54 -0300
Subject: [PATCH 1/2] chore: adicionando botao

---
 src/components/Header/index.tsx | 9 +++++++++
 src/components/Header/styles.ts | 9 +++++++++
 2 files changed, 18 insertions(+)

diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
index f4f79c1..1c4a8ff 100644
--- a/src/components/Header/index.tsx
+++ b/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>
diff --git a/src/components/Header/styles.ts b/src/components/Header/styles.ts
index 7b9098b..13eda0f 100644
--- a/src/components/Header/styles.ts
+++ b/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;
+`;

From 0b9c23276291b6b455c27185af0bf159c715f00f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Cb1z3rr4=E2=80=9D?= <“b1z3rr4@gmail.com”>
Date: Mon, 20 May 2024 20:25:12 -0300
Subject: [PATCH 2/2] chore: removendo banner

---
 .../Subscribe/BannerSubscribe/index.tsx       | 19 -------
 .../Subscribe/BannerSubscribe/styles.ts       | 55 -------------------
 src/pages/index.tsx                           |  2 -
 3 files changed, 76 deletions(-)
 delete mode 100644 src/components/Subscribe/BannerSubscribe/index.tsx
 delete mode 100644 src/components/Subscribe/BannerSubscribe/styles.ts

diff --git a/src/components/Subscribe/BannerSubscribe/index.tsx b/src/components/Subscribe/BannerSubscribe/index.tsx
deleted file mode 100644
index 30311e3..0000000
--- a/src/components/Subscribe/BannerSubscribe/index.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { LinkWrapper } from '../../LinkWrapper';
-import * as S from './styles';
-
-export const BannerSubscribe = () => (
-  <S.BannerApprovedContainer>
-    <S.BannerContent>
-      <S.BannerTitle variant="h2">A inscrições estão abertas!</S.BannerTitle>
-      <S.ContainerButton>
-        <LinkWrapper
-          color="white"
-          href={process.env.NEXT_PUBLIC_INSCRICOES_URL || ''}
-          legacyBehavior
-        >
-          <S.BannerButton>Inscreva-se!</S.BannerButton>
-        </LinkWrapper>
-      </S.ContainerButton>
-    </S.BannerContent>
-  </S.BannerApprovedContainer>
-);
diff --git a/src/components/Subscribe/BannerSubscribe/styles.ts b/src/components/Subscribe/BannerSubscribe/styles.ts
deleted file mode 100644
index f0e63e8..0000000
--- a/src/components/Subscribe/BannerSubscribe/styles.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import styled from 'styled-components';
-import { Typography } from '../../Typography';
-
-export const BannerApprovedContainer = styled.div`
-  padding: 20px 40px;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  background-color: ${(props) => props.theme.palette?.design.green};
-
-  @media (max-width: 768px) {
-    padding-left: 10px;
-    padding-right: 10px;
-  }
-`;
-
-export const BannerContent = styled.div`
-  width: 100%;
-  max-width: 1028px;
-  display: flex;
-  justify-content: space-between;
-`;
-
-export const BannerTitle = styled(Typography).attrs({
-  variant: 'h2',
-  weight: 'bold',
-})`
-  margin-bottom: 15px;
-`;
-
-export const BannerDescription = styled(Typography).attrs({
-  variant: 'body1',
-  weight: '400',
-})`
-  margin-bottom: 30px;
-`;
-
-export const BannerButton = styled.a`
-  color: ${({ theme }) => theme.palette.design.green_dark} !important;
-  max-width: 470px;
-  padding: 14px 24px !important;
-  display: flex;
-  background: ${({ theme }) => theme.palette.design.white};
-  border-radius: 4px;
-`;
-
-export const ContainerButton = styled.div`
-  max-width: 15rem;
-
-  @media (max-width: ${({ theme: { media } }) => media.tablet_portrait}) {
-    max-width: 100%;
-  }
-`;
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 6f78e72..d2cde38 100644
--- a/src/pages/index.tsx
+++ b/src/pages/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} />