🌐 add slogan and update metadata

i18n/locales/en/common.ts

@@ -3,6 +3,7 @@ const common = {
   posts: 'Posts',
   about: 'About',
   tags: 'Tags',
+  slogan: 'Making life better, one step at a time',
 };
 
 export default common;

i18n/locales/en/metadata.ts

@@ -1,6 +1,6 @@
 const metadata = {
-  title: "Mao's notes",
-  description: 'Notes on Learning Front-end Development',
+  title: "Mao's Corner",
+  description: "Mao's Learning Corner",
 };
 
 export default metadata;

i18n/locales/zh-TW/common.ts

@@ -3,6 +3,7 @@ const common = {
   posts: '文章',
   about: '關於',
   tags: '標籤',
+  slogan: '一步一步，讓生活更美好'
 };
 
 export default common;

i18n/locales/zh-TW/metadata.ts

@@ -1,6 +1,6 @@
 const metadata = {
-  title: "Mao's notes",
-  description: '學習前端開發的筆記',
+  title: "Mao's Corner",
+  description: '阿毛的學習角落',
 };
 
 export default metadata;

src/app/[lang]/page.tsx

@@ -1,6 +1,7 @@
 import type { Metadata } from 'next';
 
 import { getDictionary } from '~/i18n';
+import { H1 } from '@/components/Heading';
 import Card from '@/components/Card';
 import Container from '@/components/Container';
 import List from '@/components/List';
@@ -19,13 +20,13 @@ export async function generateMetadata({
 
 async function RootPage({ params: { lang } }: RootParams) {
   const posts = await getAllDataFrontmatter('posts');
-  const { metadata } = await getDictionary(lang);
+  const { common } = await getDictionary(lang);
 
   return (
     <Container as="main">
-      <p className="my-12 text-center text-3xl dark:text-white">
-        {metadata.title}
-      </p>
+      <H1 className="py-12 text-center text-3xl dark:text-white">
+        {common.slogan}
+      </H1>
       <List Item={Card} items={posts} />
     </Container>
   );

src/app/[lang]/posts/page.tsx

@@ -1,6 +1,7 @@
 import type { Metadata } from 'next';
 
 import { getDictionary } from '~/i18n';
+import { H1 } from '@/components/Heading';
 import Card from '@/components/Card';
 import Container from '@/components/Container';
 import List from '@/components/List';
@@ -19,13 +20,13 @@ export async function generateMetadata({
 
 async function RootPage({ params: { lang } }: RootParams) {
   const posts = await getAllDataFrontmatter('posts');
-  const { metadata } = await getDictionary(lang);
+  const { common } = await getDictionary(lang);
 
   return (
     <Container as="main">
-      <p className="my-12 text-center text-3xl dark:text-white">
-        {metadata.title}
-      </p>
+      <H1 className="my-12 text-center text-3xl dark:text-white">
+        {common.slogan}
+      </H1>
       <List Item={Card} items={posts} />
     </Container>
   );