's'

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 />
+    </>
+  );
+}