checkpoint: before i18n implementation

app/blog-posts/[slug]/page.tsx

@@ -15,12 +15,12 @@ export async function generateStaticParams() {
 export async function generateMetadata({ params }: Props): Promise<Metadata> {
   const { slug } = await params
   const post = BLOG_POSTS.find((p) => p.slug === slug)
-  if (!post) return { title: "Post Not Found" }
+  if (!post) return { title: "文章未找到" }
   return {
-    title: post.title,
+    title: `${post.title} | DAL Code`,
     description: post.excerpt,
     openGraph: {
-      title: post.title,
+      title: `${post.title} | DAL Code`,
       description: post.excerpt,
       images: [{ url: post.image }],
     },
@@ -73,12 +73,14 @@ export default async function BlogPostPage({ params }: Props) {
           <div className="mg-top-regular">
             <div className="inner-container _650px center">
               <div className="blog-post-rich-text w-richtext">
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
-                <h2>Key Insights</h2>
-                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.</p>
-                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
-                <h2>Looking Ahead</h2>
-                <p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
+                {post.sections.map((section) => (
+                  <section key={section.title}>
+                    <h2>{section.title}</h2>
+                    {section.paragraphs.map((paragraph) => (
+                      <p key={paragraph}>{paragraph}</p>
+                    ))}
+                  </section>
+                ))}
               </div>
             </div>
           </div>
@@ -86,7 +88,7 @@ export default async function BlogPostPage({ params }: Props) {
             <div className="inner-container _650px center text-center">
               <Link href="/blog" className="primary-button w-inline-block">
                 <div className="button-content">
-                  <div>Back to all articles</div>
+                  <div>返回全部文章</div>
                   <div className="button-icon-wrapper primary">
                     <svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 17 17" fill="none" className="squared-icon">
                       <path d="M6.25391 3.45312L10.7458 8.01563L6.25391 12.5781" stroke="currentColor" strokeWidth="1.5" strokeLinecap="square" />