From 302a07203618762dc951f5330a3a47a1308abeb5 Mon Sep 17 00:00:00 2001
From: eric <xiaoshuang.eric@gmail.com>
Date: Mon, 9 Mar 2026 04:08:32 -0500
Subject: [PATCH] 's'

---
 app/[locale]/blog/page.tsx       | 111 ++++++
 app/[locale]/careers/page.tsx    | 104 +++++
 app/[locale]/contact/page.tsx    | 106 +++++
 app/[locale]/cookies/page.tsx    |  48 +++
 app/[locale]/guidelines/page.tsx |  62 +++
 app/[locale]/help/page.tsx       |  66 ++++
 app/[locale]/press/page.tsx      |  64 ++++
 app/[locale]/privacy/page.tsx    |  48 +++
 app/[locale]/safety/page.tsx     |  59 +++
 app/[locale]/support/page.tsx    | 128 +++++++
 app/[locale]/terms/page.tsx      |  48 +++
 app/data/mock.ts                 | 638 +++++++++++++++++++++++++++++++
 config/footer.config.ts          |   3 +-
 messages/en.json                 |  13 +-
 messages/zh.json                 |  13 +-
 15 files changed, 1498 insertions(+), 13 deletions(-)
 create mode 100644 app/[locale]/blog/page.tsx
 create mode 100644 app/[locale]/careers/page.tsx
 create mode 100644 app/[locale]/contact/page.tsx
 create mode 100644 app/[locale]/cookies/page.tsx
 create mode 100644 app/[locale]/guidelines/page.tsx
 create mode 100644 app/[locale]/help/page.tsx
 create mode 100644 app/[locale]/press/page.tsx
 create mode 100644 app/[locale]/privacy/page.tsx
 create mode 100644 app/[locale]/safety/page.tsx
 create mode 100644 app/[locale]/support/page.tsx
 create mode 100644 app/[locale]/terms/page.tsx
 create mode 100644 app/data/mock.ts

diff --git a/app/[locale]/blog/page.tsx b/app/[locale]/blog/page.tsx
new file mode 100644
index 0000000..fc4623c
--- /dev/null
+++ b/app/[locale]/blog/page.tsx
@@ -0,0 +1,111 @@
+import Footer from "@/app/components/Footer";
+import { blogPosts } from "@/app/data/mock";
+
+export const metadata = {
+  title: "博客 | 游牧中国",
+  description: "阅读最新的数字游民资讯、城市攻略、签证指南和经验分享。",
+};
+
+export default function BlogPage() {
+  const featuredPost = blogPosts.find((post) => post.featured);
+  const regularPosts = blogPosts.filter((post) => !post.featured);
+
+  return (
+    <>
+      <main className="min-h-screen bg-[#fafafa] dark:bg-gray-950">
+        <section className="max-w-6xl mx-auto px-4 sm:px-6 py-12 sm:py-16">
+          <h1 className="text-3xl sm:text-4xl font-bold text-gray-900 dark:text-gray-100 mb-2 flex items-center gap-2">
+            <span className="w-1 h-10 bg-[#ff4d4f] rounded-full" />
+            博客
+          </h1>
+          <p className="text-gray-600 dark:text-gray-400 mb-10">
+            数字游民资讯、城市攻略、签证指南和经验分享
+          </p>
+
+          {/* Featured Post */}
+          {featuredPost && (
+            <div className="mb-12">
+              <div className="bg-white dark:bg-gray-900 rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow border border-gray-100 dark:border-gray-800">
+                <div className="grid md:grid-cols-2 gap-0">
+                  <div className="aspect-video md:aspect-auto relative">
+                    <img
+                      src={featuredPost.coverImage}
+                      alt={featuredPost.title}
+                      className="w-full h-full object-cover"
+                    />
+                  </div>
+                  <div className="p-6 sm:p-8 flex flex-col justify-center">
+                    <span className="inline-block px-3 py-1 bg-[#ff4d4f]/10 text-[#ff4d4f] text-xs font-medium rounded-full mb-4 w-fit">
+                      {featuredPost.category}
+                    </span>
+                    <h2 className="text-xl sm:text-2xl font-bold text-gray-900 dark:text-gray-100 mb-3">
+                      {featuredPost.title}
+                    </h2>
+                    <p className="text-gray-600 dark:text-gray-400 mb-4 line-clamp-2">
+                      {featuredPost.excerpt}
+                    </p>
+                    <div className="flex items-center gap-3 mt-auto">
+                      <img
+                        src={featuredPost.authorAvatar}
+                        alt={featuredPost.author}
+                        className="w-8 h-8 rounded-full"
+                      />
+                      <div className="text-sm">
+                        <span className="text-gray-900 dark:text-gray-100 font-medium">
+                          {featuredPost.author}
+                        </span>
+                        <span className="text-gray-400 ml-2">
+                          {featuredPost.date} · {featuredPost.readTime}
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          )}
+
+          {/* Regular Posts Grid */}
+          <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
+            {regularPosts.map((post) => (
+              <article
+                key={post.id}
+                className="bg-white dark:bg-gray-900 rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-shadow border border-gray-100 dark:border-gray-800"
+              >
+                <div className="aspect-video relative">
+                  <img
+                    src={post.coverImage}
+                    alt={post.title}
+                    className="w-full h-full object-cover"
+                  />
+                  <span className="absolute top-3 left-3 inline-block px-2 py-1 bg-black/50 text-white text-xs rounded-md backdrop-blur-sm">
+                    {post.category}
+                  </span>
+                </div>
+                <div className="p-4">
+                  <h3 className="font-bold text-gray-900 dark:text-gray-100 mb-2 line-clamp-2">
+                    {post.title}
+                  </h3>
+                  <p className="text-sm text-gray-600 dark:text-gray-400 mb-3 line-clamp-2">
+                    {post.excerpt}
+                  </p>
+                  <div className="flex items-center gap-2">
+                    <img
+                      src={post.authorAvatar}
+                      alt={post.author}
+                      className="w-6 h-6 rounded-full"
+                    />
+                    <span className="text-xs text-gray-500">
+                      {post.author} · {post.readTime}
+                    </span>
+                  </div>
+                </div>
+              </article>
+            ))}
+          </div>
+        </section>
+      </main>
+      <Footer />
+    </>
+  );
+}
diff --git a/app/[locale]/careers/page.tsx b/app/[locale]/careers/page.tsx
new file mode 100644
index 0000000..87a4f75
--- /dev/null
+++ b/app/[locale]/careers/page.tsx
@@ -0,0 +1,104 @@
+import Footer from "@/app/components/Footer";
+import { jobs } from "@/app/data/mock";
+
+export const metadata = {
+  title: "加入我们 | 游牧中国",
+  description: "加入游牧中国团队，一起打造中国最好的数字游民社区。",
+};
+
+export default function CareersPage() {
+  return (
+    <>
+      <main className="min-h-screen bg-[#fafafa] dark:bg-gray-950">
+        <section className="max-w-4xl mx-auto px-4 sm:px-6 py-12 sm:py-20">
+          <h1 className="text-3xl sm:text-4xl font-bold text-gray-900 dark:text-gray-100 mb-6 flex items-center gap-2">
+            <span className="w-1 h-10 bg-[#ff4d4f] rounded-full" />
+            加入我们
+          </h1>
+          <p className="text-lg text-gray-600 dark:text-gray-400 leading-relaxed mb-10">
+            游牧中国正在寻找志同道合的伙伴，一起打造中国最好的数字游民社区。
+            我们鼓励远程工作，支持灵活的工作时间，欢迎热爱旅行和自由生活的你。
+          </p>
+
+          {/* Benefits */}
+          <div className="bg-white dark:bg-gray-900 rounded-2xl p-6 sm:p-8 mb-10 border border-gray-100 dark:border-gray-800">
+            <h2 className="text-xl font-bold text-gray-900 dark:text-gray-100 mb-6">为什么加入我们</h2>
+            <div className="grid sm:grid-cols-2 gap-4">
+              <div className="flex items-start gap-3">
+                <span className="text-2xl">🏝️</span>
+                <div>
+                  <h3 className="font-medium text-gray-900 dark:text-gray-100">远程工作</h3>
+                  <p className="text-sm text-gray-500">支持全远程，可在大理、泰国等地办公</p>
+                </div>
+              </div>
+              <div className="flex items-start gap-3">
+                <span className="text-2xl">⏰</span>
+                <div>
+                  <h3 className="font-medium text-gray-900 dark:text-gray-100">弹性时间</h3>
+                  <p className="text-sm text-gray-500">核心时间外，自由安排工作时间</p>
+                </div>
+              </div>
+              <div className="flex items-start gap-3">
+                <span className="text-2xl">🎉</span>
+                <div>
+                  <h3 className="font-medium text-gray-900 dark:text-gray-100">有趣同事</h3>
+                  <p className="text-sm text-gray-500">团队成员都是数字游民，志同道合</p>
+                </div>
+              </div>
+              <div className="flex items-start gap-3">
+                <span className="text-2xl">📈</span>
+                <div>
+                  <h3 className="font-medium text-gray-900 dark:text-gray-100">成长空间</h3>
+                  <p className="text-sm text-gray-500">快速发展的创业团队，机会多多</p>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          {/* Job Openings */}
+          <h2 className="text-xl font-bold text-gray-900 dark:text-gray-100 mb-6">热招职位</h2>
+          <div className="space-y-4">
+            {jobs.map((job) => (
+              <div
+                key={job.id}
+                className="bg-white dark:bg-gray-900 rounded-xl p-5 border border-gray-100 dark:border-gray-800 hover:shadow-md transition-shadow"
+              >
+                <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-3 mb-3">
+                  <div>
+                    <h3 className="text-lg font-bold text-gray-900 dark:text-gray-100">{job.title}</h3>
+                    <p className="text-sm text-gray-500">
+                      {job.department} · {job.location} · {job.type}
+                    </p>
+                  </div>
+                  <span className="text-[#ff4d4f] font-medium">{job.salary}</span>
+                </div>
+                <p className="text-gray-600 dark:text-gray-400 text-sm mb-4">{job.description}</p>
+                <div className="flex flex-wrap gap-2">
+                  {job.requirements.slice(0, 3).map((req, index) => (
+                    <span
+                      key={index}
+                      className="px-2 py-1 bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 text-xs rounded-md"
+                    >
+                      {req}
+                    </span>
+                  ))}
+                </div>
+              </div>
+            ))}
+          </div>
+
+          {/* Contact */}
+          <div className="mt-10 text-center">
+            <p className="text-gray-600 dark:text-gray-400">
+              没有看到合适的职位？请发送简历至{" "}
+              <a href="mailto:hello@nomadcna.com" className="text-[#ff4d4f] hover:underline">
+                hello@nomadcna.com
+              </a>
+            </p>
+          </div>
+        </section>
+      </main>
+      <Footer />
+    </>
+  );
+}
diff --git a/app/[locale]/contact/page.tsx b/app/[locale]/contact/page.tsx
new file mode 100644
index 0000000..ab2ba0c
--- /dev/null
+++ b/app/[locale]/contact/page.tsx
@@ -0,0 +1,106 @@
+import Footer from "@/app/components/Footer";
+import { contactContent } from "@/app/data/mock";
+
+export const metadata = {
+  title: "联系我们 | 游牧中国",
+  description: "联系我们，获取支持或商务合作。",
+};
+
+export default function ContactPage() {
+  return (
+    <>
+      <main className="min-h-screen bg-[#fafafa] dark:bg-gray-950">
+        <section className="max-w-4xl mx-auto px-4 sm:px-6 py-12 sm:py-20">
+          <h1 className="text-3xl sm:text-4xl font-bold text-gray-900 dark:text-gray-100 mb-2 flex items-center gap-2">
+            <span className="w-1 h-10 bg-[#ff4d4f] rounded-full" />
+            联系我们
+          </h1>
+          <p className="text-gray-600 dark:text-gray-400 mb-10">
+            我们随时准备回答您的问题并听取您的反馈
+          </p>
+
+          <div className="grid md:grid-cols-2 gap-8">
+            {/* Contact Info */}
+            <div className="bg-white dark:bg-gray-900 rounded-xl p-6 border border-gray-100 dark:border-gray-800">
+              <h2 className="text-lg font-bold text-gray-900 dark:text-gray-100 mb-6">联系方式</h2>
+              <div className="space-y-4">
+                {contactContent.social.map((item, index) => (
+                  <div key={index} className="flex items-center gap-3">
+                    <span className="w-10 h-10 rounded-lg bg-gray-100 dark:bg-gray-800 flex items-center justify-center text-lg">
+                      {item.name === "微信" ? "💬" : item.name === "邮箱" ? "📧" : item.name === "Twitter" ? "🐦" : "📱"}
+                    </span>
+                    <div>
+                      <p className="text-xs text-gray-500">{item.name}</p>
+                      <p className="text-gray-900 dark:text-gray-100 font-medium">{item.value}</p>
+                    </div>
+                  </div>
+                ))}
+              </div>
+              <div className="mt-6 pt-6 border-t border-gray-100 dark:border-gray-800">
+                <p className="text-sm text-gray-500">{contactContent.responseTime}</p>
+              </div>
+            </div>
+
+            {/* Contact Form */}
+            <div className="bg-white dark:bg-gray-900 rounded-xl p-6 border border-gray-100 dark:border-gray-800">
+              <h2 className="text-lg font-bold text-gray-900 dark:text-gray-100 mb-6">发送消息</h2>
+              <form className="space-y-4">
+                <div>
+                  <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                    您的邮箱
+                  </label>
+                  <input
+                    type="email"
+                    placeholder="your@email.com"
+                    className="w-full px-4 py-2 rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 focus:outline-none focus:ring-2 focus:ring-[#ff4d4f] focus:border-transparent"
+                  />
+                </div>
+                <div>
+                  <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                    主题
+                  </label>
+                  <input
+                    type="text"
+                    placeholder="请输入主题"
+                    className="w-full px-4 py-2 rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 focus:outline-none focus:ring-2 focus:ring-[#ff4d4f] focus:border-transparent"
+                  />
+                </div>
+                <div>
+                  <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                    消息内容
+                  </label>
+                  <textarea
+                    rows={4}
+                    placeholder="请描述您的问题或建议..."
+                    className="w-full px-4 py-2 rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 focus:outline-none focus:ring-2 focus:ring-[#ff4d4f] focus:border-transparent resize-none"
+                  />
+                </div>
+                <button
+                  type="submit"
+                  className="w-full py-2 px-4 bg-[#ff4d4f] text-white font-medium rounded-lg hover:bg-[#ff4d4f]/90 transition-colors"
+                >
+                  发送消息
+                </button>
+              </form>
+            </div>
+          </div>
+
+          {/* Business Cooperation */}
+          <div className="mt-10 bg-white dark:bg-gray-900 rounded-xl p-6 border border-gray-100 dark:border-gray-800">
+            <h2 className="text-lg font-bold text-gray-900 dark:text-gray-100 mb-4">商务合作</h2>
+            <p className="text-gray-600 dark:text-gray-400 text-sm mb-4">
+              欢迎品牌合作、活动联合、媒体报道等商务咨询。
+            </p>
+            <a
+              href="mailto:business@nomadcna.com"
+              className="inline-block px-5 py-2 bg-[#ff4d4f] text-white font-medium rounded-lg hover:bg-[#ff4d4f]/90 transition-colors"
+            >
+              商务合作邮箱
+            </a>
+          </div>
+        </section>
+      </main>
+      <Footer />
+    </>
+  );
+}
diff --git a/app/[locale]/cookies/page.tsx b/app/[locale]/cookies/page.tsx
new file mode 100644
index 0000000..1555390
--- /dev/null
+++ b/app/[locale]/cookies/page.tsx
@@ -0,0 +1,48 @@
+import Footer from "@/app/components/Footer";
+import { cookieContent } from "@/app/data/mock";
+
+export const metadata = {
+  title: "Cookie政策 | 游牧中国",
+  description: "游牧中国Cookie政策，了解我们如何使用Cookie。",
+};
+
+export default function CookiesPage() {
+  return (
+    <>
+      <main className="min-h-screen bg-[#fafafa] dark:bg-gray-950">
+        <section className="max-w-4xl mx-auto px-4 sm:px-6 py-12 sm:py-20">
+          <h1 className="text-3xl sm:text-4xl font-bold text-gray-900 dark:text-gray-100 mb-2 flex items-center gap-2">
+            <span className="w-1 h-10 bg-[#ff4d4f] rounded-full" />
+            Cookie政策
+          </h1>
+          <p className="text-gray-500 text-sm mb-10">
+            最后更新：{cookieContent.lastUpdated}
+          </p>
+          <div className="space-y-8">
+            {cookieContent.sections.map((section, index) => (
+              <div
+                key={index}
+                className="bg-white dark:bg-gray-900 rounded-xl p-6 border border-gray-100 dark:border-gray-800"
+              >
+                <h2 className="text-xl font-bold text-gray-900 dark:text-gray-100 mb-4">
+                  {section.title}
+                </h2>
+                <div className="prose prose-gray dark:prose-invert max-w-none">
+                  {section.content.split('\n').map((line, i) => {
+                    if (line.trim() === '') return null;
+                    return (
+                      <p key={i} className="text-gray-600 dark:text-gray-400 mb-2">
+                        {line}
+                      </p>
+                    );
+                  })}
+                </div>
+              </div>
+            ))}
+          </div>
+        </section>
+      </main>
+      <Footer />
+    </>
+  );
+}
diff --git a/app/[locale]/guidelines/page.tsx b/app/[locale]/guidelines/page.tsx
new file mode 100644
index 0000000..1be092f
--- /dev/null
+++ b/app/[locale]/guidelines/page.tsx
@@ -0,0 +1,62 @@
+import Footer from "@/app/components/Footer";
+import { guidelinesContent } from "@/app/data/mock";
+
+export const metadata = {
+  title: "社区准则 | 游牧中国",
+  description: "游牧中国社区准则，打造健康、积极、互助的社区氛围。",
+};
+
+export default function GuidelinesPage() {
+  return (
+    <>
+      <main className="min-h-screen bg-[#fafafa] dark:bg-gray-950">
+        <section className="max-w-4xl mx-auto px-4 sm:px-6 py-12 sm:py-20">
+          <h1 className="text-3xl sm:text-4xl font-bold text-gray-900 dark:text-gray-100 mb-2 flex items-center gap-2">
+            <span className="w-1 h-10 bg-[#ff4d4f] rounded-full" />
+            社区准则
+          </h1>
+          <p className="text-gray-600 dark:text-gray-400 mb-10">
+            我们希望打造一个健康、积极、互助的数字游民社区。以下准则需要所有成员共同遵守。
+          </p>
+          <div className="space-y-8">
+            {guidelinesContent.sections.map((section, index) => (
+              <div
+                key={index}
+                className="bg-white dark:bg-gray-900 rounded-xl p-6 border border-gray-100 dark:border-gray-800"
+              >
+                <h2 className="text-xl font-bold text-gray-900 dark:text-gray-100 mb-4">
+                  {section.title}
+                </h2>
+                <div className="prose prose-gray dark:prose-invert max-w-none">
+                  {section.content.split('\n').map((line, i) => {
+                    if (line.trim() === '') return null;
+                    return (
+                      <p key={i} className="text-gray-600 dark:text-gray-400 mb-2">
+                        {line}
+                      </p>
+                    );
+                  })}
+                </div>
+              </div>
+            ))}
+          </div>
+
+          {/* Report */}
+          <div className="mt-10 bg-[#ff4d4f]/5 dark:bg-[#ff4d4f]/10 rounded-xl p-6">
+            <h3 className="font-bold text-gray-900 dark:text-gray-100 mb-3">举报违规行为</h3>
+            <p className="text-gray-600 dark:text-gray-400 text-sm mb-3">
+              如果您发现社区中有违规行为或需要举报，请联系我们。
+            </p>
+            <a
+              href="mailto:hello@nomadcna.com"
+              className="text-[#ff4d4f] hover:underline text-sm"
+            >
+              hello@nomadcna.com
+            </a>
+          </div>
+        </section>
+      </main>
+      <Footer />
+    </>
+  );
+}
diff --git a/app/[locale]/help/page.tsx b/app/[locale]/help/page.tsx
new file mode 100644
index 0000000..e2a9b64
--- /dev/null
+++ b/app/[locale]/help/page.tsx
@@ -0,0 +1,66 @@
+import Footer from "@/app/components/Footer";
+import Link from "next/link";
+import { helpArticles } from "@/app/data/mock";
+
+export const metadata = {
+  title: "帮助中心 | 游牧中国",
+  description: "游牧中国帮助中心，解决您在使用过程中的常见问题。",
+};
+
+export default function HelpPage() {
+  return (
+    <>
+      <main className="min-h-screen bg-[#fafafa] dark:bg-gray-950">
+        <section className="max-w-4xl mx-auto px-4 sm:px-6 py-12 sm:py-20">
+          <h1 className="text-3xl sm:text-4xl font-bold text-gray-900 dark:text-gray-100 mb-2 flex items-center gap-2">
+            <span className="w-1 h-10 bg-[#ff4d4f] rounded-full" />
+            帮助中心
+          </h1>
+          <p className="text-gray-600 dark:text-gray-400 mb-10">
+            常见问题解答和使用指南
+          </p>
+          <div className="grid sm:grid-cols-2 gap-4">
+            {helpArticles.map((category) => (
+              <div
+                key={category.id}
+                className="bg-white dark:bg-gray-900 rounded-xl p-5 border border-gray-100 dark:border-gray-800"
+              >
+                <div className="flex items-center gap-3 mb-4">
+                  <span className="text-2xl">{category.icon}</span>
+                  <h2 className="text-lg font-bold text-gray-900 dark:text-gray-100">{category.title}</h2>
+                </div>
+                <ul className="space-y-2">
+                  {category.articles.map((article) => (
+                    <li key={article.id}>
+                      <Link
+                        href={`/help?category=${category.category}&article=${article.id}`}
+                        className="text-sm text-gray-600 dark:text-gray-400 hover:text-[#ff4d4f] transition-colors block"
+                      >
+                        {article.title}
+                      </Link>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+            ))}
+          </div>
+
+          {/* Contact Support */}
+          <div className="mt-10 bg-[#ff4d4f]/5 dark:bg-[#ff4d4f]/10 rounded-xl p-6 text-center">
+            <h3 className="font-bold text-gray-900 dark:text-gray-100 mb-2">没有找到答案？</h3>
+            <p className="text-gray-600 dark:text-gray-400 text-sm mb-4">
+              请通过联系我们页面提交您的问题
+            </p>
+            <Link
+              href="/contact"
+              className="inline-block px-5 py-2 bg-[#ff4d4f] text-white font-medium rounded-lg hover:bg-[#ff4d4f]/90 transition-colors"
+            >
+              联系我们
+            </Link>
+          </div>
+        </section>
+      </main>
+      <Footer />
+    </>
+  );
+}
diff --git a/app/[locale]/press/page.tsx b/app/[locale]/press/page.tsx
new file mode 100644
index 0000000..7f77d52
--- /dev/null
+++ b/app/[locale]/press/page.tsx
@@ -0,0 +1,64 @@
+import Footer from "@/app/components/Footer";
+import { pressArticles } from "@/app/data/mock";
+
+export const metadata = {
+  title: "媒体报道 | 游牧中国",
+  description: "查看媒体对游牧中国的报道，了解数字游民社区的发展。",
+};
+
+export default function PressPage() {
+  return (
+    <>
+      <main className="min-h-screen bg-[#fafafa] dark:bg-gray-950">
+        <section className="max-w-4xl mx-auto px-4 sm:px-6 py-12 sm:py-20">
+          <h1 className="text-3xl sm:text-4xl font-bold text-gray-900 dark:text-gray-100 mb-2 flex items-center gap-2">
+            <span className="w-1 h-10 bg-[#ff4d4f] rounded-full" />
+            媒体报道
+          </h1>
+          <p className="text-gray-600 dark:text-gray-400 mb-10">
+            了解媒体对游牧中国的报道和数字游民社区的发展
+          </p>
+          <div className="grid gap-4">
+            {pressArticles.map((article) => (
+              <a
+                key={article.id}
+                href={article.url}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="bg-white dark:bg-gray-900 rounded-xl p-5 border border-gray-100 dark:border-gray-800 hover:shadow-md transition-shadow block"
+              >
+                <div className="flex items-start gap-4">
+                  <div className="w-12 h-12 rounded-lg bg-gray-100 dark:bg-gray-800 flex items-center justify-center flex-shrink-0 overflow-hidden">
+                    {article.logo ? (
+                      <img
+                        src={article.logo}
+                        alt={article.outlet}
+                        className="w-8 h-8 object-contain"
+                      />
+                    ) : (
+                      <span className="text-lg">📰</span>
+                    )}
+                  </div>
+                  <div className="flex-1 min-w-0">
+                    <div className="flex items-center gap-2 mb-1">
+                      <span className="text-sm text-gray-500">{article.outlet}</span>
+                      <span className="text-gray-300">·</span>
+                      <span className="text-sm text-gray-400">{article.date}</span>
+                    </div>
+                    <h2 className="text-lg font-bold text-gray-900 dark:text-gray-100 mb-1">
+                      {article.title}
+                    </h2>
+                    <p className="text-sm text-gray-600 dark:text-gray-400 line-clamp-2">
+                      {article.excerpt}
+                    </p>
+                  </div>
+                </div>
+              </a>
+            ))}
+          </div>
+        </section>
+      </main>
+      <Footer />
+    </>
+  );
+}
diff --git a/app/[locale]/privacy/page.tsx b/app/[locale]/privacy/page.tsx
new file mode 100644
index 0000000..a33bd7d
--- /dev/null
+++ b/app/[locale]/privacy/page.tsx
@@ -0,0 +1,48 @@
+import Footer from "@/app/components/Footer";
+import { privacyContent } from "@/app/data/mock";
+
+export const metadata = {
+  title: "隐私政策 | 游牧中国",
+  description: "游牧中国隐私政策，了解我们如何保护您的个人信息。",
+};
+
+export default function PrivacyPage() {
+  return (
+    <>
+      <main className="min-h-screen bg-[#fafafa] dark:bg-gray-950">
+        <section className="max-w-4xl mx-auto px-4 sm:px-6 py-12 sm:py-20">
+          <h1 className="text-3xl sm:text-4xl font-bold text-gray-900 dark:text-gray-100 mb-2 flex items-center gap-2">
+            <span className="w-1 h-10 bg-[#ff4d4f] rounded-full" />
+            隐私政策
+          </h1>
+          <p className="text-gray-500 text-sm mb-10">
+            最后更新：{privacyContent.lastUpdated}
+          </p>
+          <div className="space-y-8">
+            {privacyContent.sections.map((section, index) => (
+              <div
+                key={index}
+                className="bg-white dark:bg-gray-900 rounded-xl p-6 border border-gray-100 dark:border-gray-800"
+              >
+                <h2 className="text-xl font-bold text-gray-900 dark:text-gray-100 mb-4">
+                  {section.title}
+                </h2>
+                <div className="prose prose-gray dark:prose-invert max-w-none">
+                  {section.content.split('\n').map((line, i) => {
+                    if (line.trim() === '') return null;
+                    return (
+                      <p key={i} className="text-gray-600 dark:text-gray-400 mb-2">
+                        {line}
+                      </p>
+                    );
+                  })}
+                </div>
+              </div>
+            ))}
+          </div>
+        </section>
+      </main>
+      <Footer />
+    </>
+  );
+}
diff --git a/app/[locale]/safety/page.tsx b/app/[locale]/safety/page.tsx
new file mode 100644
index 0000000..1393f5c
--- /dev/null
+++ b/app/[locale]/safety/page.tsx
@@ -0,0 +1,59 @@
+import Footer from "@/app/components/Footer";
+import { safetyContent } from "@/app/data/mock";
+
+export const metadata = {
+  title: "安全指南 | 游牧中国",
+  description: "数字游民安全指南，帮助您在旅居过程中保护自己。",
+};
+
+export default function SafetyPage() {
+  return (
+    <>
+      <main className="min-h-screen bg-[#fafafa] dark:bg-gray-950">
+        <section className="max-w-4xl mx-auto px-4 sm:px-6 py-12 sm:py-20">
+          <h1 className="text-3xl sm:text-4xl font-bold text-gray-900 dark:text-gray-100 mb-2 flex items-center gap-2">
+            <span className="w-1 h-10 bg-[#ff4d4f] rounded-full" />
+            安全指南
+          </h1>
+          <p className="text-gray-600 dark:text-gray-400 mb-10">
+            作为数字游民，安全是我们最重视的问题之一。这份指南帮助您在旅居过程中保护自己。
+          </p>
+          <div className="space-y-8">
+            {safetyContent.sections.map((section, index) => (
+              <div
+                key={index}
+                className="bg-white dark:bg-gray-900 rounded-xl p-6 border border-gray-100 dark:border-gray-800"
+              >
+                <h2 className="text-xl font-bold text-gray-900 dark:text-gray-100 mb-4">
+                  {section.title}
+                </h2>
+                <div className="prose prose-gray dark:prose-invert max-w-none">
+                  {section.content.split('\n').map((line, i) => {
+                    if (line.trim() === '') return null;
+                    return (
+                      <p key={i} className="text-gray-600 dark:text-gray-400 mb-2">
+                        {line}
+                      </p>
+                    );
+                  })}
+                </div>
+              </div>
+            ))}
+          </div>
+
+          {/* Emergency Contact */}
+          <div className="mt-10 bg-[#ff4d4f]/5 dark:bg-[#ff4d4f]/10 rounded-xl p-6">
+            <h3 className="font-bold text-gray-900 dark:text-gray-100 mb-3">紧急联系方式</h3>
+            <p className="text-gray-600 dark:text-gray-400 text-sm mb-2">
+              如果您遇到紧急情况，请拨打当地急救电话或联系最近的大使馆。
+            </p>
+            <p className="text-gray-600 dark:text-gray-400 text-sm">
+              游牧中国客服：hello@nomadcna.com
+            </p>
+          </div>
+        </section>
+      </main>
+      <Footer />
+    </>
+  );
+}
diff --git a/app/[locale]/support/page.tsx b/app/[locale]/support/page.tsx
new file mode 100644
index 0000000..9b6d88d
--- /dev/null
+++ b/app/[locale]/support/page.tsx
@@ -0,0 +1,128 @@
+import Footer from "@/app/components/Footer";
+import Link from "next/link";
+
+export const metadata = {
+  title: "支持 | 游牧中国",
+  description: "游牧中国支持中心，获取帮助和联系我们的多种方式。",
+};
+
+export default function SupportPage() {
+  const supportOptions = [
+    {
+      icon: "❓",
+      title: "帮助中心",
+      description: "浏览常见问题和使用指南",
+      link: "/help",
+      color: "bg-blue-50 dark:bg-blue-900/20",
+    },
+    {
+      icon: "💬",
+      title: "联系我们",
+      description: "通过邮件或社群联系我们",
+      link: "/contact",
+      color: "bg-green-50 dark:bg-green-900/20",
+    },
+    {
+      icon: "🛡️",
+      title: "安全指南",
+      description: "旅居安全建议和保护措施",
+      link: "/safety",
+      color: "bg-red-50 dark:bg-red-900/20",
+    },
+    {
+      icon: "📋",
+      title: "社区准则",
+      description: "了解社区规则和行为规范",
+      link: "/guidelines",
+      color: "bg-purple-50 dark:bg-purple-900/20",
+    },
+    {
+      icon: "🔒",
+      title: "隐私政策",
+      description: "了解我们如何保护您的数据",
+      link: "/privacy",
+      color: "bg-gray-50 dark:bg-gray-800/50",
+    },
+    {
+      icon: "📜",
+      title: "服务条款",
+      description: "平台使用条款和条件",
+      link: "/terms",
+      color: "bg-orange-50 dark:bg-orange-900/20",
+    },
+  ];
+
+  return (
+    <>
+      <main className="min-h-screen bg-[#fafafa] dark:bg-gray-950">
+        <section className="max-w-4xl mx-auto px-4 sm:px-6 py-12 sm:py-20">
+          <h1 className="text-3xl sm:text-4xl font-bold text-gray-900 dark:text-gray-100 mb-2 flex items-center gap-2">
+            <span className="w-1 h-10 bg-[#ff4d4f] rounded-full" />
+            支持
+          </h1>
+          <p className="text-gray-600 dark:text-gray-400 mb-10">
+            选择下方选项获取帮助
+          </p>
+
+          <div className="grid sm:grid-cols-2 gap-4">
+            {supportOptions.map((option, index) => (
+              <Link
+                key={index}
+                href={option.link}
+                className="bg-white dark:bg-gray-900 rounded-xl p-5 border border-gray-100 dark:border-gray-800 hover:shadow-md transition-shadow flex items-start gap-4"
+              >
+                <div className={`w-12 h-12 rounded-lg ${option.color} flex items-center justify-center text-2xl flex-shrink-0`}>
+                  {option.icon}
+                </div>
+                <div>
+                  <h2 className="text-lg font-bold text-gray-900 dark:text-gray-100 mb-1">
+                    {option.title}
+                  </h2>
+                  <p className="text-sm text-gray-500">
+                    {option.description}
+                  </p>
+                </div>
+              </Link>
+            ))}
+          </div>
+
+          {/* Quick Help */}
+          <div className="mt-10 bg-white dark:bg-gray-900 rounded-xl p-6 border border-gray-100 dark:border-gray-800">
+            <h2 className="text-lg font-bold text-gray-900 dark:text-gray-100 mb-4">快速帮助</h2>
+            <div className="grid sm:grid-cols-2 gap-4">
+              <div className="flex items-center gap-3">
+                <span className="text-xl">📧</span>
+                <div>
+                  <p className="text-sm font-medium text-gray-900 dark:text-gray-100">邮件支持</p>
+                  <p className="text-xs text-gray-500">hello@nomadcna.com</p>
+                </div>
+              </div>
+              <div className="flex items-center gap-3">
+                <span className="text-xl">💬</span>
+                <div>
+                  <p className="text-sm font-medium text-gray-900 dark:text-gray-100">微信社群</p>
+                  <p className="text-xs text-gray-500">NomadCNA</p>
+                </div>
+              </div>
+              <div className="flex items-center gap-3">
+                <span className="text-xl">🐦</span>
+                <div>
+                  <p className="text-sm font-medium text-gray-900 dark:text-gray-100">Twitter</p>
+                  <p className="text-xs text-gray-500">@NomadCNA</p>
+                </div>
+              </div>
+              <div className="flex items-center gap-3">
+                <span className="text-xl">⏰</span>
+                <div>
+                  <p className="text-sm font-medium text-gray-900 dark:text-gray-100">响应时间</p>
+                  <p className="text-xs text-gray-500">24小时内回复</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>
+      </main>
+      <Footer />
+    </>
+  );
+}
diff --git a/app/[locale]/terms/page.tsx b/app/[locale]/terms/page.tsx
new file mode 100644
index 0000000..9b95d21
--- /dev/null
+++ b/app/[locale]/terms/page.tsx
@@ -0,0 +1,48 @@
+import Footer from "@/app/components/Footer";
+import { termsContent } from "@/app/data/mock";
+
+export const metadata = {
+  title: "服务条款 | 游牧中国",
+  description: "游牧中国服务条款，了解使用平台的规定和条件。",
+};
+
+export default function TermsPage() {
+  return (
+    <>
+      <main className="min-h-screen bg-[#fafafa] dark:bg-gray-950">
+        <section className="max-w-4xl mx-auto px-4 sm:px-6 py-12 sm:py-20">
+          <h1 className="text-3xl sm:text-4xl font-bold text-gray-900 dark:text-gray-100 mb-2 flex items-center gap-2">
+            <span className="w-1 h-10 bg-[#ff4d4f] rounded-full" />
+            服务条款
+          </h1>
+          <p className="text-gray-500 text-sm mb-10">
+            最后更新：{termsContent.lastUpdated}
+          </p>
+          <div className="space-y-8">
+            {termsContent.sections.map((section, index) => (
+              <div
+                key={index}
+                className="bg-white dark:bg-gray-900 rounded-xl p-6 border border-gray-100 dark:border-gray-800"
+              >
+                <h2 className="text-xl font-bold text-gray-900 dark:text-gray-100 mb-4">
+                  {section.title}
+                </h2>
+                <div className="prose prose-gray dark:prose-invert max-w-none">
+                  {section.content.split('\n').map((line, i) => {
+                    if (line.trim() === '') return null;
+                    return (
+                      <p key={i} className="text-gray-600 dark:text-gray-400 mb-2">
+                        {line}
+                      </p>
+                    );
+                  })}
+                </div>
+              </div>
+            ))}
+          </div>
+        </section>
+      </main>
+      <Footer />
+    </>
+  );
+}
diff --git a/app/data/mock.ts b/app/data/mock.ts
new file mode 100644
index 0000000..3d4d3e8
--- /dev/null
+++ b/app/data/mock.ts
@@ -0,0 +1,638 @@
+/**
+ * 博客文章 Mock 数据
+ */
+export interface BlogPost {
+  id: string;
+  title: string;
+  titleEn: string;
+  excerpt: string;
+  excerptEn: string;
+  coverImage: string;
+  author: string;
+  authorAvatar: string;
+  date: string;
+  category: string;
+  categoryEn: string;
+  readTime: string;
+  featured: boolean;
+}
+
+export const blogPosts: BlogPost[] = [
+  {
+    id: "1",
+    title: "数字游民2024年度生活方式报告",
+    titleEn: "Digital Nomad 2024 Lifestyle Report",
+    excerpt: "基于3000+份问卷调研，深入分析中国数字游民群体的生活状态、工作方式和未来趋势。",
+    excerptEn: "Based on 3000+ surveys, analyzing the lifestyle, work patterns and future trends of China's digital nomad community.",
+    coverImage: "https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=800",
+    author: "游牧中国",
+    authorAvatar: "https://api.dicebear.com/7.x/initials/svg?seed=NomadCNA",
+    date: "2024-12-20",
+    category: "研究报告",
+    categoryEn: "Research",
+    readTime: "8 min",
+    featured: true,
+  },
+  {
+    id: "2",
+    title: "东南亚数字游民签证全攻略",
+    titleEn: "Complete Guide to Digital Nomad Visas in Southeast Asia",
+    excerpt: "泰国、印尼、越南、马来西亚等国家数字游民签证政策对比及申请流程详解。",
+    excerptEn: "A comprehensive comparison of digital nomad visa policies and application processes in Thailand, Indonesia, Vietnam, Malaysia and more.",
+    coverImage: "https://images.unsplash.com/photo-1528181304800-259b08848526?w=800",
+    author: "小明",
+    authorAvatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=xiaoming",
+    date: "2024-12-15",
+    category: "签证指南",
+    categoryEn: "Visa Guide",
+    readTime: "12 min",
+    featured: true,
+  },
+  {
+    id: "3",
+    title: "大理：最适合中国数字游民的城市",
+    titleEn: "Dali: The Best City for Chinese Digital Nomads",
+    excerpt: "为什么大理成为数字游民首选目的地？气候、生活成本、社区氛围全面分析。",
+    excerptEn: "Why has Dali become the top destination for digital nomads? A comprehensive analysis of climate, cost of living and community vibe.",
+    coverImage: "https://images.unsplash.com/photo-1584551246679-0daf3d275d0f?w=800",
+    author: "小红",
+    authorAvatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=xiaohong",
+    date: "2024-12-10",
+    category: "城市攻略",
+    categoryEn: "City Guide",
+    readTime: "6 min",
+    featured: true,
+  },
+  {
+    id: "4",
+    title: "远程工作5年，我学到的10件事",
+    titleEn: "10 Things I've Learned After 5 Years of Remote Work",
+    excerpt: "从时间管理到自我驱动，分享远程工作中的常见挑战和实用解决方案。",
+    excerptEn: "From time management to self-motivation, sharing common challenges and practical solutions in remote work.",
+    coverImage: "https://images.unsplash.com/photo-1499750310107-5fef28a66643?w=800",
+    author: "老王",
+    authorAvatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=laowang",
+    date: "2024-12-05",
+    category: "经验分享",
+    categoryEn: "Experience",
+    readTime: "10 min",
+    featured: false,
+  },
+  {
+    id: "5",
+    title: "如何建立个人品牌成为超级游民",
+    titleEn: "How to Build a Personal Brand as a Super Nomad",
+    excerpt: "在社交媒体时代，数字游民如何打造个人IP，吸引更多机会和资源。",
+    excerptEn: "In the era of social media, how can digital nomads build their personal brand to attract more opportunities and resources?",
+    coverImage: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800",
+    author: "阿花",
+    authorAvatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=ahua",
+    date: "2024-11-28",
+    category: "职业发展",
+    categoryEn: "Career",
+    readTime: "7 min",
+    featured: false,
+  },
+  {
+    id: "6",
+    title: "全球税务规划：数字游民必知指南",
+    titleEn: "Global Tax Planning: Essential Guide for Digital Nomads",
+    excerpt: "了解不同国家的税务居民定义，合理规划税务身份，避免法律风险。",
+    excerptEn: "Understanding tax residency definitions in different countries and how to plan your tax status rationally.",
+    coverImage: "https://images.unsplash.com/photo-1554224155-6726b3ff858f?w=800",
+    author: "李老师",
+    authorAvatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=lishilaoshi",
+    date: "2024-11-20",
+    category: "财务管理",
+    categoryEn: "Finance",
+    readTime: "15 min",
+    featured: false,
+  },
+];
+
+/**
+ * 招聘信息 Mock 数据
+ */
+export interface Job {
+  id: string;
+  title: string;
+  titleEn: string;
+  department: string;
+  departmentEn: string;
+  location: string;
+  locationEn: string;
+  type: string;
+  typeEn: string;
+  salary: string;
+  salaryEn: string;
+  description: string;
+  descriptionEn: string;
+  requirements: string[];
+  requirementsEn: string[];
+}
+
+export const jobs: Job[] = [
+  {
+    id: "1",
+    title: "高级前端工程师",
+    titleEn: "Senior Frontend Engineer",
+    department: "技术部",
+    departmentEn: "Technology",
+    location: "远程/大理",
+    locationEn: "Remote/Dali",
+    type: "全职",
+    typeEn: "Full-time",
+    salary: "20-35K/月",
+    salaryEn: "20-35K/month",
+    description: "负责游牧中国产品的前端开发，与设计团队紧密协作，打造优秀的用户体验。",
+    descriptionEn: "Responsible for frontend development of NomadCNA products, working closely with the design team to create excellent user experiences.",
+    requirements: [
+      "3年以上前端开发经验",
+      "精通 React/Next.js",
+      "有移动端开发经验",
+      "良好的代码规范和团队协作能力",
+    ],
+    requirementsEn: [
+      "3+ years of frontend development experience",
+      "Proficient in React/Next.js",
+      "Experience with mobile development",
+      "Good code standards and teamwork skills",
+    ],
+  },
+  {
+    id: "2",
+    title: "社区运营经理",
+    titleEn: "Community Manager",
+    department: "运营部",
+    departmentEn: "Operations",
+    location: "远程/大理",
+    locationEn: "Remote/Dali",
+    type: "全职",
+    typeEn: "Full-time",
+    salary: "15-25K/月",
+    salaryEn: "15-25K/month",
+    description: "负责数字游民社区的运营工作，策划活动，维护社群活跃度。",
+    descriptionEn: "Responsible for community operations, planning events and maintaining community engagement.",
+    requirements: [
+      "2年以上社区运营经验",
+      "有数字游民社群资源",
+      "优秀的活动策划能力",
+      "良好的沟通和表达能力",
+    ],
+    requirementsEn: [
+      "2+ years of community management experience",
+      "Resources in digital nomad communities",
+      "Excellent event planning skills",
+      "Good communication and presentation skills",
+    ],
+  },
+  {
+    id: "3",
+    title: "内容编辑",
+    titleEn: "Content Editor",
+    department: "内容部",
+    departmentEn: "Content",
+    location: "远程",
+    locationEn: "Remote",
+    type: "兼职",
+    typeEn: "Part-time",
+    salary: "8-12K/月",
+    salaryEn: "8-12K/month",
+    description: "负责撰写数字游民相关的内容，包括城市攻略、签证指南等。",
+    descriptionEn: "Responsible for creating content related to digital nomads, including city guides and visa guides.",
+    requirements: [
+      "有旅游/生活方式内容创作经验",
+      "文笔流畅，擅长故事叙述",
+      "对数字游民生活方式有了解",
+      "英语能力优秀优先",
+    ],
+    requirementsEn: [
+      "Experience in travel/lifestyle content creation",
+      "Fluent writing, good storytelling skills",
+      "Understanding of digital nomad lifestyle",
+      "Excellent English skills preferred",
+    ],
+  },
+  {
+    id: "4",
+    title: "UI/UX 设计师",
+    titleEn: "UI/UX Designer",
+    department: "设计部",
+    departmentEn: "Design",
+    location: "远程",
+    locationEn: "Remote",
+    type: "全职",
+    typeEn: "Full-time",
+    salary: "18-30K/月",
+    salaryEn: "18-30K/month",
+    description: "负责游牧中国产品的UI/UX设计，打造简洁美观的产品界面。",
+    descriptionEn: "Responsible for UI/UX design of NomadCNA products, creating clean and beautiful interfaces.",
+    requirements: [
+      "3年以上UI/UX设计经验",
+      "精通 Figma/Sketch",
+      "有移动端设计经验",
+      "了解设计系统和组件化设计",
+    ],
+    requirementsEn: [
+      "3+ years of UI/UX design experience",
+      "Proficient in Figma/Sketch",
+      "Experience with mobile design",
+      "Understanding of design systems",
+    ],
+  },
+];
+
+/**
+ * 媒体报道 Mock 数据
+ */
+export interface Press {
+  id: string;
+  title: string;
+  titleEn: string;
+  outlet: string;
+  outletEn: string;
+  date: string;
+  url: string;
+  excerpt: string;
+  excerptEn: string;
+  logo: string;
+}
+
+export const pressArticles: Press[] = [
+  {
+    id: "1",
+    title: "中国数字游民：在云端工作的一代人",
+    titleEn: "China's Digital Nomads: A Generation Working in the Cloud",
+    outlet: "36氪",
+    outletEn: "36Kr",
+    date: "2024-11-15",
+    url: "https://36kr.com",
+    excerpt: "探访中国最大的数字游民社区，了解这个新兴群体的生活方式和职业选择。",
+    excerptEn: "Visiting China's largest digital nomad community to understand the lifestyle and career choices of this emerging group.",
+    logo: "https://logo.clearbit.com/36kr.com",
+  },
+  {
+    id: "2",
+    title: "大理：数字游民的乌托邦",
+    titleEn: "Dali: Utopia for Digital Nomads",
+    outlet: "钛媒体",
+    outletEn: "TMTpost",
+    date: "2024-10-20",
+    url: "https://tmtpost.com",
+    excerpt: "为什么越来越多的年轻人选择在大理定居，成为数字游民？",
+    excerptEn: "Why are more and more young people choosing to settle in Dali and become digital nomads?",
+    logo: "https://logo.clearbit.com/tmtpost.com",
+  },
+  {
+    id: "3",
+    title: "远程工作时代的生存指南",
+    titleEn: "Survival Guide for the Remote Work Era",
+    outlet: "虎嗅",
+    outletEn: "Huxiu",
+    date: "2024-09-05",
+    url: "https://huxiu.com",
+    excerpt: "从工作方式到生活态度，数字游民如何重新定义工作和生活的边界。",
+    excerptEn: "From work style to life attitude, how digital nomads are redefining the boundaries between work and life.",
+    logo: "https://logo.clearbit.com/huxiu.com",
+  },
+  {
+    id: "4",
+    title: "下一个十年：人人都是游牧民族",
+    titleEn: "The Next Decade: Everyone Will Be a Nomad",
+    outlet: "第一财经",
+    outletEn: "Yicai",
+    date: "2024-08-12",
+    url: "https://yicai.com",
+    excerpt: "技术进步让远程工作成为可能，数字游民经济正在崛起。",
+    excerptEn: "Technological progress makes remote work possible, and the digital nomad economy is rising.",
+    logo: "https://logo.clearbit.com/yicai.com",
+  },
+  {
+    id: "5",
+    title: "游牧中国：连接全球华人数字游民",
+    titleEn: "NomadCNA: Connecting Chinese Digital Nomads Worldwide",
+    outlet: "创业邦",
+    outletEn: "Cyzone",
+    date: "2024-07-18",
+    url: "https://cyzone.cn",
+    excerpt: "一款专为华人数字游民打造的平台，如何解决跨境工作生活痛点。",
+    excerptEn: "How a platform designed for Chinese digital nomads solves cross-border work-life pain points.",
+    logo: "https://logo.clearbit.com/cyzone.cn",
+  },
+  {
+    id: "6",
+    title: "数字游民税指南：全球生活的法律边界",
+    titleEn: "Digital Nomad Tax Guide: Legal Boundaries of Global Life",
+    outlet: "界面新闻",
+    outletEn: "Jiemian",
+    date: "2024-06-22",
+    url: "https://jiemian.com",
+    excerpt: "数字游民如何合理规划税务身份，避免法律风险？专家解读来了。",
+    excerptEn: "How can digital nomads rationally plan their tax status and avoid legal risks? Experts explain.",
+    logo: "https://logo.clearbit.com/jiemian.com",
+  },
+];
+
+/**
+ * 帮助中心文章 Mock 数据
+ */
+export interface HelpArticle {
+  id: string;
+  title: string;
+  titleEn: string;
+  category: string;
+  categoryEn: string;
+  icon: string;
+  articles: {
+    id: string;
+    title: string;
+    titleEn: string;
+  }[];
+}
+
+export const helpArticles: HelpArticle[] = [
+  {
+    id: "1",
+    title: "入门指南",
+    titleEn: "Getting Started",
+    category: "getting-started",
+    categoryEn: "Getting Started",
+    icon: "🚀",
+    articles: [
+      { id: "1-1", title: "如何注册账号", titleEn: "How to register an account" },
+      { id: "1-2", title: "完善个人资料", titleEn: "Complete your profile" },
+      { id: "1-3", title: "如何加入社群", titleEn: "How to join the community" },
+      { id: "1-4", title: "会员特权介绍", titleEn: "Membership benefits introduction" },
+    ],
+  },
+  {
+    id: "2",
+    title: "城市探索",
+    titleEn: "City Exploration",
+    category: "city",
+    categoryEn: "City",
+    icon: "🌍",
+    articles: [
+      { id: "2-1", title: "如何使用城市搜索", titleEn: "How to use city search" },
+      { id: "2-2", title: "城市评分是如何计算的", titleEn: "How city scores are calculated" },
+      { id: "2-3", title: "如何收藏喜欢的城市", titleEn: "How to favorite cities" },
+      { id: "2-4", title: "城市详情页介绍", titleEn: "City detail page introduction" },
+    ],
+  },
+  {
+    id: "3",
+    title: "智能匹配",
+    titleEn: "Smart Match",
+    category: "matching",
+    categoryEn: "Matching",
+    icon: "💘",
+    articles: [
+      { id: "3-1", title: "如何开始匹配", titleEn: "How to start matching" },
+      { id: "3-2", title: "匹配偏好设置", titleEn: "Matching preference settings" },
+      { id: "3-3", title: "如何提高匹配成功率", titleEn: "How to improve match success rate" },
+      { id: "3-4", title: "会员匹配特权", titleEn: "Premium matching features" },
+    ],
+  },
+  {
+    id: "4",
+    title: "线下活动",
+    titleEn: "Meetups",
+    category: "meetups",
+    categoryEn: "Meetups",
+    icon: "🎉",
+    articles: [
+      { id: "4-1", title: "如何查找附近活动", titleEn: "How to find nearby events" },
+      { id: "4-2", title: "如何发起聚会", titleEn: "How to host a meetup" },
+      { id: "4-3", title: "活动报名须知", titleEn: "Event registration notes" },
+      { id: "4-4", title: "成为活动主办方", titleEn: "Become an event host" },
+    ],
+  },
+  {
+    id: "5",
+    title: "账户与付费",
+    titleEn: "Account & Billing",
+    category: "billing",
+    categoryEn: "Billing",
+    icon: "💳",
+    articles: [
+      { id: "5-1", title: "会员类型介绍", titleEn: "Membership types introduction" },
+      { id: "5-2", title: "如何升级会员", titleEn: "How to upgrade membership" },
+      { id: "5-3", title: "支付方式说明", titleEn: "Payment methods" },
+      { id: "5-4", title: "如何申请退款", titleEn: "How to request a refund" },
+    ],
+  },
+  {
+    id: "6",
+    title: "常见问题",
+    titleEn: "FAQ",
+    category: "faq",
+    categoryEn: "FAQ",
+    icon: "❓",
+    articles: [
+      { id: "6-1", title: "忘记密码怎么办", titleEn: "What if I forgot my password" },
+      { id: "6-2", title: "如何联系客服", titleEn: "How to contact support" },
+      { id: "6-3", title: "账号安全问题", titleEn: "Account security issues" },
+      { id: "6-4", title: "数据隐私说明", titleEn: "Data privacy statement" },
+    ],
+  },
+];
+
+/**
+ * 安全指南内容
+ */
+export const safetyContent = {
+  title: "安全指南",
+  titleEn: "Safety Guide",
+  sections: [
+    {
+      title: "个人财产安全",
+      titleEn: "Personal Property Safety",
+      content: "在旅居过程中，请注意保管好个人财物：\n\n• 使用酒店保险箱存放贵重物品\n• 避免在公共场所显露贵重物品\n• 护照等重要证件建议拍照备份\n• 使用信用卡而非现金支付",
+      contentEn: "During your travels, please keep your personal belongings safe:\n\n• Use hotel safes for valuable items\n• Avoid showing valuable items in public\n• Take photos of important documents like passports\n• Use credit cards instead of cash",
+    },
+    {
+      title: "网络安全",
+      titleEn: "Online Safety",
+      content: "作为数字游民，网络安全至关重要：\n\n• 使用可信的VPN服务\n• 避免在公共WiFi下进行敏感操作\n• 定期更换重要账户密码\n• 启用双因素认证",
+      contentEn: "As a digital nomad, online security is crucial:\n\n• Use trusted VPN services\n• Avoid sensitive operations on public WiFi\n• Regularly change important account passwords\n• Enable two-factor authentication",
+    },
+    {
+      title: "人身安全",
+      titleEn: "Personal Safety",
+      content: "保障人身安全的基本原则：\n\n• 了解当地紧急联系电话\n• 保持警惕，避免深夜独自外出\n• 选择安全的住宿区域\n• 购买旅行保险",
+      contentEn: "Basic principles for personal safety:\n\n• Know local emergency contact numbers\n• Stay alert, avoid going out alone at night\n• Choose safe accommodation areas\n• Purchase travel insurance",
+    },
+    {
+      title: "健康安全",
+      titleEn: "Health Safety",
+      content: "保持健康是长期旅居的基础：\n\n• 了解当地医疗资源和就医流程\n• 随身携带常用药品\n• 注意饮食卫生\n• 保持良好的作息习惯",
+      contentEn: "Staying healthy is the foundation of long-term travel:\n\n• Know local medical resources and procedures\n• Carry common medications with you\n• Pay attention to food hygiene\n• Maintain good sleep habits",
+    },
+  ],
+};
+
+/**
+ * 社区准则内容
+ */
+export const guidelinesContent = {
+  title: "社区准则",
+  titleEn: "Community Guidelines",
+  sections: [
+    {
+      title: "尊重与包容",
+      titleEn: "Respect and Inclusion",
+      content: "我们欢迎来自世界各地的游民朋友，无论你来自哪里、做什么工作，都应该得到尊重。\n\n• 尊重不同的文化和观点\n• 避免任何形式的歧视\n• 友好待人，友善交流\n• 欢迎新人加入社区",
+      contentEn: "We welcome nomads from all over the world. Regardless of where you're from or what you do, you deserve respect.\n\n• Respect different cultures and viewpoints\n• Avoid any form of discrimination\n• Be friendly and kind to others\n• Welcome newcomers to the community",
+    },
+    {
+      title: "真实分享",
+      titleEn: "Authentic Sharing",
+      content: "社区的价值在于真实的分享和互助：\n\n• 使用真实信息创建个人资料\n• 分享真实可靠的经验和信息\n• 对他人分享的内容保持理性判断\n• 鼓励原创内容",
+      contentEn: "The value of the community lies in authentic sharing and mutual help:\n\n• Use real information to create profiles\n• Share authentic and reliable experiences\n• Make rational judgments about others' sharing\n• Encourage original content",
+    },
+    {
+      title: "积极互动",
+      titleEn: "Positive Interaction",
+      content: "良好的社区氛围需要大家共同维护：\n\n• 参与讨论，贡献有价值的内容\n• 友好回应他人的提问\n• 避免发布广告或垃圾信息\n• 尊重隐私，不泄露他人信息",
+      contentEn: "A good community atmosphere needs everyone to maintain:\n\n• Participate in discussions, contribute valuable content\n• Respond kindly to others' questions\n• Avoid posting ads or spam\n• Respect privacy, don't leak others' information",
+    },
+    {
+      title: "安全交友",
+      titleEn: "Safe Socializing",
+      content: "在线下见面时，请注意安全：\n\n• 首次见面选择公共场所\n• 告知朋友你的行程\n• 保持警惕，保护个人信息\n• 如遇问题及时求助",
+      contentEn: "When meeting offline, please pay attention to safety:\n\n• Choose public places for first meetings\n• Inform friends of your itinerary\n• Stay alert, protect personal information\n• Seek help promptly if issues arise",
+    },
+  ],
+};
+
+/**
+ * 联系方式内容
+ */
+export const contactContent = {
+  title: "联系我们",
+  titleEn: "Contact Us",
+  email: "hello@nomadcna.com",
+  wechat: "NomadCNA",
+  social: [
+    { name: "微信", nameEn: "WeChat", value: "NomadCNA" },
+    { name: "邮箱", nameEn: "Email", value: "hello@nomadcna.com" },
+    { name: "Twitter", nameEn: "Twitter", value: "@NomadCNA" },
+    { name: "微博", nameEn: "Weibo", value: "@游牧中国NomadCNA" },
+  ],
+  responseTime: "我们通常在24小时内回复",
+  responseTimeEn: "We usually respond within 24 hours",
+};
+
+/**
+ * 服务条款内容
+ */
+export const termsContent = {
+  title: "服务条款",
+  titleEn: "Terms of Service",
+  lastUpdated: "2024-12-01",
+  lastUpdatedEn: "December 1, 2024",
+  sections: [
+    {
+      title: "服务说明",
+      titleEn: "Service Description",
+      content: "游牧中国（NomadCNA）是一个为中国数字游民提供信息、社交和服务的平台。我们致力于连接全球华人远程工作者与旅居者，帮助用户获取城市信息、参与社区活动、寻找志同道合的伙伴。",
+      contentEn: "NomadCNA is a platform providing information, social networking and services for Chinese digital nomads. We are committed to connecting global Chinese remote workers and travelers, helping users access city information, participate in community activities, and find like-minded partners.",
+    },
+    {
+      title: "用户协议",
+      titleEn: "User Agreement",
+      content: "用户在使用游牧中国服务时，应当遵守以下规定：\n\n1. 提供真实、准确的个人信息\n\n2. 遵守当地法律法规\n\n3. 尊重他人权利，不进行骚扰或歧视\n\n4. 不发布虚假或有害信息\n\n5. 保护个人账号安全",
+      contentEn: "When using NomadCNA services, users should abide by the following rules:\n\n1. Provide true and accurate personal information\n\n2. Abide by local laws and regulations\n\n3. Respect others' rights, do not harass or discriminate\n\n4. Do not post false or harmful information\n\n5. Protect personal account security",
+    },
+    {
+      title: "隐私保护",
+      titleEn: "Privacy Protection",
+      content: "我们重视用户的隐私保护，详细说明请参阅《隐私政策》。简单来说：\n\n• 我们会收集必要的服务数据\n• 不会出售您的个人信息\n• 您可以随时查看和删除您的数据\n• 我们采用行业标准的安全措施",
+      contentEn: "We value user privacy protection. For details, please refer to the Privacy Policy. In short:\n\n• We collect necessary service data\n• We do not sell your personal information\n• You can view and delete your data at any time\n• We use industry-standard security measures",
+    },
+    {
+      title: "免责声明",
+      titleEn: "Disclaimer",
+      content: "用户在使用游牧中国服务时需要注意：\n\n• 用户发布的内容由作者自行负责\n• 我们不对第三方信息准确性负责\n• 用户在线下见面需自行承担风险\n• 服务可能因技术问题出现中断",
+      contentEn: "Users need to note when using NomadCNA services:\n\n• Users are responsible for content they publish\n• We are not responsible for third-party information accuracy\n• Users assume risks when meeting offline\n• Services may be interrupted due to technical issues",
+    },
+  ],
+};
+
+/**
+ * 隐私政策内容
+ */
+export const privacyContent = {
+  title: "隐私政策",
+  titleEn: "Privacy Policy",
+  lastUpdated: "2024-12-01",
+  lastUpdatedEn: "December 1, 2024",
+  sections: [
+    {
+      title: "我们收集的信息",
+      titleEn: "Information We Collect",
+      content: "为了提供更好的服务，我们会收集以下信息：\n\n• 账户信息：昵称、邮箱、头像等\n\n• 位置信息：您所在的城市/国家\n\n• 使用数据：浏览记录、互动行为\n\n• 设备信息：设备类型、操作系统\n\n• 社交信息：您发布的动态、评论",
+      contentEn: "To provide better services, we collect the following information:\n\n• Account information: nickname, email, avatar\n\n• Location information: your city/country\n\n• Usage data: browsing history, interaction behavior\n\n• Device information: device type, OS\n\n• Social information: posts, comments you publish",
+    },
+    {
+      title: "信息使用方式",
+      titleEn: "How We Use Information",
+      content: "我们使用收集的信息来：\n\n• 提供和维护平台服务\n\n• 个性化您的使用体验\n\n• 发送重要通知和更新\n\n• 改进我们的产品和服务\n\n• 防止欺诈和滥用",
+      contentEn: "We use collected information to:\n\n• Provide and maintain platform services\n\n• Personalize your experience\n\n• Send important notifications and updates\n\n• Improve our products and services\n\n• Prevent fraud and abuse",
+    },
+    {
+      title: "信息共享",
+      titleEn: "Information Sharing",
+      content: "我们不会出售您的个人信息。在以下情况下可能分享信息：\n\n• 获得您的明确同意\n\n• 与服务提供商合作（受保密协议约束）\n\n• 遵守法律要求\n\n• 保护我们或用户的权利和安全",
+      contentEn: "We do not sell your personal information. Information may be shared in the following cases:\n\n• With your explicit consent\n\n• With service providers (bound by confidentiality)\n\n• To comply with legal requirements\n\n• To protect our or users' rights and safety",
+    },
+    {
+      title: "数据安全",
+      titleEn: "Data Security",
+      content: "我们采用多种安全措施保护您的数据：\n\n• 数据加密传输和存储\n\n• 定期安全审计\n\n• 访问控制和权限管理\n\n• 员工保密培训\n\n尽管如此，互联网传输无法保证100%安全。",
+      contentEn: "We use multiple security measures to protect your data:\n\n• Encrypted data transmission and storage\n\n• Regular security audits\n\n• Access control and permission management\n\n• Employee confidentiality training\n\nHowever, internet transmission cannot be 100% secure.",
+    },
+    {
+      title: "您的权利",
+      titleEn: "Your Rights",
+      content: "您对您的个人信息享有以下权利：\n\n• 访问和查看您的数据\n\n• 更正不准确的信息\n\n• 删除您的账户和数据\n\n• 导出您的数据\n\n• 撤回同意",
+      contentEn: "You have the following rights to your personal information:\n\n• Access and view your data\n\n• Correct inaccurate information\n\n• Delete your account and data\n\n• Export your data\n\n• Withdraw consent",
+    },
+  ],
+};
+
+/**
+ * Cookie政策内容
+ */
+export const cookieContent = {
+  title: "Cookie政策",
+  titleEn: "Cookie Policy",
+  lastUpdated: "2024-12-01",
+  lastUpdatedEn: "December 1, 2024",
+  sections: [
+    {
+      title: "什么是Cookie",
+      titleEn: "What are Cookies",
+      content: "Cookie是存储在您设备上的小型文本文件，用于记录您的偏好设置、登录状态和其他信息。我们使用Cookie来改善您的使用体验。",
+      contentEn: "Cookies are small text files stored on your device to record your preferences, login status and other information. We use cookies to improve your experience.",
+    },
+    {
+      title: "我们使用的Cookie类型",
+      titleEn: "Types of Cookies We Use",
+      content: "• 必要Cookie：网站运行所必需的Cookie\n\n• 功能Cookie：记住您的偏好设置\n\n• 分析Cookie：帮助我们了解网站使用情况\n\n• 营销Cookie：用于个性化广告（需您同意）",
+      contentEn: "• Essential Cookies: Necessary for website operation\n\n• Functional Cookies: Remember your preferences\n\n• Analytics Cookies: Help us understand website usage\n\n• Marketing Cookies: For personalized ads (with your consent)",
+    },
+    {
+      title: "管理Cookie",
+      titleEn: "Managing Cookies",
+      content: "您可以通过浏览器设置管理Cookie：\n\n• 禁用所有Cookie（可能影响功能）\n\n• 删除特定网站的Cookie\n\n• 设置Cookie通知\n\n不同的浏览器设置方法不同，请参考浏览器帮助文档。",
+      contentEn: "You can manage cookies through browser settings:\n\n• Disable all cookies (may affect functionality)\n\n• Delete cookies for specific sites\n\n• Set cookie notifications\n\nDifferent browsers have different methods, please refer to browser help.",
+    },
+    {
+      title: "第三方Cookie",
+      titleEn: "Third-Party Cookies",
+      content: "部分服务由第三方提供（如分析、广告），他们可能设置自己的Cookie。我们无法控制这些Cookie，建议您查看第三方隐私政策。",
+      contentEn: "Some services are provided by third parties (like analytics, ads), they may set their own cookies. We cannot control these cookies, please review third-party privacy policies.",
+    },
+  ],
+};
diff --git a/config/footer.config.ts b/config/footer.config.ts
index 0060d6f..e940f6d 100644
--- a/config/footer.config.ts
+++ b/config/footer.config.ts
@@ -25,10 +25,10 @@ export const FOOTER_SECTIONS: FooterSection[] = [
   {
     titleKey: "support",
     links: [
+      { href: "/support", labelKey: "support" },
       { href: "/help", labelKey: "helpCenter" },
       { href: "/safety", labelKey: "safety" },
       { href: "/guidelines", labelKey: "guidelines" },
-      { href: "/contact", labelKey: "contactUs" },
     ],
   },
   {
@@ -37,6 +37,7 @@ export const FOOTER_SECTIONS: FooterSection[] = [
       { href: "/terms", labelKey: "termsOfService" },
       { href: "/privacy", labelKey: "privacyPolicy" },
       { href: "/cookies", labelKey: "cookiePolicy" },
+      { href: "/contact", labelKey: "contactUs" },
     ],
   },
   {
diff --git a/messages/en.json b/messages/en.json
index 3235ae7..d6f06ae 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -141,15 +141,10 @@
       "report": "Nomad Report",
       "faq": "FAQ",
       "aboutUs": "About Us",
-      "pricing": "Pricing",
-      "gigs": "Gig Board",
-      "recruit": "Careers",
-      "terms": "Terms",
-      "privacy": "Privacy",
-      "contact": "Contact",
       "blog": "Blog",
       "careers": "Careers",
       "press": "Press",
+      "support": "Support",
       "helpCenter": "Help Center",
       "safety": "Safety",
       "guidelines": "Guidelines",
@@ -157,6 +152,12 @@
       "termsOfService": "Terms of Service",
       "privacyPolicy": "Privacy Policy",
       "cookiePolicy": "Cookie Policy",
+      "pricing": "Pricing",
+      "gigs": "Gig Board",
+      "recruit": "Careers",
+      "terms": "Terms",
+      "privacy": "Privacy",
+      "contact": "Contact",
       "twitter": "Twitter",
       "facebook": "Facebook",
       "instagram": "Instagram",
diff --git a/messages/zh.json b/messages/zh.json
index 55b4e0e..49e6de9 100644
--- a/messages/zh.json
+++ b/messages/zh.json
@@ -141,15 +141,10 @@
       "report": "Nomad 年报",
       "faq": "常见问题",
       "aboutUs": "关于我们",
-      "pricing": "会员定价",
-      "gigs": "赏金墙",
-      "recruit": "招聘",
-      "terms": "使用条款",
-      "privacy": "隐私政策",
-      "contact": "联系我们",
       "blog": "博客",
       "careers": "加入我们",
       "press": "媒体报道",
+      "support": "支持",
       "helpCenter": "帮助中心",
       "safety": "安全指南",
       "guidelines": "社区准则",
@@ -157,6 +152,12 @@
       "termsOfService": "服务条款",
       "privacyPolicy": "隐私政策",
       "cookiePolicy": "Cookie政策",
+      "pricing": "会员定价",
+      "gigs": "赏金墙",
+      "recruit": "招聘",
+      "terms": "使用条款",
+      "privacy": "隐私政策",
+      "contact": "联系我们",
       "twitter": "Twitter",
       "facebook": "Facebook",
       "instagram": "Instagram",