'd'

app/components/Navbar.tsx

@@ -9,6 +9,7 @@ import AuthModal from "./AuthModal";
 import ThemeToggle from "./ThemeToggle";
 import SiteMenu from "./SiteMenu";
 import UserAvatar from "./UserAvatar";
+import NotificationBell from "./NotificationBell";
 
 export default function NavbarComponent() {
   const { t } = useTranslation("common");
@@ -153,6 +154,7 @@ export default function NavbarComponent() {
               <UserAvatar email={userEmail} isVip={userVip} onLogout={handleLogout} />
             </div>
           ) : null}
+          <NotificationBell />
           <button
             type="button"
             onClick={() => router.replace(pathname, { locale: locale === "zh" ? "en" : "zh" })}
@@ -204,6 +206,18 @@ export default function NavbarComponent() {
               <span>{tNav(link.labelKey)}</span>
             </Link>
           ))}
+          <Link
+            href="/messages"
+            className={`flex items-center gap-2 px-4 py-3 rounded-xl text-sm font-medium ${
+              isActive("/messages")
+                ? "text-gray-900 dark:text-gray-100 bg-gray-50 dark:bg-gray-800"
+                : "text-gray-500 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800"
+            }`}
+            onClick={() => setMobileOpen(false)}
+          >
+            <span className="text-lg">🔔</span>
+            <span>{tNav("messages")}</span>
+          </Link>
           <button
             type="button"
             onClick={() => router.replace(pathname, { locale: locale === "zh" ? "en" : "zh" })}