diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
index eda0b02..de34424 100644
--- a/src/components/Nav.tsx
+++ b/src/components/Nav.tsx
@@ -27,7 +27,7 @@ function Nav({ currentPage }: NavProps) {
           <Link to="/friends" className={currentPage === 'friends' ? 'active' : ''}>{t('nav.friends')}</Link>
           <ThemeToggle />
           <LanguageSelector />
-          <button className="join-btn">{t('nav.joinNow')}</button>
+          <a href="/api/authenticator/steam/login" className="join-btn">{t('nav.login')}</a>
         </div>
       </div>
     </nav>
diff --git a/src/locales/en.json b/src/locales/en.json
index 324e5c9..b00523e 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -7,7 +7,8 @@
     "git": "Git",
     "forum": "Forum",
     "friends": "Friend",
-    "joinNow": "Join Now"
+    "joinNow": "Join Now",
+    "login": "Login"
   },
   "hero": {
     "title": "Welcome to the Ultimate",
diff --git a/src/locales/zh.json b/src/locales/zh.json
index 5230d34..c58b964 100644
--- a/src/locales/zh.json
+++ b/src/locales/zh.json
@@ -6,7 +6,8 @@
     "git": "开源",
     "forum": "论坛",
     "friends": "友链",
-    "joinNow": "立即加入"
+    "joinNow": "立即加入",
+    "login": "登录"
   },
   "hero": {
     "title": "欢迎来到终极",