From 67cb8dde4364d85ccd05cb43934215fe76c00e7c Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Fri, 7 Nov 2025 18:28:03 +0800
Subject: [PATCH] Added profile page

---
 src/pages/ProfilePage/Profile.sass | 11 +++++++++
 src/pages/ProfilePage/Profile.tsx  | 37 ++++++++++++++++++++++++++++++
 2 files changed, 48 insertions(+)
 create mode 100644 src/pages/ProfilePage/Profile.sass
 create mode 100644 src/pages/ProfilePage/Profile.tsx

diff --git a/src/pages/ProfilePage/Profile.sass b/src/pages/ProfilePage/Profile.sass
new file mode 100644
index 0000000..b0f57d7
--- /dev/null
+++ b/src/pages/ProfilePage/Profile.sass
@@ -0,0 +1,11 @@
+.name
+  padding: 1rem 2rem
+  border-radius: 8px
+  font-size: 1.75rem
+  font-weight: 800
+  display: flex
+  flex-direction: column
+  flex-wrap: wrap
+  align-items: center
+  background: #16212C
+  box-shadow: 8px 8px 28px #0d141b, -8px -8px 28px #1f2e3d
diff --git a/src/pages/ProfilePage/Profile.tsx b/src/pages/ProfilePage/Profile.tsx
new file mode 100644
index 0000000..9272fae
--- /dev/null
+++ b/src/pages/ProfilePage/Profile.tsx
@@ -0,0 +1,37 @@
+import './Profile.sass'
+import { Logo, Link, Page, Row, Padding, Combobox, Box, Button, Modal, Column, QR, Input, Display } from '../../components'
+import { IoChevronBack } from 'solid-icons/io'
+import { _employeeName, _employeeId } from '../../stores/employee'
+
+export default () => {
+  return (
+    <>
+      <Page>
+        <Padding left={4.75} right={4.75} top={0} bottom={0}>
+          <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>
+          <Column>
+            <h1 class="name">{sessionStorage.getItem('name')}</h1>
+
+            <Row content="left">
+              <span>Role:</span>
+            </Row>
+          </Column>
+        </Padding>
+      </Page>
+    </>
+  )
+}