frontend/src/pages/login.tsx

@@ -50,7 +50,7 @@ export default function Login() {
     remember: true,
   });
 
-const title = 'Welcome';
+  const title = 'test3';
 
   // Fetch Pexels image/video
   useEffect(() => {
@@ -191,7 +191,7 @@ const title = 'Welcome';
           <div className='flex items-center justify-center flex-col space-y-4 w-full lg:w-full'>
             <CardBox id='loginRoles' className='w-full md:w-3/5 lg:w-2/3'>
               <Link href={'/home'}>
-                <h2 className='text-4xl font-semibold my-4'> Welcome</h2>
+                <h2 className='text-4xl font-semibold my-4'> test3</h2>
               </Link>
 
               <div className='flex flex-row text-gray-500 justify-between'>
@@ -236,6 +236,13 @@ const title = 'Welcome';
                 onSubmit={(values) => handleSubmit(values)}
               >
                 <Form>
+                  <FormField label='Login' help='Please enter your login'>
+                    <Field name='email' />
+                  </FormField>
+
+                  <FormField label='Password' help='Please enter your password'>
+                    <Field name='password' type='password' />
+                  </FormField>
 
                   <div className={'flex justify-between'}>
                     <FormCheckRadio type='checkbox' label='Remember'>