diff --git a/src/components/Footer/Footer.sass b/src/components/Footer/Footer.sass
index 0215b16..f7138dc 100644
--- a/src/components/Footer/Footer.sass
+++ b/src/components/Footer/Footer.sass
@@ -2,10 +2,10 @@
 
 .footer
   padding: 1rem 0
-  margin: 0 2rem
+  // margin: 0 2rem 0 0
   position: fixed
   bottom: 0
-  width: 100%
+  width: 95vw
   opacity: 0.8
   font-size: 1rem
 
diff --git a/src/pages/IndexPage/Index.tsx b/src/pages/IndexPage/Index.tsx
index f97052b..b376092 100644
--- a/src/pages/IndexPage/Index.tsx
+++ b/src/pages/IndexPage/Index.tsx
@@ -1,7 +1,11 @@
 import './Index.sass'
-import { Button, Page, Padding, Display, Row, Logo } from '../../components'
+import { Button, Page, Padding, Display, Row, Logo, Footer, Image, Copyright } from '../../components'
 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'
+import patWebp from '../../assets/images/optimized/pat-alcala.webp'
 
 const API = import.meta.env.VITE_BACKEND
 let assessorsNameList: string[]
@@ -59,6 +63,24 @@ export default () => {
             </Row>
           </Display>
         </Padding>
+
+        <Footer>
+          <Row content="split">
+            <Row gap={0.5}>
+              <Image avif={ocboAvif} webp={ocboWebp} size={30}></Image>
+              <Row gap={0.25}>
+                <Copyright year="2025" name="Office of the City Building Official" />
+                <span>Davao City, Philippines</span>
+              </Row>
+            </Row>
+
+            <Row gap={0.25}>
+              <span>Developed by:</span>
+              <Image avif={patAvif} webp={patWebp} size={90}></Image>
+              <span>Pat Alcala</span>
+            </Row>
+          </Row>
+        </Footer>
       </Page>
     </>
   )