diff --git a/config.yml b/config.yml
index a65004a..4291c7d 100644
--- a/config.yml
+++ b/config.yml
@@ -29,6 +29,16 @@ menu:
     - title: Contact Us
       link: /contact
 
+footer:
+  tagline: Open Alumn Portal - An alumni portal connecting NCIT Alumns maintained by NOSK and contributors.
+  items:
+  - title: About
+    link: #
+  - title: GitHub
+    link: https://github.com/noskofficial/ncitalums
+  - title: Contribute Now
+    link: https://github.com/noskofficial/ncitalums/blob/develop/CONTRIBUTING.md
+
 featured:
   profiles: 
   -  "2005/nitesh-rijal"
diff --git a/src/components/homepage/HeroSection.astro b/src/components/homepage/HeroSection.astro
index 792347a..2b28502 100644
--- a/src/components/homepage/HeroSection.astro
+++ b/src/components/homepage/HeroSection.astro
@@ -1,6 +1,10 @@
-<section class=" w-full flex-col justify-start items-center bg-gray-900 text-white">
+---
+
+---
+
+<section class="w-full flex-col justify-start items-center bg-gray-900 text-white">
   <div class="text-center mb-20">
-    <h1 class="text-4xl md:text-6xl font-bold mt-40 mb-6">
+    <h1 class="text-4xl md:text-6xl font-bold mt-40 mb-6 mx-4 sm:mx-8">
       Stay Connected, Build Networks
     </h1>
     <p class="text-lg md:text-2xl mb-16">
diff --git a/src/components/shared/Footer.astro b/src/components/shared/Footer.astro
index e69de29..8a0372a 100644
--- a/src/components/shared/Footer.astro
+++ b/src/components/shared/Footer.astro
@@ -0,0 +1,24 @@
+---
+import { loadConfig } from '../../utils/loadconfig';
+
+const config = loadConfig();
+const footer = config.footer;
+---
+
+<footer class="bg-gray-800 text-white py-6">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div class="flex flex-col md:flex-row justify-between items-center">
+        <div class="mb-4 md:mb-0">
+          <p class="text-center md:text-left"> {footer.tagline} </p>
+        </div>
+        <div class="flex space-x-4">
+          {footer.items.map(item => (
+            <a href={item.link} class="text-gray-400 hover:text-white text-sm">
+              {item.title}
+            </a>
+          ))}
+        </div>
+      </div>
+    </div>
+  </footer>
+  
\ No newline at end of file
diff --git a/src/utils/loadconfig.ts b/src/utils/loadconfig.ts
index acd82c3..18b3196 100644
--- a/src/utils/loadconfig.ts
+++ b/src/utils/loadconfig.ts
@@ -6,6 +6,7 @@ import { getCollection } from 'astro:content';
 export interface Root {
   menu: Menu
   featured: FeaturedDetails
+  footer: Footer
 }
 
 export interface Menu {
@@ -13,6 +14,11 @@ export interface Menu {
   main: Main[]
 }
 
+interface Footer {
+  tagline: string
+  items: Main[]
+}
+
 export interface Main {
   title: string
   link?: string