diff --git a/app/(auth)/layout.tsx b/app/(auth)/layout.tsx index 483a128..6e76505 100644 --- a/app/(auth)/layout.tsx +++ b/app/(auth)/layout.tsx @@ -1,7 +1,7 @@ import React from 'react'; const AuthLayout = ({ children }: { children: React.ReactNode }) => { - return
{children}
; + return
{children}
; }; export default AuthLayout; diff --git a/app/(auth)/login/page.tsx b/app/(auth)/login/page.tsx new file mode 100644 index 0000000..b3dca05 --- /dev/null +++ b/app/(auth)/login/page.tsx @@ -0,0 +1,48 @@ +import IconFacebookCircle from '@/components/icon/icon-facebook-circle'; +import IconGoogle from '@/components/icon/icon-google'; +import IconInstagram from '@/components/icon/icon-instagram'; +import IconTwitter from '@/components/icon/icon-twitter'; + +import Link from 'next/link'; +import { Metadata } from 'next'; +import React from 'react'; +import ComponentsAuthLoginForm from '@/components/auth/components-auth-login-form'; + +type Props = {} + +const LoginPage = (props: Props) => { + return ( +
+
+ image +
+ +
+ image + image + image + image +
+
+
+
+

Sign in

+

Enter your email and password to login

+
+ + +
+ Don't have an account ?  + + SIGN UP + +
+
+
+
+
+
+ ) +} + +export default LoginPage diff --git a/app/(auth)/register/page.tsx b/app/(auth)/register/page.tsx new file mode 100644 index 0000000..3bb5cf6 --- /dev/null +++ b/app/(auth)/register/page.tsx @@ -0,0 +1,52 @@ +import ComponentsAuthRegisterForm from '@/components/auth/components-auth-register-form'; +import IconFacebookCircle from '@/components/icon/icon-facebook-circle'; +import IconGoogle from '@/components/icon/icon-google'; +import IconInstagram from '@/components/icon/icon-instagram'; +import IconTwitter from '@/components/icon/icon-twitter'; +import Link from 'next/link'; +import React from 'react'; + + +type Props = {} + +const RegisterPage = (props: Props) => { + return ( +
+
+ image +
+ +
+ image + image + image + image +
+
+ +
+
+

Sign Up

+

Enter your email and password to register

+
+ +
+ + or +
+ +
+ Already have an account ?  + + SIGN IN + +
+
+
+
+
+
+ ) +} + +export default RegisterPage diff --git a/components/auth/components-auth-login-form.tsx b/components/auth/components-auth-login-form.tsx new file mode 100644 index 0000000..1a804d6 --- /dev/null +++ b/components/auth/components-auth-login-form.tsx @@ -0,0 +1,41 @@ +'use client'; +import IconLockDots from '@/components/icon/icon-lock-dots'; +import IconMail from '@/components/icon/icon-mail'; +import { useRouter } from 'next/navigation'; +import React from 'react'; + +const ComponentsAuthLoginForm = () => { + const router = useRouter(); + const submitForm = (e: any) => { + e.preventDefault(); + router.push('/'); + }; + + return ( +
+
+ +
+ + + + +
+
+
+ +
+ + + + +
+
+ +
+ ); +}; + +export default ComponentsAuthLoginForm; diff --git a/components/auth/components-auth-register-form.tsx b/components/auth/components-auth-register-form.tsx new file mode 100644 index 0000000..0a47cd5 --- /dev/null +++ b/components/auth/components-auth-register-form.tsx @@ -0,0 +1,51 @@ +'use client'; +import IconLockDots from '@/components/icon/icon-lock-dots'; +import IconMail from '@/components/icon/icon-mail'; +import IconUser from '@/components/icon/icon-user'; +import { useRouter } from 'next/navigation'; +import React from 'react'; + +const ComponentsAuthRegisterForm = () => { + const router = useRouter(); + + const submitForm = (e: any) => { + e.preventDefault(); + router.push('/'); + }; + return ( +
+ {/*
+ +
+ + + + +
+
*/} +
+ +
+ + + + +
+
+
+ +
+ + + + +
+
+ +
+ ); +}; + +export default ComponentsAuthRegisterForm; diff --git a/public/assets/images/auth/bg-gradient.png b/public/assets/images/auth/bg-gradient.png new file mode 100644 index 0000000..feb32ef Binary files /dev/null and b/public/assets/images/auth/bg-gradient.png differ diff --git a/public/assets/images/auth/coming-soon-object1.png b/public/assets/images/auth/coming-soon-object1.png new file mode 100644 index 0000000..f954686 Binary files /dev/null and b/public/assets/images/auth/coming-soon-object1.png differ diff --git a/public/assets/images/auth/coming-soon-object2.png b/public/assets/images/auth/coming-soon-object2.png new file mode 100644 index 0000000..ab308e8 Binary files /dev/null and b/public/assets/images/auth/coming-soon-object2.png differ diff --git a/public/assets/images/auth/coming-soon-object3.png b/public/assets/images/auth/coming-soon-object3.png new file mode 100644 index 0000000..9636045 Binary files /dev/null and b/public/assets/images/auth/coming-soon-object3.png differ diff --git a/public/assets/images/auth/map.png b/public/assets/images/auth/map.png new file mode 100644 index 0000000..40380c8 Binary files /dev/null and b/public/assets/images/auth/map.png differ diff --git a/public/assets/images/auth/polygon-object.svg b/public/assets/images/auth/polygon-object.svg new file mode 100644 index 0000000..5595db6 --- /dev/null +++ b/public/assets/images/auth/polygon-object.svg @@ -0,0 +1,9 @@ + + + + + + + + +