33 lines
1.6 KiB
JavaScript
33 lines
1.6 KiB
JavaScript
import Field from '@/app/component/element/Field'
|
|
import { Button } from '@mui/material'
|
|
import Link from 'next/link'
|
|
import React from 'react'
|
|
|
|
function SignInPage({ setIsSendMsg }) {
|
|
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>
|
|
<Link href='/signin'>
|
|
<Button
|
|
fullWidth
|
|
variant='contained'
|
|
onClick={() => setIsSendMsg(true)}
|
|
className='!rounded-[8px] !bg-[#5559CE]'
|
|
>ورود</Button>
|
|
</Link>
|
|
<p className='text-[#525252] text-[14px] font-normal text-center mt-[49px] sm:mt-[58px] md:mt-[67px] lg:mt-[76px]'>
|
|
<span className='text-[#F17732] underline'>قوانین استفاده</span> از نوبت 724 را می پذیرم.
|
|
</p>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default SignInPage |