From 00471abee42b4d82525827c28f80c708c62a04af Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Mon, 22 Sep 2025 11:44:49 +0800
Subject: [PATCH] Added link to landing page

---
 src/pages/register.astro | 61 ++++++++++++++++++++++------------------
 1 file changed, 34 insertions(+), 27 deletions(-)

diff --git a/src/pages/register.astro b/src/pages/register.astro
index 46399fa..50e0241 100644
--- a/src/pages/register.astro
+++ b/src/pages/register.astro
@@ -1,6 +1,7 @@
 ---
 import Layout from '../layouts/Layout.astro'
-import { Button, Logo, Link, Page, Footer, Row, Column, Image, Copyright, OptimizeLogo, Display, Padding } from '../../fwt/'
+import { Button, Logo, Link, Box, Page, Form, Row, Column, Image, Copyright, OptimizeLogo, Display, Padding } from '../../fwt/'
+import RegistrationForm from '../components/RegistrationForm/RegistrantionForm'
 ---
 
 <Layout title="Register - OCBO e-Sign">
@@ -8,38 +9,44 @@ import { Button, Logo, Link, Page, Footer, Row, Column, Image, Copyright, Optimi
     <Padding left={4.75} right={4.75}>
       <Display desktop tablet>
         <Row content="split">
-          <Row content="left" gap={2}>
-            <Logo size={200} />
-            <h1>OCBO e-Sign</h1>
-          </Row>
+          <Link to="/">
+            <Row content="left" gap={2}>
+              <Logo size={200} />
+              <h1>OCBO e-Sign</h1>
+            </Row>
+          </Link>
 
           <Button label="Register" edges="curved" to="/main" />
         </Row>
-      </Display>
 
-      <Display mobile>
-        <Column content="center">
-          <Logo size={120} />
-          <h1>OCBO e-Sign</h1>
+        <Display mobile>
+          <Column content="center">
+            <Link to="/">
+              <Logo size={120} />
+              <h1>OCBO e-Sign</h1>
+            </Link>
 
-          <Button label="Register" edges="curved" to="/main" />
-        </Column>
+            <Button label="Register" edges="curved" to="/main" />
+          </Column>
+        </Display>
+
+        <RegistrationForm />
       </Display>
     </Padding>
+
+    <style lang="sass">
+      @use '/src/styles/variables.sass' as vars
+      @use '/src/styles/breakpoint.sass' as views
+
+      h1
+        font-size: 3.25rem
+        color: vars.$textColor
+
+        @media only screen and (max-width: views.$mobile)
+          font-size: 2.25rem
+
+      .div
+        width: 8rem
+    </style>
   </Page>
 </Layout>
-
-<style lang="sass">
-  @use '/src/styles/variables.sass' as vars
-  @use '/src/styles/breakpoint.sass' as views
-
-  h1
-    font-size: 3.25rem
-    color: vars.$textColor
-
-    @media only screen and (max-width: views.$mobile)
-      font-size: 2.25rem
-
-  .div
-    width: 8rem
-</style>