diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 30e786a..543e289 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,16 +60,11 @@ export function Header() {
             </button>
           </div>
           <div className="flex flex-col p-6 space-y-4">
-            {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>
-            ))}
+             {navigationItems.map((item) => (
+      <Link key={item.name} href={item.href}>
+        <a>{item.name}</a>
+      </Link>
+    ))}
             <Button href="#" className="mt-4 btn-gradient-dark">
               Join OurVerse
             </Button>