''

app/components/Header.tsx

@@ -3,17 +3,11 @@
 import { useState, useEffect } from "react";
 import { Link, useLocale, usePathname, useRouter, useTranslation } from "@/i18n/navigation";
 import { getStoredUserEmail } from "@/app/lib/pocketbase";
+import { useCrossSiteUrls } from "@/app/lib/useCrossSiteUrls";
 import AuthModal from "./AuthModal";
 import ThemeToggle from "./ThemeToggle";
 import UserAvatar from "./UserAvatar";
 
-const navLinks = [
-  { labelKey: "roadmap" as const, href: "#roadmap" },
-  { labelKey: "tools" as const, href: "#tools" },
-  { labelKey: "community" as const, href: "https://vip.hackrobot.cn/", external: true },
-  { labelKey: "resources" as const, href: "#resources" },
-];
-
 export default function Header() {
   const { t } = useTranslation("common");
   const { t: tNav } = useTranslation("nav");
@@ -24,6 +18,13 @@ export default function Header() {
   const [scrolled, setScrolled] = useState(false);
   const [authOpen, setAuthOpen] = useState(false);
   const [userEmail, setUserEmail] = useState<string | null>(null);
+  const { vipUrl } = useCrossSiteUrls();
+  const navLinks = [
+    { labelKey: "roadmap" as const, href: "#roadmap" },
+    { labelKey: "tools" as const, href: "#tools" },
+    { labelKey: "community" as const, href: vipUrl, external: true },
+    { labelKey: "resources" as const, href: "#resources" },
+  ];
 
   useEffect(() => {
     let mounted = true;