diff --git a/public/imagens/Cheery Up !.png b/public/imagens/Cheery Up !.png
new file mode 100644
index 0000000..698b42e
Binary files /dev/null and b/public/imagens/Cheery Up !.png differ
diff --git a/public/imagens/github.png b/public/imagens/github.png
new file mode 100644
index 0000000..1070a58
Binary files /dev/null and b/public/imagens/github.png differ
diff --git a/public/imagens/imagemHome.png b/public/imagens/imagemHome.png
new file mode 100644
index 0000000..194fe3b
Binary files /dev/null and b/public/imagens/imagemHome.png differ
diff --git a/public/imagens/logoNavbar.png b/public/imagens/logoNavbar.png
new file mode 100644
index 0000000..0a26fea
Binary files /dev/null and b/public/imagens/logoNavbar.png differ
diff --git a/public/imagens/logoNavbarAlt.png b/public/imagens/logoNavbarAlt.png
new file mode 100644
index 0000000..d02d62a
Binary files /dev/null and b/public/imagens/logoNavbarAlt.png differ
diff --git a/src/components/About/About.js b/src/components/About/About.js
index 55e301f..ce9e2e7 100644
--- a/src/components/About/About.js
+++ b/src/components/About/About.js
@@ -1,82 +1,45 @@
 import React from 'react';
 import '../../style/pages/HomePage/About.css';
+import NavbarAlt from '../Navbar/NavbarAlt'
 
 function About(){
     return(
         <div className='about-container'>
-            <div className='imagem-inferior'>
-                <img src='/imagens/logoCheery_Up_3_-removebg-preview.png' alt='Logo Cereja'/>
+            <div className='aboutInfo'>
+                <div className='aboutTitulo'>
+                    Quem somos?
+                </div>
+                <div className='aboutTexto'>
+                    Cheery Up é um projeto que dá atenção à saúde psicológica da sociedade, 
+                    especialmente no contexto da pandemia do Covid-19. O propósito da Cheery Up 
+                    consiste em uma plataforma web para ajudar profissionais da psicologia
+                    à monitorar e acompanhar a saúde mental de seus pacientes.
+                    A plataforma irá oferecer ferramentas para melhor fiscalização do
+                    comportamento psicológico dos pacientes, tais como Dashboards e 
+                    Quadros de Evolução.
+                    A Cheery Up nasceu a partir de uma ideia de uma professora da Universidade
+                    de Brasília, Carla Rocha, na qual é desenvolvida uma ideia para ajudar 
+                    a sociedade em um momento tão delicado como a Pandemia do Covid-19.
+                    Esse movimento foi abraçado por um grupo de estudantes da UnB, que juntos
+                    à supervisão da Professora Carla e suas monitoras, está tornando o projeto
+                    Cheery Up real. 
+                    Portanto, aos psicólogos que querem facilitar seu trabalho, 
+                    além de ajudar a sociedade, não percam tempo e façam seu Cadastro!
+                    
+                </div>
             </div>
-            <div className='titulo-about'>
-                <h1>Somos a </h1>
-                    <img src='/imagens/logoUpper2-removebg-preview.png' alt='Logo Cheery Up'/>
+            <div className='aboutImagem'>
+                <img src = '/imagens/Cheery Up !.png' alt='Cereja Feliz' width='100%' height='100%'/>
             </div>
-            <div className='texto-about'>
-                <Texto />
-            </div>
-
         </div>
     )
 }
 
-function Texto(){
+function Texto() {
     return(
-            <ul>
-                <h1 className='objetivo'>Nosso Objetivo:</h1>
-                    <li>
-                        <h2>
-                            Ajudar a sociedade, principalmente nesse difícil cenário de pandemia.
-                        </h2>
-                    </li>
-                <br></br>
-                <br></br>
-
-                <h1 className='objetivo'>Como faremos isso?</h1>
-                    <li>
-                        <h2>
-                            Dando uma atenção especial para saúde mental
-                            daqueles afetados pelo contexto epidêmico.
-                        </h2>
-                    </li>
-                <br></br>
-                <br></br>
+        <div>
 
-                <h1 className='objetivo'>Quem pode nos ajudar?</h1>
-                    <li>
-                        <h2>
-                            Você, profissional da psicologia, que quer se aliar
-                            à nossa luta!
-                        </h2>
-                    </li>
-                <br></br>
-                <br></br>
-
-                <h1 className='objetivo'>Sobre a ferramenta:</h1>
-
-                    <li>
-                        <h2>
-                            A Cheery Up é uma plataforma web que ajudará os psicólogos
-                            à monitorar e acompanhar a saúde mental de seus 
-                            pacientes.
-                        </h2>
-                    </li>
-                    <li>
-                        <h2>
-                            Tudo isso com o apoio de Dashboards e Quadros de evolução.
-                            Venha experimentar essa incrível ferramenta!
-                        </h2>
-                    </li>
-                <br></br>
-                <br></br>
-            </ul>
-        /*<h3 className='sobre-nos'>
-            Cheery Up é um projeto que dá atenção à saúde mental da sociedade, 
-            especialmente no contexto da pandemia do Covid-19. O propósito da Cheery Up 
-            consiste em uma plataforma web para ajudar profissionais da psicologia
-            à monitorar e acompanhar a saúde psicológica de seus pacientes.
-            Portanto, convidamos você, psicólogo, a se juntar à nossa luta nesse 
-            momento tão delicado no país e no mundo.
-        </h3>*/
+        </div>
     )
 }
 
diff --git a/src/components/Body/Body.js b/src/components/Body/Body.js
index 25a1276..5bab372 100644
--- a/src/components/Body/Body.js
+++ b/src/components/Body/Body.js
@@ -7,17 +7,28 @@ function Body() {
     return (
         <div className='body-container'>
             <div className='imagem-superior'>
-                <img src="/imagens/logoCerebro5-Frontal-removebg-preview.png" alt="Imagem Logo"/>
+                <img src="/imagens/imagemHome.png" alt="Imagem Logo"/>
             </div>
-            <div>
-                <h1 className='msg-convite'>Junte-se à nossa causa</h1>
+            <div className='convite'>
+                <h1 className='mensagem'>Faça parte da nossa equipe!</h1>
+                <h2 className='submensagem'>
+                    Escolha a ferramenta que facilita
+                    a gerência de seus pacientes.
+                </h2>
             </div>
             <div className='body-botao'>
                 <ButtonCad>
-                    Cadastre-se
+                    Faça seu Cadastro
                 </ButtonCad>
             </div>
+            <div className='rodape'>
+                <div className='imagem-rodape'>
+                    <img src="/imagens/github.png" alt="Imagem Logo" width='50' height='50'/>
+                </div>
+            </div>
+            
         </div>
+        
     )
 }
 
diff --git a/src/components/Navbar/MenuItems.js b/src/components/Navbar/MenuItems.js
index 452e00d..da477c1 100644
--- a/src/components/Navbar/MenuItems.js
+++ b/src/components/Navbar/MenuItems.js
@@ -1,15 +1,15 @@
 
 export const MenuItems = [
-    {
-        title: 'Home',
-        url: 'http://localhost:3000/',
-        cName: 'nav-links'
-    },
-    {
-        title: 'Serviços',
-        url: '#',
-        cName: 'nav-links'
-    },
+    // {
+    //     title: 'Home',
+    //     url: 'http://localhost:3000/',
+    //     cName: 'nav-links'
+    // },
+    // {
+    //     title: 'Serviços',
+    //     url: '#',
+    //     cName: 'nav-links'
+    // },
     {
         title: 'Login',
         url: 'http://localhost:3000/Login',
@@ -22,9 +22,20 @@ export const MenuItems = [
         ID : 'some-id'
     },
     {
-        title: 'Cadastre-se',
+        title: 'Cadastre',
         url: 'http://localhost:3000/SignUP',
         cName: 'nav-links'
     }
 
+]
+
+// Fiz esse export para aparecer apenas "Home" na Navbar.
+// Além disso, fiz um novo arquivo.js chamado "NavbarAlt.js" para 
+// exportar essa nova Navbar.
+export const MenuItemsAlt = [
+    {
+        title: 'Home',
+        url: 'http://localhost:3000/',
+        cName: 'nav-linksAlt'
+    },
 ]
\ No newline at end of file
diff --git a/src/components/Navbar/Navbar.css b/src/components/Navbar/Navbar.css
deleted file mode 100644
index 22dd36f..0000000
--- a/src/components/Navbar/Navbar.css
+++ /dev/null
@@ -1,44 +0,0 @@
-.top {
-    position: relative;
-    background-color: white;
-    display: flex;
-    text-decoration: none;
-    justify-content: space-between;
-    border-bottom: 6px solid lightgray;
-
-  
-  }
-
-.form-input-btn-home {
-    height: 70px;
-    width: 100px;
-    border-radius: 25px;
-    
-    background: linear-gradient(
-      90deg,
-      rgba(247, 5, 5, 0) 0%,
-      hsla(0, 29%, 48%, 0) 100%
-    );
-    outline: none;
-    border: none;
-    color: rgb(3, 0, 0);
-    font-size: 1.5rem;
-    font-family: 'Roboto', sans-serif;
-    
-  }
-  
-  .form-input-btn-home:hover {
-    cursor: pointer;
-    background: linear-gradient(
-      90deg,
-      rgb(229, 13, 13) 0%,
-      rgb(235, 32, 32) 100%
-    );
-    transition: all 0.4s ease-out;
-  }
-
-  .form-img {
-    cursor: crosshair;
-    height: 75px;
-
-  }
\ No newline at end of file
diff --git a/src/components/Navbar/Navbar.js b/src/components/Navbar/Navbar.js
index 4af1001..e569fbc 100644
--- a/src/components/Navbar/Navbar.js
+++ b/src/components/Navbar/Navbar.js
@@ -1,11 +1,10 @@
 import React, { Component } from 'react'
-//import { useState } from 'react'
-//import { Link } from 'react-router-dom'
-import { MenuItems } from "./MenuItems"
+import { MenuItems} from "./MenuItems"
 import { Button } from "../Button/Button"
 import '../../style/pages/HomePage/Navbar.css'
 
-
+//import { useState } from 'react'
+//import { Link } from 'react-router-dom'
 
 
 
@@ -20,7 +19,7 @@ class Navbar extends Component {
         return(
             <nav className="NavbarItems">
                 <div className='logo-cheeryUp'>
-                    <img src = '/imagens/logoUpper-removebg-preview.png' alt='Logo'/>
+                    <img src = '/imagens/logoNavbar.png' alt='Logo'/>
                 </div>
                 <ul className={this.state.clicked ? 'nav-menu active' : 'nav-menu'}>
                     {MenuItems.map((item, index) => {
diff --git a/src/components/Navbar/NavbarAlt.js b/src/components/Navbar/NavbarAlt.js
new file mode 100644
index 0000000..ea0c09e
--- /dev/null
+++ b/src/components/Navbar/NavbarAlt.js
@@ -0,0 +1,43 @@
+import React, { Component } from 'react'
+import { MenuItemsAlt } from "./MenuItems"
+import { Button } from "../Button/Button"
+import '../../style/pages/HomePage/Navbar.css'
+
+/*
+    Fiz esse novo arquivo no intuito de termos uma Navbar alternativa,
+    que mostre apenas o botão Home.
+    Essa Navbar seria usada nas seguintes paginas:
+    About, Cadastro de Psicologo, Login, etc
+*/
+
+class NavbarAlt extends Component {
+    state = { clicked: false }
+
+    handleClick = () => {
+        this.setState({ clicked: !this.state.clicked })
+    }
+
+    render() {
+        return(
+            <nav className="NavbarItemsAlt">
+                <div className='logo-cheeryUpAlt'>
+                    <img src = '/imagens/logoNavbarAlt.png' alt='Logo'/>
+                </div>
+                <ul className={this.state.clicked ? 'nav-menu active' : 'nav-menu'}>
+                    {MenuItemsAlt.map((item, index) => {
+                        return (
+                            <li key={index}>
+                                <a className={item.cName} href={item.url}>
+                                {item.title}
+                                </a>
+                            </li>
+                        )
+                    })}
+                </ul>
+                
+            </nav>
+        )
+    }
+}
+
+export default NavbarAlt
\ No newline at end of file
diff --git a/src/pages/AboutPage/AboutPage.js b/src/pages/AboutPage/AboutPage.js
index 573a624..1fdcc77 100644
--- a/src/pages/AboutPage/AboutPage.js
+++ b/src/pages/AboutPage/AboutPage.js
@@ -1,11 +1,12 @@
-import React from 'react';
+import React, { Component } from 'react';
 import Navbar from "../../components/Navbar/Navbar";
 import About from '../../components/About/About';
+import NavbarAlt from '../../components/Navbar/NavbarAlt';
 
 function AboutPage() {
   return(
     <div className='AboutPage'>
-      <Navbar />
+      <NavbarAlt />
       <About />
     </div>
   ) 
diff --git a/src/pages/HomePage/Home.js b/src/pages/HomePage/Home.js
index dda8297..a557a85 100644
--- a/src/pages/HomePage/Home.js
+++ b/src/pages/HomePage/Home.js
@@ -1,16 +1,14 @@
 import React from 'react';
-//import ReactDOM from 'react-dom'
+import ReactDOM from 'react-dom'
 import Navbar from "../../components/Navbar/Navbar";
 import Body from '../../components/Body/Body';
-import About from '../../components/About/About';
-//import {BrowserRouter as Router} from 'react-router-dom';
+import {BrowserRouter as Router} from 'react-router-dom';
 
 function Home() {
   return(
-    <div className='Homepage'>
+    <div>
       <Navbar />
       <Body />
-      <About />
     </div>
   ) 
 }
diff --git a/src/style/pages/HomePage/About.css b/src/style/pages/HomePage/About.css
index 4da8bd5..67c7dab 100644
--- a/src/style/pages/HomePage/About.css
+++ b/src/style/pages/HomePage/About.css
@@ -1,25 +1,53 @@
 .about-container{
-    background-color: rgb(163, 171, 189);
+    position: relative;
     width: 100%;
-    height: 1000px;
+    height: 85vh;
     display: flex;
     flex-direction: column;
     flex-grow: 1;
 }
 
+.aboutInfo {
+    position: absolute;
+    height: 55vh;
+    width: 100%;
+    background-color: #2D4561;
+}
 
-.imagem-inferior img{
-    width: 450px;
-    height: 450px;
+.aboutTitulo {
+    width: 20%;
+    color: blanchedalmond;
     position: relative;
-    left: 700px;
-    top: 2px;
-    padding: 5px;
-    float: left;
+    left: 21%;
+    top: 1%;
+    font-size: 250%;
+    font-family: 'Times New Roman', Times, serif;
 }
 
+.aboutTexto {
+    color: blanchedalmond;
+    width: 60%;
+    position: relative;
+    left: 21%;
+    top: 8%;
+    font-size: 150%;
+    font-family: ('Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande',
+     'Lucida Sans', Arial, sans-serif);
+
+}
+
+.aboutImagem {
+    width: 20%;
+    height: 10%;
+    position: relative;
+    left: 35%;
+    top: 80%;
+    display: none;
+}
+
+
 
-.titulo-about{
+/* .titulo-about{
     width: 300px;
     float: left;
     font-size: 50px;
@@ -56,4 +84,4 @@
     font-style: italic;
     font-family: Georgia, 'Times New Roman', Times, serif;
     color: rgb(219, 55, 55);
-}
\ No newline at end of file
+} */
\ No newline at end of file
diff --git a/src/style/pages/HomePage/Body.css b/src/style/pages/HomePage/Body.css
index a3a2944..cc75b58 100644
--- a/src/style/pages/HomePage/Body.css
+++ b/src/style/pages/HomePage/Body.css
@@ -1,34 +1,97 @@
-.imagem-superior{
-    width: 550px;
-    height: 550px;
-    position: absolute;
-    left: 150px;
-    top: 125px;
-}
 
 .body-container{
     background-color: whitesmoke;
     width: 100%;
-    height: 600px;
+    height: 100vh;
     display: flex;
     flex-direction: column;
     flex-grow: 1;
 }
 
-.msg-convite{
-    width: 500px;
-    height: 50px;
-    font-size: 70px;
-    font-style: oblique;
+.imagem-superior{
+    width: 100%;
+    height: 80%;
+    position: absolute;
+    left: 40%;
+    top: 15%;
+}
+
+.convite{
     position: absolute;
-    left: 750px;
-    top: 150px;
+    left: 10%;
+    top: 28%;
+    transition: all 0.5s ease;
+}
+
+.mensagem{
+    width: 50%;
+    height: 20%;
+    font-size: 350%;
+    font-family: sans-serif;
+
+    
+}
+
+.submensagem{
+    width: 50%;
+    height: 20%;
+    font-size: 150%;
+    color: rgb(61, 61, 61);
+    font-family: (-apple-system, BlinkMacSystemFont, 'Segoe UI', 
+    Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', 
+    sans-serif);
 }
 
 .body-botao{
-    width: 150px;
-    height: 100px;
     position: absolute;
-    left: 700px;
-    top: 430px;
+    font-family: sans-serif;
+    left: 10%;
+    top: 72%;
+}
+
+.rodape {
+    position: absolute;
+    width: 100%;
+    height: 10%;
+    top: 100%;
+    background-color: black;
+}
+
+.imagem-rodape {
+    left: 46%;
+    top: 8%;
+    width: 10%;
+    height: 10%;
+    position: absolute;
+}
+@media screen and (max-width: 960px) {
+    .convite{
+        position: absolute;
+        left: 35%;
+        top: 15%;
+    }
+    
+    .mensagem{
+        width: 50%;
+        height: 20%;
+        font-size: 350%;
+        font-family: sans-serif;
+        transition: all 0.5s ease;
+    }
+    
+    .body-botao{
+        position: absolute;
+        font-family: sans-serif;
+        left: 30%;
+        top: 78%;
+        transition: all 0.5s ease;
+    }
+
+    .submensagem {
+        display: none;
+    }
+
+    .imagem-superior {
+        display: none;
+    }
 }
\ No newline at end of file
diff --git a/src/style/pages/HomePage/Button.css b/src/style/pages/HomePage/Button.css
index a0278eb..42f09d3 100644
--- a/src/style/pages/HomePage/Button.css
+++ b/src/style/pages/HomePage/Button.css
@@ -46,15 +46,15 @@
 }
 
 .botaoCadastro{
-    background-color: #4eca86;
+    background-color: #EE512F;
     border: 2.5px solid rgb(54, 54, 54);
-    font-size: 40px;
+    font-size: 25px;
     font-family: sans-serif;
     border-radius: 12px;
     color: rgb(252, 252, 252);
     text-decoration: none;
-    padding: 15px 120px;
-    margin-left: 10px;
+    padding: 1rem 2.5rem;
+    margin-left: 0;
     white-space: nowrap;
 }
 
diff --git a/src/style/pages/HomePage/Navbar.css b/src/style/pages/HomePage/Navbar.css
index db208b1..ff83c3b 100644
--- a/src/style/pages/HomePage/Navbar.css
+++ b/src/style/pages/HomePage/Navbar.css
@@ -1,6 +1,6 @@
 .NavbarItems {
-    background: linear-gradient(90deg, rgb(243, 115, 115) 0%, rgb(167, 108, 94) 100%);
-    height: 80px;
+    background-color: white;
+    height: 12vh;
     display: flex;
     position: relative;
     justify-content: center;
@@ -8,16 +8,14 @@
     font-size: 1.2rem;
 }
 
-.navbar-logo {
-    color: #fff;
-    justify-self: start;
-    margin-left: 20px;
-    cursor: pointer;
-}
-
-.fa-react {
-    margin-left: 0.5rem;
-    font-size: 1.6rem;
+.NavbarItemsAlt {
+    background-color: #2D4561;
+    height: 12vh;
+    display: flex;
+    position: relative;
+    justify-content: center;
+    align-items: center;
+    font-size: 1.2rem;
 }
 
 .nav-menu {
@@ -34,19 +32,33 @@
 }
 
 .nav-links {
-    color: white;
+    color: rgb(10, 10, 10);
     text-decoration: none;
-    padding: 0.5rem 1rem;
+    padding: 0.5rem 3rem;
+    border-radius: 10px;
+    font-size: 105%;
 }
 
 .nav-links:hover {
-    background-color: #6d76f7;
-    border-radius: 4px;
+    background-color: #EE512F;
+    border-radius: 10px;
+    color: white;
     transition: all 0.2s ease-out;
 }
 
-.fa-bars {
-    color: #fff;
+.nav-linksAlt {
+    color: rgb(233, 233, 233);
+    text-decoration: none;
+    padding: 0.5rem 3rem;
+    border-radius: 10px;
+    font-size: 105%;
+}
+
+.nav-linksAlt:hover {
+    background-color: #faf4f3;
+    border-radius: 10px;
+    color: black;
+    transition: all 0.2s ease-out;
 }
 
 .nav-links-mobile {
@@ -65,6 +77,7 @@
     .nav-menu {
         display: flex;
         flex-direction: column;
+        padding-top: 2rem;
         width: 100%;
         height: 500px;
         position: absolute;
@@ -84,24 +97,27 @@
 
     .nav-links {
         text-align: center;
-        padding: 2rem;
+        padding: 1rem 3rem;
         width: 100%;
         display: table;
+        background-color: white;
+        border-radius: 18px;
     }
 
     .nav-links:hover {
-        background-color: #b93faf4b;
-        border-radius: 0;
+        background-color: #EE512F;
+        border-radius: 18px;
     }
 
-    .navbar-logo {
+    .logo-cheeryUp img{
+        width: 150px;
+        height: 82%;
         position: absolute;
-        top: 0;
-        left: 0;
-        transform: translate(25%, 50%);
+        left: 3%;
+        top: 5%;
     }
 
-    .menu-icon {
+    /* .menu-icon {
         display: block;
         position: absolute;
         top: 0;
@@ -109,14 +125,10 @@
         transform: translate(-100%, 60%);
         font-size: 1.8rem;
         cursor: pointer;
-    }
+    } */
 
-    .fa-times {
-        color: #fff;
-        font-size: 2rem;
-    }
 
-    .nav-links-mobile {
+    /* .nav-links-mobile {
         display: block;
         text-align: center;
         padding: 1.5rem;
@@ -133,7 +145,7 @@
         background: #fff;
         color: #f465c96c;
         transition: 250ms;
-    }
+    } */
 
     Button {
         display: none;
@@ -141,15 +153,17 @@
 }
 
 .logo-cheeryUp img{
-    width: 130px;
-    height: 60px;
+    width: 140px;
+    height: 80%;
     position: absolute;
-    left: 30px;
-    top: 6px;
+    left: 2%;
+    top: 5%;
 }
 
-.botao-about{
+.logo-cheeryUpAlt img{
+    width: 45px;
+    height: 50%;
     position: absolute;
-    left: 300px;
-    top: 20px;
+    left: 3%;
+    top: 19%;
 }
\ No newline at end of file