structure

2024-12-23 15:09:11 +03:30
commit 6cb43e42b2
36 changed files with 5071 additions and 0 deletions
@@ -0,0 +1,51 @@
+import { FC } from 'react'
+import LogoImage from '../../assets/images/logo.svg'
+import LogoSmallImage from '../../assets/images/logo-small.svg'
+import { useTranslation } from 'react-i18next'
+import Input from '../../components/Input'
+
+const Login: FC = () => {
+
+    const { t } = useTranslation('global')
+
+    return (
+        <div className='w-full h-full flex justify-center py-[100px] items-center'>
+            <div className='flex w-full max-w-[1200px] bg-secondary h-full rounded-3xl overflow-hidden'>
+                <div className='flex-1 min-w-[50%]  bg-white p-9'>
+                    <div className=''>
+                        <img src={LogoSmallImage} className='w-8' />
+                        <div className='mt-5'>
+                            <h2 className='text-3xl font-bold'>
+                                {t('auth.welcome')}
+                            </h2>
+                            <p className='text-description mt-2'>
+                                {t('auth.enter_information')}
+                            </p>
+                        </div>
+
+                        <div className='mt-8'>
+                            {t('auth.user_info')}
+                        </div>
+
+                        <div className='mt-6 rowTwoInput'>
+                            <Input
+                                label={t('auth.name')}
+                                placeholder={t('auth.enter_name')}
+                            />
+                            <Input
+                                label={t('auth.family')}
+                                placeholder={t('auth.enter_family')}
+                            />
+                        </div>
+                    </div>
+                </div>
+
+                <div className='flex-1 min-w-[50%] flex justify-center items-center'>
+                    <img src={LogoImage} className='h-20' />
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default Login
@@ -0,0 +1,9 @@
+import { FC } from 'react'
+
+const Register: FC = () => {
+    return (
+        <div>Register</div>
+    )
+}
+
+export default Register