diff --git a/next/components/molecules/Footer.js b/next/components/molecules/Footer.js
index 18fdc355..b134d480 100644
--- a/next/components/molecules/Footer.js
+++ b/next/components/molecules/Footer.js
@@ -62,7 +62,7 @@ function FooterLink(props) {
   )
 }
 
-export default function Footer({ pages }) {
+export default function Footer({ pages, ocult = false }) {
   const mobileCheck = useCheckMobile()
   const [isMobileMod, setIsMobileMod] = useState(false)
   
@@ -70,8 +70,10 @@ export default function Footer({ pages }) {
     setIsMobileMod(mobileCheck)
   },[])
 
+  if(ocult === true) return null
+
   return (
-    <VStack 
+    <VStack
       position="relative"
       zIndex="10"
       width="100%"
diff --git a/next/components/molecules/Menu.js b/next/components/molecules/Menu.js
index 7f971843..7a06e059 100644
--- a/next/components/molecules/Menu.js
+++ b/next/components/molecules/Menu.js
@@ -38,6 +38,7 @@ import SearchIcon from "../../public/img/icons/searchIcon";
 import CrossIcon from "../../public/img/icons/crossIcon";
 import RedirectIcon from "../../public/img/icons/redirectIcon";
 import SettingsIcon from "../../public/img/icons/settingsIcon";
+import SignOutIcon from "../../public/img/icons/signOutIcon";
 
 function MenuDrawer({ isOpen, onClose, links }) {
   let userData = cookies.get("user") || null
@@ -62,6 +63,7 @@ function MenuDrawer({ isOpen, onClose, links }) {
                   minWidth="100px"
                   height="38px"
                   fontSize="20px"
+                  borderRadius="30px"
                   onClick={() => window.open(b.href, "_blank")}
                 >
                   {b.name}
@@ -135,6 +137,7 @@ function MenuDrawer({ isOpen, onClose, links }) {
               border="2px solid #42B0FF"
               color="#42B0FF"
               height="38px"
+              borderRadius="30px"
               fontSize="20px"
               onClick={() => window.open("/user/login", "_self")}
             >
@@ -143,6 +146,7 @@ function MenuDrawer({ isOpen, onClose, links }) {
             <RoundedButton
               backgroundColor="#42B0FF"
               height="38px"
+              borderRadius="30px"
               fontSize="20px"
               onClick={() => window.open("/user/register", "_self")}
             >
@@ -261,6 +265,33 @@ function MenuDrawerUser({ isOpen, onClose}) {
           </AccordionPanel>
           </AccordionItem>
         </Accordion>
+
+        <Divider margin="24px 0" borderColor="#DEDFE0"/>
+
+        <Stack
+          spacing={0}
+          flexDirection="row"
+          padding="16px 0"
+          alignItems="center"
+          onClick={() => {
+            cookies.remove('user', { path: '/' })
+            cookies.remove('token', { path: '/' })
+            window.open("/", "_self")
+          }}
+        >
+          <SignOutIcon width="20px" height="20px" fill="#D0D0D0"/>
+          <Text
+            color="#252A32"
+            fontFamily="Ubuntu"
+            fontSize="16px"
+            fontWeight="400"
+            lineHeight="16px"
+            letterSpacing="0.2px"
+            marginLeft="8px !important"
+          >
+            Sair
+          </Text>
+        </Stack>
       </DrawerContent>
     </Drawer>
   )
@@ -297,11 +328,9 @@ function MenuUser ({ userData, onOpen, onClose }) {
         width="40px"
         borderRadius="50%"
         overflow="hidden"
-        display={{ base: "flex", lg: "none" }}
         onClick={() => onOpen()}
       >
         <Image
-          display={{ base: "flex", lg: "none" }}
           alt=""
           width="100%"
           height="100%"
@@ -410,6 +439,32 @@ function MenuUser ({ userData, onOpen, onClose }) {
               Configurações
             </Text>
           </MenuItem>
+          <Divider borderColor="#DEDFE0"/>
+          <MenuItem
+            display="flex"
+            flexDirection="row"
+            alignItems="start"
+            gap="8px"
+            padding="16px"
+            _hover={{ backgroundColor: "transparent", opacity: "0.6" }}
+            onClick={() => {
+              cookies.remove('user', { path: '/' })
+              cookies.remove('token', { path: '/' })
+              window.open("/", "_self")}
+            }
+          >
+            <SignOutIcon width="20px" height="20px" fill="#D0D0D0"/>
+            <Text
+              color="#252A32"
+              fontFamily="Ubuntu"
+              fontSize="12px"
+              fontWeight="400"
+              lineHeight="16px"
+              letterSpacing="0.3px"
+            >
+              Sair
+            </Text>
+          </MenuItem>
         </MenuList>
       </Menu>
     )
@@ -492,7 +547,99 @@ function SearchInput ({ status }) {
   )
 }
 
-function DesktopLinks({ links, position = false, path }) {
+function SearchInputUser () {
+  const [search, setSearch] = useState("")
+  const [showSearch, setShowSearch] = useState(false)
+
+  function openSearchLink() {
+    window.open(`/dataset?q=${search}`, "_self")
+  }
+
+  // if(isMobileMod()) return (
+  //   <Stack spacing={0} marginLeft="auto !important" paddingRight="60px">
+  //     <SearchIcon
+  //       display={showSearch ? "none" : "flex"}
+  //       right="100px"
+  //       alt="pesquisar"
+  //       fill="#D0D0D0"
+  //       width="18px"
+  //       height="18px"
+  //       cursor="pointer"
+  //       _hover={{opacity:"0.8"}}
+  //       onClick={() => setShowSearch(true)}
+  //     />
+  //     <Box transition="1s" overflow="hidden" width={showSearch ? "100%" : "0"} maxWidth="160px">
+  //       <ControlledInput
+  //         maxWidth="480px"
+  //         width="480px"
+  //         value={search}
+  //         onChange={setSearch}
+  //         onEnterPress={openSearchLink}
+  //         placeholder="Pesquise dados"
+  //         alignSelf="center"
+  //         justifyContent="center"
+  //         inputStyle={{
+  //           height: "40px",
+  //           fontSize: "16px",
+  //           width: "100%",
+  //           fontFamily: "Lato",
+  //           borderRadius: "14px",
+  //           _placeholder:{color: "#6F6F6F"}
+  //         }}
+  //         rightIcon={
+  //           <SearchIcon
+  //             alt="pesquisar"
+  //             fill="#D0D0D0"
+  //             width="18px"
+  //             height="18px"
+  //             cursor="pointer"
+  //             _hover={{opacity:"0.8"}}
+  //             onClick={() => openSearchLink()}
+  //           />
+  //         }
+  //       />
+  //     </Box>
+  //   </Stack>
+  // )
+
+  if(isMobileMod()) return null
+
+  return (
+    <Stack spacing={0}>
+      <ControlledInput
+        maxWidth="480px"
+        width="480px"
+        value={search}
+        onChange={setSearch}
+        onEnterPress={openSearchLink}
+        placeholder="Pesquise dados"
+        alignSelf="center"
+        justifyContent="center"
+        inputStyle={{
+          height: "40px",
+          fontSize: "16px",
+          width: "100%",
+          fontFamily: "Lato",
+          borderRadius: "14px",
+          _placeholder:{color: "#6F6F6F"}
+        }}
+        rightIcon={
+          <SearchIcon
+            alt="pesquisar"
+            fill="#D0D0D0"
+            width="18px"
+            height="18px"
+            cursor="pointer"
+            _hover={{opacity:"0.8"}}
+            onClick={() => openSearchLink()}
+          />
+        }
+      />
+    </Stack>
+  )
+}
+
+function DesktopLinks({ links, position = false, path, userTemplate = false }) {
   const [statusSearch, setStatusSearch] = useState(false)
 
   let userData = cookies.get("user") || null
@@ -534,9 +681,9 @@ function DesktopLinks({ links, position = false, path }) {
 
   return (
     <HStack
+      display={{ base: "none", lg: "flex" }}
       justifyContent="space-between"
       width="100%"
-      display={{ base: "none", lg: "flex" }}
       position={{ base: "relative", lg: "initial" }}
       gap="24px"
       transition="1s"
@@ -546,7 +693,7 @@ function DesktopLinks({ links, position = false, path }) {
         : "32px !important"
       }
     >
-      <HStack width="100%" flex="3" spacing={7}>
+      <HStack display={userTemplate ? "none" : "flex"} width="100%" flex="3" spacing={7}>
         {Object.entries(links).map(([k, v]) => {
           if (k === "Button")
             return v.map(b => (
@@ -557,6 +704,7 @@ function DesktopLinks({ links, position = false, path }) {
                   minWidth="80px"
                   height="35px"
                   fontSize="15px"
+                  borderRadius="30px"
                 >
                   {b.name}
                 </RoundedButton>
@@ -611,18 +759,34 @@ function DesktopLinks({ links, position = false, path }) {
       </HStack>
 
       <SearchInput status={searchStatus}/>
+      {userTemplate && !isMobileMod() && <SearchInputUser />}
 
       {!statusSearch &&
         <HStack spacing={8} display={{ base: "none", lg: "flex" }}>
           {userData ? (
-            <MenuUser userData={userData}/>
+            <HStack spacing="20px">
+              <RoundedButton
+                display={isMobileMod() ? "none" : "flex"}
+                backgroundColor="#FFF"
+                border="2px solid #42B0FF"
+                color="#42B0FF"
+                height="40px"
+                fontWeight="700"
+                borderRadius="30px"
+                fontSize="15px"
+                onClick={() => window.open("/precos", "_self")}
+              >
+                BD Pro
+              </RoundedButton>
+              <MenuUser userData={userData}/>
+            </HStack>
           ) : (
             <>
               <Link fontSize="15px" fontFamily="Ubuntu" fontWeight="400" letterSpacing="0.3px" href="/user/login">
                 Entrar
               </Link>
               <Link _hover={{ opacity:"none" }} href="/user/register">
-                <RoundedButton height="35px" fontSize="15px" minWidth="110px">
+                <RoundedButton height="35px" fontSize="15px" minWidth="110px" borderRadius="30px">
                   Cadastrar
                 </RoundedButton>
               </Link>
@@ -634,7 +798,7 @@ function DesktopLinks({ links, position = false, path }) {
   );
 }
 
-export default function MenuNav({}) {
+export default function MenuNav({ simpleTemplate = false, userTemplate = false }) {
   const router = useRouter()
   const { route } = router
   const menuDisclosure = useDisclosure()
@@ -697,6 +861,7 @@ export default function MenuNav({}) {
   return (
     <>
       <Box
+        display={simpleTemplate || userTemplate ? "none" : "block"}
         ref={bannerRef}
         position="fixed"
         backgroundColor="#252A32"
@@ -739,20 +904,20 @@ export default function MenuNav({}) {
         left="0px"
         backgroundColor="#FFFFFF"
         padding="16px 28px"
-        marginTop={isScrollDown ? "0" : { base: `${menuMobileMargin}px` , lg: "40px" }}
+        marginTop={simpleTemplate || userTemplate ? "0" : isScrollDown ? "0" : { base: `${menuMobileMargin}px` , lg: "40px" }}
         zIndex="99"
         transition="0.5s"
         as="nav"
       >
         <HStack
-          justifyContent={{ base: "center", lg: "flex-start" }}
+          justifyContent={simpleTemplate || userTemplate ? "flex-start" : { base: "center", lg: "flex-start" }}
           width="100%"
           height="40px"
           maxWidth="1264px"
           margin="0 auto"
           spacing={6}
         >
-          <Box display={{ base: "flex", lg: "none" }}>
+          <Box display={simpleTemplate || userTemplate ? "none" : { base: "flex", lg: "none" }}>
             <FarBarsIcon
               alt="menu de navegação"
               position="absolute"
@@ -785,7 +950,13 @@ export default function MenuNav({}) {
             />
           </Link>
 
-          <DesktopLinks links={links} position={isScrollDown} path={route}/>
+          {simpleTemplate ?
+            <></>  
+            :
+            <DesktopLinks links={links} position={isScrollDown} path={route} userTemplate={userTemplate}/>
+          }
+
+          {userTemplate && isMobileMod() && <SearchInputUser />}
 
           {useCheckMobile() && userData &&
             <MenuUser userData={userData} onOpen={menuUserMobile.onOpen} onClose={menuUserMobile.onClose}/>
diff --git a/next/components/templates/main.js b/next/components/templates/main.js
index 430a56ca..d43099dd 100644
--- a/next/components/templates/main.js
+++ b/next/components/templates/main.js
@@ -10,6 +10,8 @@ export function MainPageTemplate({
   pages,
   children,
   backgroundColor = "#FFFFFF",
+  cleanTemplate = false,
+  userTemplate = false,
   ...style
 }) {
 
@@ -18,11 +20,11 @@ export function MainPageTemplate({
     <UserContext.Provider>
       <Box backgroundColor={backgroundColor}>
         <SiteHead />
-        <Menu pages={pages} />
+        <Menu pages={pages} simpleTemplate={cleanTemplate} userTemplate={userTemplate}/>
         <Box paddingTop={{ base: "30px", lg: "120px" }} paddingBottom="50px" {...style}>
           {children}
         </Box>
-        <Footer pages={pages} />
+        <Footer pages={pages} ocult={cleanTemplate || userTemplate}/>
       </Box>
     </UserContext.Provider>
   );
diff --git a/next/pages/user/[username].js b/next/pages/user/[username].js
index 22bd9660..643de836 100644
--- a/next/pages/user/[username].js
+++ b/next/pages/user/[username].js
@@ -1456,9 +1456,9 @@ export default function UserPage() {
   }, [query])
 
   return (
-    <MainPageTemplate paddingX="24px">
+    <MainPageTemplate padding="70px 24px 50px !important" userTemplate>
       <Stack
-        paddingTop={isMobileMod() ? "120px" : "50px"}
+        paddingTop="50px"
         width="100%"
         maxWidth="1264px"
         flexDirection="column"
diff --git a/next/pages/user/login.js b/next/pages/user/login.js
index 94608962..51768e95 100644
--- a/next/pages/user/login.js
+++ b/next/pages/user/login.js
@@ -86,13 +86,18 @@ export default function Login() {
   }
 
   return (
-    <MainPageTemplate display="flex" justifyContent="center">
+    <MainPageTemplate
+      display="flex"
+      justifyContent="center"
+      paddingTop="72px"
+      cleanTemplate
+    >
       <Stack
         display="flex"
         justifyContent="center"
         width="320px"
         height="100%"
-        marginTop={isMobileMod() ? "150px" : "50px"}
+        marginTop="50px"
         marginX="27px"
         spacing={0}
       >
@@ -220,6 +225,7 @@ export default function Login() {
           Não tem uma conta?
           <ButtonSimple
             width="none"
+            fontSize="14px"
             justifyContent="start"
             color="#42B0FF"
             _hover={{opacity: "0.6"}}
diff --git a/next/pages/user/password-recovery.js b/next/pages/user/password-recovery.js
index 4155aa89..a863d6c2 100644
--- a/next/pages/user/password-recovery.js
+++ b/next/pages/user/password-recovery.js
@@ -19,13 +19,18 @@ export default function PasswordRecovery() {
   const [email, setEmail] = useState("")
 
   return (
-    <MainPageTemplate display="flex" justifyContent="center">
+    <MainPageTemplate
+      display="flex"
+      justifyContent="center"
+      paddingTop="72px"
+      cleanTemplate
+    >
       <Stack
         display="flex"
         justifyContent="center"
         width="510px"
         height="100%"
-        marginTop={isMobileMod() ? "150px" : "50px"}
+        marginTop="50px"
         marginX="27px"
         spacing="40px"
         alignItems="center"
diff --git a/next/pages/user/register.js b/next/pages/user/register.js
index 21366f10..32324e68 100644
--- a/next/pages/user/register.js
+++ b/next/pages/user/register.js
@@ -125,13 +125,18 @@ export default function Register() {
   }
 
   return (
-    <MainPageTemplate display="flex" justifyContent="center">
+    <MainPageTemplate
+      display="flex"
+      justifyContent="center"
+      paddingTop="72px"
+      cleanTemplate
+    >
       <Stack
         display="flex"
         justifyContent="center"
         width="320px"
         height="100%"
-        marginTop={isMobileMod() ? "150px" : "50px"}
+        marginTop="50px"
         marginX="27px"
       >
         <Display
diff --git a/next/public/img/icons/signOutIcon.js b/next/public/img/icons/signOutIcon.js
new file mode 100644
index 00000000..a7a5f601
--- /dev/null
+++ b/next/public/img/icons/signOutIcon.js
@@ -0,0 +1,14 @@
+import { createIcon } from '@chakra-ui/icons';
+
+const SignOutIcon = createIcon({
+  displayName: "signOut",
+  viewBox: "0 0 16 16",
+  path: (
+    <path
+      fill="current-color"
+      d="M14.0273 8.25754L9.96177 12.3231C9.59877 12.6861 8.96957 12.432 8.96957 11.9117V9.58854H5.67838C5.35653 9.58854 5.09759 9.3296 5.09759 9.00774V6.68454C5.09759 6.36268 5.35653 6.10374 5.67838 6.10374H8.96957V3.78053C8.96957 3.26265 9.59635 3.00613 9.96177 3.36913L14.0273 7.43474C14.2524 7.66222 14.2524 8.03006 14.0273 8.25754ZM6.64638 12.2021V11.2341C6.64638 11.0744 6.5157 10.9437 6.35598 10.9437H4.32319C3.89485 10.9437 3.54879 10.5977 3.54879 10.1693V5.52294C3.54879 5.0946 3.89485 4.74854 4.32319 4.74854H6.35598C6.5157 4.74854 6.64638 4.61786 6.64638 4.45814V3.49013C6.64638 3.33041 6.5157 3.19973 6.35598 3.19973H4.32319C3.0406 3.19973 2 4.24033 2 5.52294V10.1693C2 11.4519 3.0406 12.4925 4.32319 12.4925H6.35598C6.5157 12.4925 6.64638 12.3619 6.64638 12.2021Z"
+    />
+  )
+})
+
+export default SignOutIcon