diff --git a/index.html b/index.html
index 14fe9d9..ae4e712 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,10 @@
     <meta property="og:description" content="Digital Signature for OCBO (Office of the City Building Official)" />
     <meta property="og:type" content="website" />
     <link rel="icon" type="image/png" href="/favicon.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="manifest" href="/site.webmanifest">
     <title>OCBO e-Sign</title>
   </head>
 
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
new file mode 100644
index 0000000..c22ae57
Binary files /dev/null and b/public/android-chrome-192x192.png differ
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
new file mode 100644
index 0000000..2b2605a
Binary files /dev/null and b/public/android-chrome-512x512.png differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 0000000..d6e82d4
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
new file mode 100644
index 0000000..8159741
Binary files /dev/null and b/public/favicon-16x16.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
new file mode 100644
index 0000000..e60f24d
Binary files /dev/null and b/public/favicon-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..952e6b6
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/site.webmanifest b/public/site.webmanifest
new file mode 100644
index 0000000..c9812d3
--- /dev/null
+++ b/public/site.webmanifest
@@ -0,0 +1 @@
+{"name":"OCBO e-Sign","short_name":"e-Sign","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#16212c","background_color":"#16212c","display":"standalone"}
diff --git a/src/app.tsx b/src/app.tsx
index f9a346d..2e90554 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -1,4 +1,5 @@
-import { Suspense, type Component } from 'solid-js'
+import type { Component } from 'solid-js/types/render/component.js'
+import { Suspense } from 'solid-js/web'
 
 const App: Component<{ children: Element }> = (props) => {
   return (
diff --git a/src/pages/IndexPage/Index.tsx b/src/pages/IndexPage/Index.tsx
index d4b18a1..28bdaa9 100644
--- a/src/pages/IndexPage/Index.tsx
+++ b/src/pages/IndexPage/Index.tsx
@@ -66,7 +66,7 @@ export default () => {
 
               <Display desktop>
                 <Column padding="3rem 0 0 0">
-                  <Image avif={pageLogoAvif} webp={pageLogoWebp} size={410}></Image>
+                  <Image avif={pageLogoAvif} webp={pageLogoWebp} size={410} alt='e-Sign Logo'></Image>
                 </Column>
               </Display>
             </Row>
@@ -75,7 +75,7 @@ export default () => {
           <Footer>
             <Row content="split">
               <Row gap={0.5}>
-                <Image avif={ocboAvif} webp={ocboWebp} size={20}></Image>
+                <Image avif={ocboAvif} webp={ocboWebp} size={20} alt='OCBO Logo'></Image>
                 <Row gap={0.25}>
                   <Copyright year="2025" name="Office of the City Building Official" />
                   <span>Davao City, Philippines</span>
@@ -84,7 +84,7 @@ export default () => {
 
               <Row gap={0.25}>
                 <span>Developed by:</span>
-                <Image avif={patAvif} webp={patWebp} size={70}></Image>
+                <Image avif={patAvif} webp={patWebp} size={70} alt='Pat Alcala Logo'></Image>
                 <span>Pat Alcala</span>
               </Row>
             </Row>
@@ -117,7 +117,7 @@ export default () => {
               </Box>
 
               <Column padding="3rem 0 0 0">
-                <Image avif={pageLogoAvif} webp={pageLogoWebp} size={110}></Image>
+                <Image avif={pageLogoAvif} webp={pageLogoWebp} size={110} alt='e-Sign Logo'></Image>
               </Column>
             </Row>
           </Padding>
@@ -125,7 +125,7 @@ export default () => {
           <Footer>
             <Row content="split">
               <Row gap={0.5}>
-                <Image avif={ocboAvif} webp={ocboWebp} size={20}></Image>
+                <Image avif={ocboAvif} webp={ocboWebp} size={20} alt='OCBO Logo'></Image>
                 <Row gap={0.25}>
                   <Copyright year="2025" name="Office of the City Building Official" />
                   <span>Davao City, Philippines</span>
@@ -134,7 +134,7 @@ export default () => {
 
               <Row gap={0.25}>
                 <span>Developed by:</span>
-                <Image avif={patAvif} webp={patWebp} size={70}></Image>
+                <Image avif={patAvif} webp={patWebp} size={70} alt='Pat Alcala Logo'></Image>
                 <span>Pat Alcala</span>
               </Row>
             </Row>
diff --git a/src/pages/RegisterPage/Register.tsx b/src/pages/RegisterPage/Register.tsx
index 1b4b5bc..b272247 100644
--- a/src/pages/RegisterPage/Register.tsx
+++ b/src/pages/RegisterPage/Register.tsx
@@ -1,12 +1,13 @@
-import './Register.sass'
-import { Logo, Link, Page, Row, Padding, Combobox, Box, Button, Modal, Column, QR, Input, Display } from '../../components'
-import { IoChevronBack } from 'solid-icons/io'
-import { Show, createSignal, createEffect } from 'solid-js'
-import { SHA3, SHA1 } from 'crypto-js'
-import dayjs from 'dayjs'
 import { FileField } from '@kobalte/core/file-field'
 import { useNavigate } from '@solidjs/router'
+import { SHA1, SHA3 } from 'crypto-js'
+import dayjs from 'dayjs'
+import { IoChevronBack } from 'solid-icons/io'
+import { createEffect, createSignal } from 'solid-js'
+import { Show } from 'solid-js/web'
+import { Box, Button, Column, Combobox, Display, Input, Link, Logo, Modal, Padding, Page, QR, Row } from '../../components'
 import { checkConnection, getApi, postApi } from '../../utils/functions'
+import './Register.sass'
 
 export default () => {
   const APPROVERNAME = import.meta.env.VITE_HEAD
diff --git a/src/utils/functions/getApiMulti.ts b/src/utils/functions/getApiMulti.ts
index 7b9d70e..d9c0af0 100644
--- a/src/utils/functions/getApiMulti.ts
+++ b/src/utils/functions/getApiMulti.ts
@@ -8,7 +8,7 @@ export default async (api: string, value?: any) => {
     if (!value) {
       fetch = await ofetch(API + api, { parseResponse: JSON.parse, retry: 3, retryDelay: 500, retryStatusCodes: [400, 404, 405, 500, 502] })
     } else {
-      fetch = await ofetch(API + `${api}/${value}/fetch-data`, { parseResponse: JSON.parse, retry: 3, retryDelay: 500, retryStatusCodes: [400, 404, 405, 500, 502] })
+      fetch = await ofetch(`${API}${api}/${value}/fetch-data`, { parseResponse: JSON.parse, retry: 3, retryDelay: 500, retryStatusCodes: [400, 404, 405, 500, 502] })
     }
 
     return fetch
diff --git a/tsconfig.app.json b/tsconfig.app.json
index d9f1596..fb697dc 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -1,10 +1,10 @@
 {
   "compilerOptions": {
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2022",
+    "target": "ES2023",
     "useDefineForClassFields": true,
     "module": "ESNext",
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "lib": ["ES2023", "DOM", "DOM.Iterable"],
     "skipLibCheck": true,
 
     /* Bundler mode */