change design all page & component page booking and account & cleancode

2024-09-01 20:43:53 +03:30
parent 2afd79b84d
commit bb154ac63f
46 changed files with 685 additions and 523 deletions
@@ -0,0 +1,38 @@
+import Field from '@/app/component/element/Field'
+import { Button } from '@mui/material'
+import Link from 'next/link'
+
+function LogInPage({ setIsSendMsg, setStep }) {
+    return (
+        <div className='rounded-[16px] mt-[64px] sm:mt-[53px] md:mt-[43px] lg:mt-[32px] border border-solid sm:border-[#EFEFEF] bg-transparent sm:bg-[#FFF] 
+        p-0 border-transparent sm:p-[40px] sm:pb-[48px] w-full sm:w-fit sm:min-w-[425px]'>
+            <p className='text-[#525252] text-[18px] font-bold'>ورود یا ثبت نام در نوبت 724</p>
+            <p className='text-[#616161] text-[14px] mt-[40px] sm:mt-[43px] md:mt-[46px] lg:mt-[48px] font-normal'>شماره همراه خود را وارد نمایید.</p>
+            <div className='mt-[16px] sm:mt-[19px] md:mt-[22px] lg:mt-[24px] mb-[40px] sm:mb-[37px] md:mb-[36px] lg:mb-[32px]'>
+                <Field
+                    type='number'
+                    title='شماره همراه'
+                />
+            </div>
+            <Button
+                fullWidth
+                variant='contained'
+                onClick={() => {
+                    console.log(setIsSendMsg);
+
+                    setIsSendMsg && setIsSendMsg(true);
+                    setStep && setStep(prev => prev + 1);
+                }}
+                className='!rounded-[8px] !bg-[#5559CE] !py-[7.5px] md:!py-[8.5px] lg:!py-[10px]'
+            >ورود</Button>
+            <p className='text-[#525252] text-[14px] font-normal text-center mt-[49px] sm:mt-[58px] md:mt-[67px] lg:mt-[76px]'>
+                <Link href='/'>
+                    <span className='text-[#F17732] underline'>قوانین استفاده</span>
+                </Link>{' '}
+                از نوبت 724 را می پذیرم.
+            </p>
+        </div>
+    )
+}
+
+export default LogInPage