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 ( + <> +
+
+

+ + 博客 +

+

+ 数字游民资讯、城市攻略、签证指南和经验分享 +

+ + {/* Featured Post */} + {featuredPost && ( +
+
+
+
+ {featuredPost.title} +
+
+ + {featuredPost.category} + +

+ {featuredPost.title} +

+

+ {featuredPost.excerpt} +

+
+ {featuredPost.author} +
+ + {featuredPost.author} + + + {featuredPost.date} · {featuredPost.readTime} + +
+
+
+
+
+
+ )} + + {/* Regular Posts Grid */} +
+ {regularPosts.map((post) => ( +
+
+ {post.title} + + {post.category} + +
+
+

+ {post.title} +

+

+ {post.excerpt} +

+
+ {post.author} + + {post.author} · {post.readTime} + +
+
+
+ ))} +
+
+
+