diff --git a/src/app/auth/page.tsx b/src/app/auth/page.tsx
index 3956ab4..ea76592 100644
--- a/src/app/auth/page.tsx
+++ b/src/app/auth/page.tsx
@@ -66,7 +66,6 @@ function AuthIndex({ }: Props) {
             setNumber(() => e.target.value)
         }
         else if (e.target.name == AUTH_PAGE_ELEMENT.INPUT_PASSWORD) {
-            console.log(e.target.value, 's');
             setPassword(() => e.target.value)
         }
         else if (e.target.name == AUTH_PAGE_ELEMENT.INPUT_PASSWORD_REPEAT) {
@@ -114,7 +113,7 @@ function AuthIndex({ }: Props) {
         e.preventDefault();
         if (step == AUTH_STEP.ENTER_NUMBER) {
 
-            if (false) {
+            if (true) {
                 setStep(AUTH_STEP.ENTER_PASSWORD)
             } else {
                 setStep(AUTH_STEP.ENTER_OTP);
@@ -123,7 +122,9 @@ function AuthIndex({ }: Props) {
         else if (step == AUTH_STEP.ENTER_PASSWORD) {
             try {
                 // await loginMutation.mutateAsync({ phone: number, password })
+                useAuthStore.getState().isAuthenticated = true;
                 console.log("Logged in")
+                redirect("/")
             }
             catch (e) {
                 console.log("Wrong credentials: ", e)
diff --git a/src/features/auth/components/StepEnterPassword.tsx b/src/features/auth/components/StepEnterPassword.tsx
index 7210ca0..7897136 100644
--- a/src/features/auth/components/StepEnterPassword.tsx
+++ b/src/features/auth/components/StepEnterPassword.tsx
@@ -2,6 +2,7 @@ import Button from '@/components/button/PrimaryButton';
 import { EyeToggleIcon } from '@/components/icons/EyeToggleIcon';
 import InputField from '@/components/input/InputField';
 import { AUTH_PAGE_ELEMENT } from '@/enums';
+import Image from 'next/image';
 import React from 'react'
 
 type Props = {
@@ -15,37 +16,49 @@ type Props = {
 
 function StepEnterPassword({ onSubmit, onChange, onClick, value, passwordVisible, rememberMe }: Props) {
     return (
-        <form onSubmit={onSubmit} className='p-6 h-full flex flex-col justify-between'>
-            <div className='block'>
-                <img src='/assets/images/login-banner.png' />
-                <div className='pt-4' dir='rtl'>
-                    <h6 className='text-lg font-bold'>ورود به سیستم</h6>
-                    <p className='mt-3 text-[13px]'>کلمه عبور خود را وارد نمایید.</p>
-                </div>
-                <InputField
-                    autoFocus
-                    autoComplete='current-password'
-                    className='mt-10'
-                    htmlFor={AUTH_PAGE_ELEMENT.INPUT_PASSWORD}
-                    labelText='کلمه عبور'
-                    value={value}
-                    placeholder=''
-                    onChange={onChange}
-                    type={passwordVisible ? 'text' : 'password'}>
-                    <button className='ps-3' id={AUTH_PAGE_ELEMENT.TOGGLE_PASSWORD} type='button' onClick={onClick}>
-                        <EyeToggleIcon slash={passwordVisible} className="pointer-events-none" />
-                    </button>
-                </InputField>
-                <div className='inline-flex justify-between items-center w-full pt-3'>
-                    <button id={AUTH_PAGE_ELEMENT.RESET_PASSWORD} type='button' onClick={onClick} className='text-sm2 cursor-pointer'>بازیابی کلمه عبور</button>
+        <form onSubmit={onSubmit} className='p-6 lg:py-[75px] w-full flex items-center justify-center py-4 lg:items-center lg:px-10 px-4 drop-shadow-black h-full'>
+            <div className='h-full w-full px-4 sm:px-6 lg:p-0 flex flex-col max-h-[812px] max-w-[1200px] bg-container rounded-container overflow-clip lg:flex-row justify-between'>
+                <Image
+                    className='object-cover w-full h-full max-h-1/2 lg:max-h-full lg:w-1/2'
+                    src={'/assets/images/login-banner.png'}
+                    alt='login banner'
+                    width={100}
+                    height={100}
+                    unoptimized={true}
+                />
+                <div className='w-full min-w-1/2 lg:max-w-1/2 h-full lg:px-9 py-7 flex flex-col justify-between lg:justify-center lg:gap-10'>
+                    <div className='w-full'>
+                        <div className='pt-4' dir='rtl'>
+                            <h6 className='text-lg font-bold'>ورود به سیستم</h6>
+                            <p className='mt-3 text-[13px]'>کلمه عبور خود را وارد نمایید.</p>
+                        </div>
+                        <InputField
+                            autoFocus
+                            autoComplete='current-password'
+                            className='mt-10'
+                            htmlFor={AUTH_PAGE_ELEMENT.INPUT_PASSWORD}
+                            labelText='کلمه عبور'
+                            value={value}
+                            placeholder=''
+                            onChange={onChange}
+                            type={passwordVisible ? 'text' : 'password'}>
+                            <button className='ps-3' id={AUTH_PAGE_ELEMENT.TOGGLE_PASSWORD} type='button' onClick={onClick}>
+                                <EyeToggleIcon slash={passwordVisible} className="pointer-events-none" />
+                            </button>
+                        </InputField>
+                        <div className='inline-flex justify-between items-center w-full pt-3'>
+                            <button id={AUTH_PAGE_ELEMENT.RESET_PASSWORD} type='button' onClick={onClick} className='text-sm2 cursor-pointer'>بازیابی کلمه عبور</button>
 
-                    <div className='inline-flex justify-between items-center'>
-                        {/* TODO: customize checkbox */}
-                        <label htmlFor={AUTH_PAGE_ELEMENT.INPUT_REMEMBER_ME} className='text-sm2 px-2 py-0.5'>مرا به خاطر بسپار</label>
-                        <input name={AUTH_PAGE_ELEMENT.INPUT_REMEMBER_ME} className='h-4.5 w-4.5 checked:accent-primary' onChange={onChange} type='checkbox' checked={rememberMe} /></div>
+                            <div className='inline-flex justify-between items-center'>
+                                {/* TODO: customize checkbox */}
+                                <label htmlFor={AUTH_PAGE_ELEMENT.INPUT_REMEMBER_ME} className='text-sm2 px-2 py-0.5'>مرا به خاطر بسپار</label>
+                                <input name={AUTH_PAGE_ELEMENT.INPUT_REMEMBER_ME} className='h-4.5 w-4.5 checked:accent-primary' onChange={onChange} type='checkbox' checked={rememberMe} /></div>
+                        </div>
+                    </div>
+                    <Button type='submit'>ورود به منو</Button>
                 </div>
+
             </div>
-            <Button type='submit'>ورود به منو</Button>
         </form>
     )
 }