diff --git a/src/pages/IndexPage/Index.tsx b/src/pages/IndexPage/Index.tsx
index de94990..461a6a8 100644
--- a/src/pages/IndexPage/Index.tsx
+++ b/src/pages/IndexPage/Index.tsx
@@ -1,7 +1,7 @@
 import './Index.sass'
 import { Button, Page, Padding, Display, Row, Logo, Footer, Copyright, Column, Image, Box } from '../../components'
+import { getApi } from '../../utils/functions'
 import { onMount } from 'solid-js'
-import { ofetch } from 'ofetch'
 import ocboAvif from '../../assets/images/optimized/ocbologo.avif'
 import ocboWebp from '../../assets/images/optimized/ocbologo.webp'
 import patAvif from '../../assets/images/optimized/pat-alcala.avif'
@@ -9,36 +9,20 @@ import patWebp from '../../assets/images/optimized/pat-alcala.webp'
 import pageLogoAvif from '../../assets/images/optimized/esign.avif'
 import pageLogoWebp from '../../assets/images/optimized/esign.webp'
 
-const API = import.meta.env.VITE_BACKEND
 let assessorsNameList: string[]
 let registeredNameList: string[]
 
 export default () => {
   const getAssessors = async () => {
-    try {
-      const assessors = await ofetch(API + 'get-list-assessors', { parseResponse: JSON.parse })
-      assessorsNameList = [...assessors.result]
-    } catch (error) {
-      console.error(error)
-    }
+    const assessors = await getApi('get-list-assessors')
+    assessorsNameList = [...assessors]
     sessionStorage.setItem('assessors', JSON.stringify([...assessorsNameList]))
   }
 
   const getRegistered = async () => {
-    // let nameList: string[] = []
+    const registered = await getApi('get-list-registered')
+    registeredNameList = [...registered]
 
-    try {
-      const registered = await ofetch(API + 'get-list-registered', { parseResponse: JSON.parse })
-
-      // for (let i = 0; i < registered.result.length; i++) {
-      //   const name = await ofetch(API + 'get-employeename/' + registered.result[i], { parseResponse: JSON.parse })
-      //   nameList.push(name.result)
-      // }
-
-      registeredNameList = [...registered.result]
-    } catch (error) {
-      console.error(error)
-    }
     sessionStorage.setItem('registered', JSON.stringify([...registeredNameList]))
   }
 
@@ -159,14 +143,9 @@ export default () => {
 
         <Display mobile>
           <Column>
-            <Logo size={200} />
+            <Logo size={120} />
             <h1>OCBO e-Sign</h1>
-            <Image avif={pageLogoAvif} webp={pageLogoWebp} size={200}></Image>
-
-            <section class="mobile-buttons">
-              <Button wide label="Login" edges="curved" design="bo-primary" to="/login" />
-              <Button wide label="Register" edges="curved" design="bo-primary" to="/register" />
-            </section>
+            <span>Please use OCBO e-Sign Mobile Version</span>
           </Column>
         </Display>
       </Page>