diff --git a/src/pages/RegisterNewUser/index.tsx b/src/pages/RegisterNewUser/index.tsx
new file mode 100644
index 0000000..210e97f
--- /dev/null
+++ b/src/pages/RegisterNewUser/index.tsx
@@ -0,0 +1,87 @@
+import React from 'react';
+import LogoIcon from 'assets/logo.svg';
+import Input from 'components/Input/Input';
+import Button from 'components/Button/Button';
+import StyledRegisterNewUser from './styles';
+
+const RegisterNewUser = () => {
+ return (
+
+
+
+
+
+
+
+ );
+};
+
+export default RegisterNewUser;
diff --git a/src/pages/RegisterNewUser/styles.ts b/src/pages/RegisterNewUser/styles.ts
new file mode 100644
index 0000000..2195c73
--- /dev/null
+++ b/src/pages/RegisterNewUser/styles.ts
@@ -0,0 +1,42 @@
+import styled from 'styled-components';
+
+const StyledRegisterNewUser = styled.div`
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ margin-top: 4.375rem;
+
+ a {
+ width: 18.125rem;
+ height: 3.125rem;
+
+ img {
+ width: 18.125rem;
+ height: 3.125rem;
+ }
+ }
+
+ .RegisterNewUser{
+ display: flex;
+ flex-direction: column;
+ align-items: flex-end;
+
+ .Content {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 7.25rem;
+
+ margin-top: 8.75rem;
+
+ Input {
+ margin-bottom: 1.25rem;
+ }
+ }
+
+ Button {
+ margin-top: 5.625rem;
+ }
+ }
+`;
+
+export default StyledRegisterNewUser;
diff --git a/src/routes.tsx b/src/routes.tsx
index 9660779..6b4eb16 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -3,6 +3,7 @@ import RecoveryPassword from 'pages/RecoveryPassword';
import { Switch, Route, BrowserRouter } from 'react-router-dom';
import NewPassword from 'pages/NewPassword';
+import RegisterNewUser from 'pages/RegisterNewUser';
import Main from './pages/Main';
import Login from './pages/Login';
import InviteUsers from './pages/InviteUsers';
@@ -12,9 +13,10 @@ export default function Routes() {
-
+
+