Changed from astro to pure solidjs

src/pages/MainPage/Main.sass

@@ -0,0 +1,16 @@
+@use '/src/styles/variables.sass' as vars
+@use 'sass:color'
+
+.padding
+  margin: 11rem
+  border: 1px solid red
+
+h1
+  font-size: 3.25rem
+  color: vars.$textColor
+
+.div
+  width: 8rem
+
+.name
+  font-size: 1.25rem

src/pages/MainPage/Main.tsx

@@ -0,0 +1,35 @@
+import './Main.sass'
+import { Logo, Link, Page, Row, Padding, Table } from '../../components/'
+import { FiLogOut } from 'solid-icons/fi'
+// import { ofetch } from 'ofetch'
+
+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>
+
+            <Row content="left" gap={1}>
+              <span class="name">Login Name</span>
+              <Link to="/">
+                <FiLogOut size={25} />
+              </Link>
+            </Row>
+          </Row>
+          <Row content="center">
+            <h2>List of Ready to Approve and Sign OP (Order of Payments)</h2>
+          </Row>
+
+          <Table />
+        </Padding>
+      </Page>
+    </>
+  )
+}