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

components/register/LogInPage.js

@@ -2,7 +2,7 @@ import Field from '@/app/component/element/Field'
 import { Button } from '@mui/material'
 import Link from 'next/link'
 
-function SignInPage({ setIsSendMsg }) {
+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]'>
@@ -17,7 +17,12 @@ function SignInPage({ setIsSendMsg }) {
             <Button
                 fullWidth
                 variant='contained'
-                onClick={() => setIsSendMsg(true)}
+                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]'>
@@ -30,4 +35,4 @@ function SignInPage({ setIsSendMsg }) {
     )
 }
 
-export default SignInPage
+export default LogInPage

components/register/SetCodePage.js

@@ -9,7 +9,7 @@ import ArrowRightS from "../icons/ArrowRightS";
 
 const time_resend_code = 120;
 
-function SetCodePage({ setIsSendMsg, link }) {
+function SetCodePage({ setIsSendMsg, link, setStep }) {
 
     const retryIcon = useRef();
 
@@ -39,7 +39,10 @@ function SetCodePage({ setIsSendMsg, link }) {
         p-0 border-transparent sm:p-[40px] sm:pb-[48px] w-full sm:w-fit sm:min-w-[425px]'>
             <div
                 className="cursor-pointer"
-                onClick={() => setIsSendMsg(false)}
+                onClick={() => {
+                    setStep && setStep(prev => prev - 1)
+                    setIsSendMsg && setIsSendMsg(false)
+                }}
             >
                 <ArrowRightS />
             </div>
@@ -63,7 +66,11 @@ function SetCodePage({ setIsSendMsg, link }) {
 
                     <Button
                         className='flex !p-1 items-center justify-start gap-1 cursor-pointer'
-                        onClick={() => setIsSendMsg(false)}
+                        onClick={() => {
+                            setStep && setStep(prev => prev - 1)
+                            setIsSendMsg && setIsSendMsg(false)
+
+                        }}
                     >
                         <EditLogin />
                         <p className='text-[#F17732] text-[14px] font-normal select-none'>ویرایش شماره موبایل</p>
@@ -101,11 +108,17 @@ function SetCodePage({ setIsSendMsg, link }) {
                     </Button>
                 </div>
             </div>
-            <Link href={link}>
+            <Link
+                href={link || ''}
+                onClick={e => !link && e.preventDefault()}
+            >
                 <Button
                     fullWidth
                     variant='contained'
-                    onClick={() => setIsSendMsg(true)}
+                    onClick={() => {
+                        setIsSendMsg && setIsSendMsg(true)
+                        setStep && setStep(prev => prev + 1)
+                    }}
                     className='!rounded-[8px] !bg-[#5559CE]'
                 >تایید</Button>
             </Link>

components/register/index.js

@@ -6,7 +6,9 @@ const about = ['سوالات متداول', 'تماس با ما', 'درباره
 function RegisterPage({ children }) {
     return (
         <div
-            className="flex padding-responsive items-center justify-start sm:justify-start mt-[32px] sm:mt-[48px] md:mt-[64px] lg:mt-[80px] flex-col  h-[calc(100vh_-_80px)] w-full bg-banner-stroke !bg-bottom !bg-no-repeat !bg-cover"
+            className="flex padding-responsive items-center justify-start sm:justify-start pt-[32px] sm:pt-[48px] 
+            md:pt-[64px] lg:pt-[80px] overflow-auto flex-col h-screen w-full bg-banner-stroke !bg-bottom !bg-no-repeat !bg-cover
+            !pb-[calc(108px_+_50px)] md:!pb-[calc(111px_+_50px)]"
         >
             <Link href='/'>
                 <div className="flex items-center justify-center gap-[5px] sm:mt-0">
@@ -20,11 +22,14 @@ function RegisterPage({ children }) {
                 </div>
             </Link>
             {children}
-            <div className="fixed bottom-0 left-0 bg-[#FAFAFA] w-full mt-[127px] pb-[50px] px-[18px] sm:px-[67px] md:px[117px] lg:px-[166px]">
+            <div className="fixed bottom-0 left-0 bg-[#FAFAFA] w-full pb-[50px] px-[18px] sm:px-[67px] md:px[117px] lg:px-[166px]">
                 <div className="bg-border-t-gradient-sign h-px w-full"></div>
                 <div className="flex items-center justify-center gap-[32px] sm:gap-[40px] md:gap-[48px] lg:gap-[56px] mt-[36px]">
                     {about.map((item, idx) => (
-                        <Link href='/'>
+                        <Link
+                            href='/'
+                            key={idx}
+                        >
                             <p className="text-[#494CB3] text-[14px] md:text-[16px] font-normal" key={idx}>{item}</p>
                         </Link>
                     ))}