Sign in screen with token retrieval

client/src/pages/HomePage.tsx

@@ -1,10 +1,11 @@
 import { Button } from "@nextui-org/react";
 import { useNavigate } from "react-router-dom";
+import DefaultLayout from "../layouts/default";
 
 export default function HomePage() {
   const navigate = useNavigate();
   return (
-    <div>
+    <DefaultLayout>
       <p>Home</p>
       <Button
         onPress={() => {
@@ -13,6 +14,6 @@ export default function HomePage() {
       >
         Sign up!
       </Button>
-    </div>
+    </DefaultLayout>
   );
 }

client/src/pages/SignInPage.tsx

@@ -0,0 +1,36 @@
+import SignInModule from "../components/SignInModule";
+import DefaultLayout from "../layouts/default";
+
+export default function SignInPage() {
+  return (
+    <DefaultLayout>
+      <div className="flex flex-col h-full">
+        <div className="flex flex-row h-full">
+          <div className="w-3/5 relative">
+            <div className="absolute inset-0">
+              <div className="w-full h-full relative">
+                <img
+                  src="../assets/SigninScreenBG.png"
+                  alt="HDB flat"
+                  className="w-full h-full object-cover -z-10"
+                />
+                <div className="absolute inset-0 z-10 flex flex-col justify-center">
+                  <div className="w-full text-right text-white flex flex-col gap-6 p-16">
+                    <p className="text-7xl font-semibold">Welcome back!</p>
+                    <p className="text-3xl">
+                      Good to have you here again. Tell us who you are, and wel
+                      will let you in.
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div className="w-2/5 p-8">
+            <SignInModule />
+          </div>
+        </div>
+      </div>
+    </DefaultLayout>
+  );
+}

client/src/pages/SignUpPage.tsx

@@ -1,11 +1,10 @@
 import SignUpModule from "../components/SignUpModule";
-import SingaporeAgencyStrip from "../components/SingaporeAgencyStrip";
+import DefaultLayout from "../layouts/default";
 
 export default function SignUpPage() {
   return (
-    <div className="absolute inset-0">
+    <DefaultLayout>
       <div className="flex flex-col h-full">
-        <SingaporeAgencyStrip></SingaporeAgencyStrip>
         <div className="flex flex-row h-full">
           <div className="w-3/5 relative">
             <div className="absolute inset-0">
@@ -32,6 +31,6 @@ export default function SignUpPage() {
           </div>
         </div>
       </div>
-    </div>
+    </DefaultLayout>
   );
 }