From 6758aaaa7e42857863cff257c63a3739d68c767f Mon Sep 17 00:00:00 2001
From: xiaomai <xsbugh@gmail.com>
Date: Sun, 3 May 2026 17:46:36 +0800
Subject: [PATCH] feat(home): add home page as main entry point

Introduce HomeView with quick links to wiki sections and community features
Update navigation, routing, and logo links to point to the new home page
---
 DESIGN.md                            |   3 +-
 frontend/src/App.vue                 |   4 +-
 frontend/src/components/AppShell.vue |   4 +-
 frontend/src/icons.ts                |   1 +
 frontend/src/router/index.ts         |   3 +-
 frontend/src/seo.ts                  |   2 +-
 frontend/src/styles/main.css         | 372 +++++++++++++++++++++++++++
 frontend/src/views/HomeView.vue      | 168 ++++++++++++
 system-wordings.ts                   | 142 ++++++++++
 9 files changed, 693 insertions(+), 6 deletions(-)
 create mode 100644 frontend/src/views/HomeView.vue

diff --git a/DESIGN.md b/DESIGN.md
index 46800dc..f56fed2 100644
--- a/DESIGN.md
+++ b/DESIGN.md
@@ -5,7 +5,8 @@
 - Pokopia Wiki 是一个面向 Pokopia 游戏资料的社区 Wiki。
 - 所有人都可以浏览 Wiki 内容。
 - 已注册并完成邮箱验证且拥有对应权限的用户可以创建、编辑、删除 Wiki 内容。
-- 前台以 Pokemon、栖息地、物品、材料单、每日 CheckList、Life、Automation、Dish、Events、Actions、Dream Island、Clothes 为主要浏览入口。
+- 前台以 Home 首页、Pokemon、栖息地、物品、材料单、每日 CheckList、Life、Automation、Dish、Events、Actions、Dream Island、Clothes 为主要浏览入口。
+- Home 首页路径为 `/`，用于聚合公开 Wiki 入口；Logo 导航回到 Home，用户可从 Home 进入核心资料、每日 CheckList、Life 和正在准备中的分区。
 - 管理入口用于维护全局配置、语言、系统文案、列表排序和每日 CheckList。
 
 ## 技术栈
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index ebcf04a..461d896 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -13,6 +13,7 @@ import {
   iconDreamIsland,
   iconEvent,
   iconHabitat,
+  iconHome,
   iconItem,
   iconLife,
   iconPokemon,
@@ -42,6 +43,7 @@ function can(permissionKey: string) {
 
 const navItems = computed(() => {
   const items = [
+    { label: t('nav.home'), to: '/', icon: iconHome },
     { label: t('nav.pokemon'), to: '/pokemon', icon: iconPokemon },
     { label: t('nav.habitats'), to: '/habitats', icon: iconHabitat },
     { label: t('nav.items'), to: '/items', icon: iconItem },
@@ -87,7 +89,7 @@ async function logout() {
 
   currentUser.value = null;
   setAuthToken(null);
-  await router.push('/pokemon');
+  await router.push('/');
 }
 
 async function loadLanguages() {
diff --git a/frontend/src/components/AppShell.vue b/frontend/src/components/AppShell.vue
index e572fe5..2f0ea20 100644
--- a/frontend/src/components/AppShell.vue
+++ b/frontend/src/components/AppShell.vue
@@ -110,7 +110,7 @@ onBeforeUnmount(() => {
         <Icon :icon="sidebarOpen ? iconClose : iconMenu" class="ui-icon" aria-hidden="true" />
       </button>
 
-      <RouterLink class="brand-lockup brand-lockup--mobile" to="/pokemon" aria-label="Pokopia Wiki" @click="closeSidebar">
+      <RouterLink class="brand-lockup brand-lockup--mobile" to="/" aria-label="Pokopia Wiki" @click="closeSidebar">
         <PokeBallMark size="34px" />
         <span>
           <span class="pokemon-word">Pokopia</span>
@@ -123,7 +123,7 @@ onBeforeUnmount(() => {
 
     <aside id="app-sidebar" class="site-sidebar" :aria-label="t('nav.main')">
       <div class="site-sidebar__inner">
-        <RouterLink class="brand-lockup" to="/pokemon" aria-label="Pokopia Wiki" @click="closeSidebar">
+        <RouterLink class="brand-lockup" to="/" aria-label="Pokopia Wiki" @click="closeSidebar">
           <PokeBallMark size="42px" />
           <span>
             <span class="pokemon-word">Pokopia</span>
diff --git a/frontend/src/icons.ts b/frontend/src/icons.ts
index 79f8f6f..7c9ac92 100644
--- a/frontend/src/icons.ts
+++ b/frontend/src/icons.ts
@@ -20,6 +20,7 @@ export const iconEdit: AppIcon = 'mdi:pencil-outline';
 export const iconError: AppIcon = 'mdi:close-circle-outline';
 export const iconEvent: AppIcon = 'mdi:calendar-star';
 export const iconHabitat: AppIcon = 'mdi:pine-tree';
+export const iconHome: AppIcon = 'mdi:home-variant-outline';
 export const iconImage: AppIcon = 'mdi:image-outline';
 export const iconInfo: AppIcon = 'mdi:information-outline';
 export const iconItem: AppIcon = 'mdi:bag-personal-outline';
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 9b10f62..3348aa3 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -1,4 +1,5 @@
 import { createRouter, createWebHistory } from 'vue-router';
+import HomeView from '../views/HomeView.vue';
 import PokemonList from '../views/PokemonList.vue';
 import PokemonDetail from '../views/PokemonDetail.vue';
 import HabitatList from '../views/HabitatList.vue';
@@ -25,7 +26,7 @@ const seo = (config: RouteSeoConfig) => config;
 export const router = createRouter({
   history: createWebHistory(),
   routes: [
-    { path: '/', redirect: '/pokemon' },
+    { path: '/', name: 'home', component: HomeView, meta: { seo: seo({ titleKey: 'pages.home.title', descriptionKey: 'pages.home.subtitle', canonicalPath: '/' }) } },
     { path: '/pokemon', name: 'pokemon-list', component: PokemonList, meta: { seo: seo({ titleKey: 'pages.pokemon.title', descriptionKey: 'pages.pokemon.subtitle' }) } },
     {
       path: '/pokemon/new',
diff --git a/frontend/src/seo.ts b/frontend/src/seo.ts
index fd0f276..d5b8f3c 100644
--- a/frontend/src/seo.ts
+++ b/frontend/src/seo.ts
@@ -2,7 +2,7 @@ import type { RouteLocationNormalizedLoaded, Router } from 'vue-router';
 import { getCurrentLocale, i18n, onLocaleChange } from './i18n';
 
 const siteName = 'Pokopia Wiki';
-const defaultCanonicalPath = '/pokemon';
+const defaultCanonicalPath = '/';
 const defaultImagePath = '/seo/pokopia-hero.jpg';
 const fallbackSiteUrl = 'https://pokopiawiki.tootaio.com';
 
diff --git a/frontend/src/styles/main.css b/frontend/src/styles/main.css
index 6783167..eb5533b 100644
--- a/frontend/src/styles/main.css
+++ b/frontend/src/styles/main.css
@@ -4272,6 +4272,329 @@ button:disabled,
   color: var(--muted);
 }
 
+.home-page {
+  display: grid;
+  gap: 28px;
+}
+
+.home-hero {
+  min-height: min(720px, calc(100dvh - 88px));
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
+  gap: 28px;
+  align-items: center;
+}
+
+.home-hero__copy,
+.home-section,
+.home-section__header,
+.home-dex__screen,
+.home-dex__copy {
+  display: grid;
+}
+
+.home-hero__copy {
+  gap: 18px;
+  align-content: center;
+}
+
+.home-hero__title {
+  max-width: 820px;
+  margin: 0;
+  color: var(--ink);
+  font-family: var(--font-display);
+  font-size: clamp(44px, 7vw, 82px);
+  font-weight: 950;
+  line-height: 0.98;
+}
+
+.home-hero__subtitle {
+  max-width: 68ch;
+  margin: 0;
+  color: var(--ink-soft);
+  font-size: 18px;
+  line-height: 1.62;
+}
+
+.home-hero__actions,
+.home-quick-index,
+.home-card-grid {
+  display: grid;
+}
+
+.home-hero__actions {
+  grid-template-columns: repeat(3, max-content);
+  gap: 10px;
+  align-items: center;
+}
+
+.home-quick-index {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 10px;
+  max-width: 760px;
+}
+
+.home-quick-index a {
+  min-height: 72px;
+  display: grid;
+  align-content: center;
+  justify-items: start;
+  gap: 8px;
+  padding: 12px;
+  border: 1px solid var(--line);
+  border-radius: var(--radius-card);
+  background: var(--surface);
+  box-shadow: var(--shadow-soft);
+  color: var(--ink-soft);
+  font-weight: 900;
+  transition:
+    transform 0.16s ease,
+    border-color 0.16s ease,
+    color 0.16s ease,
+    box-shadow 0.16s ease;
+}
+
+.home-quick-index a:hover,
+.home-card:hover {
+  transform: translateY(-2px);
+  border-color: var(--pokemon-blue);
+  box-shadow: 0 5px 0 var(--line-strong);
+}
+
+.home-quick-index .ui-icon {
+  width: 23px;
+  height: 23px;
+  color: var(--pokemon-blue);
+}
+
+.home-dex {
+  border: 4px solid #7b0f16;
+  border-radius: var(--radius-card);
+  background:
+    linear-gradient(90deg, rgba(255, 255, 255, 0.16) 0 20%, transparent 20% 100%),
+    linear-gradient(180deg, var(--pokemon-red) 0%, var(--pokemon-red-deep) 100%);
+  box-shadow: 0 8px 0 #7b0f16, var(--shadow-raised);
+  overflow: hidden;
+}
+
+.home-dex__head {
+  min-height: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 14px;
+  padding: 14px 16px;
+  border-bottom: 4px solid #7b0f16;
+  color: #ffffff;
+  font-size: 13px;
+  font-weight: 950;
+}
+
+.home-dex__lights {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.home-dex__lights span {
+  width: 16px;
+  height: 16px;
+  border: 2px solid var(--line-strong);
+  border-radius: 50%;
+  background: var(--pokemon-yellow);
+  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.38);
+}
+
+.home-dex__lights span:first-child {
+  width: 30px;
+  height: 30px;
+  background: var(--pokemon-blue);
+}
+
+.home-dex__lights span:last-child {
+  background: var(--success);
+}
+
+.home-dex__screen {
+  gap: 18px;
+  justify-items: center;
+  margin: 16px;
+  min-height: 460px;
+  padding: 22px;
+  border: 4px solid #172036;
+  border-radius: var(--radius-card);
+  background:
+    linear-gradient(90deg, rgba(42, 117, 187, 0.08) 1px, transparent 1px) 0 0 / 18px 18px,
+    linear-gradient(rgba(42, 117, 187, 0.08) 1px, transparent 1px) 0 0 / 18px 18px,
+    #eef9ff;
+  color: #172036;
+  text-align: center;
+}
+
+.home-dex__copy {
+  gap: 8px;
+  max-width: 32ch;
+}
+
+.home-dex__copy strong {
+  font-family: var(--font-display);
+  font-size: 24px;
+  font-weight: 950;
+  line-height: 1.08;
+}
+
+.home-dex__copy p {
+  margin: 0;
+  color: #354052;
+  line-height: 1.55;
+}
+
+.home-dex__tiles {
+  width: 100%;
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px;
+}
+
+.home-dex__tiles a {
+  min-height: 74px;
+  display: grid;
+  justify-items: center;
+  align-content: center;
+  gap: 6px;
+  padding: 10px;
+  border: 2px solid rgba(23, 32, 54, 0.34);
+  border-radius: var(--radius-card);
+  background: #ffffff;
+  color: #172036;
+  font-weight: 950;
+  transition:
+    transform 0.16s ease,
+    border-color 0.16s ease,
+    box-shadow 0.16s ease;
+}
+
+.home-dex__tiles a:hover {
+  transform: translateY(-2px);
+  border-color: var(--pokemon-blue);
+  box-shadow: 0 3px 0 #172036;
+}
+
+.home-dex__tiles .ui-icon {
+  width: 24px;
+  height: 24px;
+  color: var(--pokemon-blue);
+}
+
+.home-section {
+  gap: 16px;
+}
+
+.home-section__header {
+  gap: 8px;
+}
+
+.home-section__header h2 {
+  margin: 0;
+  color: var(--ink);
+  font-family: var(--font-display);
+  font-size: clamp(28px, 4vw, 42px);
+  font-weight: 950;
+  line-height: 1.08;
+}
+
+.home-card-grid {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 14px;
+}
+
+.home-card-grid--community {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.home-card-grid--future {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.home-card {
+  min-height: 170px;
+  display: grid;
+  align-content: start;
+  gap: 14px;
+  padding: 16px;
+  border: 2px solid var(--line-strong);
+  border-radius: var(--radius-card);
+  background: var(--surface);
+  box-shadow: var(--shadow-control);
+  color: var(--ink);
+  transition:
+    transform 0.16s ease,
+    border-color 0.16s ease,
+    box-shadow 0.16s ease;
+}
+
+.home-card--wide {
+  min-height: 148px;
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: start;
+}
+
+.home-card--future {
+  min-height: 154px;
+}
+
+.home-card__icon {
+  width: 54px;
+  height: 54px;
+  display: inline-grid;
+  place-items: center;
+  border: 2px solid var(--line-strong);
+  border-radius: var(--radius-control);
+  background: var(--pokemon-yellow);
+  box-shadow: 0 3px 0 var(--line-strong);
+  color: #172036;
+}
+
+.home-card:nth-child(2n) .home-card__icon {
+  background: var(--pokemon-blue);
+  color: #ffffff;
+}
+
+.home-card:nth-child(3n) .home-card__icon {
+  background: var(--surface-soft);
+  color: var(--pokemon-blue-deep);
+}
+
+.home-card__icon .ui-icon {
+  width: 27px;
+  height: 27px;
+}
+
+.home-card__copy {
+  min-width: 0;
+  display: grid;
+  gap: 7px;
+}
+
+.home-card__copy strong {
+  color: var(--ink);
+  font-family: var(--font-display);
+  font-size: 22px;
+  font-weight: 950;
+  line-height: 1.12;
+  overflow-wrap: anywhere;
+}
+
+.home-card__copy span {
+  color: var(--ink-soft);
+  line-height: 1.52;
+  overflow-wrap: anywhere;
+}
+
+.home-card--future .status-badge {
+  align-self: end;
+}
+
 .auth-page {
   display: grid;
   justify-items: center;
@@ -5233,6 +5556,7 @@ button:disabled,
 
   .detail-grid,
   .entity-profile-grid,
+  .home-hero,
   .pokemon-image-detail,
   .pokemon-profile-grid,
   .pokemon-profile-row,
@@ -5300,6 +5624,19 @@ button:disabled,
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
+  .home-hero {
+    min-height: auto;
+  }
+
+  .home-dex {
+    max-width: 560px;
+  }
+
+  .home-card-grid,
+  .home-card-grid--future {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .appearance-row__main {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -5334,12 +5671,47 @@ button:disabled,
   .toolbar,
   .entity-grid,
   .grid,
+  .home-card-grid,
+  .home-card-grid--community,
+  .home-card-grid--future,
+  .home-hero__actions,
+  .home-quick-index,
   .pokemon-fetch-panel,
   .pokemon-edit-grid,
   .coming-soon-preview {
     grid-template-columns: 1fr;
   }
 
+  .home-page {
+    gap: 24px;
+  }
+
+  .home-hero {
+    gap: 22px;
+  }
+
+  .home-hero__title {
+    font-size: 40px;
+  }
+
+  .home-hero__subtitle {
+    font-size: 16px;
+  }
+
+  .home-hero__actions .ui-button {
+    width: 100%;
+  }
+
+  .home-card--wide {
+    grid-template-columns: 1fr;
+  }
+
+  .home-dex__screen {
+    min-height: 420px;
+    margin: 12px;
+    padding: 16px;
+  }
+
   .entity-card {
     grid-template-columns: 1fr;
   }
diff --git a/frontend/src/views/HomeView.vue b/frontend/src/views/HomeView.vue
new file mode 100644
index 0000000..4d7299d
--- /dev/null
+++ b/frontend/src/views/HomeView.vue
@@ -0,0 +1,168 @@
+<script setup lang="ts">
+import { Icon } from '@iconify/vue';
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+import PokeBallMark from '../components/PokeBallMark.vue';
+import StatusBadge from '../components/StatusBadge.vue';
+import {
+  iconAction,
+  iconAutomation,
+  iconChecklist,
+  iconClothes,
+  iconDish,
+  iconDreamIsland,
+  iconEvent,
+  iconHabitat,
+  iconItem,
+  iconLife,
+  iconPokemon,
+  iconRecipe
+} from '../icons';
+
+const { t } = useI18n();
+
+const primarySections = computed(() => [
+  { key: 'pokemon', to: '/pokemon', icon: iconPokemon },
+  { key: 'habitats', to: '/habitats', icon: iconHabitat },
+  { key: 'items', to: '/items', icon: iconItem },
+  { key: 'recipes', to: '/recipes', icon: iconRecipe }
+]);
+
+const communitySections = computed(() => [
+  { key: 'checklist', to: '/checklist', icon: iconChecklist },
+  { key: 'life', to: '/life', icon: iconLife }
+]);
+
+const futureSections = computed(() => [
+  { key: 'automation', to: '/automation', icon: iconAutomation },
+  { key: 'dish', to: '/dish', icon: iconDish },
+  { key: 'events', to: '/events', icon: iconEvent },
+  { key: 'actions', to: '/actions', icon: iconAction },
+  { key: 'dreamIsland', to: '/dream-island', icon: iconDreamIsland },
+  { key: 'clothes', to: '/clothes', icon: iconClothes }
+]);
+
+function sectionTitleKey(key: string) {
+  return `pages.home.sections.${key}.title`;
+}
+
+function sectionDescriptionKey(key: string) {
+  return `pages.home.sections.${key}.description`;
+}
+</script>
+
+<template>
+  <section class="home-page">
+    <section class="home-hero" aria-labelledby="home-title">
+      <div class="home-hero__copy">
+        <span class="page-kicker">{{ t('pages.home.kicker') }}</span>
+        <h1 id="home-title" class="home-hero__title">{{ t('pages.home.title') }}</h1>
+        <p class="home-hero__subtitle">{{ t('pages.home.subtitle') }}</p>
+
+        <div class="home-hero__actions" :aria-label="t('pages.home.primaryActions')">
+          <RouterLink class="ui-button ui-button--primary" to="/pokemon">
+            <Icon :icon="iconPokemon" class="ui-icon" aria-hidden="true" />
+            {{ t('pages.home.browsePokemon') }}
+          </RouterLink>
+          <RouterLink class="ui-button ui-button--blue" to="/checklist">
+            <Icon :icon="iconChecklist" class="ui-icon" aria-hidden="true" />
+            {{ t('pages.home.openChecklist') }}
+          </RouterLink>
+          <RouterLink class="ui-button ui-button--ghost" to="/life">
+            <Icon :icon="iconLife" class="ui-icon" aria-hidden="true" />
+            {{ t('pages.home.openLife') }}
+          </RouterLink>
+        </div>
+
+        <div class="home-quick-index" :aria-label="t('pages.home.quickIndex')">
+          <RouterLink v-for="section in primarySections" :key="section.key" :to="section.to">
+            <Icon :icon="section.icon" class="ui-icon" aria-hidden="true" />
+            <span>{{ t(sectionTitleKey(section.key)) }}</span>
+          </RouterLink>
+        </div>
+      </div>
+
+      <aside class="home-dex" :aria-label="t('pages.home.featuredPanel')">
+        <div class="home-dex__head">
+          <div class="home-dex__lights" aria-hidden="true">
+            <span></span>
+            <span></span>
+            <span></span>
+          </div>
+          <span>{{ t('pages.home.dexCode') }}</span>
+        </div>
+        <div class="home-dex__screen">
+          <PokeBallMark size="84px" />
+          <div class="home-dex__copy">
+            <strong>{{ t('pages.home.dexTitle') }}</strong>
+            <p>{{ t('pages.home.dexBody') }}</p>
+          </div>
+          <div class="home-dex__tiles">
+            <RouterLink v-for="section in primarySections" :key="section.key" :to="section.to">
+              <Icon :icon="section.icon" class="ui-icon" aria-hidden="true" />
+              <span>{{ t(sectionTitleKey(section.key)) }}</span>
+            </RouterLink>
+          </div>
+        </div>
+      </aside>
+    </section>
+
+    <section class="home-section" aria-labelledby="home-wiki-title">
+      <div class="home-section__header">
+        <span class="page-kicker">{{ t('pages.home.wikiKicker') }}</span>
+        <h2 id="home-wiki-title">{{ t('pages.home.wikiTitle') }}</h2>
+      </div>
+
+      <div class="home-card-grid home-card-grid--primary">
+        <RouterLink v-for="section in primarySections" :key="section.key" class="home-card" :to="section.to">
+          <span class="home-card__icon">
+            <Icon :icon="section.icon" class="ui-icon" aria-hidden="true" />
+          </span>
+          <span class="home-card__copy">
+            <strong>{{ t(sectionTitleKey(section.key)) }}</strong>
+            <span>{{ t(sectionDescriptionKey(section.key)) }}</span>
+          </span>
+        </RouterLink>
+      </div>
+    </section>
+
+    <section class="home-section" aria-labelledby="home-community-title">
+      <div class="home-section__header">
+        <span class="page-kicker">{{ t('pages.home.communityKicker') }}</span>
+        <h2 id="home-community-title">{{ t('pages.home.communityTitle') }}</h2>
+      </div>
+
+      <div class="home-card-grid home-card-grid--community">
+        <RouterLink v-for="section in communitySections" :key="section.key" class="home-card home-card--wide" :to="section.to">
+          <span class="home-card__icon">
+            <Icon :icon="section.icon" class="ui-icon" aria-hidden="true" />
+          </span>
+          <span class="home-card__copy">
+            <strong>{{ t(sectionTitleKey(section.key)) }}</strong>
+            <span>{{ t(sectionDescriptionKey(section.key)) }}</span>
+          </span>
+        </RouterLink>
+      </div>
+    </section>
+
+    <section class="home-section" aria-labelledby="home-future-title">
+      <div class="home-section__header">
+        <span class="page-kicker">{{ t('pages.home.futureKicker') }}</span>
+        <h2 id="home-future-title">{{ t('pages.home.futureTitle') }}</h2>
+      </div>
+
+      <div class="home-card-grid home-card-grid--future">
+        <RouterLink v-for="section in futureSections" :key="section.key" class="home-card home-card--future" :to="section.to">
+          <span class="home-card__icon">
+            <Icon :icon="section.icon" class="ui-icon" aria-hidden="true" />
+          </span>
+          <span class="home-card__copy">
+            <strong>{{ t(sectionTitleKey(section.key)) }}</strong>
+            <span>{{ t(sectionDescriptionKey(section.key)) }}</span>
+          </span>
+          <StatusBadge :label="t('common.inDev')" tone="info" compact />
+        </RouterLink>
+      </div>
+    </section>
+  </section>
+</template>
diff --git a/system-wordings.ts b/system-wordings.ts
index ac4ab29..dbf1521 100644
--- a/system-wordings.ts
+++ b/system-wordings.ts
@@ -42,6 +42,7 @@ export const systemWordingMessages = {
       required: 'Required'
     },
     nav: {
+      home: 'Home',
       pokemon: 'Pokemon',
       habitats: 'Habitats',
       items: 'Items',
@@ -128,6 +129,76 @@ export const systemWordingMessages = {
       permissionDenied: 'You do not have permission to use this action.'
     },
     pages: {
+      home: {
+        kicker: 'Community Wiki',
+        title: 'Pokopia Wiki',
+        subtitle: 'Browse Pokemon, habitats, items, recipes, daily tasks, and Life posts for Pokemon Pokopia.',
+        primaryActions: 'Primary home actions',
+        browsePokemon: 'Browse Pokemon',
+        openChecklist: 'Daily CheckList',
+        openLife: 'Open Life',
+        quickIndex: 'Quick wiki index',
+        featuredPanel: 'Featured wiki entry panel',
+        dexCode: 'POKOPIA-001',
+        dexTitle: 'Community-maintained game records',
+        dexBody: 'Start with the core Wiki libraries, then jump into daily tasks or community Life posts.',
+        wikiKicker: 'Wiki Libraries',
+        wikiTitle: 'Browse game records',
+        communityKicker: 'Daily & Community',
+        communityTitle: 'Follow daily tasks and community updates',
+        futureKicker: 'More Sections',
+        futureTitle: 'Planned wiki areas',
+        sections: {
+          pokemon: {
+            title: 'Pokemon',
+            description: 'Search Pokemon and filter by specialities, ideal habitat, and favourites.'
+          },
+          habitats: {
+            title: 'Habitats',
+            description: 'View recipes, maps, weather, time, and Pokemon that may appear.'
+          },
+          items: {
+            title: 'Items',
+            description: 'Browse categories, usage, acquisition methods, customization, and tags.'
+          },
+          recipes: {
+            title: 'Recipes',
+            description: 'Find result items, materials, and acquisition details.'
+          },
+          checklist: {
+            title: 'Daily CheckList',
+            description: 'Review tasks that can be completed each day.'
+          },
+          life: {
+            title: 'Life',
+            description: 'Read community posts, tips, discoveries, and comments.'
+          },
+          automation: {
+            title: 'Automation',
+            description: 'Factory and automation base guides are being prepared.'
+          },
+          dish: {
+            title: 'Dish',
+            description: 'Cooked dish and food discovery records are being prepared.'
+          },
+          events: {
+            title: 'Events',
+            description: 'Seasonal and limited-time activity records are being prepared.'
+          },
+          actions: {
+            title: 'Actions',
+            description: 'Game shortcut actions and social gestures are being prepared.'
+          },
+          dreamIsland: {
+            title: 'Dream Island',
+            description: 'Dream Island information is being organized.'
+          },
+          clothes: {
+            title: 'Clothes',
+            description: 'Outfit and clothing references are being prepared.'
+          }
+        }
+      },
       profile: {
         title: 'User profile',
         subtitle: 'Manage your account details, referral, and password.',
@@ -870,6 +941,7 @@ export const systemWordingMessages = {
       required: '必填'
     },
     nav: {
+      home: '首页',
       pokemon: 'Pokemon',
       habitats: '栖息地',
       items: '物品',
@@ -951,6 +1023,76 @@ export const systemWordingMessages = {
       permissionDenied: '你没有权限执行这个操作'
     },
     pages: {
+      home: {
+        kicker: '社区 Wiki',
+        title: 'Pokopia Wiki',
+        subtitle: '浏览 Pokemon、栖息地、物品、材料单、每日任务和 Pokemon Pokopia 的 Life 动态。',
+        primaryActions: '首页主要操作',
+        browsePokemon: '浏览 Pokemon',
+        openChecklist: '每日 CheckList',
+        openLife: '打开 Life',
+        quickIndex: 'Wiki 快速入口',
+        featuredPanel: '精选 Wiki 入口面板',
+        dexCode: 'POKOPIA-001',
+        dexTitle: '社区维护的游戏资料',
+        dexBody: '从核心 Wiki 资料开始，也可以直接进入每日任务和社区 Life 动态。',
+        wikiKicker: 'Wiki 资料',
+        wikiTitle: '浏览游戏资料',
+        communityKicker: '每日与社区',
+        communityTitle: '查看每日任务和社区更新',
+        futureKicker: '更多分区',
+        futureTitle: '规划中的 Wiki 区域',
+        sections: {
+          pokemon: {
+            title: 'Pokemon',
+            description: '搜索 Pokemon，并按特长、喜欢的环境和喜欢的东西筛选。'
+          },
+          habitats: {
+            title: '栖息地',
+            description: '查看配方、地图、天气、时间和可能出现的 Pokemon。'
+          },
+          items: {
+            title: '物品',
+            description: '按分类、用途、入手方式、自定义和标签浏览物品。'
+          },
+          recipes: {
+            title: '材料单',
+            description: '查找结果物品、需要材料和入手方式。'
+          },
+          checklist: {
+            title: '每日 CheckList',
+            description: '查看每天可以完成的任务。'
+          },
+          life: {
+            title: 'Life',
+            description: '阅读社区动态、心得、发现和评论。'
+          },
+          automation: {
+            title: 'Automation',
+            description: '工厂和自动化基地指南正在准备中。'
+          },
+          dish: {
+            title: 'Dish',
+            description: '料理和食物发现记录正在准备中。'
+          },
+          events: {
+            title: 'Events',
+            description: '季节活动和限时活动记录正在准备中。'
+          },
+          actions: {
+            title: 'Actions',
+            description: '游戏快捷动作和社交动作正在准备中。'
+          },
+          dreamIsland: {
+            title: 'Dream Island',
+            description: 'Dream Island 信息正在整理中。'
+          },
+          clothes: {
+            title: 'Clothes',
+            description: '服装和外观资料正在准备中。'
+          }
+        }
+      },
       profile: {
         title: '个人资料',
         subtitle: '管理账号资料、邀请信息和密码。',