page signin & signup

components/register/SetCodePage.js

@@ -0,0 +1,7 @@
+function SetCodePage() {
+  return (
+    <div>SetCodePage</div>
+  )
+}
+
+export default SetCodePage

components/register/SignInPage.js

@@ -1,9 +1,10 @@
 import Field from '@/app/component/element/Field'
+import { Button } from '@mui/material'
 import React from 'react'
 
 function SignInPage() {
     return (
-        <div className='rounded-[16px] border border-solid border-[#EFEFEF] bg-[#FFF] p-[40px] pb-[48px]'>
+        <div className='rounded-[16px] mt-[32px] border border-solid border-[#EFEFEF] bg-[#FFF] p-[40px] pb-[48px] min-w-[425px]'>
             <p className='text-[#525252] text-[18px] font-bold'>ورود یا ثبت نام در نوبت 724</p>
             <div className='flex flex-col justify-center gap-[24px] mt-[48px] items-center'>
                 <p className='text-[#616161] text-[14px] font-normal'>شماره همراه خود را وارد نمایید.</p>
@@ -14,6 +15,8 @@ function SignInPage() {
                     title='شماره همراه'
                 />
             </div>
+            <Button variant='contained' fullWidth 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>
         </div>
     )
 }

components/register/index.js

@@ -1,8 +1,10 @@
 import Image from "next/image"
 
+const about = ['سوالات متداول', 'تماس با ما', 'درباره ما'];
+
 function RegisterPage({ children }) {
     return (
-        <div className="grid bg-banner-register !bg-contain !bg-no-repeat !bg-top place-items-center h-screen w-full">
+        <div className="flex padding-responsive items-center justify-center flex-col !bg-contain !bg-no-repeat !bg-top place-items-center h-screen w-full">
             <div className="flex items-center justify-center gap-[5px]">
                 <Image
                     src='/assets/images/logo.png'
@@ -13,6 +15,14 @@ function RegisterPage({ children }) {
                 <p className="text-[#5559CE] text-[20px] font-bold">نوبت ۷۲۴</p>
             </div>
             {children}
+            <div className="w-full mt-[127px]">
+                <div className="bg-border-t-gradient-sign h-px w-full"></div>
+                <div className="flex items-center justify-center gap-[56px] mt-[36px]">
+                    {about.map((item, idx) => (
+                        <p className="text-[#494CB3] text-[16px] font-normal" key={idx}>{item}</p>
+                    ))}
+                </div>
+            </div>
         </div>
     )
 }