feat(about): 添加关于页面的多个子页面内容

app/[locale]/about/arch/page.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+import { useEffect } from "react";
+import { useSectionStore } from "@/stores/sectionStore";
+
+export default function Page() {
+  const { setSections } = useSectionStore();
+  useEffect(() => {
+    setSections([
+      { id: "arch-vision", name: "友发愿景" },
+      { id: "arch-products", name: "产品体系" },
+      { id: "arch-application", name: "应用场景" },
+      { id: "arch-contact", name: "联系方式" },
+    ]);
+  }, [setSections]);
+
+  return (
+    <div className="w-full">
+      <section id="arch-vision" className="container mx-auto px-4 py-12">
+        <h2 className="text-3xl font-bold mb-4">友发愿景</h2>
+        <p className="text-gray-600">内容占位</p>
+      </section>
+      <section id="arch-products" className="container mx-auto px-4 py-12">
+        <h2 className="text-3xl font-bold mb-4">产品体系</h2>
+        <p className="text-gray-600">内容占位</p>
+      </section>
+      <section id="arch-application" className="container mx-auto px-4 py-12">
+        <h2 className="text-3xl font-bold mb-4">应用场景</h2>
+        <p className="text-gray-600">内容占位</p>
+      </section>
+      <section id="arch-contact" className="container mx-auto px-4 py-12">
+        <h2 className="text-3xl font-bold mb-4">联系方式</h2>
+        <p className="text-gray-600">内容占位</p>
+      </section>
+    </div>
+  );
+}