diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 543e289..30e786a 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -11,7 +11,7 @@ const navigationItems = [
   { name: 'Home', href: '/' },
   { name: 'Features', href: '/features' },
   { name: 'Usecases', href: '/usecases' },
-  { name: 'Community', href: 'community' },
+  { name: 'Community', href: '/community' },
 ];
 
 export function Header() {
@@ -60,11 +60,16 @@ export function Header() {
             </button>
           </div>
           <div className="flex flex-col p-6 space-y-4">
-             {navigationItems.map((item) => (
-      <Link key={item.name} href={item.href}>
-        <a>{item.name}</a>
-      </Link>
-    ))}
+            {navigationItems.map((item) => (
+              <a
+                key={item.name}
+                href={item.href}
+                className="text-purple-600 hover:text-purple-800 text-lg font-semibold"
+                onClick={() => setMobileMenuOpen(false)}
+              >
+                {item.name}
+              </a>
+            ))}
             <Button href="#" className="mt-4 btn-gradient-dark">
               Join OurVerse
             </Button>