diff --git a/src/App.jsx b/src/App.jsx index 30805ef..f571bc1 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -25,6 +25,9 @@ import Onboarding1 from "./pages/Onboarding1"; import Onboarding2 from "./pages/Onboarding2"; import Onboarding3 from "./pages/Onboarding3"; import Onboarding4 from "./pages/Onboarding4"; +import ResetPassword from "./pages/ResetPassword"; +import Signup from "./pages/Signup"; +import Signin from "./pages/Signin"; function App() { @@ -54,6 +57,9 @@ function App() { } /> } /> } /> + } /> + } /> + } /> ); diff --git a/src/pages/Onboarding1.jsx b/src/pages/Onboarding1.jsx index 9279be1..76a9e1e 100644 --- a/src/pages/Onboarding1.jsx +++ b/src/pages/Onboarding1.jsx @@ -25,7 +25,7 @@ function Onboarding1() { logo
- Have an account? Sign In + Have an account? Sign In
diff --git a/src/pages/Onboarding2.jsx b/src/pages/Onboarding2.jsx index ebef1dc..1021738 100644 --- a/src/pages/Onboarding2.jsx +++ b/src/pages/Onboarding2.jsx @@ -25,7 +25,7 @@ function Onboarding2() { logo
- Have an account? Sign In + Have an account? Sign In
diff --git a/src/pages/Onboarding3.jsx b/src/pages/Onboarding3.jsx index a82ddf2..df73ef7 100644 --- a/src/pages/Onboarding3.jsx +++ b/src/pages/Onboarding3.jsx @@ -24,7 +24,7 @@ function Onboarding3() { logo
- Have an account? Sign In + Have an account? Sign In
diff --git a/src/pages/Onboarding4.jsx b/src/pages/Onboarding4.jsx index aa35989..0e2b381 100644 --- a/src/pages/Onboarding4.jsx +++ b/src/pages/Onboarding4.jsx @@ -23,7 +23,7 @@ function Onboarding4() { logo
- Have an account? Sign In + Have an account? Sign In
diff --git a/src/pages/ResetPassword.jsx b/src/pages/ResetPassword.jsx new file mode 100644 index 0000000..d7223d0 --- /dev/null +++ b/src/pages/ResetPassword.jsx @@ -0,0 +1,73 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; + +import AuthImage from '../images/auth-image.jpg'; +import AuthDecoration from '../images/auth-decoration.png'; + +function ResetPassword() { + return ( +
+ +
+ + {/* Content */} +
+
+ + {/* Header */} +
+
+ {/* Logo */} + + + + + + + + + + + + + + + + + + +
+
+ +
+

Reset your Password ✨

+ {/* Form */} +
+
+
+ + +
+
+
+ +
+
+
+ +
+
+ + {/* Image */} + + +
+ +
+ ); +} + +export default ResetPassword; diff --git a/src/pages/Signin.jsx b/src/pages/Signin.jsx new file mode 100644 index 0000000..9bcd3a0 --- /dev/null +++ b/src/pages/Signin.jsx @@ -0,0 +1,100 @@ +import React, { useEffect } from 'react'; +import { Link } from 'react-router-dom'; + +import AuthImage from '../images/auth-image.jpg'; +import AuthDecoration from '../images/auth-decoration.png'; + +function Signin() { + useEffect(() => { + localStorage.setItem('svgKey', '') + }, []) + return ( +
+ +
+ + {/* Content */} +
+
+ + {/* Header */} +
+
+ {/* Logo */} + + + + + + + + + + + + + + + + + + +
+
+ +
+

Welcome back! ✨

+ {/* Form */} +
+
+
+ + +
+
+ + +
+
+
+
+ Forgot Password? +
+ Sign In +
+
+ {/* Footer */} +
+
+ Don’t you have an account? Sign Up +
+ {/* Warning */} +
+
+ + + + + To support you during the pandemic super pro features are free until March 31st. + +
+
+
+
+ +
+
+ + {/* Image */} + + +
+ +
+ ); +} + +export default Signin; diff --git a/src/pages/Signup.jsx b/src/pages/Signup.jsx new file mode 100644 index 0000000..852badb --- /dev/null +++ b/src/pages/Signup.jsx @@ -0,0 +1,101 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; + +import AuthImage from '../images/auth-image.jpg'; +import AuthDecoration from '../images/auth-decoration.png'; + +function Signup() { + return ( +
+ +
+ + {/* Content */} +
+
+ + {/* Header */} +
+
+ {/* Logo */} + + + + + + + + + + + + + + + + + + +
+
+ +
+

Create your Account ✨

+ {/* Form */} +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ +
+ Sign Up +
+
+ {/* Footer */} +
+
+ Have an account? Sign In +
+
+
+ +
+
+ + {/* Image */} + + +
+ +
+ ); +} + +export default Signup;