Added login page

src/layouts/Layout.tsx

@@ -18,6 +18,10 @@ const routes = [
     path: '/register',
     component: lazy(() => import('../pages/RegisterPage/Register.tsx')),
   },
+  {
+    path: '/login',
+    component: lazy(() => import('../pages/LoginPage/Login.tsx')),
+  },
 ]
 
 render(() => <Router>{routes}</Router>, root!)

src/pages/LoginPage/Login.tsx

@@ -0,0 +1,42 @@
+import './Login.sass'
+import { Logo, Link, Page, Row, Padding, Form, Box } from '../../components'
+import { IoChevronBack } from 'solid-icons/io'
+
+export default () => {
+  return (
+    <>
+      <Page alignment="column">
+        <Padding left={4.75} right={4.75}>
+          <Row content="split">
+            <Link to="/">
+              <Row content="left" gap={2}>
+                <Logo size={200} />
+                <h1>OCBO e-Sign</h1>
+              </Row>
+            </Link>
+
+            <Link to="/">
+              <Row content="right">
+                <IoChevronBack size={45} />
+                <span class="back-button-text">Back</span>
+              </Row>
+            </Link>
+          </Row>
+
+          <Padding top={2} left={0} right={0}>
+            <Row>
+              <Box curved thickness={2} padding={2} color="#2f465cd7">
+                <Row>
+                  <span class="box-title">Login</span>
+                </Row>
+                <Form>
+                  <h4>Role</h4>
+                </Form>
+              </Box>
+            </Row>
+          </Padding>
+        </Padding>
+      </Page>
+    </>
+  )
+}