update home page bg & style

app/globals.css

@@ -125,8 +125,33 @@ body {
     font-family: kalame;
 }
 
+/* .bg-banner-home,
+.bg-banner-register {
+    background-size: cover !important;
+    background-repeat: no-repeat !important;
+    background-position: center !important;
+} */
+
 .bg-banner-home {
     background: url(../public/assets/images/banner-home.png);
+    position: relative;
+}
+
+.bg-banner-home::after {
+    content: "";
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: 100%;
+    height: 40%;
+    background: url(../public/assets/images/banner-register.png);
+    background-size: cover !important;
+    background-repeat: no-repeat !important;
+    background-position: center !important;
+}
+
+.bg-banner-register {
+    background: url(../public/assets/images/banner-register.png);
 }
 
 .animate-open {

app/signin/page.js

@@ -1,10 +1,12 @@
 import RegisterPage from '@/components/register'
-import React from 'react'
+import SignInPage from '@/components/register/signin'
 
 function SignIn() {
     return (
         <div>
-            <RegisterPage />
+            <RegisterPage>
+                <SignInPage />
+            </RegisterPage>
         </div>
     )
 }