diff --git a/src/pages/Auth/AdditionalInfo/index.tsx b/src/pages/Auth/AdditionalInfo/index.tsx
new file mode 100644
index 0000000..b7ac3a0
--- /dev/null
+++ b/src/pages/Auth/AdditionalInfo/index.tsx
@@ -0,0 +1,99 @@
+import { Box, Button, Input, Select, Text } from '../../../components';
+import { theme } from '../../../themes';
+import { Wrapper } from './styles';
+
+const AdditionalInfo = () => {
+ return (
+
+
+
+
+
+ Tell us more about yourself
+
+
+
+ {}}
+ />
+ {}}
+ />
+
+
+ {}}
+ />
+ {}}
+ />
+
+ {}} />
+ {}}
+ />
+
+
+
+
+
+
+
+ );
+};
+
+export default AdditionalInfo;
diff --git a/src/pages/Auth/AdditionalInfo/styles.ts b/src/pages/Auth/AdditionalInfo/styles.ts
new file mode 100644
index 0000000..cd082fe
--- /dev/null
+++ b/src/pages/Auth/AdditionalInfo/styles.ts
@@ -0,0 +1,5 @@
+import styled from 'styled-components';
+
+export const Wrapper = styled.div`
+ background: ${({ theme }) => theme.colors.client.main};
+`;
diff --git a/src/pages/Auth/ForgotPassword/index.tsx b/src/pages/Auth/ForgotPassword/index.tsx
new file mode 100644
index 0000000..7d48c4e
--- /dev/null
+++ b/src/pages/Auth/ForgotPassword/index.tsx
@@ -0,0 +1,98 @@
+import { Login as LoginIllustration, Logo } from '../../../assets';
+import { Box, Button, Input, Link, Text } from '../../../components';
+import { theme } from '../../../themes';
+import { Wrapper } from './styles';
+
+const ForgotPassword = () => {
+ return (
+
+
+
+
+
+
+
+
+ astrobuild
+
+
+
+ Forgot Password
+
+
+ {}} />
+ {}} />
+
+
+
+
+
+ Don’t have an account ?{' '}
+
+ Signup
+
+
+ Build a Project
+
+
+
+
+
+
+
+
+
+
+ Make your idea alive
+
+
+
+
+ Create your dream software with no coding skills
+
+
+
+
+
+ );
+};
+
+export default ForgotPassword;
diff --git a/src/pages/Auth/ForgotPassword/styles.ts b/src/pages/Auth/ForgotPassword/styles.ts
new file mode 100644
index 0000000..14ea300
--- /dev/null
+++ b/src/pages/Auth/ForgotPassword/styles.ts
@@ -0,0 +1,3 @@
+import styled from 'styled-components';
+
+export const Wrapper = styled.div``;
diff --git a/src/pages/Auth/Login/index.tsx b/src/pages/Auth/Login/index.tsx
new file mode 100644
index 0000000..b38e6ba
--- /dev/null
+++ b/src/pages/Auth/Login/index.tsx
@@ -0,0 +1,110 @@
+import { Google, Login as LoginIllustration, Logo } from '../../../assets';
+import { Box, Button, Input, Link, Text } from '../../../components';
+import { theme } from '../../../themes';
+import { Wrapper } from './styles';
+
+const Login = () => {
+ return (
+
+
+
+
+
+
+
+
+ astrobuild
+
+
+
+ Login
+
+
+ {}} />
+ {}}
+ />
+
+ Forgot Password
+
+
+
+
+
+
+ Don’t have an account ?{' '}
+
+ Signup
+
+
+ Build a Project
+
+
+
+
+
+
+
+
+
+
+ Make your idea alive
+
+
+
+
+ Create your dream software with no coding skills
+
+
+
+
+
+ );
+};
+
+export default Login;
diff --git a/src/pages/Auth/Login/styles.ts b/src/pages/Auth/Login/styles.ts
new file mode 100644
index 0000000..8522aec
--- /dev/null
+++ b/src/pages/Auth/Login/styles.ts
@@ -0,0 +1,7 @@
+import styled from 'styled-components';
+
+export const Wrapper = styled.div`
+ button svg path {
+ stroke: transparent !important;
+ }
+`;
diff --git a/src/pages/Auth/RecoverAccount/index.tsx b/src/pages/Auth/RecoverAccount/index.tsx
new file mode 100644
index 0000000..fa102d1
--- /dev/null
+++ b/src/pages/Auth/RecoverAccount/index.tsx
@@ -0,0 +1,97 @@
+import { Login as LoginIllustration, Logo } from '../../../assets';
+import { Box, Button, Input, Text } from '../../../components';
+import { theme } from '../../../themes';
+import { Wrapper } from './styles';
+
+const RecoverAccount = () => {
+ return (
+
+
+
+
+
+
+
+
+ astrobuild
+
+
+
+ Recover Account
+
+
+ {}}
+ />
+ {}}
+ />
+
+
+
+
+
+
+
+
+
+
+ Make your idea alive
+
+
+
+
+ Create your dream software with no coding skills
+
+
+
+
+
+ );
+};
+
+export default RecoverAccount;
diff --git a/src/pages/Auth/RecoverAccount/styles.ts b/src/pages/Auth/RecoverAccount/styles.ts
new file mode 100644
index 0000000..14ea300
--- /dev/null
+++ b/src/pages/Auth/RecoverAccount/styles.ts
@@ -0,0 +1,3 @@
+import styled from 'styled-components';
+
+export const Wrapper = styled.div``;
diff --git a/src/pages/Auth/Signup/index.tsx b/src/pages/Auth/Signup/index.tsx
new file mode 100644
index 0000000..4deb5d2
--- /dev/null
+++ b/src/pages/Auth/Signup/index.tsx
@@ -0,0 +1,112 @@
+import { Google, Signup as SignupIllustration, Logo } from '../../../assets';
+import { Box, Button, Input, Link, Text } from '../../../components';
+import { theme } from '../../../themes';
+import { Wrapper } from './styles';
+
+const Signup = () => {
+ return (
+
+
+
+
+
+
+
+
+ astrobuild
+
+
+
+ Signup
+
+
+ {}} />
+ {}}
+ />
+
+
+
+
+
+ Already have an account ?{' '}
+
+ Login
+
+
+ Build a Project
+
+
+
+
+
+
+
+
+
+
+ Make your idea alive
+
+
+
+
+ Create your dream software with no coding skills
+
+
+
+
+
+ );
+};
+
+export default Signup;
diff --git a/src/pages/Auth/Signup/styles.ts b/src/pages/Auth/Signup/styles.ts
new file mode 100644
index 0000000..8522aec
--- /dev/null
+++ b/src/pages/Auth/Signup/styles.ts
@@ -0,0 +1,7 @@
+import styled from 'styled-components';
+
+export const Wrapper = styled.div`
+ button svg path {
+ stroke: transparent !important;
+ }
+`;
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
new file mode 100644
index 0000000..ff59dc8
--- /dev/null
+++ b/src/pages/index.tsx
@@ -0,0 +1,7 @@
+import Login from './Auth/Login';
+import Signup from './Auth/Signup';
+import AdditionalInfo from './Auth/AdditionalInfo';
+import ForgotPassword from './Auth/ForgotPassword';
+import RecoverAccount from './Auth/RecoverAccount';
+
+export { Login, Signup, AdditionalInfo, ForgotPassword, RecoverAccount };