page signin & signup

app/globals.css

@@ -132,6 +132,10 @@ body {
     background-position: center !important;
 } */
 
+.bg-border-t-gradient-sign {
+    background: linear-gradient(90deg, #E5E5E5 0%, #BABABA 48.5%, #E5E5E5 100%);
+}
+
 .bg-banner-home {
     background: url(../public/assets/images/banner-home.png);
     position: relative;

app/signin/page.js

@@ -1,11 +1,19 @@
-import RegisterPage from '@/components/register'
-import SignInPage from '@/components/register/signin'
+'use client';
+import RegisterPage from '@/components/register';
+import SetCodePage from '@/components/register/SetCodePage';
+import SignInPage from '@/components/register/SignInPage';
+import { useState } from 'react';
 
 function SignIn() {
+
+    const [isSendMsg, setIsSendMsg] = useState(false);
+
     return (
         <div>
             <RegisterPage>
-                <SignInPage />
+                {isSendMsg ?
+                    <SetCodePage /> :
+                    <SignInPage />}
             </RegisterPage>
         </div>
     )