responsive page about-us & contact-us & item clinic

components/register/SignInPage.js

@@ -1,25 +1,31 @@
 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-[32px] border border-solid border-[#EFEFEF] bg-[#FFF] p-[40px] pb-[48px] min-w-[425px]'>
+        <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-[48px] font-normal'>شماره همراه خود را وارد نمایید.</p>
-            <div className='mt-[24px] mb-[32px]'>
+            <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={() => setIsSendMsg(true)}
-                className='!rounded-[8px] !bg-[#5559CE]'
-            >ورود</Button>
-            <p className='text-[#525252] text-[14px] font-normal text-center mt-[76px]'><span className='text-[#F17732] underline'>قوانین استفاده</span> از نوبت 724 را می پذیرم.</p>
+            <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>
     )
 }