diff --git a/src/components/FooterComponent.vue b/src/components/FooterComponent.vue
index 8061ae6..2a47cf8 100644
--- a/src/components/FooterComponent.vue
+++ b/src/components/FooterComponent.vue
@@ -12,16 +12,18 @@
             <p class="bg-blue-700 text-white px-6 py-2 text-2xl font-bold underline decoration-4 decoration-[#7c4c23]">Important Links</p>
             <!-- <p class="text-center text-xl py-4"><span class="shape px-2 text-blue-700 rounded-md">New</span> <a class="hover:underline" href="https://online.rgyci.org"></a></p> -->
             <div class="flex flex-col h-[300px] overflow-y-scroll w-full bg-blue-50 rounded-b-lg">
-                <a target="_blank" href="/gallery" class="px-6 text-xl text-blue-700 hover:underline">Gallery</a>
-                <a target="_blank" href="/notice" class="px-6 text-xl text-blue-700 hover:underline">Notice</a>
+                
+                <a v-for="data in important" :key="important.id" target="_blank" :href="'/'+data.slug" class="px-6 text-xl text-blue-700 hover:underline">{{data.title}}</a>
+                <!-- <a target="_blank" href="/notice" class="px-6 text-xl text-blue-700 hover:underline">Notice</a>
                 <a target="_blank" href="/documents" class="px-6 text-xl text-blue-700 hover:underline">Documents</a>
                 <a target="_blank" href="/documents/aqar" class="px-6 text-xl text-blue-700 hover:underline">AQAR</a>
                 <a target="_blank" href="/documents/iqac" class="px-6 text-xl text-blue-700 hover:underline">IQAC</a>
                 <a target="_blank" href="/documents/academic-calendar" class="px-6 text-xl text-blue-700 hover:underline">Academic Calendar</a>
                 <a target="_blank" href="https://www.wbsuexams.net" class="px-6 text-xl text-blue-700 hover:underline">West Bengal State University</a>
                 <a target="_blank" href="https://www.ugc.gov.in" class="px-6 text-xl text-blue-700 hover:underline">University Grants Commission</a>
-                <a target="_blank" href="https://banglaruchchashiksha.wb.gov.in/" class="px-6 text-xl text-blue-700 hover:underline">W.B.H.E.D</a>
+                <a target="_blank" href="https://banglaruchchashiksha.wb.gov.in/" class="px-6 text-xl text-blue-700 hover:underline">W.B.H.E.D</a> -->
             </div>
+            <!-- <a href="/important" class="flex justify-end bg-blue-50 pt-2"><span class="bg-blue-700 text-white px-4 py-2 rounded-tl-md font-bold">View All</span> </a> -->
         </div>
         
     </div>
@@ -65,6 +67,7 @@ export default {
         return {
             page: null,
             notice: null,
+            important: null,
             isLoading: true,
             lpModal:false,
 
@@ -77,7 +80,13 @@ export default {
         fetch('https://api8.siliconpin.com/items/scc22?filter[status][_eq]=published&filter[type][_eq]=notice')
             .then(resp => resp.json())
             .then(data => {
-                this.notice=data.data
+                this.notice=data.data.reverse();
+                // console.log(this.dailyplan)
+            }),
+            fetch('https://api8.siliconpin.com/items/scc22?filter[status][_eq]=published&filter[position][_eq]=important')
+            .then(resp => resp.json())
+            .then(data => {
+                this.important=data.data.reverse()
                 // console.log(this.dailyplan)
             })
             
diff --git a/src/components/MainMenu.astro b/src/components/MainMenu.astro
index a8f31c7..b536b37 100644
--- a/src/components/MainMenu.astro
+++ b/src/components/MainMenu.astro
@@ -21,15 +21,15 @@
    
       <!-- Navbar items -->
       <div class="nav-links">
-        <a href="/">Home</a>
-        <a href="/about-us">About</a>
-        <a href="/contact-us">Contact Us</a>
-        <a href="/notice">Notice</a>
-        <a href="/library">Library</a>
+        <a href="/">Home</a>|
+        <a href="/about-us">About</a>|
+        <a href="/contact-us">Contact Us</a>|
+        <a href="/notice">Notice</a>|
+        <a href="/library">Library</a>|
         <div class="dropdown">
           <a class="dropBtn" href="#">Administration
             <i class="fas fa-angle-down"></i>
-          </a>
+          </a>|
           <div class="drop-content" >
             <a href="/governing-body">Governing Body</a>
             <a href="/composition-of-gb">Composition of GB</a>
@@ -42,7 +42,7 @@
         <div class="dropdown">
           <a class="dropBtn" href="#">Academics
             <i class="fas fa-angle-down"></i>
-          </a>
+          </a>|
           <div class="drop-content">
             <a href="/departments">Departments & Faculty</a>
             <a href="/admission">Admission</a>
@@ -60,7 +60,7 @@
         <div class="dropdown">
           <a class="dropBtn" href="#">Organizations
             <i class="fas fa-angle-down"></i>
-          </a>
+          </a>|
           <div class="drop-content">
             <a href="/iqac">IQAC</a>
             <a href="/naac">NAAC</a>
@@ -75,7 +75,7 @@
         <div class="dropdown">
           <a class="dropBtn" href="#">Facilities
             <i class="fas fa-angle-down"></i>
-          </a>
+          </a>|
           <div class="drop-content">
             <a href="/facilities">Facilities</a>
             <a href="/rti">RTI</a>           
@@ -151,7 +151,7 @@ body{
 .navbar .nav-links{
   display: inline;
   float: right;
-  font-size: 18px;
+  font-size: 16px;
 }
  
 .navbar .nav-links .loginBtn{
@@ -165,7 +165,7 @@ body{
   border-radius: 5px;
   /* background-color: #0ea5e930; */
   width: 100%;
-  padding: 10px 6px;
+  padding: 10px 4px;
   width: fit-content;
   text-decoration: none;
   font-weight: 550;