diff --git a/components/ui/footer.tsx b/components/ui/footer.tsx
index 02994fd..1808c68 100644
--- a/components/ui/footer.tsx
+++ b/components/ui/footer.tsx
@@ -21,6 +21,9 @@ export default function Footer() {
           <li><Link href="/team" className="mr-4 hover:underline md:mr-6">Teams</Link></li>
           <li><Link href="#" className="mr-4 hover:underline md:mr-6">Blog</Link></li>
           <li><Link href="/translation" className="mr-4 hover:underline md:mr-6">Translation</Link></li>
+          <li><Link href="/translation" className="mr-4 hover:underline md:mr-6">Friends</Link></li>
+          <li><Link href="/translation" className="mr-4 hover:underline md:mr-6">Donate</Link></li>
+          <li><Link href="/translation" className="mr-4 hover:underline md:mr-6">Contribute</Link></li>
         </ul>
         <span className="text-sm text-gray-500 sm:text-center dark:text-gray-400">© 2024 <Link href="/" className="hover:underline">Open Voice OS</Link>. All Rights Reserved.</span>
       </div>
diff --git a/components/ui/header.tsx b/components/ui/header.tsx
index abb8d78..fb4a6a5 100644
--- a/components/ui/header.tsx
+++ b/components/ui/header.tsx
@@ -61,6 +61,11 @@ export default function Header() {
                   <p className={`font-medium ${pathname === '/blogs' ? 'font-extrabold text-black dark:text-white' : 'text-gray-600'} hover:text-gray-900 dark:hover:text-white px-5 py-3 flex items-center transition duration-150 ease-in-out`}>Blogs</p>
                 </Link>
               </li>
+              <li>
+                <Link href="/contribute">
+                  <p className={`font-medium ${pathname === '/blogs' ? 'font-extrabold text-black dark:text-white' : 'text-gray-600'} hover:text-gray-900 dark:hover:text-white px-5 py-3 flex items-center transition duration-150 ease-in-out`}>Contribution</p>
+                </Link>
+              </li>
               <li>
                 <Link href="/">
                   <p className={`btn-sm bg-black text-white dark:text-black dark:bg-white mx-3 rounded-xl`}>
diff --git a/components/ui/mobile-menu.tsx b/components/ui/mobile-menu.tsx
index ed9633d..a5cd06d 100644
--- a/components/ui/mobile-menu.tsx
+++ b/components/ui/mobile-menu.tsx
@@ -83,6 +83,9 @@ export default function MobileMenu() {
             <li>
               <Link href="/team" className="flex font-medium w-full text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white py-2 justify-center" onClick={() => setMobileNavOpen(false)}>Team</Link>
             </li>
+            <li>
+              <Link href="/contribution" className="flex font-medium w-full text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white py-2 justify-center" onClick={() => setMobileNavOpen(false)}>Contribution</Link>
+            </li>
             <li>
               <Link href="/blog" className="flex font-medium w-full text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white py-2 justify-center" onClick={() => setMobileNavOpen(false)}>Blogs</Link>
             </li>