From 4e3fb172027a8d075fc58a30469d5fab7c67053f Mon Sep 17 00:00:00 2001
From: Codex <codex@local.dev>
Date: Sun, 26 Apr 2026 19:55:59 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B9=E6=96=B0=E4=B8=BB=E9=A2=98=E4=B9=8B?=
 =?UTF-8?q?=E5=89=8D=E7=9A=84=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/(frontend)/[locale]/about/page.tsx    |   95 +-
 src/app/(frontend)/[locale]/contact/page.tsx  |  291 +++++
 .../dealers/dealer-partnership-forms.tsx      |   25 +-
 src/app/(frontend)/[locale]/dealers/page.tsx  |  130 +-
 .../[locale]/downloads/[slug]/page.tsx        |    6 +-
 .../(frontend)/[locale]/downloads/page.tsx    |   16 +-
 .../(frontend)/[locale]/news/[slug]/page.tsx  |   20 +-
 src/app/(frontend)/[locale]/news/page.tsx     |  146 ++-
 src/app/(frontend)/[locale]/page.tsx          |  221 ++--
 .../[locale]/products/[slug]/page.tsx         |  155 ++-
 .../products/[slug]/product-content-tabs.tsx  |   28 +-
 .../[slug]/product-gallery-section.tsx        |  202 +--
 src/app/(frontend)/[locale]/products/page.tsx |   60 +-
 .../[locale]/support/contact/page.tsx         |  126 +-
 .../[locale]/support/faq/faq-browser.tsx      |  143 ++-
 .../(frontend)/[locale]/support/faq/page.tsx  |   62 +-
 src/app/(frontend)/[locale]/support/page.tsx  |   57 +-
 .../[locale]/support/warranty/page.tsx        |  100 +-
 src/app/(payload)/admin-theme.css             |  104 ++
 src/app/(payload)/admin/importMap.js          |    2 +
 src/app/globals.css                           |   33 +
 .../home/home-featured-products.tsx           |  263 ++--
 src/components/home/home-hero-banners.tsx     |  101 ++
 src/components/home/home-hero.tsx             |  107 +-
 src/components/home/home-news.tsx             |   25 +-
 src/components/home/home-recognition.tsx      |  243 ++--
 src/components/home/home-statement.tsx        |   84 +-
 src/components/site/about-contact-tabs.tsx    |   49 +
 src/components/site/page-hero.tsx             |   38 +-
 src/components/site/site-footer.tsx           |    8 +-
 src/components/site/site-header.tsx           |   47 +-
 .../site/site-product-mega-menu.tsx           |  184 +++
 src/lib/blog-api.ts                           |   16 +-
 src/lib/global-settings.ts                    |    2 +
 src/lib/home-recognition-defaults.ts          |   12 +
 src/lib/site-product-menu.ts                  |  123 ++
 ...423_150500_add_homepage_featured_layout.ts |   15 +
 ...0260423_160500_add_products_page_global.ts |   71 ++
 ...260424_101500_add_homepage_hero_banners.ts |   59 +
 ...60424_120500_add_contact_us_page_global.ts |  135 ++
 ...0260424_131500_add_homepage_news_source.ts |   27 +
 ...424_143000_add_news_page_and_categories.ts |  187 +++
 ...20260424_151500_add_dealers_page_global.ts |   92 ++
 src/migrations/index.ts                       |   42 +
 src/payload-types.ts                          |  354 +++++-
 src/payload.config.ts                         |   19 +-
 src/payload/admin/CompactArrayRowLabel.tsx    |   55 +
 src/payload/admin/compact-array-admin.ts      |   20 +
 src/payload/collections/Media.ts              |    2 +
 src/payload/collections/News.ts               |   18 +-
 src/payload/collections/NewsCategories.ts     |   49 +
 src/payload/collections/Products.ts           |   57 +-
 src/payload/collections/Videos.ts             |    2 +
 src/payload/doc-locale-hook.ts                |   19 +-
 src/payload/globals/AboutPage.ts              |    9 +-
 src/payload/globals/ContactPage.ts            |    3 +
 src/payload/globals/ContactUsPage.ts          |   59 +
 src/payload/globals/DealersPage.ts            |   44 +
 src/payload/globals/GlobalSettings.ts         |    9 +-
 src/payload/globals/Homepage.ts               |   82 +-
 src/payload/globals/NewsPage.ts               |   27 +
 src/payload/globals/ProductsPage.ts           |   25 +
 src/payload/globals/SupportPage.ts            |    2 +
 src/payload/globals/WarrantyPage.ts           |    3 +
 src/scripts/smoke-check.mjs                   |    2 +
 src/seed/import-seed.mjs                      | 1092 ++++++++++++-----
 src/seed/normalized/import-result.json        |   57 +-
 67 files changed, 4552 insertions(+), 1409 deletions(-)
 create mode 100644 src/app/(frontend)/[locale]/contact/page.tsx
 create mode 100644 src/components/home/home-hero-banners.tsx
 create mode 100644 src/components/site/about-contact-tabs.tsx
 create mode 100644 src/components/site/site-product-mega-menu.tsx
 create mode 100644 src/lib/site-product-menu.ts
 create mode 100644 src/migrations/20260423_150500_add_homepage_featured_layout.ts
 create mode 100644 src/migrations/20260423_160500_add_products_page_global.ts
 create mode 100644 src/migrations/20260424_101500_add_homepage_hero_banners.ts
 create mode 100644 src/migrations/20260424_120500_add_contact_us_page_global.ts
 create mode 100644 src/migrations/20260424_131500_add_homepage_news_source.ts
 create mode 100644 src/migrations/20260424_143000_add_news_page_and_categories.ts
 create mode 100644 src/migrations/20260424_151500_add_dealers_page_global.ts
 create mode 100644 src/payload/admin/CompactArrayRowLabel.tsx
 create mode 100644 src/payload/admin/compact-array-admin.ts
 create mode 100644 src/payload/collections/NewsCategories.ts
 create mode 100644 src/payload/globals/ContactUsPage.ts
 create mode 100644 src/payload/globals/DealersPage.ts
 create mode 100644 src/payload/globals/NewsPage.ts
 create mode 100644 src/payload/globals/ProductsPage.ts

diff --git a/src/app/(frontend)/[locale]/about/page.tsx b/src/app/(frontend)/[locale]/about/page.tsx
index 3aec195..85cd789 100644
--- a/src/app/(frontend)/[locale]/about/page.tsx
+++ b/src/app/(frontend)/[locale]/about/page.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from 'next'
 import { setRequestLocale } from 'next-intl/server'
 import type { Locale } from '@/i18n/config'
+import { AboutContactTabs } from '@/components/site/about-contact-tabs'
 import { PageHero } from '@/components/site/page-hero'
 import { getPayloadClient } from '@/lib/payload'
 import { buildAbsoluteUrl, buildLocaleAlternates, extractRichTextPlainText, trimDescription } from '@/lib/seo'
@@ -9,60 +10,12 @@ import { normalizeUploadUrl } from '@/lib/upload-url'
 export const dynamic = 'force-dynamic'
 export const revalidate = 0
 
-function getAboutPageTitle(rawTitle: string | null | undefined, locale: Locale) {
+function getAboutPageTitle(rawTitle: string | null | undefined) {
   const normalized = rawTitle?.trim()
-  if (!normalized) return locale === 'zh' ? '关于 Eversolo' : 'About Eversolo'
+  if (!normalized) return ''
   return normalized
 }
 
-function getAboutFallbackDescription(locale: Locale) {
-  return locale === 'zh'
-    ? '了解 Eversolo 的品牌背景、产品理念，以及围绕数字音频体验建立的设计方向。'
-    : 'Learn about Eversolo, its brand perspective, and the design direction behind its digital audio experience.'
-}
-
-function getFallbackHtml(locale: Locale) {
-  return locale === 'zh'
-    ? `
-<p>深圳市艾索洛声学科技有限公司（简称艾索洛声学），由深圳市深智电科技有限公司投资成立。公司核心创始团队成员均在高保真音频行业从事多年技术开发与管理工作，研发团队涵盖音频解码、模拟音频、声学调校、放大器、系统集成、用户体验等领域。主营音频播放设备、Hi-Fi 解码与放大器等业务。</p>
-<p>艾索洛（Eversolo）是艾索洛声学旗下品牌商标。Eversolo 专注于把数字音频系统做得更完整、更顺手，也更适合真正长期使用的听音空间。</p>
-<p><img src="https://shop.zidoo.tv/cdn/shop/files/6BF8896AC4EE999E7405472BC5934BB7.png?v=1732155840" alt="感受 HIFI 的魅力" /></p>
-<h2>感受 HIFI 的魅力</h2>
-<p>使用 Eversolo，体验全新的 HIFI。每一个音符都经过精细调校，每一个细节都由智能技术呈现。沉浸在纯净的音乐中，享受非凡的声音体验。</p>
-<p><img src="https://www.eversolo.com/Products/other/assets/eisaHifi.jpg" alt="包揽全球大奖" /></p>
-<h2>包揽全球大奖</h2>
-<p>艾索洛凭借卓越的音频设计与精密工程美学，屡获国际肯定。从海内外专业媒体的一致好评，到多次荣获欧洲 EISA 最佳流媒体播放器大奖，以实力赢得了全球发烧友的信赖与赞誉。</p>
-<p><img src="https://shop.zidoo.tv/cdn/shop/files/purethesound.png?v=1731635017" alt="纯粹声音体验" /></p>
-<h2>认识 Eversolo</h2>
-<p>艾索洛声学科技有限公司拥有一支在 HiFi 行业拥有丰富经验的团队。研发专长包括音频解码、模拟音频、声学调音、功放和系统集成。艾索洛专注于音频播放设备、HiFi DAC 以及音频功放。</p>
-<h2>追求 HiFi 卓越</h2>
-<p>Eversolo 致力于提供卓越的 HiFi 音频体验，专注于从技术创新到真实音质再现的每一个细节。每款产品都经过精心设计，旨在捕捉音乐的纯粹和真实，为 HiFi 爱好者带来非凡的听觉体验。</p>
-<h2>硬件与软件开发的承诺</h2>
-<p>我们不断投资于先进的硬件和软件开发，设计高性能、可靠的音频设备。Eversolo 的研发团队专注于音频解码、系统集成和用户体验，确保我们每款产品在各个方面都达到专业级品质。</p>
-<h2>精准的音质调校</h2>
-<p>Eversolo 非常重视音质调校，优化频率响应、解析度和声场，追求最佳音质。我们的音频专家团队进行无数次测试和调整，确保每款设备都能呈现丰富、细腻的音质，让用户能够欣赏到他们喜爱的每一段音乐的细节。</p>
-`
-    : `
-<p>Eversolo Audio Technology Co., Ltd. is backed by Zidoo Technology Co., Ltd. The founding team has spent years in HiFi product development and management, with expertise spanning audio decoding, analog audio, acoustic tuning, amplifiers, system integration, and user experience.</p>
-<p>Eversolo is the registered trademark of Eversolo Audio. The brand is focused on building a more complete, more intuitive digital listening system for long-term daily use.</p>
-<p><img src="https://shop.zidoo.tv/cdn/shop/files/6BF8896AC4EE999E7405472BC5934BB7.png?v=1732155840" alt="Feel the charm of HIFI" /></p>
-<h2>Feel the charm of HIFI</h2>
-<p>With Eversolo, experience a new level of HIFI. Each note is finely tuned, every detail brought to life by smart technology. Dive into pure music and enjoy an extraordinary sound experience.</p>
-<p><img src="https://www.eversolo.com/Products/other/assets/eisaHifi.jpg" alt="Winning Global Awards" /></p>
-<h2>Winning Global Awards</h2>
-<p>With its exceptional audio design and refined engineering aesthetics, Eversolo has gained international recognition. From praise by professional media worldwide to multiple EISA wins, Eversolo has earned the trust of audiophiles across the globe.</p>
-<p><img src="https://shop.zidoo.tv/cdn/shop/files/purethesound.png?v=1731635017" alt="Pure sound experience" /></p>
-<h2>Getting to know Eversolo</h2>
-<p>Eversolo Audio Technology Co., Ltd. is led by a team with deep HiFi industry experience. The company specializes in audio playback devices, HiFi DACs, and amplifiers while combining hardware engineering, software systems, and user experience into one product direction.</p>
-<h2>Pursuit of HiFi Excellence</h2>
-<p>Eversolo is dedicated to delivering an exceptional HiFi audio experience, focusing on every detail from technological innovation to authentic sound reproduction. Each product is crafted to capture the purity and realism of music.</p>
-<h2>Commitment to Hardware and Software Development</h2>
-<p>We invest continuously in advanced hardware and software development to design high-performance, reliable audio equipment. Eversolo’s R&amp;D team specializes in audio decoding, system integration, and user experience.</p>
-<h2>Precision Sound Tuning</h2>
-<p>Eversolo places great emphasis on sound tuning, optimizing frequency response, resolution, and soundstage for the best possible audio quality. Our team conducts countless tests and refinements to deliver rich, detailed sound.</p>
-`
-}
-
 async function getAboutPageData(locale: Locale) {
   const payload = await getPayloadClient()
   return payload.findGlobal({
@@ -78,13 +31,13 @@ export async function generateMetadata({
 }): Promise<Metadata> {
   const { locale } = await params
   const page = await getAboutPageData(locale)
-  const pageTitle = getAboutPageTitle(page.intro?.title, locale)
+  const pageTitle = getAboutPageTitle(page.intro?.title)
   const introText = extractRichTextPlainText(page.intro?.body)
 
   return {
     alternates: buildLocaleAlternates('/about', locale),
-    description: trimDescription(introText) || getAboutFallbackDescription(locale),
-    title: pageTitle,
+    description: trimDescription(introText) || undefined,
+    title: pageTitle || undefined,
   }
 }
 
@@ -97,7 +50,7 @@ export default async function AboutPage({
   setRequestLocale(locale)
 
   const page = await getAboutPageData(locale)
-  const pageTitle = getAboutPageTitle(page.intro?.title, locale)
+  const pageTitle = getAboutPageTitle(page.intro?.title)
   const introText = extractRichTextPlainText(page.intro?.body)
   const introWithHero = page.intro as typeof page.intro & {
     heroImage?: { thumbnailURL?: string | null; url?: string | null } | number | null
@@ -107,10 +60,10 @@ export default async function AboutPage({
       ? normalizeUploadUrl(introWithHero.heroImage.url ?? introWithHero.heroImage.thumbnailURL ?? null)
       : null
   const contentHtml =
-    (page as typeof page & { contentHtml?: string | null }).contentHtml?.trim() || getFallbackHtml(locale)
+    (page as typeof page & { contentHtml?: string | null }).contentHtml?.trim() || ''
 
   return (
-    <div className="mx-auto max-w-page px-6 py-16 md:px-12 md:py-24">
+    <div className="mx-auto max-w-page px-6 pb-12 pt-4 md:px-12 md:pb-16 md:pt-5">
       <script
         type="application/ld+json"
         suppressHydrationWarning
@@ -118,8 +71,8 @@ export default async function AboutPage({
           __html: JSON.stringify({
             '@context': 'https://schema.org',
             '@type': 'AboutPage',
-            description: trimDescription(introText) || getAboutFallbackDescription(locale),
-            name: pageTitle,
+            description: trimDescription(introText) || undefined,
+            name: pageTitle || undefined,
             publisher: {
               '@type': 'Organization',
               name: 'Eversolo',
@@ -132,23 +85,21 @@ export default async function AboutPage({
       <PageHero
         overlay={false}
         textTone="dark"
-        eyebrow={page.intro?.eyebrow?.trim() || (locale === 'zh' ? '品牌故事' : 'Brand Story')}
-        imageUrl={heroImage || 'https://www.eversolo.com/Public/home/images/about_us.jpg'}
+        eyebrow={page.intro?.eyebrow?.trim() || null}
+        imageUrl={heroImage}
         title={pageTitle}
-        description={
-          introText ||
-          (locale === 'zh'
-            ? 'Eversolo 专注于把数字音频体验做得更完整、更顺手，也更适合真正长期使用的听音空间。'
-            : 'Eversolo focuses on building a more complete digital audio experience, shaped for real listening spaces and long-term daily use.')
-        }
+        description={introText || null}
       />
+      <AboutContactTabs active="about" locale={locale} />
 
-      <section className="mt-12 overflow-hidden rounded-[36px] border border-black/8 bg-white/90 px-8 py-8 shadow-[0_18px_60px_rgba(23,23,23,0.05)] md:px-12 md:py-12">
-        <div
-          className="about-html mx-auto max-w-none"
-          dangerouslySetInnerHTML={{ __html: contentHtml }}
-        />
-      </section>
+      {contentHtml ? (
+        <section className="mt-5 overflow-hidden rounded-[36px] border border-black/8 bg-white/90 px-8 py-8 shadow-[0_18px_60px_rgba(23,23,23,0.05)] md:px-12 md:py-12">
+          <div
+            className="about-html mx-auto max-w-none"
+            dangerouslySetInnerHTML={{ __html: contentHtml }}
+          />
+        </section>
+      ) : null}
     </div>
   )
 }
diff --git a/src/app/(frontend)/[locale]/contact/page.tsx b/src/app/(frontend)/[locale]/contact/page.tsx
new file mode 100644
index 0000000..fcf3162
--- /dev/null
+++ b/src/app/(frontend)/[locale]/contact/page.tsx
@@ -0,0 +1,291 @@
+import type { Metadata } from 'next'
+import Link from 'next/link'
+import { setRequestLocale } from 'next-intl/server'
+import type { Locale } from '@/i18n/config'
+import { AboutContactTabs } from '@/components/site/about-contact-tabs'
+import { PageHero } from '@/components/site/page-hero'
+import { getPayloadClient } from '@/lib/payload'
+import { buildAbsoluteUrl, buildLocaleAlternates } from '@/lib/seo'
+import { normalizeUploadUrl } from '@/lib/upload-url'
+import { DealerPartnershipForms } from '../dealers/dealer-partnership-forms'
+
+export const dynamic = 'force-dynamic'
+export const revalidate = 0
+
+type ContactItem = {
+  href?: string
+  label: string
+  value: string
+}
+
+type ContactGroup = {
+  body?: string
+  items: ContactItem[]
+  title: string
+}
+
+function getDefaultContactGroups(locale: Locale): ContactGroup[] {
+  if (locale === 'zh') {
+    return [
+      {
+        title: 'Eversolo 中国办公室',
+        items: [
+          {
+            label: '地址',
+            value: "深圳市宝安区西乡街道龙腾社区汇智研发中心 BC 栋 C1401",
+          },
+          { href: 'tel:+8675523500280', label: '电话', value: '+86 755 23500280' },
+          { label: '传真', value: '+86 755 23500292' },
+          { href: 'mailto:sales@eversolo.com', label: '邮箱', value: 'sales@eversolo.com' },
+        ],
+      },
+      {
+        title: '销售与渠道合作',
+        items: [
+          { label: 'Sales Skype', value: 'cathy@zidoo.tv' },
+          { href: 'mailto:sales@eversolo.com', label: '销售邮箱', value: 'sales@eversolo.com' },
+          { href: '#partnership-forms', label: '经销商申请', value: '填写经销合作表单' },
+          { href: 'mailto:myq@eversolo.com', label: 'OEM/ODM', value: 'myq@eversolo.com' },
+          { href: '#partnership-forms', label: 'OEM 需求', value: '填写 OEM 需求表单' },
+        ],
+      },
+      {
+        title: '支持团队',
+        body: '如遇到安装、升级或常见设置问题，建议先查看 FAQ 与下载中心；仍需协助时，可通过售后支持入口或邮件继续联系。',
+        items: [
+          { href: `/${locale}/support/faq`, label: 'FAQ', value: '常见问题' },
+          { href: 'mailto:service@eversolo.com', label: '支持邮箱', value: 'service@eversolo.com' },
+          { href: `/${locale}/support/contact`, label: '售后支持', value: '提交售后请求' },
+        ],
+      },
+    ]
+  }
+
+  return [
+    {
+      title: 'Eversolo Audio China Office',
+      items: [
+        {
+          label: 'Address',
+          value: "C1401, Building BC, Huizhi R&D Center, Longteng Community, Xixiang Street, Bao'an District, Shenzhen",
+        },
+        { href: 'tel:+8675523500280', label: 'Tel', value: '+86 755 23500280' },
+        { label: 'Fax', value: '+86 755 23500292' },
+        { href: 'mailto:sales@eversolo.com', label: 'Email', value: 'sales@eversolo.com' },
+      ],
+    },
+    {
+      title: 'Sales & Channel Partnership',
+      items: [
+        { label: 'Sales Skype', value: 'cathy@zidoo.tv' },
+        { href: 'mailto:sales@eversolo.com', label: 'Sales Email', value: 'sales@eversolo.com' },
+        { href: '#partnership-forms', label: 'Become A Distributor', value: 'Submit distributor request' },
+        { href: 'mailto:myq@eversolo.com', label: 'OEM/ODM', value: 'myq@eversolo.com' },
+        { href: '#partnership-forms', label: 'OEM Requirements', value: 'Submit OEM inquiry' },
+      ],
+    },
+    {
+      title: 'Support Team',
+      body: 'For setup, firmware, or common usage questions, start with FAQ and downloads. If you still need help, contact the support team by email or submit an after-service request.',
+      items: [
+        { href: `/${locale}/support/faq`, label: 'FAQ', value: 'Support FAQ' },
+        { href: 'mailto:service@eversolo.com', label: 'Support Email', value: 'service@eversolo.com' },
+        { href: `/${locale}/support/contact`, label: 'After Service', value: 'Submit support request' },
+      ],
+    },
+  ]
+}
+
+function getDefaultHero(locale: Locale) {
+  return locale === 'zh'
+    ? {
+        description: '经销合作、OEM/ODM 项目需求、销售与支持联系方式集中放在这里，方便更快找到对应团队。',
+        eyebrow: '商务与支持联系',
+        imageUrl: 'https://www.eversolo.com/Public/home/images/about_us.jpg',
+        title: '联系我们',
+      }
+    : {
+        description: 'Distributor requests, OEM/ODM inquiries, sales contacts, and support channels in one focused page.',
+        eyebrow: 'Business & Support Contact',
+        imageUrl: 'https://www.eversolo.com/Public/home/images/about_us.jpg',
+        title: 'Contact Eversolo',
+      }
+}
+
+function getDefaultFormIntro(locale: Locale) {
+  return locale === 'zh'
+    ? {
+        description: '如果您计划成为区域经销商，或需要面向项目与系统方案的 OEM 合作支持，可以直接从这里提交申请。',
+        eyebrow: '合作申请',
+        title: '经销与 OEM 合作入口',
+      }
+    : {
+        description: 'If you are exploring regional distribution or need OEM support for projects and systems, submit your request here.',
+        eyebrow: 'Partnership Requests',
+        title: 'Dealer & OEM Entry Points',
+      }
+}
+
+function normalizeContactGroups(groups: unknown, locale: Locale) {
+  if (!Array.isArray(groups)) return getDefaultContactGroups(locale)
+
+  const normalized: ContactGroup[] = []
+
+  for (const group of groups) {
+    if (!group || typeof group !== 'object') continue
+    const record = group as {
+      body?: string | null
+      items?: Array<{ href?: string | null; label?: string | null; value?: string | null }> | null
+      title?: string | null
+    }
+    const title = record.title?.trim()
+    const items = (record.items || [])
+      .map((item) => ({
+        href: item.href?.trim() || undefined,
+        label: item.label?.trim() || '',
+        value: item.value?.trim() || '',
+      }))
+      .filter((item) => item.label && item.value)
+
+    if (!title || items.length === 0) continue
+
+    normalized.push({
+      body: record.body?.trim() || undefined,
+      items,
+      title,
+    })
+  }
+
+  return normalized.length > 0 ? normalized : getDefaultContactGroups(locale)
+}
+
+async function getContactUsPageData(locale: Locale) {
+  const payload = await getPayloadClient()
+
+  return payload.findGlobal({
+    depth: 1,
+    locale,
+    slug: 'contactUsPage' as any,
+  })
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ locale: Locale }>
+}): Promise<Metadata> {
+  const { locale } = await params
+  const page = await getContactUsPageData(locale)
+  const defaultHero = getDefaultHero(locale)
+  const hero = (page as {
+    hero?: {
+      description?: string | null
+      title?: string | null
+    } | null
+  }).hero
+
+  return {
+    alternates: buildLocaleAlternates('/contact', locale),
+    description: hero?.description?.trim() || defaultHero.description,
+    title: hero?.title?.trim() || defaultHero.title,
+  }
+}
+
+export default async function ContactPage({
+  params,
+}: {
+  params: Promise<{ locale: Locale }>
+}) {
+  const { locale } = await params
+  setRequestLocale(locale)
+
+  const page = await getContactUsPageData(locale) as {
+    contactGroups?: unknown
+    formIntro?: { description?: string | null; eyebrow?: string | null; title?: string | null } | null
+    hero?: {
+      description?: string | null
+      eyebrow?: string | null
+      image?: { thumbnailURL?: string | null; url?: string | null } | number | null
+      title?: string | null
+    } | null
+  }
+  const defaultHero = getDefaultHero(locale)
+  const defaultFormIntro = getDefaultFormIntro(locale)
+  const heroImage =
+    page.hero?.image && typeof page.hero.image !== 'number'
+      ? normalizeUploadUrl(page.hero.image.url ?? page.hero.image.thumbnailURL ?? null)
+      : null
+  const contactGroups = normalizeContactGroups(page.contactGroups, locale)
+  const formIntro = {
+    description: page.formIntro?.description?.trim() || defaultFormIntro.description,
+    eyebrow: page.formIntro?.eyebrow?.trim() || defaultFormIntro.eyebrow,
+    title: page.formIntro?.title?.trim() || defaultFormIntro.title,
+  }
+
+  return (
+    <div className="mx-auto max-w-page px-6 pb-12 pt-4 md:px-12 md:pb-16 md:pt-5">
+      <script
+        type="application/ld+json"
+        suppressHydrationWarning
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify({
+            '@context': 'https://schema.org',
+            '@type': 'ContactPage',
+            name: page.hero?.title?.trim() || defaultHero.title,
+            url: buildAbsoluteUrl(`/${locale}/contact`),
+          }),
+        }}
+      />
+
+      <PageHero
+        eyebrow={page.hero?.eyebrow?.trim() || defaultHero.eyebrow}
+        imageUrl={heroImage || defaultHero.imageUrl}
+        title={page.hero?.title?.trim() || defaultHero.title}
+        description={page.hero?.description?.trim() || defaultHero.description}
+      />
+      <AboutContactTabs active="contact" locale={locale} />
+
+      <section className="mt-5 grid gap-5 lg:grid-cols-3">
+        {contactGroups.map((group) => (
+          <article
+            key={group.title}
+            className="rounded-2xl border border-black/10 bg-white p-6 shadow-[0_18px_60px_rgba(23,23,23,0.04)]"
+          >
+            <h2 className="text-2xl font-medium tracking-tight">{group.title}</h2>
+            {group.body ? (
+              <p className="mt-4 text-sm leading-7 text-text-secondary">{group.body}</p>
+            ) : null}
+            <dl className="mt-6 space-y-4">
+              {group.items.map((item) => (
+                <div key={`${group.title}-${item.label}`}>
+                  <dt className="text-xs uppercase tracking-[0.18em] text-text-muted">
+                    {item.label}
+                  </dt>
+                  <dd className="mt-1 text-sm leading-7 text-text-primary">
+                    {item.href ? (
+                      item.href.startsWith('/') ? (
+                        <Link href={item.href} className="underline decoration-black/20 underline-offset-4">
+                          {item.value}
+                        </Link>
+                      ) : (
+                        <a href={item.href} className="underline decoration-black/20 underline-offset-4">
+                          {item.value}
+                        </a>
+                      )
+                    ) : (
+                      item.value
+                    )}
+                  </dd>
+                </div>
+              ))}
+            </dl>
+          </article>
+        ))}
+      </section>
+
+      <div id="partnership-forms" className="mt-8 scroll-mt-28">
+        <DealerPartnershipForms intro={formIntro} locale={locale} />
+      </div>
+    </div>
+  )
+}
diff --git a/src/app/(frontend)/[locale]/dealers/dealer-partnership-forms.tsx b/src/app/(frontend)/[locale]/dealers/dealer-partnership-forms.tsx
index 1d8f9e4..2c104f6 100644
--- a/src/app/(frontend)/[locale]/dealers/dealer-partnership-forms.tsx
+++ b/src/app/(frontend)/[locale]/dealers/dealer-partnership-forms.tsx
@@ -49,7 +49,19 @@ const INITIAL_OEM_FORM: OemFormState = {
   website: '',
 }
 
-export function DealerPartnershipForms({ locale }: { locale: Locale }) {
+type PartnershipFormIntro = {
+  description?: string | null
+  eyebrow?: string | null
+  title?: string | null
+}
+
+export function DealerPartnershipForms({
+  intro,
+  locale,
+}: {
+  intro?: PartnershipFormIntro
+  locale: Locale
+}) {
   const [activeForm, setActiveForm] = useState<'distributor' | 'oem'>('distributor')
   const [distributorForm, setDistributorForm] =
     useState<DistributorFormState>(INITIAL_DISTRIBUTOR_FORM)
@@ -118,15 +130,16 @@ export function DealerPartnershipForms({ locale }: { locale: Locale }) {
       <div className="grid gap-8 lg:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)]">
         <div>
           <div className="text-sm uppercase tracking-[0.18em] text-text-muted">
-            {locale === 'zh' ? '合作申请' : 'Partnership Requests'}
+            {intro?.eyebrow || (locale === 'zh' ? '合作申请' : 'Partnership Requests')}
           </div>
           <h2 className="mt-3 text-3xl font-medium tracking-tight md:text-4xl">
-            {locale === 'zh' ? '经销与 OEM 合作入口' : 'Dealer & OEM Entry Points'}
+            {intro?.title || (locale === 'zh' ? '经销与 OEM 合作入口' : 'Dealer & OEM Entry Points')}
           </h2>
           <p className="mt-4 text-base leading-8 text-text-secondary">
-            {locale === 'zh'
-              ? '如果您计划成为区域经销商，或需要面向项目与系统方案的 OEM 合作支持，可以直接从这里提交申请。'
-              : 'If you are exploring regional distribution or need OEM support for projects and systems, submit your request here.'}
+            {intro?.description ||
+              (locale === 'zh'
+                ? '如果您计划成为区域经销商，或需要面向项目与系统方案的 OEM 合作支持，可以直接从这里提交申请。'
+                : 'If you are exploring regional distribution or need OEM support for projects and systems, submit your request here.')}
           </p>
 
           <div className="mt-6 flex flex-wrap gap-3">
diff --git a/src/app/(frontend)/[locale]/dealers/page.tsx b/src/app/(frontend)/[locale]/dealers/page.tsx
index 2d0fdc6..272e11e 100644
--- a/src/app/(frontend)/[locale]/dealers/page.tsx
+++ b/src/app/(frontend)/[locale]/dealers/page.tsx
@@ -1,4 +1,5 @@
 import type { Metadata } from 'next'
+import Link from 'next/link'
 import { setRequestLocale } from 'next-intl/server'
 import type { Locale } from '@/i18n/config'
 import { PageHero } from '@/components/site/page-hero'
@@ -6,11 +7,86 @@ import { getPayloadClient } from '@/lib/payload'
 import { buildAbsoluteUrl, buildLocaleAlternates } from '@/lib/seo'
 import { normalizeUploadUrl } from '@/lib/upload-url'
 import type { Dealer } from '@/payload-types'
-import { DealerPartnershipForms } from './dealer-partnership-forms'
 
 export const dynamic = 'force-dynamic'
 export const revalidate = 0
 
+const DEALERS_PAGE_DEFAULTS = {
+  en: {
+    businessContact: {
+      ctaHref: '/en/contact',
+      ctaLabel: 'Open Contact',
+      eyebrow: 'Business Contact',
+      title: 'Distributor and OEM requests now live on the contact page',
+    },
+    emptyState: {
+      message: 'Authorized dealer information is being updated.',
+    },
+    hero: {
+      description:
+        'Browse the Eversolo dealer network. For regional distribution or OEM partnership requests, visit the contact page.',
+      eyebrow: 'Sales Network',
+      imageUrl: 'https://www.eversolo.com/Public/home/images/nav_show.jpg',
+      title: 'Dealers & Partners',
+    },
+  },
+  zh: {
+    businessContact: {
+      ctaHref: '/zh/contact',
+      ctaLabel: '前往联系我们',
+      eyebrow: '商务合作',
+      title: '经销申请与 OEM 需求已移至联系我们页面',
+    },
+    emptyState: {
+      message: '授权经销商信息正在同步中。',
+    },
+    hero: {
+      description:
+        '查看 Eversolo 授权销售网络；如需提交区域经销或 OEM 合作需求，可前往联系我们页面。',
+      eyebrow: '销售网络',
+      imageUrl: 'https://www.eversolo.com/Public/home/images/nav_show.jpg',
+      title: '经销商与合作伙伴',
+    },
+  },
+} satisfies Record<Locale, {
+  businessContact: { ctaHref: string; ctaLabel: string; eyebrow: string; title: string }
+  emptyState: { message: string }
+  hero: { description: string; eyebrow: string; imageUrl: string; title: string }
+}>
+
+async function getDealersPageSettings(locale: Locale) {
+  const payload = await getPayloadClient()
+
+  try {
+    const settings = await payload.findGlobal({
+      depth: 1,
+      locale,
+      slug: 'dealersPage',
+    })
+    const defaults = DEALERS_PAGE_DEFAULTS[locale]
+
+    return {
+      businessContact: {
+        ctaHref: settings.businessContact?.ctaHref || defaults.businessContact.ctaHref,
+        ctaLabel: settings.businessContact?.ctaLabel || defaults.businessContact.ctaLabel,
+        eyebrow: settings.businessContact?.eyebrow || defaults.businessContact.eyebrow,
+        title: settings.businessContact?.title || defaults.businessContact.title,
+      },
+      emptyState: {
+        message: settings.emptyState?.message || defaults.emptyState.message,
+      },
+      hero: {
+        description: settings.hero?.description || defaults.hero.description,
+        eyebrow: settings.hero?.eyebrow || defaults.hero.eyebrow,
+        imageUrl: settings.hero?.imageUrl || defaults.hero.imageUrl,
+        title: settings.hero?.title || defaults.hero.title,
+      },
+    }
+  } catch {
+    return DEALERS_PAGE_DEFAULTS[locale]
+  }
+}
+
 async function getDealersPageData(locale: Locale) {
   const payload = await getPayloadClient()
   const result = await payload.find({
@@ -56,14 +132,12 @@ export async function generateMetadata({
   params: Promise<{ locale: Locale }>
 }): Promise<Metadata> {
   const { locale } = await params
+  const settings = await getDealersPageSettings(locale)
 
   return {
     alternates: buildLocaleAlternates('/dealers', locale),
-    description:
-      locale === 'zh'
-        ? '查看 Eversolo 授权经销商网络与区域联系方式。'
-        : 'Browse the Eversolo authorized dealer network and regional contacts.',
-    title: locale === 'zh' ? '经销商网络' : 'Dealer Network',
+    description: settings.hero.description,
+    title: settings.hero.title,
   }
 }
 
@@ -76,6 +150,7 @@ export default async function DealersPage({
   setRequestLocale(locale)
 
   const groups = await getDealersPageData(locale)
+  const settings = await getDealersPageSettings(locale)
   const dealerItems = groups.flatMap((group) =>
     group.dealers.map((dealer) => ({
       '@type': 'Organization',
@@ -89,7 +164,7 @@ export default async function DealersPage({
   )
 
   return (
-    <div className="mx-auto max-w-page px-6 py-16 md:px-12 md:py-24">
+    <div className="mx-auto max-w-page px-6 pb-12 pt-4 md:px-12 md:pb-16 md:pt-5">
       {dealerItems.length > 0 ? (
         <script
           type="application/ld+json"
@@ -110,17 +185,33 @@ export default async function DealersPage({
         />
       ) : null}
       <PageHero
-        eyebrow={locale === 'zh' ? '销售网络' : 'Sales Network'}
-        imageUrl="https://www.eversolo.com/Public/home/images/nav_show.jpg"
-        title={locale === 'zh' ? '经销商与合作伙伴' : 'Dealers & Partners'}
-        description={
-          locale === 'zh'
-            ? '查看 Eversolo 授权销售网络，并直接提交区域经销或 OEM 合作需求。'
-            : 'Browse the Eversolo dealer network and submit regional distribution or OEM partnership requests directly.'
-        }
+        eyebrow={settings.hero.eyebrow}
+        imageUrl={settings.hero.imageUrl}
+        title={settings.hero.title}
+        description={settings.hero.description}
       />
 
-      <div className="mt-12 space-y-10">
+      <section className="mt-10 rounded-2xl border border-black/10 bg-white px-6 py-6 shadow-[0_18px_60px_rgba(23,23,23,0.04)] md:px-8">
+        <div className="flex flex-col gap-5 md:flex-row md:items-center md:justify-between">
+          <div>
+            <div className="text-sm uppercase tracking-[0.18em] text-text-muted">
+              {settings.businessContact.eyebrow}
+            </div>
+            <h2 className="mt-2 text-2xl font-medium tracking-tight">
+              {settings.businessContact.title}
+            </h2>
+          </div>
+          <Link
+            href={settings.businessContact.ctaHref}
+            className="inline-flex items-center rounded-full bg-black px-5 py-3 text-sm font-medium text-white"
+          >
+            {settings.businessContact.ctaLabel}
+            <span aria-hidden className="ml-2">→</span>
+          </Link>
+        </div>
+      </section>
+
+      <div className="mt-8 space-y-8">
         {groups.map((group) => (
           <section key={group.region} className="rounded-2xl border border-black/10 bg-white p-6 md:p-8">
             <div className="border-b border-black/10 pb-4">
@@ -174,16 +265,11 @@ export default async function DealersPage({
 
         {groups.length === 0 ? (
           <div className="rounded-2xl border border-dashed border-black/15 bg-subtle/30 px-6 py-10 text-text-secondary">
-            {locale === 'zh'
-              ? '授权经销商信息正在同步中。'
-              : 'Authorized dealer information is being updated.'}
+            {settings.emptyState.message}
           </div>
         ) : null}
       </div>
 
-      <div className="mt-12">
-        <DealerPartnershipForms locale={locale} />
-      </div>
     </div>
   )
 }
diff --git a/src/app/(frontend)/[locale]/downloads/[slug]/page.tsx b/src/app/(frontend)/[locale]/downloads/[slug]/page.tsx
index 7ff51a1..7d39655 100644
--- a/src/app/(frontend)/[locale]/downloads/[slug]/page.tsx
+++ b/src/app/(frontend)/[locale]/downloads/[slug]/page.tsx
@@ -572,7 +572,7 @@ export default async function ProductDownloadsPage({
     'https://www.eversolo.com/Uploads/guideClassify/fa6c444623c46ff4799f2cc96a007fe6.png'
 
   return (
-    <div className="mx-auto max-w-page px-6 py-16 md:px-12 md:py-24">
+    <div className="mx-auto max-w-page px-6 pb-12 pt-4 md:px-12 md:pb-16 md:pt-5">
       <PageHero
         eyebrow={locale === 'zh' ? '下载中心' : 'Downloads'}
         imageUrl={heroImageUrl}
@@ -606,12 +606,12 @@ export default async function ProductDownloadsPage({
       ) : null}
 
       {groupedDownloads.length === 0 ? (
-        <div className="mt-12 rounded-2xl border border-dashed border-black/15 bg-subtle/30 px-6 py-10 text-text-secondary">
+        <div className="mt-8 rounded-2xl border border-dashed border-black/15 bg-subtle/30 px-6 py-10 text-text-secondary">
           {locale === 'zh' ? '当前产品的下载内容正在整理中。' : 'Downloads for this product are being prepared.'}
         </div>
       ) : null}
 
-      <div className="mt-12 grid gap-10">
+      <div className="mt-8 grid gap-8">
         {groupedDownloads.map((group) => (
           <section key={group.type}>
             <div className="mb-5 flex items-center justify-between gap-4">
diff --git a/src/app/(frontend)/[locale]/downloads/page.tsx b/src/app/(frontend)/[locale]/downloads/page.tsx
index fe7778d..4858464 100644
--- a/src/app/(frontend)/[locale]/downloads/page.tsx
+++ b/src/app/(frontend)/[locale]/downloads/page.tsx
@@ -680,7 +680,7 @@ export default async function DownloadsPage({
   const totalReleases = groups.reduce((sum, group) => sum + group.downloads.length, 0)
 
   return (
-    <div className="mx-auto max-w-page px-6 py-16 md:px-12 md:py-24">
+    <div className="mx-auto max-w-page px-6 pb-12 pt-4 md:px-12 md:pb-16 md:pt-5">
       {softwareItems.length > 0 ? (
         <script
           type="application/ld+json"
@@ -769,15 +769,9 @@ export default async function DownloadsPage({
         {seriesGroups.map((seriesGroup) => (
           <section key={seriesGroup.series.key} id={`series-${seriesGroup.series.key}`} className="scroll-mt-28">
             <div className="max-w-[860px]">
-              <div className="text-sm uppercase tracking-[0.18em] text-text-muted">
-                {locale === 'zh' ? '系列' : 'Series'}
-              </div>
-              <h2 className="mt-2 text-3xl font-medium tracking-tight md:text-5xl">
+              <h2 className="text-3xl font-medium tracking-tight md:text-5xl">
                 {seriesGroup.series.title}
               </h2>
-              <p className="mt-4 max-w-reading text-base leading-8 text-text-secondary">
-                {seriesGroup.series.description}
-              </p>
             </div>
 
             <div className="mt-8 grid gap-8 md:grid-cols-2 xl:grid-cols-3">
@@ -887,12 +881,6 @@ export default async function DownloadsPage({
                           </span>
                         </div>
                       ) : null}
-                      <p className="mt-4 text-sm leading-7 text-text-secondary">
-                        {locale === 'zh'
-                          ? `${group.downloads.length} 个版本已归档，进入下载页查看完整版本历史与更新要点。`
-                          : `${group.downloads.length} releases are archived here. Open the download page for the complete version history and release highlights.`}
-                      </p>
-
                       {productHref ? (
                         <div className="mt-auto pt-6">
                           {useDocumentNavigation ? (
diff --git a/src/app/(frontend)/[locale]/news/[slug]/page.tsx b/src/app/(frontend)/[locale]/news/[slug]/page.tsx
index 8309850..0dc9826 100644
--- a/src/app/(frontend)/[locale]/news/[slug]/page.tsx
+++ b/src/app/(frontend)/[locale]/news/[slug]/page.tsx
@@ -7,7 +7,7 @@ import { getPayloadClient } from '@/lib/payload'
 import { renderRichText } from '@/lib/render-rich-text'
 import { buildAbsoluteUrl, buildLocaleAlternates, extractRichTextPlainText, trimDescription } from '@/lib/seo'
 import { normalizeUploadUrl } from '@/lib/upload-url'
-import type { News, Product } from '@/payload-types'
+import type { News, NewsCategory, Product } from '@/payload-types'
 
 export const dynamic = 'force-dynamic'
 export const revalidate = 0
@@ -59,7 +59,17 @@ function getCoverImageUrl(article: News) {
   )
 }
 
-function getCategoryLabel(category: News['category'], locale: Locale) {
+function getManagedCategoryLabel(category: number | NewsCategory | null | undefined) {
+  if (!category || typeof category === 'number') return null
+  return category.name || null
+}
+
+function getCategoryLabel(article: News, locale: Locale) {
+  const managedLabel = getManagedCategoryLabel(article.categoryRef)
+  if (managedLabel) return managedLabel
+  const category = article.category
+  if (!category) return locale === 'zh' ? '新闻' : 'News'
+
   if (locale === 'zh') {
     if (category === 'announcement') return '公告'
     if (category === 'press') return '媒体'
@@ -112,7 +122,7 @@ export default async function NewsArticlePage({
   const articleUrl = buildAbsoluteUrl(`/${locale}/news/${slug}`)
 
   return (
-    <article className="mx-auto max-w-page px-6 py-16 md:px-12 md:py-24">
+    <article className="mx-auto max-w-page px-6 pb-12 pt-4 md:px-12 md:pb-16 md:pt-5">
       <script
         type="application/ld+json"
         suppressHydrationWarning
@@ -134,7 +144,7 @@ export default async function NewsArticlePage({
       />
       <header className="max-w-[920px]">
         <div className="flex flex-wrap items-center gap-3 text-[11px] font-medium uppercase tracking-[0.18em] text-text-muted">
-          <span>{getCategoryLabel(article.category, locale)}</span>
+          <span>{getCategoryLabel(article, locale)}</span>
           {article.publishedAt ? <span>{formatPublishedAt(article.publishedAt, locale)}</span> : null}
           {article.author ? <span>{article.author}</span> : null}
         </div>
@@ -172,7 +182,7 @@ export default async function NewsArticlePage({
         </div>
       ) : null}
 
-      <div className="mt-12 grid gap-10 lg:grid-cols-[minmax(0,1fr)_280px] lg:items-start">
+      <div className="mt-8 grid gap-8 lg:grid-cols-[minmax(0,1fr)_280px] lg:items-start">
         <div className="max-w-reading">{renderRichText(article.body)}</div>
 
         <aside className="rounded-[28px] border border-black/10 bg-white p-6 shadow-[0_20px_60px_rgba(17,24,39,0.04)]">
diff --git a/src/app/(frontend)/[locale]/news/page.tsx b/src/app/(frontend)/[locale]/news/page.tsx
index 6d5badb..63f949e 100644
--- a/src/app/(frontend)/[locale]/news/page.tsx
+++ b/src/app/(frontend)/[locale]/news/page.tsx
@@ -3,7 +3,10 @@ import Link from 'next/link'
 import { setRequestLocale } from 'next-intl/server'
 import type { Locale } from '@/i18n/config'
 import { getBlogPosts } from '@/lib/blog-api'
+import { getPayloadClient } from '@/lib/payload'
 import { buildAbsoluteUrl, buildLocaleAlternates } from '@/lib/seo'
+import { normalizeUploadUrl } from '@/lib/upload-url'
+import type { News, NewsCategory } from '@/payload-types'
 
 export const dynamic = 'force-dynamic'
 export const revalidate = 0
@@ -18,6 +21,93 @@ function formatPublishedAt(value: string | null | undefined, locale: Locale) {
   }).format(new Date(value))
 }
 
+type NewsListItem = {
+  categoryLabel: string | null
+  date: string | null
+  excerpt: string | null
+  external: boolean
+  href: string
+  id: number | string
+  imageUrl: string | null
+  title: string
+}
+
+async function getNewsPageSettings() {
+  const payload = await getPayloadClient()
+
+  try {
+    return await payload.findGlobal({
+      slug: 'newsPage',
+    })
+  } catch {
+    return { newsSource: 'externalBlog' as const }
+  }
+}
+
+async function getLocalNewsPage(locale: Locale, page: number) {
+  const payload = await getPayloadClient()
+
+  return payload.find({
+    collection: 'news',
+    depth: 1,
+    limit: 15,
+    locale,
+    page,
+    sort: '-publishedAt,-updatedAt',
+    where: {
+      docLocale: {
+        equals: locale,
+      },
+    },
+  })
+}
+
+function getCoverImageUrl(article: News) {
+  if (!article.coverImage || typeof article.coverImage === 'number') return null
+
+  return normalizeUploadUrl(
+    article.coverImage.sizes?.card?.url ??
+      article.coverImage.sizes?.hero?.url ??
+      article.coverImage.url ??
+      article.coverImage.thumbnailURL ??
+      null,
+  )
+}
+
+function getManagedCategoryLabel(category: number | NewsCategory | null | undefined) {
+  if (!category || typeof category === 'number') return null
+  return category.name || null
+}
+
+function getLegacyCategoryLabel(category: News['category'], locale: Locale) {
+  if (!category) return null
+
+  if (locale === 'zh') {
+    if (category === 'announcement') return '公告'
+    if (category === 'press') return '媒体'
+    if (category === 'review') return '评测'
+    return '活动'
+  }
+
+  if (category === 'announcement') return 'Announcement'
+  if (category === 'press') return 'Press'
+  if (category === 'review') return 'Review'
+  return 'Event'
+}
+
+function mapLocalNews(article: News, locale: Locale): NewsListItem {
+  return {
+    categoryLabel: getManagedCategoryLabel(article.categoryRef) || getLegacyCategoryLabel(article.category, locale),
+    date: article.publishedAt || article.createdAt || article.updatedAt,
+    excerpt: article.excerpt || null,
+    external: false,
+    href: `/${locale}/news/${article.slug}`,
+    id: article.id,
+    imageUrl: getCoverImageUrl(article),
+    title: article.title,
+  }
+}
+
 export async function generateMetadata({
   params,
 }: {
@@ -47,17 +137,44 @@ export default async function NewsPage({
   setRequestLocale(locale)
 
   const currentPage = Number.isFinite(Number(pageParam)) && Number(pageParam) > 0 ? Number(pageParam) : 1
-  const blogPage = await getBlogPosts(locale, currentPage, 15)
-  const articles = blogPage.items
+  const newsSettings = await getNewsPageSettings()
+  const newsSource = newsSettings.newsSource || 'externalBlog'
+  const pageData =
+    newsSource === 'localNews'
+      ? await getLocalNewsPage(locale, currentPage)
+      : await getBlogPosts(locale, currentPage, 15)
+  const articles: NewsListItem[] =
+    newsSource === 'localNews'
+      ? (pageData as Awaited<ReturnType<typeof getLocalNewsPage>>).docs.map((article) =>
+          mapLocalNews(article, locale),
+        )
+      : (pageData as Awaited<ReturnType<typeof getBlogPosts>>).items.map((article) => ({
+          categoryLabel: null,
+          date: article.date,
+          excerpt: article.excerpt,
+          external: true,
+          href: article.href,
+          id: article.id,
+          imageUrl: article.imageUrl,
+          title: article.title,
+        }))
+  const totalPages =
+    newsSource === 'localNews'
+      ? (pageData as Awaited<ReturnType<typeof getLocalNewsPage>>).totalPages
+      : (pageData as Awaited<ReturnType<typeof getBlogPosts>>).totalPages
+  const activePage =
+    newsSource === 'localNews'
+      ? (pageData as Awaited<ReturnType<typeof getLocalNewsPage>>).page || currentPage
+      : (pageData as Awaited<ReturnType<typeof getBlogPosts>>).page
   const itemListElements = articles.map((article, index) => ({
     '@type': 'ListItem',
-    position: (blogPage.page - 1) * 15 + index + 1,
+    position: (activePage - 1) * 15 + index + 1,
     name: article.title,
-    url: article.href,
+    url: article.external ? article.href : buildAbsoluteUrl(article.href),
   }))
 
   return (
-    <div className="mx-auto max-w-page px-6 py-16 md:px-12 md:py-24">
+    <div className="mx-auto max-w-page px-6 pb-12 pt-4 md:px-12 md:pb-16 md:pt-5">
       <script
         type="application/ld+json"
         suppressHydrationWarning
@@ -84,7 +201,7 @@ export default async function NewsPage({
         </p>
       </header>
 
-      <ul className="mt-12 grid gap-6 md:grid-cols-2 xl:grid-cols-3">
+      <ul className="mt-8 grid gap-6 md:grid-cols-2 xl:grid-cols-3">
         {articles.map((article) => (
           <li
             key={article.id}
@@ -92,8 +209,8 @@ export default async function NewsPage({
           >
             <Link
               href={article.href}
-              target="_blank"
-              rel="noopener noreferrer"
+              target={article.external ? '_blank' : undefined}
+              rel={article.external ? 'noopener noreferrer' : undefined}
               className="block aspect-[16/10] overflow-hidden bg-[linear-gradient(135deg,#EEE8DC_0%,#F7F3EA_100%)]"
             >
               {article.imageUrl ? (
@@ -109,6 +226,7 @@ export default async function NewsPage({
 
             <div className="p-6">
               <div className="flex flex-wrap items-center gap-3 text-[11px] font-medium uppercase tracking-[0.18em] text-text-muted">
+                {article.categoryLabel ? <span>{article.categoryLabel}</span> : null}
                 {article.date ? (
                   <span>{formatPublishedAt(article.date, locale)}</span>
                 ) : null}
@@ -116,8 +234,8 @@ export default async function NewsPage({
 
               <Link
                 href={article.href}
-                target="_blank"
-                rel="noopener noreferrer"
+                target={article.external ? '_blank' : undefined}
+                rel={article.external ? 'noopener noreferrer' : undefined}
                 className="mt-3 block text-2xl font-medium tracking-tight text-text-primary transition hover:opacity-70"
               >
                 {article.title}
@@ -133,11 +251,11 @@ export default async function NewsPage({
         ))}
       </ul>
 
-      {blogPage.totalPages > 1 ? (
+      {totalPages > 1 ? (
         <nav className="mt-10 flex flex-wrap items-center gap-3">
-          {Array.from({ length: blogPage.totalPages }, (_, index) => index + 1).map((page) => {
+          {Array.from({ length: totalPages }, (_, index) => index + 1).map((page) => {
             const href = page === 1 ? `/${locale}/news` : `/${locale}/news?page=${page}`
-            const isActive = page === blogPage.page
+            const isActive = page === activePage
 
             return (
               <Link
@@ -157,7 +275,7 @@ export default async function NewsPage({
       ) : null}
 
       {articles.length === 0 ? (
-        <div className="mt-12 rounded-2xl border border-dashed border-black/15 bg-subtle/30 px-6 py-10 text-text-secondary">
+        <div className="mt-8 rounded-2xl border border-dashed border-black/15 bg-subtle/30 px-6 py-10 text-text-secondary">
           {locale === 'zh'
             ? '新闻内容正在整理中。'
             : 'News content is currently being prepared.'}
diff --git a/src/app/(frontend)/[locale]/page.tsx b/src/app/(frontend)/[locale]/page.tsx
index bc33d37..a79c8de 100644
--- a/src/app/(frontend)/[locale]/page.tsx
+++ b/src/app/(frontend)/[locale]/page.tsx
@@ -2,19 +2,19 @@ import type { Metadata } from 'next'
 import { setRequestLocale } from 'next-intl/server'
 import type { Locale } from '@/i18n/config'
 import { HomeFeaturedProducts } from '@/components/home/home-featured-products'
+import { HomeHeroBanners } from '@/components/home/home-hero-banners'
 import { HomeHero } from '@/components/home/home-hero'
 import { HomeNews } from '@/components/home/home-news'
 import { HomeRecognition } from '@/components/home/home-recognition'
 import { HomeStatement } from '@/components/home/home-statement'
 import { getBlogPosts } from '@/lib/blog-api'
 import { getSiteChromeSettings } from '@/lib/global-settings'
-import { getDefaultRecognitionAwards, getDefaultRecognitionReviews } from '@/lib/home-recognition-defaults'
+import { getDefaultRecognitionAwards } from '@/lib/home-recognition-defaults'
 import { getPayloadClient } from '@/lib/payload'
 import { VISIBLE_PRODUCT_STATUS, isAccessibleProductStatus } from '@/lib/product-status'
 import { buildAbsoluteUrl, buildLocaleAlternates, extractRichTextPlainText, trimDescription } from '@/lib/seo'
 import { normalizeUploadUrl } from '@/lib/upload-url'
-import type { Homepage, Media, Product } from '@/payload-types'
-import type { ProductReview } from '@/payload-types'
+import type { Homepage, Media, News, Product } from '@/payload-types'
 
 export const dynamic = 'force-dynamic'
 export const revalidate = 0
@@ -36,57 +36,7 @@ function extractPlainText(value: NonNullable<Homepage['statement']>['body']) {
   return textParts.join(' ').trim()
 }
 
-function isLegacyHomepageCopy(value: string | null | undefined) {
-  if (!value) return true
-
-  return (
-    /Best High Resolution DAC/i.test(value) ||
-    /EverSolo comopany/i.test(value) ||
-    /The core founding team members/i.test(value) ||
-    /registered trademark/i.test(value) ||
-    /customer service team/i.test(value)
-  )
-}
-
-function getFallbackHero(locale: Locale) {
-  return locale === 'zh'
-    ? {
-        eyebrow: '精选产品体验',
-        headline: '面向高品质数字音频系统的完整产品阵列',
-        primaryCta: '浏览产品',
-        secondaryCta: '支持中心',
-        supporting:
-          '从流媒体播放、解码到放大与控制，把更完整的家用聆听系统放进一个清晰的产品体系里。',
-      }
-    : {
-        eyebrow: 'Selected Listening Systems',
-        headline: 'A complete product range for modern digital listening systems',
-        primaryCta: 'Browse Products',
-        secondaryCta: 'Support Center',
-        supporting:
-          'Move from streaming transport and conversion to amplification and control inside one clearer product ecosystem.',
-      }
-}
-
-function getFallbackStatement(locale: Locale) {
-  return locale === 'zh'
-    ? {
-        eyebrow: '关于 Eversolo',
-        body: 'Eversolo 以数字音频系统为核心，围绕日常使用体验、工业设计与系统整合能力，建立更连贯的产品语言。',
-        ctaLabel: '了解更多',
-        title: '关于 Eversolo',
-      }
-    : {
-        eyebrow: 'About Eversolo',
-        body: 'Eversolo builds around digital audio systems, balancing industrial design, usability, and system cohesion across the product range.',
-        ctaLabel: 'Learn more',
-        title: 'About Eversolo',
-      }
-}
-
-function getMediaUrl(
-  media: Homepage['hero']['image'] | NonNullable<Homepage['statement']>['image'],
-) {
+function getMediaUrl(media: Media | number | null | undefined) {
   if (!media || typeof media === 'number') return null
   return normalizeUploadUrl((media as Media).url ?? null)
 }
@@ -144,57 +94,38 @@ async function getPublishedProducts(locale: Locale) {
   return []
 }
 
-async function getHomepageRecognitionFallback(locale: Locale) {
+async function getLatestLocalNews(locale: Locale) {
   const payload = await getPayloadClient()
   const result = await payload.find({
-    collection: 'productReviews',
+    collection: 'news',
     depth: 1,
-    limit: 12,
+    limit: 6,
     locale,
     sort: '-publishedAt',
     where: {
-      and: [
-        { docLocale: { equals: locale } },
-        { status: { equals: 'published' } },
-        { title: { exists: true } },
-      ],
+      docLocale: {
+        equals: locale,
+      },
     },
   })
 
   return result.docs
 }
 
-function mapRecognitionFallback(locale: Locale, reviews: ProductReview[]) {
-  const dynamicReviews = reviews
-    .filter((review) => review.quote || review.excerpt)
-    .map((review) => ({
-      id: String(review.id),
-      quote: review.quote || review.excerpt || '',
-      sourceLogo: review.thumbnail && typeof review.thumbnail !== 'number' ? review.thumbnail : null,
-      sourceName: review.sourceName || review.title,
-      url: review.reviewUrl,
+function getLocalNewsHighlights(items: Homepage['newsHighlights']) {
+  return (items || []).filter((item): item is News => typeof item === 'object')
+}
+
+function mapLocalNewsItems(items: News[], locale: Locale) {
+  return items
+    .filter((item) => item.title && item.slug)
+    .map((item) => ({
+      date: item.publishedAt || item.createdAt || item.updatedAt,
+      external: false,
+      href: `/${locale}/news/${item.slug}`,
+      imageUrl: getMediaUrl(item.coverImage),
+      title: item.title,
     }))
-
-  if (dynamicReviews.length > 0) {
-    return dynamicReviews
-      .filter((review, index, items) => {
-        const key = `${review.sourceName || ''}::${review.url || ''}`
-        return items.findIndex((candidate) => `${candidate.sourceName || ''}::${candidate.url || ''}` === key) === index
-      })
-      .slice(0, 4)
-  }
-
-  const defaultReviews = getDefaultRecognitionReviews(locale).map((review) => ({
-    ...review,
-    sourceLogo: review.sourceLogoUrl,
-  }))
-
-  const deduped = defaultReviews.filter((review, index, items) => {
-    const key = `${review.sourceName || ''}::${review.url || ''}`
-    return items.findIndex((candidate) => `${candidate.sourceName || ''}::${candidate.url || ''}` === key) === index
-  })
-
-  return deduped.slice(0, 4)
 }
 
 function mergeRecognitionAwards(
@@ -220,6 +151,32 @@ function mergeRecognitionAwards(
   })
 }
 
+function mergeProductAwardsIntoHomepageAwards(
+  homepageAwards: ReturnType<typeof mergeRecognitionAwards>,
+  products: Product[],
+) {
+  const merged = [...homepageAwards]
+
+  for (const product of products) {
+    for (const award of product.awards || []) {
+      if (!award || (!award.label && !award.logo && !award.url)) continue
+
+      const key = `${award.label || ''}::${award.year || ''}::${award.url || ''}`
+      const exists = merged.some((item) => `${item.label || ''}::${item.year || ''}::${item.url || ''}` === key)
+
+      if (!exists) {
+        merged.push(award)
+      }
+
+      if (merged.length >= 8) {
+        return merged
+      }
+    }
+  }
+
+  return merged
+}
+
 export async function generateMetadata({
   params,
 }: {
@@ -227,15 +184,11 @@ export async function generateMetadata({
 }): Promise<Metadata> {
   const { locale } = await params
   const homepage = await getHomepageData(locale)
-  const fallbackHero = getFallbackHero(locale)
-  const heroSupporting = isLegacyHomepageCopy(homepage.hero.supportingLine)
-    ? fallbackHero.supporting
-    : homepage.hero.supportingLine || fallbackHero.supporting
   const description =
     trimDescription(homepage.seo?.description) ||
-    trimDescription(heroSupporting) ||
+    trimDescription(homepage.hero.supportingLine) ||
     trimDescription(extractRichTextPlainText(homepage.statement?.body)) ||
-    fallbackHero.supporting
+    undefined
   const title =
     homepage.seo?.title?.trim() || (locale === 'zh' ? 'Eversolo 官方网站' : 'Eversolo Official Site')
 
@@ -254,36 +207,50 @@ export default async function HomePage({
   const { locale } = await params
   setRequestLocale(locale)
 
-  const [homepage, blogPage, publishedProducts, recognitionFallback, chrome] = await Promise.all([
+  const [homepage, publishedProducts, chrome] = await Promise.all([
     getHomepageData(locale),
-    getBlogPosts(locale, 1, 6),
     getPublishedProducts(locale),
-    getHomepageRecognitionFallback(locale),
     getSiteChromeSettings(locale),
   ])
 
-  const fallbackHero = getFallbackHero(locale)
-  const fallbackStatement = getFallbackStatement(locale)
   const featuredProducts = getFeaturedProducts(homepage.featuredProducts)
-  const heroHeadline = isLegacyHomepageCopy(homepage.hero.headline)
-    ? fallbackHero.headline
-    : homepage.hero.headline
-  const heroSupporting = isLegacyHomepageCopy(homepage.hero.supportingLine)
-    ? fallbackHero.supporting
-    : homepage.hero.supportingLine || fallbackHero.supporting
-  const statementTitle = isLegacyHomepageCopy(homepage.statement?.title)
-    ? fallbackStatement.title
-    : homepage.statement?.title || fallbackStatement.title
-  const statementBody = isLegacyHomepageCopy(extractPlainText(homepage.statement?.body))
-    ? fallbackStatement.body
-    : extractPlainText(homepage.statement?.body) || fallbackStatement.body
-  const statementCtaLabel = isLegacyHomepageCopy(homepage.statement?.cta?.label)
-    ? fallbackStatement.ctaLabel
-    : homepage.statement?.cta?.label || fallbackStatement.ctaLabel
-  const recognitionAwards = mergeRecognitionAwards(locale, homepage.recognition?.awards || [])
+  const heroHeadline = homepage.hero.headline || null
+  const heroSupporting = homepage.hero.supportingLine || null
+  const statementTitle = homepage.statement?.title || null
+  const statementBody = extractPlainText(homepage.statement?.body) || null
+  const statementCtaLabel = homepage.statement?.cta?.label || null
+  const recognitionAwards = mergeProductAwardsIntoHomepageAwards(
+    mergeRecognitionAwards(locale, homepage.recognition?.awards || []),
+    (featuredProducts.length ? featuredProducts : publishedProducts).slice(0, 8),
+  )
   const heroVideoUrl =
     (homepage.hero as Homepage['hero'] & { externalVideoUrl?: string | null }).externalVideoUrl?.trim() ||
     getVideoUrl(homepage.hero.video)
+  const featuredLayout =
+    (homepage as Homepage & { featuredLayout?: string | null }).featuredLayout || 'grid'
+  const heroBanners = (
+    (homepage as Homepage & {
+      heroBanners?: Array<{ href?: string | null; imageUrl?: string | null; title?: string | null }> | null
+    }).heroBanners || []
+  )
+    .filter((item) => item && item.href && item.imageUrl)
+    .map((item) => ({
+      href: item?.href || '',
+      imageUrl: item?.imageUrl || '',
+      title: item?.title || null,
+    }))
+  const newsSource = homepage.newsSource || 'externalBlog'
+  const localNewsHighlights = getLocalNewsHighlights(homepage.newsHighlights)
+  const newsItems =
+    newsSource === 'localNews'
+      ? mapLocalNewsItems(
+          localNewsHighlights.length ? localNewsHighlights : await getLatestLocalNews(locale),
+          locale,
+        )
+      : (await getBlogPosts(locale, 1, 6)).items.slice(0, 6).map((item) => ({
+          ...item,
+          external: true,
+        }))
 
   return (
     <>
@@ -301,23 +268,25 @@ export default async function HomePage({
         }}
       />
       <HomeHero
-        eyebrow={homepage.hero.eyebrow || fallbackHero.eyebrow}
+        eyebrow={homepage.hero.eyebrow || null}
         heroImageUrl={homepage.hero.mode === 'video' ? null : getMediaUrl(homepage.hero.image)}
         heroVideoUrl={homepage.hero.mode === 'video' ? heroVideoUrl : null}
         headline={heroHeadline}
         supporting={heroSupporting}
-        primaryCta={homepage.hero.primaryCta?.label || fallbackHero.primaryCta}
-        secondaryCta={homepage.hero.secondaryCta?.label || fallbackHero.secondaryCta}
+        primaryCta={homepage.hero.primaryCta?.label || null}
+        secondaryCta={homepage.hero.secondaryCta?.label || null}
         primaryHref={normalizeHref(homepage.hero.primaryCta?.href, locale, `/${locale}/products`)}
         secondaryHref={normalizeHref(homepage.hero.secondaryCta?.href, locale, `/${locale}/support`)}
         locale={locale}
       />
+      <HomeHeroBanners items={heroBanners} locale={locale} />
       <HomeFeaturedProducts
         items={(featuredProducts.length ? featuredProducts : publishedProducts).slice(0, 4)}
+        layout={featuredLayout}
         locale={locale}
       />
       <HomeStatement
-        eyebrow={homepage.statement?.eyebrow || fallbackStatement.eyebrow}
+        eyebrow={homepage.statement?.eyebrow || null}
         title={statementTitle}
         body={statementBody}
         ctaHref={normalizeHref(homepage.statement?.cta?.href, locale, `/${locale}/about`)}
@@ -327,9 +296,11 @@ export default async function HomePage({
       <HomeRecognition
         awards={recognitionAwards}
         locale={locale}
-        reviews={mapRecognitionFallback(locale, recognitionFallback)}
+        reviews={(homepage.recognition?.reviews || []).filter(
+          (review) => !!review && typeof review === 'object',
+        )}
       />
-      <HomeNews items={blogPage.items.slice(0, 6)} locale={locale} />
+      <HomeNews items={newsItems} locale={locale} />
     </>
   )
 }
diff --git a/src/app/(frontend)/[locale]/products/[slug]/page.tsx b/src/app/(frontend)/[locale]/products/[slug]/page.tsx
index 4133c48..5dd6830 100644
--- a/src/app/(frontend)/[locale]/products/[slug]/page.tsx
+++ b/src/app/(frontend)/[locale]/products/[slug]/page.tsx
@@ -14,7 +14,7 @@ import { ProductContentTabs } from './product-content-tabs'
 import { ProductGallerySection } from './product-gallery-section'
 import { ProductTemplateMount } from './product-template-mount'
 import { ProductVideosSection } from './product-videos-section'
-import type { Media, Product, ProductReview, ProductVideo } from '@/payload-types'
+import type { Media, News, NewsCategory, Product, ProductReview, ProductVideo } from '@/payload-types'
 
 export const dynamic = 'force-dynamic'
 export const revalidate = 0
@@ -44,6 +44,26 @@ function getReviewSourceLabel(sourceName: string | null | undefined, locale: Loc
   return sourceName || (locale === 'zh' ? '外部媒体' : 'External press')
 }
 
+function getNewsCategoryLabel(article: News, locale: Locale) {
+  if (article.categoryRef && typeof article.categoryRef === 'object') {
+    return (article.categoryRef as NewsCategory).name || null
+  }
+
+  if (locale === 'zh') {
+    if (article.category === 'announcement') return '公告'
+    if (article.category === 'press') return '媒体'
+    if (article.category === 'review') return '评测'
+    if (article.category === 'event') return '活动'
+    return '新闻'
+  }
+
+  if (article.category === 'announcement') return 'Announcement'
+  if (article.category === 'press') return 'Press'
+  if (article.category === 'review') return 'Review'
+  if (article.category === 'event') return 'Event'
+  return 'News'
+}
+
 function getLocalizedValue(
   value: string | null | undefined | Record<Locale, string>,
   locale: Locale,
@@ -70,7 +90,7 @@ async function getProductPageData(slug: string, locale: Locale) {
   })
 
   const product = products.docs[0] ?? null
-  if (!product) return { downloads: [], product: null, reviews: [], videos: [] }
+  if (!product) return { downloads: [], news: [], product: null, reviews: [], videos: [] }
 
   const downloadsResult = await payload.find({
     collection: 'downloads',
@@ -101,7 +121,7 @@ async function getProductPageData(slug: string, locale: Locale) {
     )
   })
 
-  const [videos, reviews] = await Promise.all([
+  const [videos, reviews, news] = await Promise.all([
     payload.find({
       collection: 'productVideos',
       depth: 1,
@@ -130,9 +150,27 @@ async function getProductPageData(slug: string, locale: Locale) {
         ],
       },
     }),
+    payload.find({
+      collection: 'news',
+      depth: 1,
+      limit: 100,
+      locale,
+      sort: '-publishedAt,-updatedAt',
+      where: {
+        docLocale: {
+          equals: locale,
+        },
+      },
+    }),
   ])
 
-  return { downloads, product, reviews: reviews.docs, videos: videos.docs }
+  const relatedNews = news.docs.filter((article) =>
+    (article.relatedProducts || []).some(
+      (candidate) => typeof candidate === 'object' && candidate !== null && candidate.id === product.id,
+    ),
+  )
+
+  return { downloads, news: relatedNews, product, reviews: reviews.docs, videos: videos.docs }
 }
 
 export async function generateMetadata({
@@ -151,16 +189,21 @@ export async function generateMetadata({
   }
 
   const title =
-    getLocalizedValue(product?.name, locale) ||
-    getSeedLocalizedValue(seedProduct?.name, locale) ||
-    product?.model ||
-    seedProduct?.model ||
-    'Product'
+    cmsProduct
+      ? getLocalizedValue(cmsProduct.name, locale) || cmsProduct.model || undefined
+      : getLocalizedValue(product?.name, locale) ||
+        getSeedLocalizedValue(seedProduct?.name, locale) ||
+        product?.model ||
+        seedProduct?.model ||
+        'Product'
   const description =
-    trimDescription(extractRichTextPlainText(cmsProduct?.overview || cmsProduct?.summary)) ||
-    trimDescription(getLocalizedValue(product?.tagline, locale)) ||
-    trimDescription(getSeedLocalizedValue(seedProduct?.summary, locale)) ||
-    undefined
+    cmsProduct
+      ? trimDescription(extractRichTextPlainText(cmsProduct.overview || cmsProduct.summary)) ||
+        trimDescription(getLocalizedValue(cmsProduct.tagline, locale)) ||
+        undefined
+      : trimDescription(getLocalizedValue(product?.tagline, locale)) ||
+        trimDescription(getSeedLocalizedValue(seedProduct?.summary, locale)) ||
+        undefined
   const ogImage = getMediaUrl(cmsProduct?.heroImage || cmsProduct?.cardImage, 'hero')
 
   return {
@@ -212,7 +255,7 @@ function ProductReviewsSection({
         </div>
       ) : null}
 
-      <div className={embedded ? 'grid gap-5 md:grid-cols-2' : 'grid gap-5 p-6 md:grid-cols-2 md:p-8'}>
+      <div className={embedded ? 'grid gap-5 md:grid-cols-2 xl:grid-cols-3' : 'grid gap-5 p-6 md:grid-cols-2 md:p-8 xl:grid-cols-3'}>
         {reviews.map((review) => {
           const thumbnailUrl = getMediaUrl(review.thumbnail, 'card')
           const publishedAt = formatReleaseDate(review.publishedAt, locale)
@@ -220,7 +263,7 @@ function ProductReviewsSection({
           return (
             <article
               key={review.id}
-              className="overflow-hidden rounded-[24px] border border-black/10 bg-[#FCFBF8]"
+              className="overflow-hidden rounded-[24px] border border-black/10 bg-[#FCFBF8] transition-transform duration-200 hover:-translate-y-1"
             >
               {thumbnailUrl ? (
                 <div className="aspect-[16/9] overflow-hidden bg-[linear-gradient(135deg,#EEE8DC_0%,#F7F3EA_100%)]">
@@ -281,6 +324,66 @@ function ProductReviewsSection({
   )
 }
 
+function ProductNewsSection({
+  locale,
+  news,
+}: {
+  locale: Locale
+  news: News[]
+}) {
+  if (news.length === 0) return null
+
+  return (
+    <section className="grid gap-5">
+      {news.map((article) => {
+        const imageUrl = getMediaUrl(article.coverImage, 'card') || getMediaUrl(article.coverImage, 'hero')
+        const publishedAt = formatReleaseDate(article.publishedAt || article.createdAt, locale)
+        const categoryLabel = getNewsCategoryLabel(article, locale)
+
+        return (
+          <article
+            key={article.id}
+            className="grid overflow-hidden rounded-[18px] bg-white shadow-[0_12px_36px_rgba(17,24,39,0.06)] transition duration-200 hover:-translate-y-0.5 md:grid-cols-[minmax(220px,34%)_1fr]"
+          >
+            <a
+              href={`/${locale}/news/${article.slug}`}
+              className="block min-h-[190px] overflow-hidden bg-[linear-gradient(135deg,#EEE8DC_0%,#F7F3EA_100%)] md:min-h-full"
+            >
+              {imageUrl ? (
+                <img
+                  src={imageUrl}
+                  alt={article.title}
+                  className="h-full w-full object-cover transition duration-500 hover:scale-[1.03]"
+                />
+              ) : (
+                <div className="h-full min-h-[190px] bg-[radial-gradient(circle_at_top_left,rgba(0,0,0,0.08),transparent_42%),linear-gradient(135deg,#EEE8DC_0%,#F7F3EA_100%)]" />
+              )}
+            </a>
+
+            <div className="flex min-h-[190px] flex-col justify-center p-5 md:p-7">
+              <a
+                href={`/${locale}/news/${article.slug}`}
+                className="block text-2xl font-medium tracking-tight text-text-primary transition hover:opacity-70 md:text-3xl"
+              >
+                {article.title}
+              </a>
+              <div className="mt-4 flex flex-wrap items-center gap-3 text-[11px] font-medium uppercase tracking-[0.18em] text-text-muted">
+                {publishedAt ? <span>{publishedAt}</span> : null}
+                {categoryLabel ? <span>{categoryLabel}</span> : null}
+              </div>
+              {article.excerpt ? (
+                <p className="mt-4 line-clamp-3 max-w-[72ch] text-sm leading-7 text-text-secondary md:text-base">
+                  {article.excerpt}
+                </p>
+              ) : null}
+            </div>
+          </article>
+        )
+      })}
+    </section>
+  )
+}
+
 export default async function ProductDetailPage({
   params,
 }: {
@@ -291,17 +394,21 @@ export default async function ProductDetailPage({
 
   const fallbackProduct = ALL_PRODUCTS_FALLBACK.find((item) => item.slug === slug)
   const seedProduct = await getSeedProductBySlug(slug)
-  const { downloads, product: cmsProduct, reviews, videos } = await getProductPageData(slug, locale)
+  const { downloads, news, product: cmsProduct, reviews, videos } = await getProductPageData(slug, locale)
   const product = cmsProduct ?? fallbackProduct
   if (!product && !seedProduct) notFound()
 
-  const productModel = product?.model || seedProduct?.model || ''
+  const productModel = cmsProduct ? cmsProduct.model || '' : product?.model || seedProduct?.model || ''
   const productName =
-    getLocalizedValue(product?.name, locale) ||
-    getSeedLocalizedValue(seedProduct?.name, locale) ||
-    productModel
+    cmsProduct
+      ? getLocalizedValue(cmsProduct.name, locale) || productModel
+      : getLocalizedValue(product?.name, locale) ||
+        getSeedLocalizedValue(seedProduct?.name, locale) ||
+        productModel
   const productTagline =
-    getLocalizedValue(product?.tagline, locale) || getSeedLocalizedValue(seedProduct?.summary, locale)
+    cmsProduct
+      ? getLocalizedValue(cmsProduct.tagline, locale)
+      : getLocalizedValue(product?.tagline, locale) || getSeedLocalizedValue(seedProduct?.summary, locale)
   const downloadPageHref =
     cmsProduct?.firmware?.showOnProductPage && downloads.length > 0 ? `/${locale}/downloads/${slug}` : null
 
@@ -359,7 +466,7 @@ export default async function ProductDetailPage({
   const productUrl = buildAbsoluteUrl(`/${locale}/products/${slug}`)
 
   return (
-    <div className="px-6 py-16 md:px-12 md:py-24">
+    <div className="px-6 pb-12 pt-4 md:px-12 md:pb-16 md:pt-5">
       <div className="mx-auto max-w-page">
       <script
         type="application/ld+json"
@@ -484,6 +591,7 @@ export default async function ProductDetailPage({
         hasGallery={galleryImages.length > 0}
         hasVideos={renderedVideos.length > 0}
         hasReviews={reviews.length > 0}
+        hasNews={news.length > 0}
         descriptionPanelClassName={
           templateData
             ? 'relative left-1/2 right-1/2 w-screen -translate-x-1/2'
@@ -509,7 +617,7 @@ export default async function ProductDetailPage({
               <div className="py-2">
                 <div className="max-w-reading text-base leading-8 text-text-secondary">{productTagline}</div>
               </div>
-            ) : (
+            ) : cmsProduct ? null : (
               <div className="grid gap-10 py-2 md:grid-cols-[1.1fr,1fr]">
                 <div>
                   <div className="aspect-[4/3] rounded-lg bg-[linear-gradient(135deg,#EFECE4_0%,#F7F6F3_100%)]" />
@@ -531,6 +639,7 @@ export default async function ProductDetailPage({
         galleryPanel={<ProductGallerySection images={galleryImages} locale={locale} />}
         videosPanel={<ProductVideosSection embedded locale={locale} videos={renderedVideos} />}
         reviewsPanel={<ProductReviewsSection embedded locale={locale} reviews={reviews} />}
+        newsPanel={<ProductNewsSection locale={locale} news={news} />}
       />
       </div>
     </div>
diff --git a/src/app/(frontend)/[locale]/products/[slug]/product-content-tabs.tsx b/src/app/(frontend)/[locale]/products/[slug]/product-content-tabs.tsx
index 82e8280..ee9c0ec 100644
--- a/src/app/(frontend)/[locale]/products/[slug]/product-content-tabs.tsx
+++ b/src/app/(frontend)/[locale]/products/[slug]/product-content-tabs.tsx
@@ -4,24 +4,26 @@ import { useState } from 'react'
 import type { ReactNode } from 'react'
 import type { Locale } from '@/i18n/config'
 
-type ProductContentTab = 'description' | 'videos' | 'reviews'
+type ProductContentTab = 'description' | 'videos' | 'reviews' | 'news'
 
 type ProductContentTabWithGallery = ProductContentTab | 'gallery'
 
-const TAB_ORDER: ProductContentTabWithGallery[] = ['description', 'gallery', 'videos', 'reviews']
+const TAB_ORDER: ProductContentTabWithGallery[] = ['description', 'gallery', 'videos', 'reviews', 'news']
 
 function getTabLabel(tab: ProductContentTabWithGallery, locale: Locale) {
   if (locale === 'zh') {
     if (tab === 'description') return '描述'
     if (tab === 'gallery') return '相册'
     if (tab === 'videos') return '视频'
-    return '评测'
+    if (tab === 'reviews') return '评测'
+    return '新闻'
   }
 
   if (tab === 'description') return 'Description'
   if (tab === 'gallery') return 'Gallery'
   if (tab === 'videos') return 'Videos'
-  return 'Reviews'
+  if (tab === 'reviews') return 'Reviews'
+  return 'News'
 }
 
 export function ProductContentTabs({
@@ -31,7 +33,9 @@ export function ProductContentTabs({
   hasGallery,
   hasReviews,
   hasVideos,
+  hasNews,
   locale,
+  newsPanel,
   reviewsPanel,
   videosPanel,
 }: {
@@ -41,7 +45,9 @@ export function ProductContentTabs({
   hasGallery: boolean
   hasReviews: boolean
   hasVideos: boolean
+  hasNews: boolean
   locale: Locale
+  newsPanel: ReactNode
   reviewsPanel: ReactNode
   videosPanel: ReactNode
 }) {
@@ -50,7 +56,8 @@ export function ProductContentTabs({
     if (tab === 'description') return true
     if (tab === 'gallery') return hasGallery
     if (tab === 'videos') return hasVideos
-    return hasReviews
+    if (tab === 'reviews') return hasReviews
+    return hasNews
   })
 
   return (
@@ -117,6 +124,17 @@ export function ProductContentTabs({
             </div>
           )}
         </div>
+        <div hidden={activeTab !== 'news'}>
+          {hasNews ? (
+            newsPanel
+          ) : (
+            <div className="py-10 text-center text-sm text-text-muted">
+              {locale === 'zh'
+                ? '该产品暂时还没有相关新闻。'
+                : 'Related news for this product will appear here.'}
+            </div>
+          )}
+        </div>
       </div>
     </section>
   )
diff --git a/src/app/(frontend)/[locale]/products/[slug]/product-gallery-section.tsx b/src/app/(frontend)/[locale]/products/[slug]/product-gallery-section.tsx
index a6e7b71..be02f68 100644
--- a/src/app/(frontend)/[locale]/products/[slug]/product-gallery-section.tsx
+++ b/src/app/(frontend)/[locale]/products/[slug]/product-gallery-section.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import type { Locale } from '@/i18n/config'
 
 type ProductGalleryImage = {
@@ -15,8 +15,10 @@ export function ProductGallerySection({
   images: ProductGalleryImage[]
   locale: Locale
 }) {
+  const thumbnailRailRef = useRef<HTMLDivElement | null>(null)
   const [activeIndex, setActiveIndex] = useState<number>(0)
   const [lightboxIndex, setLightboxIndex] = useState<number | null>(null)
+  const [hasThumbnailOverflow, setHasThumbnailOverflow] = useState(false)
   const activeImage = images[activeIndex] ?? null
   const lightboxImage = lightboxIndex === null ? null : images[lightboxIndex] ?? null
 
@@ -39,108 +41,131 @@ export function ProductGallerySection({
     })
   }
 
+  function scrollThumbnails(direction: -1 | 1) {
+    const rail = thumbnailRailRef.current
+    if (!rail) return
+    rail.scrollBy({
+      behavior: 'smooth',
+      left: direction * Math.max(rail.clientWidth * 0.72, 240),
+    })
+  }
+
+  useEffect(() => {
+    const rail = thumbnailRailRef.current
+    if (!rail) return
+    const thumbnailRail = rail
+
+    function updateOverflow() {
+      setHasThumbnailOverflow(thumbnailRail.scrollWidth > thumbnailRail.clientWidth + 2)
+    }
+
+    updateOverflow()
+
+    const resizeObserver = new ResizeObserver(updateOverflow)
+    resizeObserver.observe(thumbnailRail)
+
+    return () => resizeObserver.disconnect()
+  }, [images.length])
+
   if (images.length === 0) return null
 
   return (
     <>
       <section>
-        <div className="grid gap-10 xl:grid-cols-[180px_minmax(0,1fr)] xl:gap-14">
-          <aside className="order-2 xl:order-1">
-            <div className="sticky top-24">
-              <div className="text-[11px] uppercase tracking-[0.26em] text-text-muted">
-                {locale === 'zh' ? '产品相册' : 'Product Gallery'}
-              </div>
-              <div className="mt-4 text-3xl font-medium tracking-tight text-text-primary xl:text-4xl">
-                {String(activeIndex + 1).padStart(2, '0')}
-              </div>
-              <div className="mt-1 text-sm text-text-muted">
-                {locale === 'zh' ? `/ ${images.length} 张` : `/ ${images.length} views`}
-              </div>
-              <p className="mt-6 max-w-[16rem] text-sm leading-7 text-text-secondary">
-                {locale === 'zh'
-                  ? '用更接近画册的方式浏览产品细节、材质和整体氛围。'
-                  : 'An editorial sequence for surfaces, materials, and product atmosphere.'}
-              </p>
-
-              <div className="mt-8 flex items-center gap-2">
-                <button
-                  type="button"
-                  onClick={() => stepGallery(-1)}
-                  className="inline-flex h-10 w-10 items-center justify-center rounded-full bg-black/5 text-text-primary transition hover:bg-black/10"
-                  aria-label={locale === 'zh' ? '上一张' : 'Previous image'}
-                >
-                  ←
-                </button>
-                <button
-                  type="button"
-                  onClick={() => stepGallery(1)}
-                  className="inline-flex h-10 w-10 items-center justify-center rounded-full bg-black/5 text-text-primary transition hover:bg-black/10"
-                  aria-label={locale === 'zh' ? '下一张' : 'Next image'}
-                >
-                  →
-                </button>
-              </div>
-            </div>
-          </aside>
-
-          <div className="order-1 xl:order-2">
+        <div className="grid gap-4 xl:gap-5">
+          <div className="group relative">
             <button
               type="button"
               onClick={() => setLightboxIndex(activeIndex)}
               className="group block w-full text-left"
             >
-              <div className="overflow-hidden rounded-[30px] bg-[radial-gradient(circle_at_top_left,rgba(197,176,148,0.16),transparent_44%),linear-gradient(135deg,#ebe4d7_0%,#f8f5ef_60%,#ffffff_100%)]">
+              <div className="overflow-hidden rounded-[16px] bg-[radial-gradient(circle_at_top_left,rgba(197,176,148,0.16),transparent_44%),linear-gradient(135deg,#ebe4d7_0%,#f8f5ef_60%,#ffffff_100%)] shadow-[0_28px_90px_rgba(17,24,39,0.10)]">
                 <img
                   src={activeImage.src}
                   alt={activeImage.alt}
-                  className="aspect-[16/10] h-full w-full object-cover transition duration-700 group-hover:scale-[1.015]"
+                  className="aspect-[16/10] h-full w-full object-cover transition duration-700 group-hover:scale-[1.018]"
                 />
               </div>
             </button>
 
-            <div className="mt-6 grid gap-4 xl:grid-cols-[minmax(0,1fr)_320px] xl:items-start">
-              <div>
-                <div className="text-[11px] uppercase tracking-[0.22em] text-text-muted">
-                  {locale === 'zh' ? '当前画面' : 'Current View'}
-                </div>
-                <div className="mt-3 max-w-[44rem] text-2xl font-medium tracking-tight text-text-primary md:text-3xl">
-                  {activeImage.alt || (locale === 'zh' ? '产品图片' : 'Product Image')}
-                </div>
-              </div>
-
-              <div className="overflow-x-auto">
-                <div className="flex gap-3 xl:grid xl:grid-cols-3">
-                  {images.map((image, index) => {
-                    const isActive = index === activeIndex
-
-                    return (
-                      <button
-                        key={`${image.src}-${index}`}
-                        type="button"
-                        onClick={() => setActiveIndex(index)}
-                        className="group min-w-[112px] text-left xl:min-w-0"
-                        aria-pressed={isActive}
-                      >
-                        <div className="overflow-hidden rounded-[18px] bg-[#f3eee7]">
-                          <img
-                            src={image.src}
-                            alt={image.alt}
-                            className={[
-                              'aspect-[4/5] h-full w-full object-cover transition duration-500 group-hover:scale-[1.04]',
-                              isActive ? 'opacity-100' : 'opacity-72',
-                            ].join(' ')}
-                          />
-                        </div>
-                        <div className="mt-2 text-[11px] uppercase tracking-[0.18em] text-text-muted">
-                          {String(index + 1).padStart(2, '0')}
-                        </div>
-                      </button>
-                    )
-                  })}
-                </div>
-              </div>
+            <div className="pointer-events-none absolute inset-x-0 bottom-0 flex justify-between p-4 opacity-0 transition duration-300 group-hover:opacity-100">
+              <button
+                type="button"
+                onClick={(event) => {
+                  event.stopPropagation()
+                  stepGallery(-1)
+                }}
+                className="pointer-events-auto inline-flex h-11 w-11 items-center justify-center rounded-full bg-white/78 text-text-primary shadow-[0_12px_40px_rgba(0,0,0,0.14)] backdrop-blur transition hover:bg-white"
+                aria-label={locale === 'zh' ? '上一张' : 'Previous image'}
+              >
+                ←
+              </button>
+              <button
+                type="button"
+                onClick={(event) => {
+                  event.stopPropagation()
+                  stepGallery(1)
+                }}
+                className="pointer-events-auto inline-flex h-11 w-11 items-center justify-center rounded-full bg-white/78 text-text-primary shadow-[0_12px_40px_rgba(0,0,0,0.14)] backdrop-blur transition hover:bg-white"
+                aria-label={locale === 'zh' ? '下一张' : 'Next image'}
+              >
+                →
+              </button>
             </div>
           </div>
+
+          <div className="relative">
+            {hasThumbnailOverflow ? (
+              <button
+                type="button"
+                onClick={() => scrollThumbnails(-1)}
+                className="absolute left-0 top-1/2 z-10 hidden h-16 w-8 -translate-y-1/2 items-center justify-center rounded-r-full border border-l-0 border-black/10 bg-white/78 text-[18px] text-text-muted shadow-[0_10px_28px_rgba(17,24,39,0.10)] backdrop-blur transition hover:bg-white hover:text-text-primary md:inline-flex"
+                aria-label={locale === 'zh' ? '向左浏览缩略图' : 'Scroll thumbnails left'}
+              >
+                ‹
+              </button>
+            ) : null}
+            <div
+              ref={thumbnailRailRef}
+              className="flex gap-3 overflow-x-auto scroll-smooth px-0 pb-1 md:px-12"
+            >
+              {images.map((image, index) => {
+                const isActive = index === activeIndex
+
+                return (
+                  <button
+                    key={`${image.src}-${index}`}
+                    type="button"
+                    onClick={() => setActiveIndex(index)}
+                    onDoubleClick={() => setLightboxIndex(index)}
+                    className={[
+                      'group h-[76px] w-[125px] shrink-0 overflow-hidden rounded-[8px] bg-[#f3eee7] transition duration-300',
+                      isActive
+                        ? 'opacity-100 shadow-[0_12px_28px_rgba(17,24,39,0.12)]'
+                        : 'opacity-58 hover:opacity-100',
+                    ].join(' ')}
+                    aria-pressed={isActive}
+                  >
+                    <img
+                      src={image.src}
+                      alt={image.alt}
+                      className="h-full w-full object-cover transition duration-500 group-hover:scale-[1.045]"
+                    />
+                  </button>
+                )
+              })}
+            </div>
+            {hasThumbnailOverflow ? (
+              <button
+                type="button"
+                onClick={() => scrollThumbnails(1)}
+                className="absolute right-0 top-1/2 z-10 hidden h-16 w-8 -translate-y-1/2 items-center justify-center rounded-l-full border border-r-0 border-black/10 bg-white/78 text-[18px] text-text-muted shadow-[0_10px_28px_rgba(17,24,39,0.10)] backdrop-blur transition hover:bg-white hover:text-text-primary md:inline-flex"
+                aria-label={locale === 'zh' ? '向右浏览缩略图' : 'Scroll thumbnails right'}
+              >
+                ›
+              </button>
+            ) : null}
+          </div>
         </div>
       </section>
 
@@ -150,15 +175,12 @@ export function ProductGallerySection({
           role="dialog"
           aria-modal="true"
         >
-          <div className="w-full max-w-6xl overflow-hidden rounded-[28px] bg-black shadow-[0_40px_120px_rgba(0,0,0,0.45)]">
-            <div className="flex items-center justify-between border-b border-white/10 px-5 py-4 text-white">
-              <div className="truncate text-base font-medium">
-                {locale === 'zh' ? '产品相册' : 'Product Gallery'}
-              </div>
+          <div className="relative w-full max-w-6xl overflow-hidden rounded-[16px] bg-black shadow-[0_40px_120px_rgba(0,0,0,0.45)]">
+            <div className="absolute right-4 top-4 z-10 flex justify-end text-white">
               <button
                 type="button"
                 onClick={() => setLightboxIndex(null)}
-                className="inline-flex h-10 w-10 items-center justify-center rounded-full border border-white/20 text-lg"
+                className="inline-flex h-10 w-10 items-center justify-center rounded-full border border-white/20 bg-black/35 text-lg backdrop-blur transition hover:bg-black/55"
                 aria-label={locale === 'zh' ? '关闭相册' : 'Close gallery'}
               >
                 ×
diff --git a/src/app/(frontend)/[locale]/products/page.tsx b/src/app/(frontend)/[locale]/products/page.tsx
index 7a0b920..13cf58d 100644
--- a/src/app/(frontend)/[locale]/products/page.tsx
+++ b/src/app/(frontend)/[locale]/products/page.tsx
@@ -77,12 +77,7 @@ function normalizeCategory(category: number | ProductCategory | null | undefined
             (category.name as Partial<Record<'en' | 'zh', string | null>> | null | undefined)?.en ||
             (category.name as Partial<Record<'en' | 'zh', string | null>> | null | undefined)?.zh ||
             null)
-    const normalizedTitle =
-      !localizedName ||
-      localizedName === category.slug ||
-      /^[a-z0-9-]+$/.test(localizedName)
-        ? defaultSeries.title
-        : localizedName
+    const normalizedTitle = localizedName || defaultSeries.title
     const categorySubtitle =
       typeof category.subtitle === 'string'
         ? category.subtitle
@@ -95,10 +90,10 @@ function normalizeCategory(category: number | ProductCategory | null | undefined
     const categoryDescription = extractRichTextPlainText(category.description)
 
     return {
-      description: categoryDescription || defaultSeries.description,
+      description: categoryDescription || null,
       key: category.slug,
       order: typeof category.order === 'number' && category.order > 0 ? category.order : defaultSeries.order,
-      subtitle: categorySubtitle || defaultSeries.subtitle,
+      subtitle: categorySubtitle || null,
       title: normalizedTitle,
     } satisfies ProductSeries
   }
@@ -108,8 +103,6 @@ function normalizeCategory(category: number | ProductCategory | null | undefined
 
 async function getProductsPageData(locale: Locale) {
   const payload = await getPayloadClient()
-  const seedProducts = await getSeedProducts()
-  const seedProductMap = new Map(seedProducts.map((product) => [product.slug, product]))
   const result = await payload.find({
     collection: 'products',
     depth: 1,
@@ -129,12 +122,10 @@ async function getProductsPageData(locale: Locale) {
     return result.docs.map((product) => {
       const cardImage = getProductImage(product.cardImage || product.heroImage || product.lifestyleImage)
       const lifestyleImage = getProductImage(product.lifestyleImage || product.heroImage || product.cardImage)
-      const seedProduct = seedProductMap.get(product.slug)
-      const fallbackImage = getSeedLocalizedValue(seedProduct?.heroImageUrl, locale)
       const cardImageUrl =
-        normalizeUploadUrl(cardImage?.url || cardImage?.thumbnailURL || null) || fallbackImage
+        normalizeUploadUrl(cardImage?.url || cardImage?.thumbnailURL || null)
       const lifestyleImageUrl =
-        normalizeUploadUrl(lifestyleImage?.url || lifestyleImage?.thumbnailURL || null) || fallbackImage
+        normalizeUploadUrl(lifestyleImage?.url || lifestyleImage?.thumbnailURL || null)
 
       return {
         categoryKey:
@@ -199,6 +190,11 @@ export default async function ProductsPage({
 
   const products = await getProductsPageData(locale)
   const payload = await getPayloadClient()
+  const page = await payload.findGlobal({
+    depth: 1,
+    slug: 'productsPage' as any,
+    locale,
+  })
   const categories = await payload.find({
     collection: 'productCategories',
     depth: 0,
@@ -236,7 +232,7 @@ export default async function ProductsPage({
   }))
 
   return (
-    <div className="mx-auto max-w-page px-6 py-16 md:px-12 md:py-24">
+    <div className="mx-auto max-w-page px-6 pb-12 pt-4 md:px-12 md:pb-16 md:pt-5">
       <script
         type="application/ld+json"
         suppressHydrationWarning
@@ -250,29 +246,28 @@ export default async function ProductsPage({
         }}
       />
       <PageHero
-        eyebrow={locale === 'zh' ? '产品目录' : 'Product Catalogue'}
-        imageUrl="https://www.eversolo.com/Uploads/product/31eeef97d41308457e36e6ca517c1a9d.jpg"
-        title={locale === 'zh' ? '按系列浏览全部产品' : 'Browse the Lineup by Series'}
-        description={
-          locale === 'zh'
-            ? '从 DMP 流媒体播放器、解码器、功放到配件产品，按系列理解每条产品线的定位与节奏。'
-            : 'Move through the range by series, from DMP streamers and DACs to amplifiers and supporting products.'
+        eyebrow={page.hero?.eyebrow?.trim() || null}
+        imageUrl={
+          normalizeUploadUrl(
+            (page.hero?.image && typeof page.hero.image !== 'number'
+              ? page.hero.image.url || page.hero.image.thumbnailURL
+              : null) || null,
+          ) || null
         }
+        title={page.hero?.title?.trim() || null}
+        description={page.hero?.description?.trim() || null}
       />
 
-      <div className="mt-12 space-y-14">
+      <div className="mt-8 space-y-10">
         {groupedProducts.map((group) => (
           <section key={group.series.key}>
             <div className="max-w-[860px]">
-              <div className="text-sm uppercase tracking-[0.18em] text-text-muted">
-                {group.series.subtitle || (locale === 'zh' ? '系列' : 'Series')}
-              </div>
-              <h2 className="mt-2 text-3xl font-medium tracking-tight md:text-5xl">
+              <h2 className="text-3xl font-medium tracking-tight md:text-5xl">
                 {group.series.title}
               </h2>
-              {group.series.description ? (
+              {group.series.subtitle ? (
                 <p className="mt-4 max-w-reading text-base leading-8 text-text-secondary">
-                  {group.series.description}
+                  {group.series.subtitle}
                 </p>
               ) : null}
             </div>
@@ -327,9 +322,6 @@ export default async function ProductsPage({
                   )}
 
                   <div className="px-6 py-5">
-                    <div className="text-sm uppercase tracking-[0.18em] text-text-muted">
-                      {product.model}
-                    </div>
                     {useDocumentNavigation ? (
                       <a href={productHref} className={titleClassName}>
                         {product.name}
@@ -340,7 +332,7 @@ export default async function ProductsPage({
                       </Link>
                     )}
                     {product.tagline ? (
-                      <p className="mt-3 text-sm leading-7 text-text-secondary">
+                      <p className="mt-4 text-sm leading-7 text-text-secondary">
                         {product.tagline}
                       </p>
                     ) : null}
@@ -355,7 +347,7 @@ export default async function ProductsPage({
       </div>
 
       {products.length === 0 ? (
-        <div className="mt-12 rounded-2xl border border-dashed border-black/15 bg-subtle/30 px-6 py-10 text-text-secondary">
+        <div className="mt-8 rounded-2xl border border-dashed border-black/15 bg-subtle/30 px-6 py-10 text-text-secondary">
           {locale === 'zh'
             ? '产品内容正在整理中。'
             : 'Product content is being prepared.'}
diff --git a/src/app/(frontend)/[locale]/support/contact/page.tsx b/src/app/(frontend)/[locale]/support/contact/page.tsx
index c3a88b0..c1f10a5 100644
--- a/src/app/(frontend)/[locale]/support/contact/page.tsx
+++ b/src/app/(frontend)/[locale]/support/contact/page.tsx
@@ -43,26 +43,20 @@ async function getContactPageData(locale: Locale) {
 
 function getContactPageTitle(rawTitle: string | null | undefined, locale: Locale) {
   const normalized = rawTitle?.trim()
-  if (!normalized) return locale === 'zh' ? '联系支持' : 'Contact Support'
+  if (!normalized) return ''
 
   if (/ZIDOO/i.test(normalized) || /Afterservice/i.test(normalized)) {
-    return locale === 'zh' ? '联系支持' : 'Contact Support'
+    return ''
   }
 
   return normalized
 }
 
 function shouldUseContactIntroFallback(rawBody: string | null | undefined) {
-  if (!rawBody) return true
+  if (!rawBody) return false
   return /registered trademark/i.test(rawBody) || /The core founding team members/i.test(rawBody)
 }
 
-function getContactFallbackDescription(locale: Locale) {
-  return locale === 'zh'
-    ? '提交产品支持请求，并附上型号、购买信息和问题描述，帮助支持团队更快跟进。'
-    : 'Submit a support request with your model, purchase details, and issue summary to help the team respond faster.'
-}
-
 export async function generateMetadata({
   params,
 }: {
@@ -77,8 +71,8 @@ export async function generateMetadata({
     alternates: buildLocaleAlternates('/support/contact', locale),
     description:
       trimDescription(shouldUseContactIntroFallback(introText) ? null : introText) ||
-      getContactFallbackDescription(locale),
-    title: pageTitle,
+      undefined,
+    title: pageTitle || undefined,
   }
 }
 
@@ -91,7 +85,7 @@ function getGuidanceTitle(
   title: string | null | undefined,
   locale: Locale,
 ) {
-  return title?.trim() || (locale === 'zh' ? '填写建议' : 'Before You Submit')
+  return title?.trim() || ''
 }
 
 function getGuidanceDescription(
@@ -101,9 +95,7 @@ function getGuidanceDescription(
   const normalized = description?.trim()
   if (normalized) return normalized
 
-  return locale === 'zh'
-    ? '先补充产品信息和问题摘要，再提交请求，支持团队会更容易快速进入排查与跟进。'
-    : 'Share product details and the clearest possible issue summary so support can move from intake to triage faster.'
+  return ''
 }
 
 function getGuidanceItems(
@@ -111,19 +103,7 @@ function getGuidanceItems(
   locale: Locale,
 ) {
   const normalized = (items || []).map((item) => item.text?.trim()).filter(Boolean) as string[]
-  if (normalized.length > 0) return normalized
-
-  return locale === 'zh'
-    ? [
-        '尽量提供产品型号、序列号、购买时间和问题出现方式，便于支持团队更快判断。',
-        '如果问题与固件相关，建议先在下载中心确认当前版本和更新记录。',
-        '提交后请求会写入后台，便于后续继续跟进。',
-      ]
-    : [
-        'Include the product model, serial number, purchase timing, and how the issue reproduces to speed up triage.',
-        'If the issue is firmware-related, confirm the current version and release notes in the download center first.',
-        'Submissions are saved into the CMS so the team can continue tracking the request.',
-      ]
+  return normalized
 }
 
 function getGuidanceLinks(
@@ -139,25 +119,14 @@ function getGuidanceLinks(
 
   if (normalized.length > 0) return normalized
 
-  return [
-    {
-      href: `/${locale}/support/faq`,
-      label: locale === 'zh' ? '查看 FAQ' : 'Browse FAQ',
-    },
-    {
-      href: `/${locale}/support/warranty`,
-      label: locale === 'zh' ? '保修政策' : 'Warranty Policy',
-    },
-  ]
+  return []
 }
 
 function getFormDisabledMessage(message: string | null | undefined, locale: Locale) {
   const normalized = message?.trim()
   if (normalized) return normalized
 
-  return locale === 'zh'
-    ? '当前未开放在线表单，请先通过常见问题和保修页面了解支持信息。'
-    : 'The online form is currently disabled. Please use the FAQ and warranty pages for support guidance first.'
+  return ''
 }
 
 export default async function ContactPage({
@@ -173,7 +142,7 @@ export default async function ContactPage({
   const introText = extractRichTextPlainText(page.intro?.body)
   const pageDescription =
     trimDescription(shouldUseContactIntroFallback(introText) ? null : introText) ||
-    getContactFallbackDescription(locale)
+    undefined
   const introWithHero = page.intro as typeof page.intro & {
     heroImage?: { thumbnailURL?: string | null; url?: string | null } | number | null
   }
@@ -188,7 +157,7 @@ export default async function ContactPage({
   const formDisabledMessage = getFormDisabledMessage(page.formDisabledMessage, locale)
 
   return (
-    <div className="mx-auto max-w-page px-6 py-16 md:px-12 md:py-24">
+    <div className="mx-auto max-w-page px-6 pb-12 pt-4 md:px-12 md:pb-16 md:pt-5">
       <script
         type="application/ld+json"
         suppressHydrationWarning
@@ -203,21 +172,19 @@ export default async function ContactPage({
         }}
       />
       <PageHero
-        eyebrow={page.intro?.eyebrow?.trim() || (locale === 'zh' ? '联系支持' : 'Contact Support')}
-        imageUrl={heroImage || 'https://www.eversolo.com/Uploads/product/d44c180bbe0df77b698e3852c4caf38f.jpg'}
+        eyebrow={page.intro?.eyebrow?.trim() || null}
+        imageUrl={heroImage}
         title={pageTitle}
         description={
           shouldUseContactIntroFallback(introText) ? (
-            locale === 'zh'
-              ? '填写产品型号、购买信息和问题摘要后，支持团队就能更快进入定位与跟进。'
-              : 'Share your model, purchase details, and issue summary so the support team can move into triage faster.'
+            null
           ) : (
             renderRichText(page.intro?.body)
           )
         }
       />
 
-      <section className="mt-12 rounded-2xl border border-black/10 bg-white p-6 md:p-8">
+      <section className="mt-8 rounded-2xl border border-black/10 bg-white p-6 md:p-8">
         <h2 className="text-2xl font-medium tracking-tight md:text-3xl">
           {locale === 'zh' ? '支持请求' : 'Support Request'}
         </h2>
@@ -235,46 +202,37 @@ export default async function ContactPage({
               <div className="text-sm uppercase tracking-[0.18em] text-text-muted">
                 {guidanceTitle}
               </div>
-              <p className="mt-3 text-sm leading-7 text-text-secondary">{guidanceDescription}</p>
-              <ul className="mt-4 space-y-3 text-sm leading-7 text-text-secondary">
-                {guidanceItems.map((item) => (
-                  <li key={item}>{item}</li>
-                ))}
-              </ul>
+              {guidanceDescription ? <p className="mt-3 text-sm leading-7 text-text-secondary">{guidanceDescription}</p> : null}
+              {guidanceItems.length > 0 ? (
+                <ul className="mt-4 space-y-3 text-sm leading-7 text-text-secondary">
+                  {guidanceItems.map((item) => (
+                    <li key={item}>{item}</li>
+                  ))}
+                </ul>
+              ) : null}
 
-              <div className="mt-8 flex flex-wrap gap-3">
-                {guidanceLinks.map((item) => (
-                  <Link
-                    key={`${item.href}-${item.label}`}
-                    href={item.href}
-                    className="inline-flex items-center rounded-full border border-black/15 px-4 py-2 text-sm font-medium text-text-primary"
-                  >
-                    {item.label}
-                  </Link>
-                ))}
-              </div>
+              {guidanceLinks.length > 0 ? (
+                <div className="mt-8 flex flex-wrap gap-3">
+                  {guidanceLinks.map((item) => (
+                    <Link
+                      key={`${item.href}-${item.label}`}
+                      href={item.href}
+                      className="inline-flex items-center rounded-full border border-black/15 px-4 py-2 text-sm font-medium text-text-primary"
+                    >
+                      {item.label}
+                    </Link>
+                  ))}
+                </div>
+              ) : null}
             </aside>
           </div>
         ) : (
           <>
-            <p className="mt-4 max-w-reading text-sm leading-7 text-text-secondary">
-              {formDisabledMessage}
-            </p>
-
-            <div className="mt-6 flex flex-wrap gap-3">
-              <Link
-                href={`/${locale}/support/faq`}
-                className="inline-flex items-center rounded-full border border-black/15 px-4 py-2 text-sm font-medium text-text-primary"
-              >
-                {locale === 'zh' ? '查看 FAQ' : 'Browse FAQ'}
-              </Link>
-              <Link
-                href={`/${locale}/support/warranty`}
-                className="inline-flex items-center rounded-full border border-black/15 px-4 py-2 text-sm font-medium text-text-primary"
-              >
-                {locale === 'zh' ? '保修政策' : 'Warranty Policy'}
-              </Link>
-            </div>
+            {formDisabledMessage ? (
+              <p className="mt-4 max-w-reading text-sm leading-7 text-text-secondary">
+                {formDisabledMessage}
+              </p>
+            ) : null}
           </>
         )}
       </section>
diff --git a/src/app/(frontend)/[locale]/support/faq/faq-browser.tsx b/src/app/(frontend)/[locale]/support/faq/faq-browser.tsx
index 86d3b46..57d2dbb 100644
--- a/src/app/(frontend)/[locale]/support/faq/faq-browser.tsx
+++ b/src/app/(frontend)/[locale]/support/faq/faq-browser.tsx
@@ -29,7 +29,7 @@ export function FaqBrowser({
   groups: FaqGroup[]
   locale: Locale
 }) {
-  const [activeGroup, setActiveGroup] = useState<string>(groups[0]?.group ?? 'all')
+  const [activeGroup, setActiveGroup] = useState<string>('all')
   const [query, setQuery] = useState('')
   const deferredQuery = useDeferredValue(query)
 
@@ -54,82 +54,144 @@ export function FaqBrowser({
       .filter((group) => group.faqs.length > 0)
   }, [activeGroup, deferredQuery, groups])
 
+  const resultCount = filteredGroups.reduce((total, group) => total + group.faqs.length, 0)
+  const totalCount = groups.reduce((total, group) => total + group.faqs.length, 0)
+
   return (
-    <div className="grid gap-8 lg:grid-cols-[260px,minmax(0,1fr)] lg:items-start">
-      <aside className="rounded-[28px] border border-black/10 bg-white p-5 shadow-[0_20px_60px_rgba(17,24,39,0.04)] lg:sticky lg:top-24">
-        <div className="text-sm uppercase tracking-[0.18em] text-text-muted">
-          {locale === 'zh' ? '快速筛选' : 'Quick Filter'}
+    <div className="grid gap-8 lg:grid-cols-[300px,minmax(0,1fr)] lg:items-start">
+      <aside className="lg:sticky lg:top-24">
+        <div className="border-b border-black/10 pb-5">
+          <div className="text-[12px] font-medium uppercase tracking-[0.24em] text-black/42">
+            {locale === 'zh' ? '检索' : 'Find Answers'}
+          </div>
+          <p className="mt-3 text-sm leading-6 text-text-secondary">
+            {locale === 'zh'
+              ? '输入产品型号、功能或问题关键词，结果会即时缩窄。'
+              : 'Search by model, feature, or issue to narrow the library instantly.'}
+          </p>
         </div>
 
         <label className="mt-5 block">
           <span className="sr-only">{locale === 'zh' ? '搜索问题' : 'Search questions'}</span>
-          <input
-            value={query}
-            onChange={(event) => setQuery(event.target.value)}
-            placeholder={locale === 'zh' ? '搜索问题或型号' : 'Search questions or model'}
-            className="h-12 w-full rounded-2xl border border-black/10 bg-subtle/40 px-4 text-sm text-text-primary outline-none transition-colors focus:border-black/30"
-          />
+          <div className="relative">
+            <span className="pointer-events-none absolute left-4 top-1/2 -translate-y-1/2 text-[13px] text-black/38">
+              ⌕
+            </span>
+            <input
+              value={query}
+              onChange={(event) => setQuery(event.target.value)}
+              placeholder={locale === 'zh' ? '搜索问题或型号' : 'Search questions or model'}
+              className="h-[52px] w-full bg-white/78 px-10 text-sm text-text-primary shadow-[0_10px_34px_rgba(23,23,23,0.045)] outline-none ring-1 ring-black/8 transition focus:bg-white focus:ring-black/20"
+            />
+          </div>
         </label>
 
-        <div className="mt-5 flex flex-wrap gap-2 lg:flex-col">
+        <div className="mt-6 grid grid-cols-2 gap-2 lg:flex lg:flex-col">
           <FilterButton
             active={activeGroup === 'all'}
-            label={locale === 'zh' ? '全部分类' : 'All Categories'}
+            count={totalCount}
+            label={locale === 'zh' ? '全部主题' : 'All Topics'}
             onClick={() => setActiveGroup('all')}
           />
           {groups.map((group) => (
             <FilterButton
               key={group.group}
               active={activeGroup === group.group}
+              count={group.faqs.length}
               label={group.label}
               onClick={() => setActiveGroup(group.group)}
             />
           ))}
         </div>
+
+        <div className="mt-7 bg-[#1d1c1a] px-5 py-5 text-white shadow-[0_18px_48px_rgba(23,23,23,0.12)]">
+          <div className="text-[11px] uppercase tracking-[0.22em] text-white/42">
+            {locale === 'zh' ? '支持路径' : 'Support Path'}
+          </div>
+          <div className="mt-3 text-sm leading-7 text-white/72">
+            {locale === 'zh'
+              ? 'FAQ 适合快速定位。如果涉及售后、维修或经销商问题，可以直接进入联系页面提交请求。'
+              : 'FAQ is built for quick diagnosis. For service, repair, or dealer questions, move directly to the contact form.'}
+          </div>
+          <Link
+            href={`/${locale}/support/contact`}
+            className="mt-5 inline-flex text-sm font-medium text-white underline decoration-white/24 underline-offset-4 transition hover:decoration-white"
+          >
+            {locale === 'zh' ? '联系支持' : 'Contact support'}
+          </Link>
+        </div>
       </aside>
 
-      <div className="space-y-8">
+      <div>
+        <div className="mb-5 flex flex-col justify-between gap-3 border-b border-black/10 pb-5 md:flex-row md:items-end">
+          <div>
+            <div className="text-[12px] font-medium uppercase tracking-[0.24em] text-black/42">
+              {locale === 'zh' ? '答案列表' : 'Answer Index'}
+            </div>
+            <h2 className="mt-2 text-2xl font-medium tracking-[-0.04em] text-black md:text-3xl">
+              {activeGroup === 'all'
+                ? locale === 'zh'
+                  ? '全部常见问题'
+                  : 'All frequently asked questions'
+                : groups.find((group) => group.group === activeGroup)?.label}
+            </h2>
+          </div>
+          <div className="text-sm text-text-muted">
+            {locale === 'zh'
+              ? `显示 ${resultCount} / ${totalCount} 条`
+              : `Showing ${resultCount} of ${totalCount}`}
+          </div>
+        </div>
+
+        <div className="space-y-9">
         {filteredGroups.map((group) => (
           <section
             key={group.group}
-            className="overflow-hidden rounded-[28px] border border-black/10 bg-white shadow-[0_20px_60px_rgba(17,24,39,0.04)]"
+            className="overflow-hidden bg-white/70 shadow-[0_12px_36px_rgba(23,23,23,0.035)]"
           >
-            <div className="border-b border-black/8 bg-[linear-gradient(135deg,rgba(245,242,235,0.95),rgba(255,255,255,0.96)_48%,rgba(238,233,224,0.92)_100%)] px-6 py-6 md:px-8">
-              <div className="text-sm uppercase tracking-[0.18em] text-text-muted">
-                {locale === 'zh' ? '分类' : 'Category'}
+            <div className="flex items-end justify-between gap-5 border-b border-black/8 px-5 py-5 md:px-7">
+              <div>
+                <div className="text-[11px] font-medium uppercase tracking-[0.22em] text-black/38">
+                  {locale === 'zh' ? '主题' : 'Topic'}
+                </div>
+                <h3 className="mt-2 text-xl font-medium tracking-[-0.035em] text-black md:text-2xl">
+                  {group.label}
+                </h3>
+              </div>
+              <div className="text-sm text-text-muted">
+                {group.faqs.length}
               </div>
-              <h2 className="mt-2 text-2xl font-medium tracking-tight text-text-primary md:text-3xl">
-                {group.label}
-              </h2>
             </div>
 
             <div className="divide-y divide-black/8">
               {group.faqs.map((faq, index) => (
                 <details
                   key={faq.id}
-                  className="group px-6 py-5 md:px-8"
+                  className="group px-5 py-0 transition-colors open:bg-white md:px-7"
                   open={index === 0 && !deferredQuery}
                 >
-                  <summary className="cursor-pointer list-none pr-8">
+                  <summary className="cursor-pointer list-none py-5">
                     <div className="flex items-start justify-between gap-6">
-                      <h3 className="text-lg font-medium tracking-tight text-text-primary">
+                      <h4 className="max-w-[760px] text-[18px] font-medium leading-7 tracking-[-0.025em] text-text-primary">
                         {faq.question}
-                      </h3>
-                      <span className="mt-1 text-xl leading-none text-text-muted transition-transform group-open:rotate-45">
+                      </h4>
+                      <span className="mt-0.5 inline-flex h-8 w-8 shrink-0 items-center justify-center bg-subtle text-lg leading-none text-text-muted transition group-open:rotate-45 group-open:bg-black group-open:text-white">
                         +
                       </span>
                     </div>
                   </summary>
 
-                  <div className="mt-4 max-w-reading">{renderRichText(faq.answer)}</div>
+                  <div className="max-w-reading border-l border-black/10 pb-7 pl-5 text-[15px] leading-8 text-text-secondary md:pl-6">
+                    {renderRichText(faq.answer)}
+                  </div>
 
                   {faq.relatedProducts.length > 0 ? (
-                    <div className="mt-5 flex flex-wrap gap-2">
+                    <div className="flex flex-wrap gap-2 pb-6 pl-5 md:pl-6">
                       {faq.relatedProducts.map((product) => (
                         <Link
                           key={product.id}
                           href={`/${locale}/products/${product.slug}`}
-                          className="inline-flex items-center rounded-full border border-black/15 px-3 py-1.5 text-sm text-text-secondary"
+                          className="inline-flex items-center bg-subtle px-3 py-1.5 text-xs font-medium uppercase tracking-[0.12em] text-text-secondary transition hover:bg-black hover:text-white"
                         >
                           {product.model}
                         </Link>
@@ -141,12 +203,18 @@ export function FaqBrowser({
             </div>
           </section>
         ))}
+        </div>
 
         {filteredGroups.length === 0 ? (
-          <div className="rounded-[28px] border border-dashed border-black/15 bg-subtle/30 px-6 py-10 text-text-secondary">
-            {locale === 'zh'
-              ? '没有找到匹配的 FAQ，试试换个关键词或查看其他分类。'
-              : 'No matching FAQ items were found. Try another keyword or switch categories.'}
+          <div className="bg-white/72 px-6 py-12 text-center shadow-[0_12px_36px_rgba(23,23,23,0.035)]">
+            <div className="text-[12px] font-medium uppercase tracking-[0.24em] text-black/38">
+              {locale === 'zh' ? '没有匹配结果' : 'No Results'}
+            </div>
+            <p className="mx-auto mt-3 max-w-[480px] text-sm leading-7 text-text-secondary">
+              {locale === 'zh'
+                ? '没有找到匹配的 FAQ，试试换个关键词、切换主题，或直接联系支持团队。'
+                : 'No matching FAQ items were found. Try another keyword, switch topics, or contact support directly.'}
+            </p>
           </div>
         ) : null}
       </div>
@@ -156,10 +224,12 @@ export function FaqBrowser({
 
 function FilterButton({
   active,
+  count,
   label,
   onClick,
 }: {
   active: boolean
+  count: number
   label: string
   onClick: () => void
 }) {
@@ -167,11 +237,12 @@ function FilterButton({
     <button
       type="button"
       onClick={onClick}
-      className={`rounded-full px-4 py-2 text-sm font-medium transition-colors ${
-        active ? 'bg-black text-white' : 'border border-black/10 bg-white text-text-primary'
+      className={`flex w-full items-center justify-between gap-4 px-4 py-3 text-left text-sm font-medium transition ${
+        active ? 'bg-black text-white shadow-[0_12px_28px_rgba(23,23,23,0.16)]' : 'bg-white/62 text-text-primary hover:bg-white'
       }`}
     >
-      {label}
+      <span>{label}</span>
+      <span className={active ? 'text-white/58' : 'text-text-muted'}>{count}</span>
     </button>
   )
 }
diff --git a/src/app/(frontend)/[locale]/support/faq/page.tsx b/src/app/(frontend)/[locale]/support/faq/page.tsx
index 8f2103a..21f1f1b 100644
--- a/src/app/(frontend)/[locale]/support/faq/page.tsx
+++ b/src/app/(frontend)/[locale]/support/faq/page.tsx
@@ -1,7 +1,7 @@
 import type { Metadata } from 'next'
+import Link from 'next/link'
 import { setRequestLocale } from 'next-intl/server'
 import type { Locale } from '@/i18n/config'
-import { PageHero } from '@/components/site/page-hero'
 import { getPayloadClient } from '@/lib/payload'
 import { buildAbsoluteUrl, buildLocaleAlternates, extractRichTextPlainText } from '@/lib/seo'
 import type { Faq, Product } from '@/payload-types'
@@ -73,6 +73,7 @@ export default async function FAQPage({
   setRequestLocale(locale)
 
   const groups = await getFaqPageData(locale)
+  const totalFaqs = groups.reduce((total, group) => total + group.faqs.length, 0)
   const faqStructuredData = groups.flatMap(({ faqs }) =>
     faqs.map((faq) => ({
       '@type': 'Question',
@@ -85,7 +86,7 @@ export default async function FAQPage({
   )
 
   return (
-    <div className="mx-auto max-w-page px-6 py-16 md:px-12 md:py-24">
+    <div className="mx-auto max-w-page px-6 pb-12 pt-4 md:px-12 md:pb-16 md:pt-5">
       <script
         type="application/ld+json"
         suppressHydrationWarning
@@ -98,18 +99,53 @@ export default async function FAQPage({
           }),
         }}
       />
-      <PageHero
-        eyebrow="FAQ"
-        imageUrl="https://www.eversolo.com/Uploads/guideClassify/d2eb5582869c6c4135584f57ae55506b.png"
-        title={locale === 'zh' ? '常见问题' : 'Frequently Asked Questions'}
-        description={
-          locale === 'zh'
-            ? '按主题查看设置、播放、连接、固件与保修等常见问题。'
-            : 'Browse answers across setup, playback, connectivity, firmware, and warranty topics.'
-        }
-      />
+      <section className="relative overflow-hidden bg-[linear-gradient(135deg,#f4f1eb_0%,#fbfaf7_52%,#e8e1d4_100%)] px-6 py-9 shadow-[0_18px_55px_rgba(23,23,23,0.05)] md:px-10 md:py-10">
+        <div className="pointer-events-none absolute right-[-6%] top-[-45%] h-[340px] w-[340px] rounded-full bg-white/70 blur-3xl" />
+        <div className="pointer-events-none absolute bottom-[-40%] left-[16%] h-[260px] w-[520px] rounded-full bg-[#c9b79e]/16 blur-3xl" />
+        <div className="relative grid gap-8 lg:grid-cols-[minmax(0,1fr)_360px] lg:items-end">
+          <div>
+            <div className="text-[12px] font-medium uppercase tracking-[0.28em] text-black/48">
+              {locale === 'zh' ? '支持知识库' : 'Support Library'}
+            </div>
+            <h1 className="mt-4 max-w-[760px] text-[42px] font-medium leading-[0.96] tracking-[-0.055em] text-black md:text-[64px]">
+              {locale === 'zh' ? '常见问题' : 'Frequently Asked Questions'}
+            </h1>
+            <p className="mt-5 max-w-[640px] text-base leading-8 text-text-secondary md:text-lg">
+              {locale === 'zh'
+                ? '把设置、播放、连接、固件与保修问题整理成可快速检索的答案库。先搜索型号或关键词，再进入对应主题。'
+                : 'A focused answer library for setup, playback, connectivity, firmware, and warranty. Search by model or keyword, then narrow by topic.'}
+            </p>
+          </div>
 
-      <div className="mt-12">
+          <div className="grid grid-cols-2 gap-3 text-sm">
+            <div className="bg-white/62 px-5 py-4 shadow-[0_10px_30px_rgba(23,23,23,0.04)]">
+              <div className="text-[11px] uppercase tracking-[0.22em] text-black/42">
+                {locale === 'zh' ? '答案' : 'Answers'}
+              </div>
+              <div className="mt-3 text-3xl font-medium tracking-[-0.04em] text-black">
+                {totalFaqs}
+              </div>
+            </div>
+            <div className="bg-black px-5 py-4 text-white shadow-[0_14px_40px_rgba(23,23,23,0.16)]">
+              <div className="text-[11px] uppercase tracking-[0.22em] text-white/48">
+                {locale === 'zh' ? '主题' : 'Topics'}
+              </div>
+              <div className="mt-3 text-3xl font-medium tracking-[-0.04em]">
+                {groups.length}
+              </div>
+            </div>
+            <Link
+              href={`/${locale}/support/contact`}
+              className="col-span-2 flex items-center justify-between bg-white/58 px-5 py-4 text-sm font-medium text-black transition hover:bg-white/82"
+            >
+              <span>{locale === 'zh' ? '没有找到答案？联系支持' : 'Need more help? Contact support'}</span>
+              <span aria-hidden="true">→</span>
+            </Link>
+          </div>
+        </div>
+      </section>
+
+      <div className="mt-10">
         <FaqBrowser
           locale={locale}
           groups={groups.map(({ faqs, group }) => ({
diff --git a/src/app/(frontend)/[locale]/support/page.tsx b/src/app/(frontend)/[locale]/support/page.tsx
index 9060874..2ecdfcd 100644
--- a/src/app/(frontend)/[locale]/support/page.tsx
+++ b/src/app/(frontend)/[locale]/support/page.tsx
@@ -25,30 +25,24 @@ async function getSupportPageData(locale: Locale) {
 
 function getSupportPageTitle(rawTitle: string | null | undefined, locale: Locale) {
   const normalized = rawTitle?.trim()
-  if (!normalized) return locale === 'zh' ? '支持中心' : 'Support Center'
+  if (!normalized) return ''
 
   const looksLegacy =
     /customer service/i.test(normalized) ||
     /support service team/i.test(normalized)
 
   if (looksLegacy) {
-    return locale === 'zh' ? '支持中心' : 'Support Center'
+    return ''
   }
 
   return normalized
 }
 
 function shouldUseSupportIntroFallback(rawBody: string | null | undefined) {
-  if (!rawBody) return true
+  if (!rawBody) return false
   return /help page/i.test(rawBody) || /understand EverSolo products/i.test(rawBody)
 }
 
-function getSupportFallbackDescription(locale: Locale) {
-  return locale === 'zh'
-    ? '进入 Eversolo 支持中心，查看 FAQ、保修政策、下载中心与售后联系入口。'
-    : 'Visit the Eversolo support center for FAQ, warranty guidance, downloads, and after-sales contact.'
-}
-
 export async function generateMetadata({
   params,
 }: {
@@ -63,8 +57,8 @@ export async function generateMetadata({
     alternates: buildLocaleAlternates('/support', locale),
     description:
       trimDescription(shouldUseSupportIntroFallback(introText) ? null : introText) ||
-      getSupportFallbackDescription(locale),
-    title,
+      undefined,
+    title: title || undefined,
   }
 }
 
@@ -128,33 +122,6 @@ function SupportEntryCard({
   )
 }
 
-function getDefaultEntries(locale: Locale): SupportEntry[] {
-  return [
-    {
-      id: 'downloads-center',
-      key: locale === 'zh' ? '下载中心' : 'Downloads Center',
-      label: locale === 'zh' ? '下载中心' : 'Downloads Center',
-      description:
-        locale === 'zh'
-          ? '按产品查看固件版本、安装包与历史更新记录。'
-          : 'Browse firmware releases, packages, and version history by product.',
-      eyebrow: locale === 'zh' ? '下载中心' : 'Downloads',
-      href: `/${locale}/downloads`,
-    },
-    {
-      id: 'community',
-      key: locale === 'zh' ? '社区论坛' : 'Community',
-      label: locale === 'zh' ? '社区论坛' : 'Community Forum',
-      description:
-        locale === 'zh'
-          ? '进入社区与用户交流使用经验、排查思路和系统玩法。'
-          : 'Join the community for user discussions, troubleshooting, and setup tips.',
-      eyebrow: locale === 'zh' ? '社区论坛' : 'Community',
-      href: 'https://forum.zidoo.tv',
-    },
-  ]
-}
-
 export default async function SupportPage({
   params,
 }: {
@@ -173,7 +140,7 @@ export default async function SupportPage({
     introWithHero?.heroImage && typeof introWithHero.heroImage !== 'number'
       ? normalizeUploadUrl(introWithHero.heroImage.url ?? introWithHero.heroImage.thumbnailURL ?? null)
       : null
-  const entries = (page.primaryEntries?.length ? page.primaryEntries : getDefaultEntries(locale)) as SupportEntry[]
+  const entries = (page.primaryEntries || []) as SupportEntry[]
   const itemListElements = entries.map((entry, index) => {
     return {
       '@type': 'ListItem',
@@ -184,7 +151,7 @@ export default async function SupportPage({
   })
 
   return (
-    <div className="mx-auto max-w-page px-6 py-16 md:px-12 md:py-24">
+    <div className="mx-auto max-w-page px-6 pb-12 pt-4 md:px-12 md:pb-16 md:pt-5">
       <script
         type="application/ld+json"
         suppressHydrationWarning
@@ -198,21 +165,19 @@ export default async function SupportPage({
         }}
       />
       <PageHero
-        eyebrow={page.intro?.eyebrow?.trim() || (locale === 'zh' ? '支持中心' : 'Support Center')}
-        imageUrl={heroImage || 'https://www.eversolo.com/Uploads/guideClassify/fa6c444623c46ff4799f2cc96a007fe6.png'}
+        eyebrow={page.intro?.eyebrow?.trim() || null}
+        imageUrl={heroImage}
         title={title}
         description={
           shouldUseSupportIntroFallback(introText) ? (
-            locale === 'zh'
-              ? '从常见问题、保修、下载中心到售后提交入口，把支持相关信息集中到一个更清晰的工作台里。'
-              : 'Bring FAQ, warranty, downloads, and after-sales contact into one clearer support workspace.'
+            null
           ) : (
             renderRichText(page.intro?.body)
           )
         }
       />
 
-      <div className="mt-12 grid gap-5 md:grid-cols-2 xl:grid-cols-3">
+      <div className="mt-8 grid gap-5 md:grid-cols-2 xl:grid-cols-3">
         {entries.map((entry) => (
           <SupportEntryCard key={entry.id || entry.key} entry={entry} locale={locale} />
         ))}
diff --git a/src/app/(frontend)/[locale]/support/warranty/page.tsx b/src/app/(frontend)/[locale]/support/warranty/page.tsx
index d514d50..dae9f1b 100644
--- a/src/app/(frontend)/[locale]/support/warranty/page.tsx
+++ b/src/app/(frontend)/[locale]/support/warranty/page.tsx
@@ -23,7 +23,7 @@ async function getWarrantyPageData(locale: Locale) {
 
 function getWarrantyPageTitle(rawTitle: string | null | undefined, locale: Locale) {
   const normalized = rawTitle?.trim()
-  if (!normalized) return locale === 'zh' ? '保修与服务' : 'Warranty & Service'
+  if (!normalized) return ''
 
   const looksLegacy =
     /customer service/i.test(normalized) ||
@@ -31,23 +31,17 @@ function getWarrantyPageTitle(rawTitle: string | null | undefined, locale: Local
     /warranty/i.test(normalized) === false
 
   if (looksLegacy) {
-    return locale === 'zh' ? '保修与服务' : 'Warranty & Service'
+    return ''
   }
 
   return normalized
 }
 
 function shouldUseWarrantyIntroFallback(rawBody: string | null | undefined) {
-  if (!rawBody) return true
+  if (!rawBody) return false
   return /registered trademark/i.test(rawBody) || /The core founding team members/i.test(rawBody)
 }
 
-function getWarrantyFallbackDescription(locale: Locale) {
-  return locale === 'zh'
-    ? '查看 Eversolo 保修政策、服务说明，以及提交售后支持前需要准备的信息。'
-    : 'Review Eversolo warranty coverage, service guidance, and what to prepare before contacting support.'
-}
-
 function createTextNode(text: string) {
   return {
     detail: 0,
@@ -89,7 +83,7 @@ function createRichTextFromParagraphs(
 }
 
 function shouldUseWarrantyPolicyFallback(rawBody: string | null | undefined) {
-  if (!rawBody) return true
+  if (!rawBody) return false
   return /registered trademark/i.test(rawBody) || /The core founding team members/i.test(rawBody)
 }
 
@@ -116,19 +110,7 @@ function getWarrantyChecklist(
   locale: Locale,
 ) {
   const normalized = (items || []).map((item) => item.text?.trim()).filter(Boolean) as string[]
-  if (normalized.length > 0) return normalized
-
-  return locale === 'zh'
-    ? [
-        '准备产品型号、序列号和购买时间，可以帮助支持团队更快确认保修状态。',
-        '若问题与固件或安装有关，建议先查看下载中心与 FAQ。',
-        '在线表单已接通，提交后会直接进入后台继续跟进。',
-      ]
-    : [
-        'Prepare the product model, serial number, and purchase timing so the team can confirm coverage faster.',
-        'If the issue is related to firmware or installation, check the download center and FAQ first.',
-        'The online support form is now live and submissions go straight into the CMS workflow.',
-      ]
+  return normalized
 }
 
 function getWarrantyQuickLinks(
@@ -144,20 +126,14 @@ function getWarrantyQuickLinks(
 
   if (normalized.length > 0) return normalized
 
-  return [
-    { href: `/${locale}/support/contact`, label: locale === 'zh' ? '联系支持' : 'Contact Support' },
-    { href: `/${locale}/support/faq`, label: locale === 'zh' ? '查看 FAQ' : 'Browse FAQ' },
-    { href: `/${locale}/downloads`, label: locale === 'zh' ? '打开下载中心' : 'Open Download Center' },
-  ]
+  return []
 }
 
 function getWarrantyPanelDescription(rawDescription: string | null | undefined, locale: Locale) {
   const normalized = rawDescription?.trim()
   if (normalized) return normalized
 
-  return locale === 'zh'
-    ? '先准备购买信息与当前系统状态，再选择最合适的支持入口，处理固件、安装或售后相关问题会更顺畅。'
-    : 'Prepare purchase details and current system context first, then choose the clearest path for firmware, setup, or after-sales questions.'
+  return ''
 }
 
 export async function generateMetadata({
@@ -174,8 +150,8 @@ export async function generateMetadata({
     alternates: buildLocaleAlternates('/support/warranty', locale),
     description:
       trimDescription(shouldUseWarrantyIntroFallback(introText) ? null : introText) ||
-      getWarrantyFallbackDescription(locale),
-    title,
+      undefined,
+    title: title || undefined,
   }
 }
 
@@ -202,38 +178,32 @@ export default async function WarrantyPage({
       ? normalizeUploadUrl(introWithHero.heroImage.url ?? introWithHero.heroImage.thumbnailURL ?? null)
       : null
   const checklistTitle =
-    page.servicePanel?.checklistTitle?.trim() || (locale === 'zh' ? '需要准备' : 'Before You Reach Out')
+    page.servicePanel?.checklistTitle?.trim() || ''
   const checklistItems = getWarrantyChecklist(page.servicePanel?.checklistItems, locale)
   const quickLinksTitle =
-    page.servicePanel?.linksTitle?.trim() || (locale === 'zh' ? '下一步' : 'Next Steps')
+    page.servicePanel?.linksTitle?.trim() || ''
   const quickLinks = getWarrantyQuickLinks(page.servicePanel?.quickLinks, locale)
   const panelDescription = getWarrantyPanelDescription(page.servicePanel?.description, locale)
-  const policyEyebrow = page.policyHeader?.eyebrow?.trim() || (locale === 'zh' ? '政策说明' : 'Policy Overview')
-  const policyTitle = page.policyHeader?.title?.trim() || (locale === 'zh' ? '保修政策' : 'Warranty Policy')
-  const policyDescription =
-    page.policyHeader?.description?.trim() ||
-    (locale === 'zh'
-      ? '把适用范围、服务方式与支持入口集中放在一起，方便购买前后都能快速定位规则。'
-      : 'A single reference layer for coverage, service expectations, and the support paths available before and after purchase.')
+  const policyEyebrow = page.policyHeader?.eyebrow?.trim() || ''
+  const policyTitle = page.policyHeader?.title?.trim() || ''
+  const policyDescription = page.policyHeader?.description?.trim() || ''
 
   return (
-    <div className="mx-auto max-w-page px-6 py-16 md:px-12 md:py-24">
+    <div className="mx-auto max-w-page px-6 pb-12 pt-4 md:px-12 md:pb-16 md:pt-5">
       <PageHero
-        eyebrow={page.intro?.eyebrow?.trim() || (locale === 'zh' ? '保修与服务' : 'Warranty & Service')}
-        imageUrl={heroImage || 'https://www.eversolo.com/Uploads/product/64ddb2be3f999331ae5155285deefb87.jpg'}
+        eyebrow={page.intro?.eyebrow?.trim() || null}
+        imageUrl={heroImage}
         title={title}
         description={
           shouldUseWarrantyIntroFallback(introText) ? (
-            locale === 'zh'
-              ? '把保修范围、服务方式和售后入口整理在一个页面里，方便购买前后快速确认规则。'
-              : 'Keep coverage, service expectations, and after-sales access in one place so policy details are easier to confirm before and after purchase.'
+            null
           ) : (
             renderRichText(page.intro?.body)
           )
         }
       />
 
-      <div className="mt-12 grid gap-8 lg:grid-cols-[minmax(0,1fr)_320px] lg:items-start">
+      <div className="mt-8 grid gap-8 lg:grid-cols-[minmax(0,1fr)_320px] lg:items-start">
         <section className="overflow-hidden rounded-[32px] border border-black/10 bg-white shadow-[0_24px_80px_rgba(17,24,39,0.05)]">
           <div className="border-b border-black/8 bg-[linear-gradient(135deg,rgba(245,242,235,0.95),rgba(255,255,255,0.96)_48%,rgba(238,233,224,0.92)_100%)] px-6 py-8 md:px-8">
             <div className="text-sm uppercase tracking-[0.18em] text-text-muted">
@@ -242,9 +212,11 @@ export default async function WarrantyPage({
             <h2 className="mt-2 text-2xl font-medium tracking-tight md:text-3xl">
               {policyTitle}
             </h2>
-            <p className="mt-3 max-w-[56ch] text-sm leading-7 text-text-secondary md:text-base">
-              {policyDescription}
-            </p>
+            {policyDescription ? (
+              <p className="mt-3 max-w-[56ch] text-sm leading-7 text-text-secondary md:text-base">
+                {policyDescription}
+              </p>
+            ) : null}
           </div>
 
           <div className="max-w-reading px-6 py-8 md:px-8">
@@ -254,17 +226,22 @@ export default async function WarrantyPage({
 
         <aside className="space-y-6 lg:sticky lg:top-24">
           <section className="rounded-[28px] border border-black/10 bg-white p-6 shadow-[0_20px_60px_rgba(17,24,39,0.04)]">
-            <div className="text-sm uppercase tracking-[0.18em] text-text-muted">
-              {checklistTitle}
-            </div>
-            <p className="mt-3 text-sm leading-7 text-text-secondary">{panelDescription}</p>
-            <ul className="mt-4 space-y-3 text-sm leading-7 text-text-secondary">
-              {checklistItems.map((item) => (
-                <li key={item}>{item}</li>
-              ))}
-            </ul>
+            {checklistTitle ? (
+              <div className="text-sm uppercase tracking-[0.18em] text-text-muted">
+                {checklistTitle}
+              </div>
+            ) : null}
+            {panelDescription ? <p className="mt-3 text-sm leading-7 text-text-secondary">{panelDescription}</p> : null}
+            {checklistItems.length > 0 ? (
+              <ul className="mt-4 space-y-3 text-sm leading-7 text-text-secondary">
+                {checklistItems.map((item) => (
+                  <li key={item}>{item}</li>
+                ))}
+              </ul>
+            ) : null}
           </section>
 
+          {quickLinks.length > 0 ? (
           <section className="rounded-[28px] border border-black/10 bg-subtle/40 p-6">
             <div className="text-sm uppercase tracking-[0.18em] text-text-muted">
               {quickLinksTitle}
@@ -285,6 +262,7 @@ export default async function WarrantyPage({
               ))}
             </div>
           </section>
+          ) : null}
         </aside>
       </div>
     </div>
diff --git a/src/app/(payload)/admin-theme.css b/src/app/(payload)/admin-theme.css
index 780ddca..4e1b670 100644
--- a/src/app/(payload)/admin-theme.css
+++ b/src/app/(payload)/admin-theme.css
@@ -455,6 +455,110 @@ html[data-theme] .blocks-field__block {
   border-radius: 8px;
 }
 
+html[data-theme] .compact-array-field .array-field__draggable-rows,
+html[data-theme] .compact-array-field .array-field__rows {
+  gap: 6px;
+}
+
+html[data-theme] .compact-array-field .array-field__row {
+  border: 1px solid rgba(84, 60, 34, 0.1);
+  background: rgba(255, 255, 255, 0.72);
+  box-shadow: 0 6px 18px rgba(45, 31, 18, 0.035);
+}
+
+html[data-theme] .compact-array-field .array-field__row.collapsible {
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+}
+
+html[data-theme] .compact-array-field .array-field__row > .collapsible__toggle-wrap {
+  min-height: 42px;
+  border-radius: 8px;
+  background: transparent;
+  padding: 6px 8px 6px 10px;
+}
+
+html[data-theme] .compact-array-field .array-field__row:not(.collapsible--collapsed) > .collapsible__toggle-wrap {
+  border-bottom: 1px solid rgba(84, 60, 34, 0.08);
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+  background: rgba(255, 252, 247, 0.74);
+}
+
+html[data-theme] .compact-array-field .array-field__row .collapsible__content {
+  padding: 12px;
+  background: rgba(255, 253, 249, 0.74);
+}
+
+html[data-theme] .compact-array-field .array-field__row .collapsible__actions-wrap,
+html[data-theme] .compact-array-field .array-field__row .collapsible__indicator,
+html[data-theme] .compact-array-field .array-field__row .collapsible__drag {
+  opacity: 0.58;
+  transition: opacity 0.16s ease;
+}
+
+html[data-theme] .compact-array-field .array-field__row:hover .collapsible__actions-wrap,
+html[data-theme] .compact-array-field .array-field__row:hover .collapsible__indicator,
+html[data-theme] .compact-array-field .array-field__row:hover .collapsible__drag,
+html[data-theme] .compact-array-field .array-field__row:focus-within .collapsible__actions-wrap,
+html[data-theme] .compact-array-field .array-field__row:focus-within .collapsible__indicator,
+html[data-theme] .compact-array-field .array-field__row:focus-within .collapsible__drag {
+  opacity: 1;
+}
+
+html[data-theme] .compact-array-row-label {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+  width: 100%;
+  color: #241c16;
+  pointer-events: none;
+}
+
+html[data-theme] .compact-array-row-label__index {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 26px;
+  height: 24px;
+  border-radius: 999px;
+  background: rgba(84, 60, 34, 0.08);
+  color: rgba(36, 28, 22, 0.58);
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+}
+
+html[data-theme] .compact-array-row-label__body {
+  display: flex;
+  min-width: 0;
+  align-items: baseline;
+  gap: 8px;
+}
+
+html[data-theme] .compact-array-row-label__title {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 1.4;
+}
+
+html[data-theme] .compact-array-row-label__meta {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: rgba(36, 28, 22, 0.52);
+  font-size: 12px;
+  line-height: 1.4;
+}
+
 html[data-theme] .render-fields > .field-type .render-fields > .field-type {
   margin-bottom: 4px;
 }
diff --git a/src/app/(payload)/admin/importMap.js b/src/app/(payload)/admin/importMap.js
index 67f77b0..8fee652 100644
--- a/src/app/(payload)/admin/importMap.js
+++ b/src/app/(payload)/admin/importMap.js
@@ -1,3 +1,4 @@
+import { CompactArrayRowLabel as CompactArrayRowLabel_2254b697cb2592993885eb4171473cdc } from '@/payload/admin/CompactArrayRowLabel'
 import { RscEntryLexicalCell as RscEntryLexicalCell_44fe37237e0ebf4470c9990d8cb7b07e } from '@payloadcms/richtext-lexical/rsc'
 import { RscEntryLexicalField as RscEntryLexicalField_44fe37237e0ebf4470c9990d8cb7b07e } from '@payloadcms/richtext-lexical/rsc'
 import { LexicalDiffComponent as LexicalDiffComponent_44fe37237e0ebf4470c9990d8cb7b07e } from '@payloadcms/richtext-lexical/rsc'
@@ -26,6 +27,7 @@ import { CollectionCards as CollectionCards_f9c02e79a4aed9a3924487c0cd4cafb1 } f
 
 /** @type import('payload').ImportMap */
 export const importMap = {
+  "@/payload/admin/CompactArrayRowLabel#CompactArrayRowLabel": CompactArrayRowLabel_2254b697cb2592993885eb4171473cdc,
   "@payloadcms/richtext-lexical/rsc#RscEntryLexicalCell": RscEntryLexicalCell_44fe37237e0ebf4470c9990d8cb7b07e,
   "@payloadcms/richtext-lexical/rsc#RscEntryLexicalField": RscEntryLexicalField_44fe37237e0ebf4470c9990d8cb7b07e,
   "@payloadcms/richtext-lexical/rsc#LexicalDiffComponent": LexicalDiffComponent_44fe37237e0ebf4470c9990d8cb7b07e,
diff --git a/src/app/globals.css b/src/app/globals.css
index 8158a59..9a759ca 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -34,6 +34,19 @@ a {
   text-decoration: none;
 }
 
+body main,
+body footer {
+  transition:
+    filter 180ms ease,
+    transform 180ms ease;
+}
+
+body.site-product-menu-open main,
+body.site-product-menu-open footer {
+  filter: blur(10px) saturate(0.92);
+  transform: translateZ(0) scale(1.002);
+}
+
 :focus-visible {
   outline: 2px solid var(--text-primary);
   outline-offset: 2px;
@@ -115,3 +128,23 @@ a {
   margin: 1.75rem 0;
   width: 100%;
 }
+
+@keyframes home-awards-marquee {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    transform: translate3d(-50%, 0, 0);
+  }
+}
+
+.home-awards-marquee {
+  animation: home-awards-marquee 40s linear infinite;
+  width: max-content;
+  will-change: transform;
+}
+
+.home-awards-marquee:hover {
+  animation-play-state: paused;
+}
diff --git a/src/components/home/home-featured-products.tsx b/src/components/home/home-featured-products.tsx
index d3fd6ac..52d2290 100644
--- a/src/components/home/home-featured-products.tsx
+++ b/src/components/home/home-featured-products.tsx
@@ -1,4 +1,5 @@
 import Link from 'next/link'
+import type { ReactNode } from 'react'
 import type { Locale } from '@/i18n/config'
 import {
   getProductCardImageUrl,
@@ -8,100 +9,200 @@ import {
 import { isTemplateProduct } from '@/lib/product-template-navigation'
 import type { Product } from '@/payload-types'
 
+type FeaturedLayout = 'grid' | 'spotlight' | 'editorial' | 'panorama'
+
 type Props = {
   items: Product[]
+  layout?: string | null
   locale: Locale
 }
 
-export function HomeFeaturedProducts({ items, locale }: Props) {
+function getLayoutValue(value: string | null | undefined): FeaturedLayout {
+  if (value === 'spotlight' || value === 'editorial' || value === 'panorama') {
+    return value
+  }
+
+  return 'grid'
+}
+
+function getWrapperClasses(layout: FeaturedLayout) {
+  switch (layout) {
+    case 'spotlight':
+      return 'grid gap-5 md:grid-cols-3 md:grid-rows-2'
+    case 'editorial':
+      return 'grid gap-5 md:grid-cols-6'
+    case 'panorama':
+      return 'grid gap-5 xl:grid-cols-2'
+    default:
+      return 'grid gap-5 md:grid-cols-2 xl:grid-cols-4'
+  }
+}
+
+function getCardClasses(layout: FeaturedLayout, index: number) {
+  switch (layout) {
+    case 'spotlight':
+      if (index === 0) return 'md:col-span-2 md:row-span-2'
+      return 'md:col-span-1'
+    case 'editorial':
+      if (index === 0) return 'md:col-span-4'
+      if (index === 3) return 'md:col-span-6'
+      return 'md:col-span-2'
+    case 'panorama':
+      return 'h-full'
+    default:
+      return ''
+  }
+}
+
+function getImageRatioClasses(layout: FeaturedLayout, index: number) {
+  switch (layout) {
+    case 'spotlight':
+      return index === 0 ? 'aspect-[16/11] md:aspect-[16/14]' : 'aspect-[4/3]'
+    case 'editorial':
+      if (index === 0) return 'aspect-[16/9]'
+      if (index === 3) return 'aspect-[16/8]'
+      return 'aspect-[4/3]'
+    case 'panorama':
+      return 'aspect-[16/10]'
+    default:
+      return 'aspect-[4/3]'
+  }
+}
+
+function ProductImage({
+  imageRatioClasses,
+  product,
+}: {
+  imageRatioClasses: string
+  product: Product
+}) {
+  const cardImageUrl = getProductCardImageUrl(product)
+  const lifestyleImageUrl = getProductLifestyleImageUrl(product)
+
+  if (!cardImageUrl) {
+    return (
+      <div
+        aria-hidden
+        className={`${imageRatioClasses} bg-[radial-gradient(circle_at_top_left,rgba(183,166,144,0.18),transparent_48%),linear-gradient(135deg,#EFECE4_0%,#F7F6F3_100%)]`}
+      />
+    )
+  }
+
+  return (
+    <>
+      {/* eslint-disable-next-line @next/next/no-img-element */}
+      <img
+        src={cardImageUrl}
+        alt={getProductDisplayAlt(product)}
+        className={[
+          imageRatioClasses,
+          'h-auto w-full object-cover transition duration-500',
+          lifestyleImageUrl ? 'group-hover:scale-[1.02] group-hover:opacity-0' : 'group-hover:scale-[1.02]',
+        ].join(' ')}
+      />
+      {lifestyleImageUrl ? (
+        // eslint-disable-next-line @next/next/no-img-element
+        <img
+          src={lifestyleImageUrl}
+          alt={getProductDisplayAlt(product)}
+          className={`absolute inset-0 h-full w-full object-cover opacity-0 transition duration-500 group-hover:scale-[1.02] group-hover:opacity-100 ${imageRatioClasses}`}
+        />
+      ) : null}
+    </>
+  )
+}
+
+function ProductAnchor({
+  children,
+  className,
+  href,
+  useDocumentNavigation,
+}: {
+  children: ReactNode
+  className?: string
+  href: string
+  useDocumentNavigation: boolean
+}) {
+  if (useDocumentNavigation) {
+    return (
+      <a href={href} className={className}>
+        {children}
+      </a>
+    )
+  }
+
+  return (
+    <Link href={href} className={className}>
+      {children}
+    </Link>
+  )
+}
+
+export function HomeFeaturedProducts({ items, layout, locale }: Props) {
+  const activeLayout = getLayoutValue(layout)
+  const visibleItems = items.slice(0, 4)
+
   return (
     <section className="mx-auto max-w-page px-6 py-section-mobile md:px-12 md:py-section">
-      <header className="mb-12 max-w-reading">
-        <div className="text-xs uppercase tracking-[0.2em] text-text-muted">
-          {locale === 'zh' ? '精选机型' : 'Featured Lineup'}
-        </div>
-        <h2 className="mt-3 text-3xl font-medium md:text-4xl">
-          {locale === 'zh' ? '围绕听感与场景挑选的代表机型' : 'A focused selection across the range'}
+      <header className="mb-10">
+        <h2 className="text-3xl font-medium tracking-[-0.03em] md:text-5xl">
+          {locale === 'zh' ? '精选产品' : 'Featured Products'}
         </h2>
-        <p className="mt-4 text-base text-text-secondary">
-          {locale === 'zh'
-            ? '从参考级流媒体播放到解码、放大与控制，先看最具代表性的几台设备。'
-            : 'Start with a concise set of products spanning reference streaming, conversion, amplification, and control.'}
-        </p>
       </header>
 
-      <ul className="grid gap-8 md:grid-cols-2 lg:grid-cols-4">
-        {items.map((product) => (
-          (() => {
-            const productHref = `/${locale}/products/${product.slug}`
-            const useDocumentNavigation = isTemplateProduct(product.template)
-            const imageClassName = 'relative block overflow-hidden bg-[radial-gradient(circle_at_top_left,rgba(183,166,144,0.18),transparent_48%),linear-gradient(135deg,#EFECE4_0%,#F7F6F3_100%)]'
-            const titleClassName = 'mt-1 block text-lg font-medium transition hover:opacity-70'
+      <ul className={getWrapperClasses(activeLayout)}>
+        {visibleItems.map((product, index) => {
+          const productHref = `/${locale}/products/${product.slug}`
+          const useDocumentNavigation = isTemplateProduct(product.template)
+          const imageRatioClasses = getImageRatioClasses(activeLayout, index)
+          const cardClasses = getCardClasses(activeLayout, index)
+          const isPanorama = activeLayout === 'panorama'
+
+          return (
+            <li
+              key={product.slug}
+              className={[
+                'group h-full overflow-hidden rounded-lg bg-card shadow-[0_12px_32px_rgba(15,23,42,0.06)]',
+                isPanorama ? 'flex flex-col md:flex-row' : 'flex flex-col',
+                cardClasses,
+              ].join(' ')}
+            >
+              <ProductAnchor
+                href={productHref}
+                useDocumentNavigation={useDocumentNavigation}
+                className={[
+                  'relative block overflow-hidden bg-[radial-gradient(circle_at_top_left,rgba(183,166,144,0.18),transparent_48%),linear-gradient(135deg,#EFECE4_0%,#F7F6F3_100%)]',
+                  isPanorama ? 'md:w-[52%]' : '',
+                ].join(' ')}
+              >
+                <ProductImage imageRatioClasses={imageRatioClasses} product={product} />
+              </ProductAnchor>
 
-            const imageContent = getProductCardImageUrl(product) ? (
-              <>
-                {/* eslint-disable-next-line @next/next/no-img-element */}
-                <img
-                  src={getProductCardImageUrl(product) as string}
-                  alt={getProductDisplayAlt(product)}
-                  className={[
-                    'aspect-[4/3] h-auto w-full object-cover transition duration-500',
-                    getProductLifestyleImageUrl(product)
-                      ? 'group-hover:scale-[1.03] group-hover:opacity-0'
-                      : 'group-hover:scale-[1.03]',
-                  ].join(' ')}
-                />
-                {getProductLifestyleImageUrl(product) ? (
-                  // eslint-disable-next-line @next/next/no-img-element
-                  <img
-                    src={getProductLifestyleImageUrl(product) as string}
-                    alt={getProductDisplayAlt(product)}
-                    className="absolute inset-0 h-full w-full object-cover opacity-0 transition duration-500 group-hover:scale-[1.03] group-hover:opacity-100"
-                  />
-                ) : null}
-              </>
-            ) : (
               <div
-                aria-hidden
-                className="aspect-[4/3] bg-[linear-gradient(135deg,#EFECE4_0%,#F7F6F3_100%)]"
-              />
-            )
-
-            return (
-          <li
-            key={product.slug}
-            className="group flex flex-col overflow-hidden rounded-xl bg-card"
-          >
-            {useDocumentNavigation ? (
-              <a href={productHref} className={imageClassName}>
-                {imageContent}
-              </a>
-            ) : (
-              <Link href={productHref} className={imageClassName}>
-                {imageContent}
-              </Link>
-            )}
-            <div className="flex flex-1 flex-col px-4 py-4">
-              <div className="text-sm text-text-muted">{product.model}</div>
-              {useDocumentNavigation ? (
-                <a href={productHref} className={titleClassName}>
+                className={[
+                  'flex flex-1 flex-col px-4 pb-4 pt-4 md:px-5',
+                  isPanorama ? 'md:w-[48%] md:justify-end md:pb-5' : '',
+                ].join(' ')}
+              >
+                <div className="text-[11px] uppercase tracking-[0.18em] text-text-muted">
+                  {product.model}
+                </div>
+                <ProductAnchor
+                  href={productHref}
+                  useDocumentNavigation={useDocumentNavigation}
+                  className="mt-2 block text-lg font-medium tracking-[-0.02em] text-text-primary transition hover:opacity-70 md:text-[1.35rem]"
+                >
                   {product.name}
-                </a>
-              ) : (
-                <Link href={productHref} className={titleClassName}>
-                  {product.name}
-                </Link>
-              )}
-              {product.tagline ? (
-                <p className="mt-2 text-sm text-text-secondary">
-                  {product.tagline}
-                </p>
-              ) : null}
-            </div>
-          </li>
-            )
-          })()
-        ))}
+                </ProductAnchor>
+                {product.tagline ? (
+                  <p className="mt-2 max-w-[38ch] text-sm leading-7 text-text-secondary">
+                    {product.tagline}
+                  </p>
+                ) : null}
+              </div>
+            </li>
+          )
+        })}
       </ul>
     </section>
   )
diff --git a/src/components/home/home-hero-banners.tsx b/src/components/home/home-hero-banners.tsx
new file mode 100644
index 0000000..b346740
--- /dev/null
+++ b/src/components/home/home-hero-banners.tsx
@@ -0,0 +1,101 @@
+'use client'
+
+import Link from 'next/link'
+import { useEffect, useMemo, useState } from 'react'
+import type { Locale } from '@/i18n/config'
+
+type BannerItem = {
+  href: string
+  imageUrl: string
+  title?: string | null
+}
+
+type Props = {
+  items: BannerItem[]
+  locale: Locale
+}
+
+function isExternalHref(href: string) {
+  return /^https?:\/\//i.test(href)
+}
+
+export function HomeHeroBanners({ items, locale }: Props) {
+  const slides = useMemo(
+    () =>
+      items.filter((item) => item && item.href && item.imageUrl).map((item, index) => ({
+        ...item,
+        alt: item.title || `${locale}-hero-banner-${index + 1}`,
+      })),
+    [items, locale],
+  )
+
+  const [activeIndex, setActiveIndex] = useState(0)
+
+  useEffect(() => {
+    if (slides.length <= 1) return undefined
+
+    const timer = window.setInterval(() => {
+      setActiveIndex((current) => (current + 1) % slides.length)
+    }, 5200)
+
+    return () => window.clearInterval(timer)
+  }, [slides.length])
+
+  if (slides.length === 0) return null
+
+  return (
+    <section className="relative border-t border-black/5 bg-[#f3f1eb]">
+      <div className="relative overflow-hidden">
+        <div
+          className="flex transition-transform duration-700 ease-out"
+          style={{ transform: `translate3d(-${activeIndex * 100}%, 0, 0)` }}
+        >
+          {slides.map((item, index) => {
+            const isExternal = isExternalHref(item.href)
+            const content = (
+              <>
+                {/* eslint-disable-next-line @next/next/no-img-element */}
+                <img
+                  src={item.imageUrl}
+                  alt={item.alt}
+                  className="aspect-[16/6] h-full w-full object-cover md:aspect-[16/5]"
+                />
+              </>
+            )
+
+            return (
+              <div key={`${item.href}-${index}`} className="w-full shrink-0">
+                {isExternal ? (
+                  <a href={item.href} target="_blank" rel="noopener noreferrer" className="block">
+                    {content}
+                  </a>
+                ) : (
+                  <Link href={item.href} className="block">
+                    {content}
+                  </Link>
+                )}
+              </div>
+            )
+          })}
+        </div>
+
+        {slides.length > 1 ? (
+          <div className="absolute inset-x-0 bottom-3 z-10 flex items-center justify-center gap-2 md:bottom-4">
+            {slides.map((item, index) => (
+              <button
+                key={`${item.href}-dot-${index}`}
+                type="button"
+                aria-label={`Go to banner ${index + 1}`}
+                onClick={() => setActiveIndex(index)}
+                className={[
+                  'h-1.5 rounded-full transition-all',
+                  activeIndex === index ? 'w-7 bg-black/80' : 'w-3 bg-black/25 hover:bg-black/45',
+                ].join(' ')}
+              />
+            ))}
+          </div>
+        ) : null}
+      </div>
+    </section>
+  )
+}
diff --git a/src/components/home/home-hero.tsx b/src/components/home/home-hero.tsx
index 4d69953..f634ec2 100644
--- a/src/components/home/home-hero.tsx
+++ b/src/components/home/home-hero.tsx
@@ -6,12 +6,12 @@ type Props = {
   heroImageUrl?: string | null
   heroVideoUrl?: string | null
   locale: Locale
-  headline: string
+  headline?: string | null
   primaryHref?: string | null
   secondaryHref?: string | null
-  supporting: string
-  primaryCta: string
-  secondaryCta: string
+  supporting?: string | null
+  primaryCta?: string | null
+  secondaryCta?: string | null
 }
 
 export function HomeHero({
@@ -30,42 +30,19 @@ export function HomeHero({
   const isVideoMode = Boolean(heroVideoUrl)
 
   return (
-    <section className="relative overflow-hidden bg-subtle">
+    <section
+      className="relative isolate overflow-hidden bg-black text-white"
+      aria-label="Hero"
+    >
       <div
-        className="relative mx-auto grid max-w-page gap-10 px-6 pb-24 pt-20 md:grid-cols-[1.05fr,1fr] md:px-12 md:pb-32 md:pt-28"
-        aria-label="Hero"
+        className="relative w-full"
+        style={{ minHeight: 'min(100vh - 72px, 56.25vw)' }}
       >
-        <div className="relative z-10 max-w-reading self-center">
-          <div className="text-sm uppercase tracking-[0.22em] text-text-muted">
-            {eyebrow || (locale === 'zh' ? '精选产品体验' : 'Selected Listening Systems')}
-          </div>
-          <h1 className="mt-4 text-4xl font-medium leading-[1.04] tracking-[-0.04em] md:text-7xl">
-            {headline}
-          </h1>
-          <p className="mt-6 max-w-[52ch] text-base leading-8 text-text-secondary md:text-lg">
-            {supporting}
-          </p>
-          <div className="mt-8 flex flex-wrap gap-3">
-            <Link
-              href={primaryHref || `/${locale}/products`}
-              className="rounded-full bg-text-primary px-6 py-3 text-sm text-white transition-colors hover:bg-graphite"
-            >
-              {primaryCta}
-            </Link>
-            <Link
-              href={secondaryHref || `/${locale}/support`}
-              className="rounded-full border border-text-primary px-6 py-3 text-sm text-text-primary transition-colors hover:bg-subtle"
-            >
-              {secondaryCta}
-            </Link>
-          </div>
-        </div>
-
-        <div className="relative h-[360px] overflow-hidden rounded-[32px] border border-white/60 bg-[radial-gradient(circle_at_top_left,rgba(183,166,144,0.22),transparent_45%),linear-gradient(135deg,#eae4d8_0%,#f1f0ec_100%)] shadow-[0_28px_120px_rgba(23,23,23,0.08)] md:h-[560px]">
+        <div className="absolute inset-0">
           {isVideoMode && embedUrl ? (
             <iframe
               src={embedUrl}
-              title={headline}
+              title={headline || 'Eversolo'}
               className="h-full w-full"
               allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
               allowFullScreen
@@ -83,13 +60,55 @@ export function HomeHero({
             // eslint-disable-next-line @next/next/no-img-element
             <img
               src={heroImageUrl}
-              alt={headline}
+              alt={headline || 'Eversolo'}
               className="h-full w-full object-cover"
             />
           ) : (
-            <div className="absolute inset-0 bg-[linear-gradient(135deg,#E8E4DB_0%,#F1F0EC_100%)]" />
+            <div className="h-full w-full bg-[linear-gradient(135deg,#111111_0%,#1f1f1f_44%,#343434_100%)]" />
           )}
-          <div className="absolute inset-x-0 bottom-0 h-32 bg-[linear-gradient(180deg,transparent_0%,rgba(23,23,23,0.08)_100%)]" />
+        </div>
+
+        <div className="absolute inset-0 bg-[linear-gradient(90deg,rgba(0,0,0,0.64)_0%,rgba(0,0,0,0.38)_36%,rgba(0,0,0,0.14)_60%,rgba(0,0,0,0.08)_100%)]" />
+        <div className="absolute inset-x-0 bottom-0 h-40 bg-[linear-gradient(180deg,transparent_0%,rgba(0,0,0,0.46)_100%)]" />
+
+        <div className="relative z-10 mx-auto flex min-h-[560px] max-w-page items-end px-6 pb-16 pt-28 md:min-h-[720px] md:px-12 md:pb-20 md:pt-32">
+          <div className="max-w-[760px]">
+            {eyebrow ? (
+              <div className="text-sm uppercase tracking-[0.24em] text-white/60">
+                {eyebrow}
+              </div>
+            ) : null}
+            {headline ? (
+              <h1 className="mt-5 max-w-[12ch] text-5xl font-medium leading-[0.96] tracking-[-0.05em] text-white md:text-8xl">
+                {headline}
+              </h1>
+            ) : null}
+            {supporting ? (
+              <p className="mt-6 max-w-[58ch] text-base leading-8 text-white/76 md:text-lg">
+                {supporting}
+              </p>
+            ) : null}
+            {primaryCta || secondaryCta ? (
+              <div className="mt-9 flex flex-wrap gap-3">
+                {primaryCta ? (
+                  <Link
+                    href={primaryHref || `/${locale}/products`}
+                    className="inline-flex items-center rounded-full bg-white px-6 py-3 text-sm font-medium text-black transition hover:bg-white/92"
+                  >
+                    {primaryCta}
+                  </Link>
+                ) : null}
+                {secondaryCta ? (
+                  <Link
+                    href={secondaryHref || `/${locale}/support`}
+                    className="inline-flex items-center rounded-full border border-white/24 bg-white/8 px-6 py-3 text-sm font-medium text-white transition hover:bg-white/12"
+                  >
+                    {secondaryCta}
+                  </Link>
+                ) : null}
+              </div>
+            ) : null}
+          </div>
         </div>
       </div>
     </section>
@@ -102,13 +121,19 @@ function getEmbedUrl(value: string | null | undefined) {
   const youtubeMatch =
     value.match(/youtube\.com\/watch\?v=([^&]+)/i) ||
     value.match(/youtu\.be\/([^?&/]+)/i)
-  if (youtubeMatch?.[1]) return `https://www.youtube.com/embed/${youtubeMatch[1]}?autoplay=1&mute=1&loop=1&playlist=${youtubeMatch[1]}&controls=0&rel=0`
+  if (youtubeMatch?.[1]) {
+    return `https://www.youtube.com/embed/${youtubeMatch[1]}?autoplay=1&mute=1&loop=1&playlist=${youtubeMatch[1]}&controls=0&rel=0&playsinline=1`
+  }
 
   const vimeoMatch = value.match(/vimeo\.com\/(\d+)/i)
-  if (vimeoMatch?.[1]) return `https://player.vimeo.com/video/${vimeoMatch[1]}?autoplay=1&muted=1&loop=1&background=1`
+  if (vimeoMatch?.[1]) {
+    return `https://player.vimeo.com/video/${vimeoMatch[1]}?autoplay=1&muted=1&loop=1&background=1`
+  }
 
   const bilibiliMatch = value.match(/bilibili\.com\/video\/(BV[0-9A-Za-z]+)/i)
-  if (bilibiliMatch?.[1]) return `https://player.bilibili.com/player.html?bvid=${bilibiliMatch[1]}&autoplay=1`
+  if (bilibiliMatch?.[1]) {
+    return `https://player.bilibili.com/player.html?bvid=${bilibiliMatch[1]}&autoplay=1`
+  }
 
   return null
 }
diff --git a/src/components/home/home-news.tsx b/src/components/home/home-news.tsx
index 0db8641..a79c76b 100644
--- a/src/components/home/home-news.tsx
+++ b/src/components/home/home-news.tsx
@@ -3,6 +3,7 @@ import Link from 'next/link'
 
 type Item = {
   date: string
+  external?: boolean
   href: string
   imageUrl?: string | null
   title: string
@@ -25,19 +26,11 @@ export function HomeNews({ items, locale }: Props) {
   if (items.length === 0) return null
 
   return (
-    <section className="mx-auto max-w-page px-6 py-section-mobile md:px-12 md:py-section">
-      <header className="mb-12 max-w-reading">
-        <div className="text-xs uppercase tracking-[0.2em] text-text-muted">
-          {locale === 'zh' ? '博客动态' : 'From the Blog'}
-        </div>
-        <h2 className="mt-3 text-3xl font-medium md:text-4xl">
-          {locale === 'zh' ? '直接来自官方博客的最新文章' : 'Latest stories from the official blog'}
+    <section className="mx-auto max-w-page px-6 pb-section-mobile pt-6 md:px-12 md:pb-section md:pt-8">
+      <header className="mb-10">
+        <h2 className="text-3xl font-medium md:text-4xl">
+          {locale === 'zh' ? '新闻' : 'News'}
         </h2>
-        <p className="mt-4 text-base text-text-secondary">
-          {locale === 'zh'
-            ? '首页英文与中文新闻分别直连对应博客源，保证内容更新更及时。'
-            : 'English and Chinese homepage stories are pulled from their matching blog sources so updates stay timely.'}
-        </p>
       </header>
 
       <div className="grid gap-6 md:grid-cols-2 xl:grid-cols-3">
@@ -48,8 +41,8 @@ export function HomeNews({ items, locale }: Props) {
           >
             <Link
               href={item.href}
-              target="_blank"
-              rel="noopener noreferrer"
+              target={item.external ? '_blank' : undefined}
+              rel={item.external ? 'noopener noreferrer' : undefined}
               className="block overflow-hidden bg-[linear-gradient(135deg,#e7e0d4_0%,#f7f4ee_100%)]"
             >
               {item.imageUrl ? (
@@ -67,8 +60,8 @@ export function HomeNews({ items, locale }: Props) {
               <div className="text-sm text-text-muted">{formatDate(item.date, locale)}</div>
               <Link
                 href={item.href}
-                target="_blank"
-                rel="noopener noreferrer"
+                target={item.external ? '_blank' : undefined}
+                rel={item.external ? 'noopener noreferrer' : undefined}
                 className="mt-3 block text-2xl font-medium tracking-tight transition hover:opacity-70"
               >
                 {item.title}
diff --git a/src/components/home/home-recognition.tsx b/src/components/home/home-recognition.tsx
index e0706b4..9443d9b 100644
--- a/src/components/home/home-recognition.tsx
+++ b/src/components/home/home-recognition.tsx
@@ -18,6 +18,12 @@ type Review = {
   url?: string | null
 }
 
+function getMediaUrl(media: string | (number | null) | Media | undefined) {
+  if (typeof media === 'string') return normalizeUploadUrl(media)
+  if (!media || typeof media === 'number') return null
+  return normalizeUploadUrl(media.sizes?.card?.url ?? media.url ?? media.thumbnailURL ?? null)
+}
+
 export function HomeRecognition({
   awards,
   locale,
@@ -27,147 +33,126 @@ export function HomeRecognition({
   locale: Locale
   reviews: Review[]
 }) {
-  function getMediaUrl(media: string | (number | null) | Media | undefined) {
-    if (typeof media === 'string') return normalizeUploadUrl(media)
-    if (!media || typeof media === 'number') return null
-    return normalizeUploadUrl(media.sizes?.card?.url ?? media.url ?? media.thumbnailURL ?? null)
-  }
-
-  const visibleAwards = awards
-    .filter((award) => award.label || award.logo || award.url)
-    .reduce<Award[]>((acc, award) => {
-      const label = (award.label || '').trim()
-      const key = `${label}::${award.year || ''}`
-      const existingIndex = acc.findIndex((item) => `${(item.label || '').trim()}::${item.year || ''}` === key)
-
-      if (existingIndex === -1) {
-        acc.push(award)
-        return acc
-      }
-
-      const current = acc[existingIndex]
-      const currentHasLogo = Boolean(getMediaUrl(current.logo))
-      const nextHasLogo = Boolean(getMediaUrl(award.logo))
-
-      if (!currentHasLogo && nextHasLogo) {
-        acc[existingIndex] = award
-      }
-
-      return acc
-    }, [])
-    .slice(0, 8)
-
+  const visibleAwards = awards.filter((award) => award.label || award.logo || award.url).slice(0, 8)
   const visibleReviews = reviews
     .filter((review) => review.sourceName || review.quote || review.sourceLogo || review.url)
-    .reduce<Review[]>((acc, review) => {
-      const key = `${(review.sourceName || '').trim()}::${review.url || ''}`
-      if (acc.some((item) => `${(item.sourceName || '').trim()}::${item.url || ''}` === key)) {
-        return acc
-      }
-      acc.push(review)
-      return acc
-    }, [])
-    .slice(0, 4)
+    .slice(0, 5)
+  const shouldMarqueeAwards = visibleAwards.length > 4
+  const marqueeAwards = shouldMarqueeAwards ? [...visibleAwards, ...visibleAwards] : visibleAwards
 
   if (visibleAwards.length === 0 && visibleReviews.length === 0) {
     return null
   }
 
   return (
-    <section className="mx-auto max-w-page px-6 py-section-mobile md:px-12 md:py-section">
-      <header className="mb-10 max-w-reading">
-        <div className="text-xs uppercase tracking-[0.2em] text-text-muted">
-          {locale === 'zh' ? '奖项与口碑' : 'Awards & Endorsements'}
-        </div>
-        <h2 className="mt-3 text-2xl font-medium md:text-3xl">
-          {locale === 'zh' ? '奖项与媒体声音' : 'Recognition & Media Voices'}
-        </h2>
-        <p className="mt-4 text-base leading-8 text-text-secondary">
-          {locale === 'zh'
-            ? '把奖项、媒体评价和引用语集中展示，让品牌信任感不只是停留在参数层。'
-            : 'Bring awards, editorial endorsements, and memorable quotes together so credibility feels visible, not implied.'}
-        </p>
-      </header>
-
-      {visibleAwards.length ? (
-        <div className="grid grid-cols-2 gap-4 md:grid-cols-4 xl:grid-cols-4">
-          {visibleAwards.map((award, i) => {
-          const content = (
-            <>
-              {getMediaUrl(award.logo) ? (
-                // eslint-disable-next-line @next/next/no-img-element
-                <img
-                  src={getMediaUrl(award.logo) as string}
-                  alt={award.label || ''}
-                  className="mb-5 h-14 w-auto max-w-full object-contain opacity-95 md:h-16"
-                />
-              ) : null}
-              <div className="text-sm font-medium text-text-primary">
-                {award.label || `${locale === 'zh' ? '奖项' : 'Award'} ${i + 1}`}
-              </div>
-              {award.year ? <div className="mt-2 text-xs text-text-muted">{award.year}</div> : null}
-            </>
-          )
-
-          const className =
-            'flex min-h-[148px] flex-col items-center justify-center rounded-[24px] border border-black/10 bg-white px-5 py-6 text-center shadow-[0_14px_40px_rgba(17,24,39,0.04)]'
-
-            return award.url ? (
-              <a
-                key={award.id || i}
-                href={award.url}
-                target="_blank"
-                rel="noopener noreferrer"
-                className={className}
+    <section className="mx-auto max-w-page px-6 pb-6 pt-section-mobile md:px-12 md:pb-8 md:pt-section">
+      <div className="space-y-4">
+        {visibleAwards.length ? (
+          <div className="overflow-hidden rounded-lg bg-[linear-gradient(180deg,rgba(247,245,240,0.92)_0%,rgba(243,239,232,0.86)_100%)] shadow-[0_10px_30px_rgba(15,23,42,0.045)]">
+            <div className="overflow-hidden">
+              <div
+                className={[
+                  'flex min-w-max divide-x divide-black/8',
+                  shouldMarqueeAwards ? 'home-awards-marquee' : '',
+                ].join(' ')}
               >
-                {content}
-              </a>
-            ) : (
-              <div key={award.id || i} className={className}>
-                {content}
-              </div>
-            )
-          })}
-        </div>
-      ) : null}
+                {marqueeAwards.map((award, index) => {
+                  const mediaUrl = getMediaUrl(award.logo)
+                  const content = (
+                    <div className="flex min-h-[84px] min-w-[220px] items-center gap-4 px-5 py-4 md:min-w-[250px] md:px-6">
+                      {mediaUrl ? (
+                        // eslint-disable-next-line @next/next/no-img-element
+                        <img
+                          src={mediaUrl}
+                          alt={award.label || ''}
+                          className="h-8 w-auto max-w-[108px] shrink-0 object-contain opacity-95 md:h-10"
+                        />
+                      ) : null}
+                      <div className="min-w-0">
+                        <div className="text-[11px] uppercase tracking-[0.18em] text-text-muted">
+                          {award.year || ''}
+                        </div>
+                        <div className="mt-1 line-clamp-2 text-sm font-medium leading-6 text-text-primary">
+                          {award.label || `${locale === 'zh' ? '奖项' : 'Award'} ${index + 1}`}
+                        </div>
+                      </div>
+                    </div>
+                  )
 
-      <div className={`${visibleAwards.length ? 'mt-10' : 'mt-2'} grid gap-6 md:grid-cols-2 xl:grid-cols-4`}>
-        {visibleReviews.map((review, i) => (
-          <blockquote
-            key={review.id || i}
-            className="flex min-h-[260px] flex-col rounded-[28px] border border-black/10 bg-white p-6 shadow-[0_18px_50px_rgba(17,24,39,0.04)]"
-          >
-            <div className="flex items-center gap-4">
-              {getMediaUrl(review.sourceLogo) ? (
-                // eslint-disable-next-line @next/next/no-img-element
-                <img
-                  src={getMediaUrl(review.sourceLogo) as string}
-                  alt={review.sourceName || ''}
-                  className="h-10 w-auto max-w-[120px] object-contain opacity-90"
-                />
-              ) : null}
-              <div className="text-xs uppercase tracking-[0.18em] text-text-muted">
-                {review.sourceName || `Source ${i + 1}`}
+                  return award.url ? (
+                    <a
+                      key={`${award.id || award.label || 'award'}-${index}`}
+                      href={award.url}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="block transition hover:bg-black/[0.02]"
+                    >
+                      {content}
+                    </a>
+                  ) : (
+                    <div key={`${award.id || award.label || 'award'}-${index}`}>{content}</div>
+                  )
+                })}
               </div>
             </div>
-            <p className="mt-5 text-base leading-8 text-text-primary">
-              “{review.quote || (locale === 'zh' ? '媒体引用待补充。' : 'Review quote coming soon.')}”
-            </p>
-            {review.url ? (
-              <footer className="mt-auto pt-5">
-                <a
-                  href={review.url}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="inline-flex items-center text-sm font-medium text-text-primary"
-                >
-                  {locale === 'zh' ? '查看来源' : 'Read Source'}
-                  <span aria-hidden className="ml-1">→</span>
-                </a>
-              </footer>
-            ) : null}
-          </blockquote>
-        ))}
+          </div>
+        ) : null}
+
+        {visibleReviews.length ? (
+          <div className="overflow-hidden rounded-lg bg-white/88 shadow-[0_10px_30px_rgba(15,23,42,0.045)]">
+            <div className="grid divide-y divide-black/7 md:grid-cols-5 md:divide-x md:divide-y-0 md:[&>*]:min-w-0">
+              {visibleReviews.map((review, index) => {
+                const mediaUrl = getMediaUrl(review.sourceLogo)
+                const sourceName =
+                  review.sourceName || `${locale === 'zh' ? '媒体' : 'Press'} ${index + 1}`
+                const quote =
+                  review.quote ||
+                  (locale === 'zh' ? '媒体引语待补充。' : 'Editorial quote coming soon.')
+
+                const content = (
+                  <div className="flex h-full flex-col gap-4 px-4 py-4 md:min-h-[220px] md:px-5">
+                    <div className="flex items-center gap-3">
+                      <div className="h-11 w-11 shrink-0 overflow-hidden rounded-full bg-[linear-gradient(180deg,#f3efe8_0%,#ece7df_100%)]">
+                        {mediaUrl ? (
+                          // eslint-disable-next-line @next/next/no-img-element
+                          <img
+                            src={mediaUrl}
+                            alt={sourceName}
+                            className="h-full w-full object-cover"
+                          />
+                        ) : (
+                          <div className="flex h-full w-full items-center justify-center text-xs font-medium uppercase text-text-muted">
+                            {sourceName.slice(0, 1)}
+                          </div>
+                        )}
+                      </div>
+                      <div className="min-w-0 text-[11px] uppercase tracking-[0.18em] text-text-muted">
+                        {sourceName}
+                      </div>
+                    </div>
+                    <p className="text-sm leading-7 text-text-primary md:text-[15px]">
+                      “{quote}”
+                    </p>
+                  </div>
+                )
+
+                return review.url ? (
+                  <a
+                    key={review.id || index}
+                    href={review.url}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="block transition hover:bg-black/[0.015]"
+                  >
+                    {content}
+                  </a>
+                ) : (
+                  <div key={review.id || index}>{content}</div>
+                )
+              })}
+            </div>
+          </div>
+        ) : null}
       </div>
     </section>
   )
diff --git a/src/components/home/home-statement.tsx b/src/components/home/home-statement.tsx
index ba1d654..1be2fc8 100644
--- a/src/components/home/home-statement.tsx
+++ b/src/components/home/home-statement.tsx
@@ -12,49 +12,57 @@ export function HomeStatement({
   ctaHref?: string | null
   ctaLabel?: string | null
   imageUrl?: string | null
-  title: string
-  body: string
+  title?: string | null
+  body?: string | null
 }) {
+  if (!eyebrow && !title && !body && !imageUrl && !(ctaHref && ctaLabel)) {
+    return null
+  }
+
   return (
-    <section className="bg-subtle py-section-mobile md:py-section">
-      <div className="mx-auto grid max-w-page gap-12 px-6 md:grid-cols-2 md:px-12">
-        <div className="overflow-hidden rounded-[28px] border border-white/60 bg-[linear-gradient(135deg,#E8E4DB_0%,#F1F0EC_100%)] shadow-[0_24px_100px_rgba(23,23,23,0.08)]">
+    <section className="bg-[#111111] py-section-mobile text-white md:py-section">
+      <div className="mx-auto max-w-page px-6 md:px-12">
+        <div className="relative overflow-hidden rounded-lg bg-[linear-gradient(135deg,#0E0E0D_0%,#151515_48%,#1A1918_100%)] px-6 py-10 shadow-[0_28px_80px_rgba(0,0,0,0.26)] md:px-10 md:py-12">
+          <div className="absolute inset-0 bg-[radial-gradient(circle_at_top_right,rgba(190,169,129,0.18),transparent_32%),radial-gradient(circle_at_bottom_left,rgba(255,255,255,0.05),transparent_26%)]" />
           {imageUrl ? (
-            // eslint-disable-next-line @next/next/no-img-element
-            <img
-              src={imageUrl}
-              alt={title}
-              className="h-[320px] w-full object-cover md:h-[420px]"
-            />
-          ) : (
-            <div
-              aria-hidden
-              className="h-[320px] rounded-lg bg-[linear-gradient(135deg,#E8E4DB_0%,#F1F0EC_100%)] md:h-[420px]"
-            />
-          )}
-        </div>
-        <div className="flex flex-col justify-center">
-          {eyebrow ? (
-            <div className="text-sm uppercase tracking-[0.18em] text-text-muted">
-              {eyebrow}
-            </div>
-          ) : null}
-          <h2 className="text-3xl font-medium leading-tight md:text-4xl">
-            {title}
-          </h2>
-          <p className="mt-6 max-w-reading text-base text-text-secondary md:text-lg">
-            {body}
-          </p>
-          {ctaHref && ctaLabel ? (
-            <div className="mt-8">
-              <Link
-                href={ctaHref}
-                className="inline-flex items-center rounded-full border border-text-primary px-6 py-3 text-sm text-text-primary transition-colors hover:bg-white"
-              >
-                {ctaLabel}
-              </Link>
+            <div className="pointer-events-none absolute inset-y-0 right-0 hidden w-[42%] overflow-hidden lg:block">
+              {/* eslint-disable-next-line @next/next/no-img-element */}
+              <img
+                src={imageUrl}
+                alt={title || 'Eversolo'}
+                className="h-full w-full object-cover opacity-25 mix-blend-screen"
+              />
+              <div className="absolute inset-0 bg-[linear-gradient(90deg,#121212_6%,rgba(18,18,18,0.4)_54%,rgba(18,18,18,0.12)_100%)]" />
             </div>
           ) : null}
+
+          <div className="relative z-10 max-w-[760px]">
+            {eyebrow ? (
+              <div className="text-xs uppercase tracking-[0.22em] text-white/52">
+                {eyebrow}
+              </div>
+            ) : null}
+            {title ? (
+              <h2 className="mt-3 max-w-[15ch] text-3xl font-medium tracking-[-0.03em] text-white md:text-5xl">
+                {title}
+              </h2>
+            ) : null}
+            {body ? (
+              <p className="mt-5 max-w-[54ch] text-sm leading-8 text-white/72 md:text-base">
+                {body}
+              </p>
+            ) : null}
+            {ctaHref && ctaLabel ? (
+              <div className="mt-8">
+                <Link
+                  href={ctaHref}
+                  className="inline-flex items-center rounded-full border border-white/18 bg-white/8 px-6 py-3 text-sm font-medium text-white transition hover:bg-white/12"
+                >
+                  {ctaLabel}
+                </Link>
+              </div>
+            ) : null}
+          </div>
         </div>
       </div>
     </section>
diff --git a/src/components/site/about-contact-tabs.tsx b/src/components/site/about-contact-tabs.tsx
new file mode 100644
index 0000000..1cd6593
--- /dev/null
+++ b/src/components/site/about-contact-tabs.tsx
@@ -0,0 +1,49 @@
+import Link from 'next/link'
+import type { Locale } from '@/i18n/config'
+
+export function AboutContactTabs({
+  active,
+  locale,
+}: {
+  active: 'about' | 'contact'
+  locale: Locale
+}) {
+  const items = [
+    {
+      href: `/${locale}/about`,
+      key: 'about' as const,
+      label: locale === 'zh' ? '关于 Eversolo' : 'About Eversolo',
+    },
+    {
+      href: `/${locale}/contact`,
+      key: 'contact' as const,
+      label: locale === 'zh' ? '联系我们' : 'Contact us',
+    },
+  ]
+
+  return (
+    <nav aria-label={locale === 'zh' ? '关于与联系导航' : 'About and contact navigation'} className="mt-4 flex justify-start">
+      <div className="inline-flex rounded-full border border-black/10 bg-white/86 p-1 shadow-[0_10px_32px_rgba(23,23,23,0.05)] backdrop-blur">
+        {items.map((item) => {
+          const isActive = active === item.key
+
+          return (
+            <Link
+              key={item.key}
+              href={item.href}
+              aria-current={isActive ? 'page' : undefined}
+              className={[
+                'rounded-full px-4 py-2 text-sm font-medium transition md:px-5',
+                isActive
+                  ? 'bg-black text-white shadow-[0_10px_24px_rgba(0,0,0,0.14)]'
+                  : 'text-text-secondary hover:bg-black/[0.04] hover:text-text-primary',
+              ].join(' ')}
+            >
+              {item.label}
+            </Link>
+          )
+        })}
+      </div>
+    </nav>
+  )
+}
diff --git a/src/components/site/page-hero.tsx b/src/components/site/page-hero.tsx
index 839b7cb..bdefffb 100644
--- a/src/components/site/page-hero.tsx
+++ b/src/components/site/page-hero.tsx
@@ -10,35 +10,39 @@ export function PageHero({
   title,
 }: {
   children?: ReactNode
-  description: ReactNode
-  eyebrow: string
-  imageUrl: string
+  description?: ReactNode
+  eyebrow?: string | null
+  imageUrl?: string | null
   overlay?: boolean
   textTone?: 'dark' | 'light'
-  title: string
+  title?: string | null
 }) {
   const eyebrowClass = textTone === 'dark' ? 'text-black/55' : 'text-white/65'
   const titleClass = textTone === 'dark' ? 'text-black' : 'text-white'
   const descriptionClass = textTone === 'dark' ? 'text-black/55' : 'text-white/82'
 
   return (
-    <section className="overflow-hidden rounded-[36px] border border-black/10 bg-black text-white">
-      <div className="relative min-h-[320px]">
-        <div
-          className="absolute inset-0 bg-cover bg-center"
-          style={{ backgroundImage: `url(${imageUrl})` }}
-        />
+    <section className="overflow-hidden rounded-[24px] border border-black/10 bg-black text-white">
+      <div className="relative min-h-[250px] md:min-h-[290px]">
+        {imageUrl ? (
+          <div
+            className="absolute inset-0 bg-cover bg-center"
+            style={{ backgroundImage: `url(${imageUrl})` }}
+          />
+        ) : null}
         {overlay ? (
           <div className="absolute inset-0 bg-[linear-gradient(135deg,rgba(0,0,0,0.72)_0%,rgba(0,0,0,0.45)_48%,rgba(0,0,0,0.2)_100%)]" />
         ) : null}
-        <div className="relative z-[1] flex min-h-[320px] flex-col justify-end px-8 py-10 md:px-12 md:py-14">
+        <div className="relative z-[1] flex min-h-[250px] flex-col justify-end px-6 py-8 md:min-h-[290px] md:px-10 md:py-10">
           <div className="max-w-[760px]">
-            <div className={`text-sm uppercase tracking-[0.18em] ${eyebrowClass}`}>{eyebrow}</div>
-            <h1 className={`mt-3 text-4xl font-medium tracking-tight md:text-6xl ${titleClass}`}>{title}</h1>
-            <div className={`mt-5 max-w-[680px] text-base leading-8 md:text-lg ${descriptionClass}`}>
-              {description}
-            </div>
-            {children ? <div className="mt-8">{children}</div> : null}
+            {eyebrow ? <div className={`text-sm uppercase tracking-[0.18em] ${eyebrowClass}`}>{eyebrow}</div> : null}
+            {title ? <h1 className={`mt-2 text-4xl font-medium tracking-tight md:text-5xl ${titleClass}`}>{title}</h1> : null}
+            {description ? (
+              <div className={`mt-4 max-w-[680px] text-base leading-8 ${descriptionClass}`}>
+                {description}
+              </div>
+            ) : null}
+            {children ? <div className="mt-5">{children}</div> : null}
           </div>
         </div>
       </div>
diff --git a/src/components/site/site-footer.tsx b/src/components/site/site-footer.tsx
index adb3f59..3d6fcd6 100644
--- a/src/components/site/site-footer.tsx
+++ b/src/components/site/site-footer.tsx
@@ -7,9 +7,9 @@ export async function SiteFooter({ locale }: { locale: Locale }) {
   const year = new Date().getFullYear()
 
   return (
-    <footer className="mt-section border-t border-soft bg-subtle">
-      <div className="mx-auto max-w-page px-6 py-16 md:px-12">
-        <div className="grid gap-10 md:grid-cols-[1.2fr_repeat(3,minmax(0,1fr))]">
+    <footer className="mt-12 border-t border-soft bg-subtle md:mt-14">
+      <div className="mx-auto max-w-page px-6 py-11 md:px-12 md:py-14">
+        <div className="grid gap-8 md:grid-cols-[1.2fr_repeat(3,minmax(0,1fr))]">
           <div>
             <div className="text-base font-semibold">{chrome.siteName}</div>
             <p className="mt-3 max-w-reading text-sm text-text-secondary">
@@ -60,7 +60,7 @@ export async function SiteFooter({ locale }: { locale: Locale }) {
           ))}
         </div>
 
-        <div className="mt-12 flex flex-wrap items-center justify-between gap-4 border-t border-soft pt-6 text-xs text-text-muted">
+        <div className="mt-8 flex flex-wrap items-center justify-between gap-4 border-t border-soft pt-5 text-xs text-text-muted">
           <div>{(chrome.footerCopyright || '© Eversolo').replace('© Eversolo', `© ${year} Eversolo`)}</div>
           <div className="flex flex-wrap items-center gap-4">
             {chrome.legalLinks.map((item) =>
diff --git a/src/components/site/site-header.tsx b/src/components/site/site-header.tsx
index 87af09d..92d5114 100644
--- a/src/components/site/site-header.tsx
+++ b/src/components/site/site-header.tsx
@@ -2,13 +2,19 @@ import Link from 'next/link'
 import type { Locale } from '@/i18n/config'
 import { LanguageSwitcher } from '@/components/site/language-switcher'
 import { getSiteChromeSettings } from '@/lib/global-settings'
+import { getSiteProductMenuData } from '@/lib/site-product-menu'
 import { MobileNav } from '@/components/site/mobile-nav'
+import { SiteProductMegaMenu } from '@/components/site/site-product-mega-menu'
 
 export async function SiteHeader({ locale }: { locale: Locale }) {
-  const chrome = await getSiteChromeSettings(locale)
+  const [chrome, productMenuSeries] = await Promise.all([
+    getSiteChromeSettings(locale),
+    getSiteProductMenuData(locale),
+  ])
+  const productsHref = `/${locale}/products`
 
   return (
-    <header className="sticky top-0 z-40 border-b border-soft bg-page/90 backdrop-blur">
+    <header className="sticky top-0 z-[1750] border-b border-soft bg-page/90 backdrop-blur">
       <div className="mx-auto flex h-[72px] max-w-page items-center justify-between px-6 md:px-12">
         <Link
           href={`/${locale}`}
@@ -23,8 +29,23 @@ export async function SiteHeader({ locale }: { locale: Locale }) {
         </Link>
 
         <nav className="hidden items-center gap-8 md:flex">
-          {chrome.navItems.map((item) =>
-            item.external ? (
+          {chrome.navItems.map((item) => {
+            const isProductsItem =
+              !item.external && item.href.replace(/\/$/, '') === productsHref
+
+            if (isProductsItem && productMenuSeries.length > 0) {
+              return (
+                <SiteProductMegaMenu
+                  key={item.href}
+                  href={item.href}
+                  label={item.label}
+                  locale={locale}
+                  series={productMenuSeries}
+                />
+              )
+            }
+
+            return item.external ? (
               <a
                 key={`${item.label}-${item.href}`}
                 href={item.href}
@@ -35,15 +56,15 @@ export async function SiteHeader({ locale }: { locale: Locale }) {
                 {item.label}
               </a>
             ) : (
-            <Link
-              key={item.href}
-              href={item.href}
-              className="text-sm text-text-secondary transition-colors hover:text-text-primary"
-            >
-              {item.label}
-            </Link>
-            ),
-          )}
+              <Link
+                key={item.href}
+                href={item.href}
+                className="text-sm text-text-secondary transition-colors hover:text-text-primary"
+              >
+                {item.label}
+              </Link>
+            )
+          })}
           <a
             href={chrome.appLink}
             target={chrome.appOpenInNewTab ? '_blank' : undefined}
diff --git a/src/components/site/site-product-mega-menu.tsx b/src/components/site/site-product-mega-menu.tsx
new file mode 100644
index 0000000..de95cac
--- /dev/null
+++ b/src/components/site/site-product-mega-menu.tsx
@@ -0,0 +1,184 @@
+'use client'
+
+import { useEffect, useMemo, useRef, useState } from 'react'
+import Link from 'next/link'
+import type { Locale } from '@/i18n/config'
+import type { SiteProductMenuProduct, SiteProductMenuSeries } from '@/lib/site-product-menu'
+
+type Props = {
+  href: string
+  label: string
+  locale: Locale
+  series: SiteProductMenuSeries[]
+}
+
+function flattenProducts(series: SiteProductMenuSeries[]) {
+  return series.flatMap((group) => group.products)
+}
+
+function ProductNameLink({
+  isActive,
+  onMouseEnter,
+  product,
+}: {
+  isActive: boolean
+  onMouseEnter: () => void
+  product: SiteProductMenuProduct
+}) {
+  const className = [
+    'block rounded-[8px] px-0 py-0.5 text-[14px] leading-6 tracking-[-0.01em] transition duration-150',
+    isActive ? 'text-black' : 'text-black/58 hover:text-black',
+  ].join(' ')
+
+  if (product.forceDocumentNavigation) {
+    return (
+      <a href={product.href} onMouseEnter={onMouseEnter} className={className}>
+        {product.name}
+      </a>
+    )
+  }
+
+  return (
+    <Link href={product.href} onMouseEnter={onMouseEnter} className={className}>
+      {product.name}
+    </Link>
+  )
+}
+
+export function SiteProductMegaMenu({ href, label, locale, series }: Props) {
+  const products = useMemo(() => flattenProducts(series), [series])
+  const [isOpen, setIsOpen] = useState(false)
+  const closeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)
+  const [activeProductId, setActiveProductId] = useState<number | string | null>(
+    products[0]?.id ?? null,
+  )
+  const activeProduct =
+    products.find((product) => product.id === activeProductId) || products[0] || null
+  const clearCloseTimer = () => {
+    if (closeTimerRef.current) {
+      clearTimeout(closeTimerRef.current)
+      closeTimerRef.current = null
+    }
+  }
+  const openMenu = () => {
+    clearCloseTimer()
+    setIsOpen(true)
+  }
+  const closeMenu = () => {
+    clearCloseTimer()
+    closeTimerRef.current = setTimeout(() => {
+      setIsOpen(false)
+      closeTimerRef.current = null
+    }, 220)
+  }
+
+  useEffect(() => clearCloseTimer, [])
+
+  useEffect(() => {
+    document.body.classList.toggle('site-product-menu-open', isOpen)
+
+    return () => {
+      document.body.classList.remove('site-product-menu-open')
+    }
+  }, [isOpen])
+
+  return (
+    <div
+      className="flex h-[72px] items-center"
+      onPointerEnter={openMenu}
+      onPointerLeave={closeMenu}
+    >
+      <Link
+        href={href}
+        className={[
+          'text-sm transition-colors hover:text-text-primary',
+          isOpen ? 'text-text-primary' : 'text-text-secondary',
+        ].join(' ')}
+      >
+        {label}
+      </Link>
+
+      <div
+        data-site-product-mega-menu
+        onPointerEnter={openMenu}
+        onPointerLeave={closeMenu}
+        className={[
+          'fixed inset-x-0 bottom-0 top-[72px] z-[1740] transition duration-200',
+          isOpen ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0',
+        ].join(' ')}
+      >
+        <div className="absolute inset-x-0 top-[-18px] h-6" />
+        <div
+          data-site-product-mega-backdrop
+          className="absolute inset-0"
+          style={{
+            background:
+              'linear-gradient(180deg, rgba(247,246,243,0.18) 0%, rgba(247,246,243,0.28) 38%, rgba(247,246,243,0.44) 100%)',
+            transform: 'translateZ(0)',
+          }}
+        />
+        <div
+          data-site-product-mega-panel
+          className="relative border-y border-black/8 shadow-[0_38px_110px_rgba(17,24,39,0.16)]"
+          style={{
+            background: 'rgba(247,246,243,0.985)',
+            transform: 'translateZ(0)',
+          }}
+        >
+          <div className="mx-auto grid min-h-[380px] max-w-page grid-cols-[minmax(0,1fr)_minmax(320px,32%)] gap-10 px-6 py-9 md:px-12 xl:gap-14">
+            <div className="pt-1">
+              <div className="max-w-[980px] [column-count:3] [column-gap:clamp(2.5rem,4vw,5rem)]">
+                {series.map((group) => (
+                  <section
+                    key={group.id}
+                    className="mb-6 break-inside-avoid-column pr-2"
+                  >
+                    <h2 className="mb-2 text-[16px] font-semibold leading-6 tracking-[-0.02em] text-black">
+                      {group.title}
+                    </h2>
+                    <div className="space-y-0.5">
+                      {group.products.map((product) => (
+                        <ProductNameLink
+                          key={product.id}
+                          product={product}
+                          isActive={activeProduct?.id === product.id}
+                          onMouseEnter={() => setActiveProductId(product.id)}
+                        />
+                      ))}
+                    </div>
+                  </section>
+                ))}
+              </div>
+            </div>
+
+            <aside className="flex items-start justify-end">
+              <div className="sticky top-[96px] w-full max-w-[520px]">
+                <div className="overflow-hidden rounded-[16px] bg-[radial-gradient(circle_at_top_left,rgba(196,179,150,0.2),transparent_48%),linear-gradient(135deg,#eee9df_0%,#f8f6f1_58%,#ffffff_100%)] shadow-[0_20px_70px_rgba(17,24,39,0.14)]">
+                  {activeProduct?.imageUrl ? (
+                    <img
+                      src={activeProduct.imageUrl}
+                      alt={activeProduct.imageAlt}
+                      className="aspect-[16/10] h-full w-full object-cover"
+                    />
+                  ) : (
+                    <div className="aspect-[16/10]" />
+                  )}
+                </div>
+                {activeProduct ? (
+                  <div className="mt-5">
+                    <div className="text-[11px] font-medium uppercase tracking-[0.24em] text-black/38">
+                      {locale === 'zh' ? '当前产品' : 'Selected Product'}
+                    </div>
+                    <div className="mt-2 text-2xl font-medium tracking-[-0.04em] text-black">
+                      {activeProduct.name}
+                    </div>
+                  </div>
+                ) : null}
+              </div>
+            </aside>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/src/lib/blog-api.ts b/src/lib/blog-api.ts
index 88468cf..c7e9d60 100644
--- a/src/lib/blog-api.ts
+++ b/src/lib/blog-api.ts
@@ -73,9 +73,19 @@ function getBlogApiBase(locale: Locale) {
 
 export async function getBlogPosts(locale: Locale, page = 1, perPage = 15): Promise<BlogPageData> {
   const url = `${getBlogApiBase(locale)}?per_page=${perPage}&_embed=true&page=${page}`
-  const res = await fetch(url, {
-    next: { revalidate: 900 },
-  })
+  let res: Response
+
+  try {
+    res = await fetch(url, {
+      next: { revalidate: 900 },
+    })
+  } catch {
+    return {
+      items: [],
+      page,
+      totalPages: 1,
+    }
+  }
 
   if (!res.ok) {
     return {
diff --git a/src/lib/global-settings.ts b/src/lib/global-settings.ts
index 112b8f7..3b151f7 100644
--- a/src/lib/global-settings.ts
+++ b/src/lib/global-settings.ts
@@ -94,6 +94,7 @@ function fallbackSettings(locale: Locale): SiteChromeSettings {
             title: '关于',
             items: [
               { href: '/zh/about', label: '关于' },
+              { href: '/zh/contact', label: '联系我们' },
               { href: '/zh/news', label: '新闻' },
               { href: '/zh/dealers', label: '经销商' },
             ],
@@ -117,6 +118,7 @@ function fallbackSettings(locale: Locale): SiteChromeSettings {
             title: 'About',
             items: [
               { href: '/en/about', label: 'About' },
+              { href: '/en/contact', label: 'Contact' },
               { href: '/en/news', label: 'News' },
               { href: '/en/dealers', label: 'Dealers' },
             ],
diff --git a/src/lib/home-recognition-defaults.ts b/src/lib/home-recognition-defaults.ts
index 6bb5682..77339ea 100644
--- a/src/lib/home-recognition-defaults.ts
+++ b/src/lib/home-recognition-defaults.ts
@@ -99,6 +99,12 @@ export function getDefaultRecognitionReviews(locale: Locale): RecognitionReviewD
         sourceName: 'Amir · Audio Science Review',
         url: 'https://www.audiosciencereview.com/forum/index.php?threads/eversolo-dmp-a6-streamer-review.56486/',
       },
+      {
+        quote: '它把价格、完成度与声音表现组合得非常聪明，整体完成度很高。',
+        sourceLogoUrl: 'https://shop.zidoo.tv/cdn/shop/files/hifinews.png?v=1731586001',
+        sourceName: 'Hi-Fi News',
+        url: 'https://www.hifinews.com/content/eversolo-dmp-a8',
+      },
     ]
   }
 
@@ -128,5 +134,11 @@ export function getDefaultRecognitionReviews(locale: Locale): RecognitionReviewD
       sourceName: 'Amir · Audio Science Review',
       url: 'https://www.audiosciencereview.com/forum/index.php?threads/eversolo-dmp-a6-streamer-review.56486/',
     },
+    {
+      quote: 'It strikes a rare balance between price, completeness, and genuinely convincing sound.',
+      sourceLogoUrl: 'https://shop.zidoo.tv/cdn/shop/files/hifinews.png?v=1731586001',
+      sourceName: 'Hi-Fi News',
+      url: 'https://www.hifinews.com/content/eversolo-dmp-a8',
+    },
   ]
 }
diff --git a/src/lib/site-product-menu.ts b/src/lib/site-product-menu.ts
new file mode 100644
index 0000000..aebb198
--- /dev/null
+++ b/src/lib/site-product-menu.ts
@@ -0,0 +1,123 @@
+import type { Locale } from '@/i18n/config'
+import { getPayloadClient } from '@/lib/payload'
+import { getProductSeriesDefault } from '@/lib/product-series-defaults'
+import { VISIBLE_PRODUCT_STATUS } from '@/lib/product-status'
+import { isTemplateProduct } from '@/lib/product-template-navigation'
+import { normalizeUploadUrl } from '@/lib/upload-url'
+import type { Media, Product, ProductCategory } from '@/payload-types'
+
+export type SiteProductMenuProduct = {
+  forceDocumentNavigation: boolean
+  href: string
+  id: number | string
+  imageAlt: string
+  imageUrl: string | null
+  model: string
+  name: string
+  order: number
+}
+
+export type SiteProductMenuSeries = {
+  id: string
+  order: number
+  products: SiteProductMenuProduct[]
+  title: string
+}
+
+function getCategoryKeyFromSlug(slug: string) {
+  if (slug.startsWith('dmp-')) return 'dmp-streamer'
+  if (slug.startsWith('dac-')) return 'dac'
+  if (slug.startsWith('amp-')) return 'amplifier'
+  if (slug === 'play') return 'play'
+  if (slug === 't8') return 'streaming-transport'
+  if (slug === 'se100') return 'speakers'
+  return 'accessories'
+}
+
+function getMediaUrl(media: number | Media | null | undefined) {
+  if (!media || typeof media === 'number') return null
+
+  return normalizeUploadUrl(
+    media.sizes?.hero?.url ??
+      media.sizes?.card?.url ??
+      media.url ??
+      media.thumbnailURL ??
+      null,
+  )
+}
+
+function getProductImage(product: Product) {
+  return getMediaUrl(product.lifestyleImage) || getMediaUrl(product.heroImage) || getMediaUrl(product.cardImage)
+}
+
+function getCategorySeries(
+  category: number | ProductCategory | null | undefined,
+  productSlug: string,
+  locale: Locale,
+) {
+  if (category && typeof category === 'object') {
+    const fallback = getProductSeriesDefault(category.slug, locale)
+
+    return {
+      id: category.slug,
+      order: typeof category.order === 'number' ? category.order : fallback.order,
+      title: category.name || fallback.title,
+    }
+  }
+
+  const fallback = getProductSeriesDefault(getCategoryKeyFromSlug(productSlug), locale)
+
+  return {
+    id: fallback.key,
+    order: fallback.order,
+    title: fallback.title,
+  }
+}
+
+export async function getSiteProductMenuData(locale: Locale): Promise<SiteProductMenuSeries[]> {
+  const payload = await getPayloadClient()
+  const result = await payload.find({
+    collection: 'products',
+    depth: 1,
+    limit: 100,
+    locale,
+    sort: 'order',
+    where: {
+      and: [
+        { docLocale: { equals: locale } },
+        { status: { equals: VISIBLE_PRODUCT_STATUS } },
+        { name: { exists: true } },
+      ],
+    },
+  })
+  const groups = new Map<string, SiteProductMenuSeries>()
+
+  for (const product of result.docs) {
+    const series = getCategorySeries(product.category, product.slug, locale)
+    const existing = groups.get(series.id) || {
+      id: series.id,
+      order: series.order,
+      products: [],
+      title: series.title,
+    }
+
+    existing.products.push({
+      forceDocumentNavigation: isTemplateProduct(product.template),
+      href: `/${locale}/products/${product.slug}`,
+      id: product.id,
+      imageAlt: product.name || product.model,
+      imageUrl: getProductImage(product),
+      model: product.model || product.name,
+      name: product.name || product.model,
+      order: typeof product.order === 'number' ? product.order : 0,
+    })
+    groups.set(series.id, existing)
+  }
+
+  return [...groups.values()]
+    .map((group) => ({
+      ...group,
+      products: group.products.sort((left, right) => left.order - right.order),
+    }))
+    .sort((left, right) => left.order - right.order)
+}
diff --git a/src/migrations/20260423_150500_add_homepage_featured_layout.ts b/src/migrations/20260423_150500_add_homepage_featured_layout.ts
new file mode 100644
index 0000000..d50f191
--- /dev/null
+++ b/src/migrations/20260423_150500_add_homepage_featured_layout.ts
@@ -0,0 +1,15 @@
+import { MigrateDownArgs, MigrateUpArgs, sql } from '@payloadcms/db-postgres'
+
+export async function up({ db }: MigrateUpArgs): Promise<void> {
+  await db.execute(sql`
+    ALTER TABLE "homepage"
+    ADD COLUMN IF NOT EXISTS "featured_layout" varchar DEFAULT 'grid';
+  `)
+}
+
+export async function down({ db }: MigrateDownArgs): Promise<void> {
+  await db.execute(sql`
+    ALTER TABLE "homepage"
+    DROP COLUMN IF EXISTS "featured_layout";
+  `)
+}
diff --git a/src/migrations/20260423_160500_add_products_page_global.ts b/src/migrations/20260423_160500_add_products_page_global.ts
new file mode 100644
index 0000000..6e012c3
--- /dev/null
+++ b/src/migrations/20260423_160500_add_products_page_global.ts
@@ -0,0 +1,71 @@
+import { MigrateDownArgs, MigrateUpArgs, sql } from '@payloadcms/db-postgres'
+
+export async function up({ db }: MigrateUpArgs): Promise<void> {
+  await db.execute(sql`
+    CREATE TABLE IF NOT EXISTS "products_page" (
+      "id" serial PRIMARY KEY NOT NULL,
+      "updated_at" timestamp(3) with time zone,
+      "created_at" timestamp(3) with time zone
+    );
+  `)
+
+  await db.execute(sql`
+    CREATE TABLE IF NOT EXISTS "products_page_locales" (
+      "hero_eyebrow" varchar,
+      "hero_title" varchar,
+      "hero_description" varchar,
+      "id" serial PRIMARY KEY NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "_parent_id" integer NOT NULL,
+      "hero_image_id" integer
+    );
+  `)
+
+  await db.execute(sql`
+    DO $$ BEGIN
+      ALTER TABLE "products_page_locales"
+      ADD CONSTRAINT "products_page_locales_locale_parent_id_unique" UNIQUE("_locale","_parent_id");
+    EXCEPTION
+      WHEN duplicate_table THEN null;
+      WHEN duplicate_object THEN null;
+    END $$;
+  `)
+
+  await db.execute(sql`
+    DO $$ BEGIN
+      ALTER TABLE "products_page_locales"
+      ADD CONSTRAINT "products_page_locales_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "products_page"("id") ON DELETE CASCADE ON UPDATE no action;
+    EXCEPTION
+      WHEN duplicate_object THEN null;
+    END $$;
+  `)
+
+  await db.execute(sql`
+    DO $$ BEGIN
+      ALTER TABLE "products_page_locales"
+      ADD CONSTRAINT "products_page_locales_hero_image_id_media_id_fk"
+      FOREIGN KEY ("hero_image_id") REFERENCES "media"("id") ON DELETE SET NULL ON UPDATE no action;
+    EXCEPTION
+      WHEN duplicate_object THEN null;
+    END $$;
+  `)
+
+  await db.execute(sql`
+    CREATE INDEX IF NOT EXISTS "products_page_hero_hero_image_idx"
+    ON "products_page_locales" USING btree ("hero_image_id","_locale");
+  `)
+
+  await db.execute(sql`
+    INSERT INTO "products_page" ("id")
+    SELECT 1
+    WHERE NOT EXISTS (SELECT 1 FROM "products_page" WHERE "id" = 1);
+  `)
+}
+
+export async function down({ db }: MigrateDownArgs): Promise<void> {
+  await db.execute(sql`
+    DROP TABLE IF EXISTS "products_page_locales";
+    DROP TABLE IF EXISTS "products_page";
+  `)
+}
diff --git a/src/migrations/20260424_101500_add_homepage_hero_banners.ts b/src/migrations/20260424_101500_add_homepage_hero_banners.ts
new file mode 100644
index 0000000..7459eb6
--- /dev/null
+++ b/src/migrations/20260424_101500_add_homepage_hero_banners.ts
@@ -0,0 +1,59 @@
+import { MigrateDownArgs, MigrateUpArgs, sql } from '@payloadcms/db-postgres'
+
+export async function up({ db }: MigrateUpArgs): Promise<void> {
+  await db.execute(sql`
+    CREATE TABLE IF NOT EXISTS "homepage_hero_banners" (
+      "_order" integer,
+      "_parent_id" integer,
+      "id" varchar PRIMARY KEY
+    );
+
+    CREATE INDEX IF NOT EXISTS "homepage_hero_banners_order_idx" ON "homepage_hero_banners" ("_order");
+    CREATE INDEX IF NOT EXISTS "homepage_hero_banners_parent_id_idx" ON "homepage_hero_banners" ("_parent_id");
+
+    DO $$
+    BEGIN
+      IF NOT EXISTS (
+        SELECT 1
+        FROM pg_constraint
+        WHERE conname = 'homepage_hero_banners_parent_id_fk'
+      ) THEN
+        ALTER TABLE "homepage_hero_banners"
+        ADD CONSTRAINT "homepage_hero_banners_parent_id_fk"
+        FOREIGN KEY ("_parent_id") REFERENCES "homepage"("id") ON DELETE CASCADE;
+      END IF;
+    END $$;
+
+    CREATE TABLE IF NOT EXISTS "homepage_hero_banners_locales" (
+      "title" varchar,
+      "image_url" varchar,
+      "href" varchar,
+      "id" serial PRIMARY KEY,
+      "_locale" "_locales",
+      "_parent_id" varchar
+    );
+
+    CREATE UNIQUE INDEX IF NOT EXISTS "homepage_hero_banners_locales_locale_parent_id_unique"
+      ON "homepage_hero_banners_locales" ("_locale", "_parent_id");
+
+    DO $$
+    BEGIN
+      IF NOT EXISTS (
+        SELECT 1
+        FROM pg_constraint
+        WHERE conname = 'homepage_hero_banners_locales_parent_id_fk'
+      ) THEN
+        ALTER TABLE "homepage_hero_banners_locales"
+        ADD CONSTRAINT "homepage_hero_banners_locales_parent_id_fk"
+        FOREIGN KEY ("_parent_id") REFERENCES "homepage_hero_banners"("id") ON DELETE CASCADE;
+      END IF;
+    END $$;
+  `)
+}
+
+export async function down({ db }: MigrateDownArgs): Promise<void> {
+  await db.execute(sql`
+    DROP TABLE IF EXISTS "homepage_hero_banners_locales";
+    DROP TABLE IF EXISTS "homepage_hero_banners";
+  `)
+}
diff --git a/src/migrations/20260424_120500_add_contact_us_page_global.ts b/src/migrations/20260424_120500_add_contact_us_page_global.ts
new file mode 100644
index 0000000..f71e51d
--- /dev/null
+++ b/src/migrations/20260424_120500_add_contact_us_page_global.ts
@@ -0,0 +1,135 @@
+import { MigrateDownArgs, MigrateUpArgs, sql } from '@payloadcms/db-postgres'
+
+export async function up({ db }: MigrateUpArgs): Promise<void> {
+  await db.execute(sql`
+    CREATE TABLE IF NOT EXISTS "contact_us_page" (
+      "id" serial PRIMARY KEY NOT NULL,
+      "updated_at" timestamp(3) with time zone,
+      "created_at" timestamp(3) with time zone
+    );
+  `)
+
+  await db.execute(sql`
+    CREATE TABLE IF NOT EXISTS "contact_us_page_locales" (
+      "hero_eyebrow" varchar,
+      "hero_title" varchar,
+      "hero_description" varchar,
+      "hero_image_id" integer,
+      "form_intro_eyebrow" varchar,
+      "form_intro_title" varchar,
+      "form_intro_description" varchar,
+      "id" serial PRIMARY KEY NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "_parent_id" integer NOT NULL
+    );
+  `)
+
+  await db.execute(sql`
+    CREATE TABLE IF NOT EXISTS "contact_us_page_contact_groups" (
+      "_order" integer,
+      "_parent_id" integer,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "_locale" "_locales",
+      "title" varchar,
+      "body" varchar
+    );
+  `)
+
+  await db.execute(sql`
+    CREATE TABLE IF NOT EXISTS "contact_us_page_contact_groups_items" (
+      "_order" integer,
+      "_parent_id" varchar,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "_locale" "_locales",
+      "label" varchar,
+      "value" varchar,
+      "href" varchar
+    );
+  `)
+
+  await db.execute(sql`
+    DO $$ BEGIN
+      ALTER TABLE "contact_us_page_locales"
+      ADD CONSTRAINT "contact_us_page_locales_locale_parent_id_unique" UNIQUE("_locale","_parent_id");
+    EXCEPTION
+      WHEN duplicate_table THEN null;
+      WHEN duplicate_object THEN null;
+    END $$;
+  `)
+
+  await db.execute(sql`
+    DO $$ BEGIN
+      ALTER TABLE "contact_us_page_locales"
+      ADD CONSTRAINT "contact_us_page_locales_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "contact_us_page"("id") ON DELETE CASCADE ON UPDATE no action;
+    EXCEPTION
+      WHEN duplicate_object THEN null;
+    END $$;
+  `)
+
+  await db.execute(sql`
+    DO $$ BEGIN
+      ALTER TABLE "contact_us_page_locales"
+      ADD CONSTRAINT "contact_us_page_locales_hero_image_id_media_id_fk"
+      FOREIGN KEY ("hero_image_id") REFERENCES "media"("id") ON DELETE SET NULL ON UPDATE no action;
+    EXCEPTION
+      WHEN duplicate_object THEN null;
+    END $$;
+  `)
+
+  await db.execute(sql`
+    DO $$ BEGIN
+      ALTER TABLE "contact_us_page_contact_groups"
+      ADD CONSTRAINT "contact_us_page_contact_groups_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "contact_us_page"("id") ON DELETE CASCADE ON UPDATE no action;
+    EXCEPTION
+      WHEN duplicate_object THEN null;
+    END $$;
+  `)
+
+  await db.execute(sql`
+    DO $$ BEGIN
+      ALTER TABLE "contact_us_page_contact_groups_items"
+      ADD CONSTRAINT "contact_us_page_contact_groups_items_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "contact_us_page_contact_groups"("id") ON DELETE CASCADE ON UPDATE no action;
+    EXCEPTION
+      WHEN duplicate_object THEN null;
+    END $$;
+  `)
+
+  await db.execute(sql`
+    CREATE INDEX IF NOT EXISTS "contact_us_page_hero_hero_image_idx"
+    ON "contact_us_page_locales" USING btree ("hero_image_id","_locale");
+  `)
+  await db.execute(sql`
+    CREATE INDEX IF NOT EXISTS "contact_us_page_contact_groups_order_idx"
+    ON "contact_us_page_contact_groups" USING btree ("_order");
+  `)
+  await db.execute(sql`
+    CREATE INDEX IF NOT EXISTS "contact_us_page_contact_groups_parent_id_idx"
+    ON "contact_us_page_contact_groups" USING btree ("_parent_id");
+  `)
+  await db.execute(sql`
+    CREATE INDEX IF NOT EXISTS "contact_us_page_contact_groups_items_order_idx"
+    ON "contact_us_page_contact_groups_items" USING btree ("_order");
+  `)
+  await db.execute(sql`
+    CREATE INDEX IF NOT EXISTS "contact_us_page_contact_groups_items_parent_id_idx"
+    ON "contact_us_page_contact_groups_items" USING btree ("_parent_id");
+  `)
+
+  await db.execute(sql`
+    INSERT INTO "contact_us_page" ("id")
+    SELECT 1
+    WHERE NOT EXISTS (SELECT 1 FROM "contact_us_page" WHERE "id" = 1);
+  `)
+}
+
+export async function down({ db }: MigrateDownArgs): Promise<void> {
+  await db.execute(sql`
+    DROP TABLE IF EXISTS "contact_us_page_contact_groups_items";
+    DROP TABLE IF EXISTS "contact_us_page_contact_groups";
+    DROP TABLE IF EXISTS "contact_us_page_locales";
+    DROP TABLE IF EXISTS "contact_us_page";
+  `)
+}
diff --git a/src/migrations/20260424_131500_add_homepage_news_source.ts b/src/migrations/20260424_131500_add_homepage_news_source.ts
new file mode 100644
index 0000000..b97cfb1
--- /dev/null
+++ b/src/migrations/20260424_131500_add_homepage_news_source.ts
@@ -0,0 +1,27 @@
+import { MigrateDownArgs, MigrateUpArgs, sql } from '@payloadcms/db-postgres'
+
+export async function up({ db }: MigrateUpArgs): Promise<void> {
+  await db.execute(sql`
+    DO $$ BEGIN
+      CREATE TYPE "public"."enum_homepage_news_source" AS ENUM('externalBlog', 'localNews');
+    EXCEPTION
+      WHEN duplicate_object THEN null;
+    END $$;
+
+    ALTER TABLE "homepage"
+    ADD COLUMN IF NOT EXISTS "news_source" "public"."enum_homepage_news_source" DEFAULT 'externalBlog';
+
+    UPDATE "homepage"
+    SET "news_source" = 'externalBlog'
+    WHERE "news_source" IS NULL;
+  `)
+}
+
+export async function down({ db }: MigrateDownArgs): Promise<void> {
+  await db.execute(sql`
+    ALTER TABLE "homepage"
+    DROP COLUMN IF EXISTS "news_source";
+
+    DROP TYPE IF EXISTS "public"."enum_homepage_news_source";
+  `)
+}
diff --git a/src/migrations/20260424_143000_add_news_page_and_categories.ts b/src/migrations/20260424_143000_add_news_page_and_categories.ts
new file mode 100644
index 0000000..a22be54
--- /dev/null
+++ b/src/migrations/20260424_143000_add_news_page_and_categories.ts
@@ -0,0 +1,187 @@
+import { MigrateDownArgs, MigrateUpArgs, sql } from '@payloadcms/db-postgres'
+
+export async function up({ db }: MigrateUpArgs): Promise<void> {
+  await db.execute(sql`
+    DO $$ BEGIN
+      CREATE TYPE "public"."enum_news_categories_doc_locale" AS ENUM('en', 'zh');
+    EXCEPTION
+      WHEN duplicate_object THEN null;
+    END $$;
+
+    DO $$ BEGIN
+      CREATE TYPE "public"."enum_news_page_news_source" AS ENUM('externalBlog', 'localNews');
+    EXCEPTION
+      WHEN duplicate_object THEN null;
+    END $$;
+
+    CREATE TABLE IF NOT EXISTS "news_categories" (
+      "id" serial PRIMARY KEY NOT NULL,
+      "doc_locale" "public"."enum_news_categories_doc_locale",
+      "slug" varchar NOT NULL,
+      "order" numeric DEFAULT 0,
+      "updated_at" timestamp(3) with time zone DEFAULT now() NOT NULL,
+      "created_at" timestamp(3) with time zone DEFAULT now() NOT NULL
+    );
+
+    CREATE TABLE IF NOT EXISTS "news_categories_locales" (
+      "name" varchar NOT NULL,
+      "description" varchar,
+      "id" serial PRIMARY KEY NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "_parent_id" integer NOT NULL
+    );
+
+    CREATE UNIQUE INDEX IF NOT EXISTS "news_categories_locales_locale_parent_id_unique"
+      ON "news_categories_locales" USING btree ("_locale","_parent_id");
+    CREATE INDEX IF NOT EXISTS "news_categories_updated_at_idx" ON "news_categories" USING btree ("updated_at");
+    CREATE INDEX IF NOT EXISTS "news_categories_created_at_idx" ON "news_categories" USING btree ("created_at");
+
+    DO $$ BEGIN
+      ALTER TABLE "news_categories_locales"
+      ADD CONSTRAINT "news_categories_locales_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "news_categories"("id") ON DELETE CASCADE ON UPDATE no action;
+    EXCEPTION
+      WHEN duplicate_object THEN null;
+    END $$;
+
+    ALTER TABLE "news"
+    ADD COLUMN IF NOT EXISTS "category_ref_id" integer;
+
+    DO $$ BEGIN
+      ALTER TABLE "news"
+      ADD CONSTRAINT "news_category_ref_id_news_categories_id_fk"
+      FOREIGN KEY ("category_ref_id") REFERENCES "news_categories"("id") ON DELETE SET NULL ON UPDATE no action;
+    EXCEPTION
+      WHEN duplicate_object THEN null;
+    END $$;
+
+    CREATE INDEX IF NOT EXISTS "news_category_ref_idx" ON "news" USING btree ("category_ref_id");
+
+    CREATE TABLE IF NOT EXISTS "news_page" (
+      "id" serial PRIMARY KEY NOT NULL,
+      "news_source" "public"."enum_news_page_news_source" DEFAULT 'externalBlog' NOT NULL,
+      "updated_at" timestamp(3) with time zone,
+      "created_at" timestamp(3) with time zone
+    );
+
+    INSERT INTO "news_page" ("id", "news_source", "updated_at", "created_at")
+    SELECT 1, 'externalBlog', now(), now()
+    WHERE NOT EXISTS (SELECT 1 FROM "news_page" WHERE "id" = 1);
+
+    ALTER TABLE "payload_locked_documents_rels"
+    ADD COLUMN IF NOT EXISTS "news_categories_id" integer;
+
+    DO $$ BEGIN
+      ALTER TABLE "payload_locked_documents_rels"
+      ADD CONSTRAINT "payload_locked_documents_rels_news_categories_fk"
+      FOREIGN KEY ("news_categories_id") REFERENCES "news_categories"("id") ON DELETE CASCADE ON UPDATE no action;
+    EXCEPTION
+      WHEN duplicate_object THEN null;
+    END $$;
+
+    CREATE INDEX IF NOT EXISTS "payload_locked_documents_rels_news_categories_id_idx"
+      ON "payload_locked_documents_rels" USING btree ("news_categories_id");
+  `)
+
+  await db.execute(sql`
+    WITH defaults(slug, doc_locale, locale, name, description, sort_order) AS (
+      VALUES
+        ('announcement', 'en'::"public"."enum_news_categories_doc_locale", 'en'::"_locales", 'Announcement', 'Product announcements and official company updates.', 10),
+        ('press', 'en'::"public"."enum_news_categories_doc_locale", 'en'::"_locales", 'Press', 'Press coverage and media-facing stories.', 20),
+        ('review', 'en'::"public"."enum_news_categories_doc_locale", 'en'::"_locales", 'Review', 'Editorial reviews and listening impressions.', 30),
+        ('event', 'en'::"public"."enum_news_categories_doc_locale", 'en'::"_locales", 'Event', 'Exhibitions, launches, and community events.', 40),
+        ('announcement', 'zh'::"public"."enum_news_categories_doc_locale", 'zh'::"_locales", '公告', '产品发布与官方动态。', 10),
+        ('press', 'zh'::"public"."enum_news_categories_doc_locale", 'zh'::"_locales", '媒体', '媒体报道与新闻素材。', 20),
+        ('review', 'zh'::"public"."enum_news_categories_doc_locale", 'zh'::"_locales", '评测', '媒体评测与听感内容。', 30),
+        ('event', 'zh'::"public"."enum_news_categories_doc_locale", 'zh'::"_locales", '活动', '展会、发布与品牌活动。', 40)
+    ),
+    inserted AS (
+      INSERT INTO "news_categories" ("doc_locale", "slug", "order", "updated_at", "created_at")
+      SELECT defaults.doc_locale, defaults.slug, defaults.sort_order, now(), now()
+      FROM defaults
+      WHERE NOT EXISTS (
+        SELECT 1
+        FROM "news_categories" existing
+        WHERE existing.slug = defaults.slug
+          AND existing.doc_locale = defaults.doc_locale
+      )
+      RETURNING "id", "slug", "doc_locale"
+    ),
+    all_categories AS (
+      SELECT "id", "slug", "doc_locale" FROM inserted
+      UNION
+      SELECT "id", "slug", "doc_locale" FROM "news_categories"
+    )
+    INSERT INTO "news_categories_locales" ("name", "description", "_locale", "_parent_id")
+    SELECT defaults.name, defaults.description, defaults.locale, all_categories.id
+    FROM defaults
+    JOIN all_categories
+      ON all_categories.slug = defaults.slug
+      AND all_categories.doc_locale = defaults.doc_locale
+    WHERE NOT EXISTS (
+      SELECT 1
+      FROM "news_categories_locales" existing
+      WHERE existing."_locale" = defaults.locale
+        AND existing."_parent_id" = all_categories.id
+    );
+  `)
+
+  await db.execute(sql`
+    DO $$
+    BEGIN
+      IF EXISTS (
+        SELECT 1 FROM information_schema.columns
+        WHERE table_name = 'news' AND column_name = 'doc_locale'
+      ) AND EXISTS (
+        SELECT 1 FROM information_schema.columns
+        WHERE table_name = 'news' AND column_name = 'category'
+      ) THEN
+        UPDATE "news" target
+        SET "category_ref_id" = categories."id"
+        FROM "news_categories" categories
+        WHERE target."category_ref_id" IS NULL
+          AND categories."slug" = target."category"::text
+          AND categories."doc_locale"::text = target."doc_locale"::text;
+      END IF;
+
+      IF EXISTS (
+        SELECT 1 FROM information_schema.columns
+        WHERE table_name = 'news' AND column_name = 'doc_locale'
+      ) AND EXISTS (
+        SELECT 1 FROM information_schema.columns
+        WHERE table_name = 'news_locales' AND column_name = 'category'
+      ) THEN
+        UPDATE "news" target
+        SET "category_ref_id" = categories."id"
+        FROM "news_locales" localized
+        JOIN "news_categories" categories
+          ON categories."slug" = localized."category"::text
+          AND categories."doc_locale"::text = localized."_locale"::text
+        WHERE target."category_ref_id" IS NULL
+          AND localized."_parent_id" = target."id"
+          AND target."doc_locale"::text = localized."_locale"::text;
+      END IF;
+    END $$;
+  `)
+}
+
+export async function down({ db }: MigrateDownArgs): Promise<void> {
+  await db.execute(sql`
+    ALTER TABLE "payload_locked_documents_rels"
+    DROP CONSTRAINT IF EXISTS "payload_locked_documents_rels_news_categories_fk";
+    ALTER TABLE "payload_locked_documents_rels"
+    DROP COLUMN IF EXISTS "news_categories_id";
+
+    ALTER TABLE "news"
+    DROP CONSTRAINT IF EXISTS "news_category_ref_id_news_categories_id_fk";
+    ALTER TABLE "news"
+    DROP COLUMN IF EXISTS "category_ref_id";
+
+    DROP TABLE IF EXISTS "news_page";
+    DROP TABLE IF EXISTS "news_categories_locales";
+    DROP TABLE IF EXISTS "news_categories";
+
+    DROP TYPE IF EXISTS "public"."enum_news_page_news_source";
+    DROP TYPE IF EXISTS "public"."enum_news_categories_doc_locale";
+  `)
+}
diff --git a/src/migrations/20260424_151500_add_dealers_page_global.ts b/src/migrations/20260424_151500_add_dealers_page_global.ts
new file mode 100644
index 0000000..6612ff5
--- /dev/null
+++ b/src/migrations/20260424_151500_add_dealers_page_global.ts
@@ -0,0 +1,92 @@
+import { MigrateDownArgs, MigrateUpArgs, sql } from '@payloadcms/db-postgres'
+
+export async function up({ db }: MigrateUpArgs): Promise<void> {
+  await db.execute(sql`
+    CREATE TABLE IF NOT EXISTS "dealers_page" (
+      "id" serial PRIMARY KEY NOT NULL,
+      "updated_at" timestamp(3) with time zone,
+      "created_at" timestamp(3) with time zone
+    );
+
+    CREATE TABLE IF NOT EXISTS "dealers_page_locales" (
+      "hero_eyebrow" varchar,
+      "hero_title" varchar,
+      "hero_description" varchar,
+      "hero_image_url" varchar,
+      "business_contact_eyebrow" varchar,
+      "business_contact_title" varchar,
+      "business_contact_cta_label" varchar,
+      "business_contact_cta_href" varchar,
+      "empty_state_message" varchar,
+      "id" serial PRIMARY KEY NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "_parent_id" integer NOT NULL
+    );
+
+    CREATE UNIQUE INDEX IF NOT EXISTS "dealers_page_locales_locale_parent_id_unique"
+      ON "dealers_page_locales" USING btree ("_locale","_parent_id");
+
+    DO $$ BEGIN
+      ALTER TABLE "dealers_page_locales"
+      ADD CONSTRAINT "dealers_page_locales_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "dealers_page"("id") ON DELETE CASCADE ON UPDATE no action;
+    EXCEPTION
+      WHEN duplicate_object THEN null;
+    END $$;
+
+    INSERT INTO "dealers_page" ("id", "updated_at", "created_at")
+    SELECT 1, now(), now()
+    WHERE NOT EXISTS (SELECT 1 FROM "dealers_page" WHERE "id" = 1);
+  `)
+
+  await db.execute(sql`
+    INSERT INTO "dealers_page_locales" (
+      "hero_eyebrow",
+      "hero_title",
+      "hero_description",
+      "hero_image_url",
+      "business_contact_eyebrow",
+      "business_contact_title",
+      "business_contact_cta_label",
+      "business_contact_cta_href",
+      "empty_state_message",
+      "_locale",
+      "_parent_id"
+    )
+    VALUES
+      (
+        'Sales Network',
+        'Dealers & Partners',
+        'Browse the Eversolo dealer network. For regional distribution or OEM partnership requests, visit the contact page.',
+        'https://www.eversolo.com/Public/home/images/nav_show.jpg',
+        'Business Contact',
+        'Distributor and OEM requests now live on the contact page',
+        'Open Contact',
+        '/en/contact',
+        'Authorized dealer information is being updated.',
+        'en',
+        1
+      ),
+      (
+        '销售网络',
+        '经销商与合作伙伴',
+        '查看 Eversolo 授权销售网络；如需提交区域经销或 OEM 合作需求，可前往联系我们页面。',
+        'https://www.eversolo.com/Public/home/images/nav_show.jpg',
+        '商务合作',
+        '经销申请与 OEM 需求已移至联系我们页面',
+        '前往联系我们',
+        '/zh/contact',
+        '授权经销商信息正在同步中。',
+        'zh',
+        1
+      )
+    ON CONFLICT ("_locale", "_parent_id") DO NOTHING;
+  `)
+}
+
+export async function down({ db }: MigrateDownArgs): Promise<void> {
+  await db.execute(sql`
+    DROP TABLE IF EXISTS "dealers_page_locales";
+    DROP TABLE IF EXISTS "dealers_page";
+  `)
+}
diff --git a/src/migrations/index.ts b/src/migrations/index.ts
index bf10e62..3221717 100644
--- a/src/migrations/index.ts
+++ b/src/migrations/index.ts
@@ -4,6 +4,13 @@ import * as migration_20260423_111500_add_download_external_url from './20260423
 import * as migration_20260423_114500_add_homepage_external_video_url from './20260423_114500_add_homepage_external_video_url';
 import * as migration_20260423_121500_add_download_products_relation from './20260423_121500_add_download_products_relation';
 import * as migration_20260423_130500_add_product_published_hidden_status from './20260423_130500_add_product_published_hidden_status';
+import * as migration_20260423_150500_add_homepage_featured_layout from './20260423_150500_add_homepage_featured_layout';
+import * as migration_20260423_160500_add_products_page_global from './20260423_160500_add_products_page_global';
+import * as migration_20260424_101500_add_homepage_hero_banners from './20260424_101500_add_homepage_hero_banners';
+import * as migration_20260424_120500_add_contact_us_page_global from './20260424_120500_add_contact_us_page_global';
+import * as migration_20260424_131500_add_homepage_news_source from './20260424_131500_add_homepage_news_source';
+import * as migration_20260424_143000_add_news_page_and_categories from './20260424_143000_add_news_page_and_categories';
+import * as migration_20260424_151500_add_dealers_page_global from './20260424_151500_add_dealers_page_global';
 
 export const migrations = [
   {
@@ -36,4 +43,39 @@ export const migrations = [
     down: migration_20260423_130500_add_product_published_hidden_status.down,
     name: '20260423_130500_add_product_published_hidden_status'
   },
+  {
+    up: migration_20260423_150500_add_homepage_featured_layout.up,
+    down: migration_20260423_150500_add_homepage_featured_layout.down,
+    name: '20260423_150500_add_homepage_featured_layout'
+  },
+  {
+    up: migration_20260423_160500_add_products_page_global.up,
+    down: migration_20260423_160500_add_products_page_global.down,
+    name: '20260423_160500_add_products_page_global'
+  },
+  {
+    up: migration_20260424_101500_add_homepage_hero_banners.up,
+    down: migration_20260424_101500_add_homepage_hero_banners.down,
+    name: '20260424_101500_add_homepage_hero_banners'
+  },
+  {
+    up: migration_20260424_120500_add_contact_us_page_global.up,
+    down: migration_20260424_120500_add_contact_us_page_global.down,
+    name: '20260424_120500_add_contact_us_page_global'
+  },
+  {
+    up: migration_20260424_131500_add_homepage_news_source.up,
+    down: migration_20260424_131500_add_homepage_news_source.down,
+    name: '20260424_131500_add_homepage_news_source'
+  },
+  {
+    up: migration_20260424_143000_add_news_page_and_categories.up,
+    down: migration_20260424_143000_add_news_page_and_categories.down,
+    name: '20260424_143000_add_news_page_and_categories'
+  },
+  {
+    up: migration_20260424_151500_add_dealers_page_global.up,
+    down: migration_20260424_151500_add_dealers_page_global.down,
+    name: '20260424_151500_add_dealers_page_global'
+  },
 ];
diff --git a/src/payload-types.ts b/src/payload-types.ts
index 9c823a5..8730e80 100644
--- a/src/payload-types.ts
+++ b/src/payload-types.ts
@@ -76,6 +76,7 @@ export interface Config {
     downloads: Download;
     faqs: Faq;
     dealers: Dealer;
+    newsCategories: NewsCategory;
     news: News;
     productVideos: ProductVideo;
     productReviews: ProductReview;
@@ -99,6 +100,7 @@ export interface Config {
     downloads: DownloadsSelect<false> | DownloadsSelect<true>;
     faqs: FaqsSelect<false> | FaqsSelect<true>;
     dealers: DealersSelect<false> | DealersSelect<true>;
+    newsCategories: NewsCategoriesSelect<false> | NewsCategoriesSelect<true>;
     news: NewsSelect<false> | NewsSelect<true>;
     productVideos: ProductVideosSelect<false> | ProductVideosSelect<true>;
     productReviews: ProductReviewsSelect<false> | ProductReviewsSelect<true>;
@@ -119,17 +121,25 @@ export interface Config {
     homepage: Homepage;
     globalSettings: GlobalSetting;
     aboutPage: AboutPage;
+    contactUsPage: ContactUsPage;
     supportPage: SupportPage;
     contactPage: ContactPage;
     warrantyPage: WarrantyPage;
+    productsPage: ProductsPage;
+    newsPage: NewsPage;
+    dealersPage: DealersPage;
   };
   globalsSelect: {
     homepage: HomepageSelect<false> | HomepageSelect<true>;
     globalSettings: GlobalSettingsSelect<false> | GlobalSettingsSelect<true>;
     aboutPage: AboutPageSelect<false> | AboutPageSelect<true>;
+    contactUsPage: ContactUsPageSelect<false> | ContactUsPageSelect<true>;
     supportPage: SupportPageSelect<false> | SupportPageSelect<true>;
     contactPage: ContactPageSelect<false> | ContactPageSelect<true>;
     warrantyPage: WarrantyPageSelect<false> | WarrantyPageSelect<true>;
+    productsPage: ProductsPageSelect<false> | ProductsPageSelect<true>;
+    newsPage: NewsPageSelect<false> | NewsPageSelect<true>;
+    dealersPage: DealersPageSelect<false> | DealersPageSelect<true>;
   };
   locale: 'en' | 'zh';
   widgets: {
@@ -301,13 +311,10 @@ export interface Video {
  */
 export interface Product {
   id: number;
-  /**
-   * Independent document language for this product record.
-   */
-  docLocale: 'en' | 'zh';
+  docLocale?: ('en' | 'zh') | null;
   model: string;
   slug: string;
-  status: 'draft' | 'review' | 'published' | 'archived';
+  status: 'draft' | 'review' | 'published' | 'published_hidden' | 'archived';
   order?: number | null;
   category: number | ProductCategory;
   /**
@@ -331,9 +338,6 @@ export interface Product {
         | 'topic-page'
       )
     | null;
-  /**
-   * Importer-maintained flag showing whether a local template bundle is active.
-   */
   templateEnabled?: boolean | null;
   name: string;
   tagline?: string | null;
@@ -473,10 +477,7 @@ export interface Product {
  */
 export interface ProductCategory {
   id: number;
-  /**
-   * Independent document language for this category record.
-   */
-  docLocale: 'en' | 'zh';
+  docLocale?: ('en' | 'zh') | null;
   slug: string;
   name: string;
   subtitle?: string | null;
@@ -508,10 +509,7 @@ export interface ProductCategory {
  */
 export interface Dealer {
   id: number;
-  /**
-   * Independent document language for this dealer record.
-   */
-  docLocale: 'en' | 'zh';
+  docLocale?: ('en' | 'zh') | null;
   name: string;
   region: string;
   country: string;
@@ -534,16 +532,18 @@ export interface Dealer {
  */
 export interface Download {
   id: number;
-  /**
-   * Independent document language for this download entry.
-   */
-  docLocale: 'en' | 'zh';
+  docLocale?: ('en' | 'zh') | null;
   title: string;
   type: 'firmware' | 'manual' | 'software' | 'other';
-  product: number | Product;
+  product?: (number | null) | Product;
+  products: (number | Product)[];
   version?: string | null;
   releaseDate?: string | null;
   file?: (number | null) | File;
+  /**
+   * Optional. Use this when the package or manual is hosted on a third-party site instead of the local file library.
+   */
+  externalUrl?: string | null;
   checksum?: string | null;
   changelog?: {
     root: {
@@ -593,10 +593,7 @@ export interface Download {
  */
 export interface Faq {
   id: number;
-  /**
-   * Independent document language for this FAQ entry.
-   */
-  docLocale: 'en' | 'zh';
+  docLocale?: ('en' | 'zh') | null;
   group: 'setup' | 'streaming' | 'connectivity' | 'hardware' | 'warranty' | 'other';
   question: string;
   answer: {
@@ -619,6 +616,22 @@ export interface Faq {
   updatedAt: string;
   createdAt: string;
 }
+/**
+ * Managed categories for local CMS news. English and Chinese categories are maintained as separate documents.
+ *
+ * This interface was referenced by `Config`'s JSON-Schema
+ * via the `definition` "newsCategories".
+ */
+export interface NewsCategory {
+  id: number;
+  docLocale?: ('en' | 'zh') | null;
+  slug: string;
+  name: string;
+  description?: string | null;
+  order?: number | null;
+  updatedAt: string;
+  createdAt: string;
+}
 /**
  * Editorial news stories used for the news hub and homepage highlights. English and Chinese are maintained as separate documents.
  *
@@ -627,12 +640,16 @@ export interface Faq {
  */
 export interface News {
   id: number;
-  /**
-   * Independent document language. Create one record for EN and one record for ZH, then keep this aligned with the admin locale while editing.
-   */
-  docLocale: 'en' | 'zh';
+  docLocale?: ('en' | 'zh') | null;
   slug: string;
-  category: 'announcement' | 'press' | 'review' | 'event';
+  /**
+   * Legacy fallback only. Use managed News Category instead.
+   */
+  category?: ('announcement' | 'press' | 'review' | 'event') | null;
+  /**
+   * Managed news category shown on the frontend. Legacy category is used as fallback.
+   */
+  categoryRef?: (number | null) | NewsCategory;
   title: string;
   excerpt?: string | null;
   coverImage?: (number | null) | Media;
@@ -667,10 +684,7 @@ export interface News {
  */
 export interface ProductVideo {
   id: number;
-  /**
-   * Independent document language for this video entry.
-   */
-  docLocale: 'en' | 'zh';
+  docLocale?: ('en' | 'zh') | null;
   title: string;
   product: number | Product;
   provider: 'youtube' | 'vimeo' | 'bilibili' | 'other';
@@ -707,10 +721,7 @@ export interface ProductVideo {
  */
 export interface ProductReview {
   id: number;
-  /**
-   * Independent document language for this review entry.
-   */
-  docLocale: 'en' | 'zh';
+  docLocale?: ('en' | 'zh') | null;
   title: string;
   product: number | Product;
   sourceName?: string | null;
@@ -905,6 +916,10 @@ export interface PayloadLockedDocument {
         relationTo: 'dealers';
         value: number | Dealer;
       } | null)
+    | ({
+        relationTo: 'newsCategories';
+        value: number | NewsCategory;
+      } | null)
     | ({
         relationTo: 'news';
         value: number | News;
@@ -1214,9 +1229,11 @@ export interface DownloadsSelect<T extends boolean = true> {
   title?: T;
   type?: T;
   product?: T;
+  products?: T;
   version?: T;
   releaseDate?: T;
   file?: T;
+  externalUrl?: T;
   checksum?: T;
   changelog?: T;
   notes?: T;
@@ -1263,6 +1280,19 @@ export interface DealersSelect<T extends boolean = true> {
   updatedAt?: T;
   createdAt?: T;
 }
+/**
+ * This interface was referenced by `Config`'s JSON-Schema
+ * via the `definition` "newsCategories_select".
+ */
+export interface NewsCategoriesSelect<T extends boolean = true> {
+  docLocale?: T;
+  slug?: T;
+  name?: T;
+  description?: T;
+  order?: T;
+  updatedAt?: T;
+  createdAt?: T;
+}
 /**
  * This interface was referenced by `Config`'s JSON-Schema
  * via the `definition` "news_select".
@@ -1271,6 +1301,7 @@ export interface NewsSelect<T extends boolean = true> {
   docLocale?: T;
   slug?: T;
   category?: T;
+  categoryRef?: T;
   title?: T;
   excerpt?: T;
   coverImage?: T;
@@ -1441,6 +1472,7 @@ export interface Homepage {
     mode: 'image' | 'video';
     image?: (number | null) | Media;
     video?: (number | null) | Video;
+    externalVideoUrl?: string | null;
     eyebrow?: string | null;
     headline: string;
     supportingLine?: string | null;
@@ -1454,6 +1486,21 @@ export interface Homepage {
     };
   };
   featuredProducts?: (number | Product)[] | null;
+  /**
+   * Choose how the featured product section is composed on the homepage. The current grid remains available as the default.
+   */
+  featuredLayout?: ('grid' | 'spotlight' | 'editorial' | 'panorama') | null;
+  /**
+   * A rotating banner rail shown directly below the homepage hero. Each item can use a localized image URL and link.
+   */
+  heroBanners?:
+    | {
+        title?: string | null;
+        imageUrl: string;
+        href: string;
+        id?: string | null;
+      }[]
+    | null;
   statement?: {
     eyebrow?: string | null;
     title?: string | null;
@@ -1506,6 +1553,13 @@ export interface Homepage {
         }[]
       | null;
   };
+  /**
+   * Choose whether the homepage News section reads from the external WordPress blog or from local CMS News Highlights.
+   */
+  newsSource?: ('externalBlog' | 'localNews') | null;
+  /**
+   * Used when News Source is set to Local CMS News. If empty, the homepage falls back to the latest local news stories.
+   */
   newsHighlights?: (number | News)[] | null;
   seo?: {
     title?: string | null;
@@ -1576,6 +1630,9 @@ export interface GlobalSetting {
       | null;
     copyright?: string | null;
   };
+  /**
+   * Shown in the site footer. Icon Key supports values such as youtube, instagram, facebook, x, twitter, tiktok, bilibili, weibo, wechat, linkedin, telegram, discord, and github.
+   */
   social?:
     | {
         platform: string;
@@ -1593,7 +1650,7 @@ export interface GlobalSetting {
   createdAt?: string | null;
 }
 /**
- * Brand story, richer editorial sections, awards, and media quotes for the About page. Switch admin locale to edit EN and ZH separately.
+ * About page hero and one full-width HTML content block. Switch admin locale to edit EN and ZH separately.
  *
  * This interface was referenced by `Config`'s JSON-Schema
  * via the `definition` "aboutPage".
@@ -1620,6 +1677,10 @@ export interface AboutPage {
     } | null;
     heroImage?: (number | null) | Media;
   };
+  /**
+   * Supports HTML. This is the single full-width content block shown under the hero image.
+   */
+  contentHtml?: string | null;
   brandStory?: {
     root: {
       type: string;
@@ -1654,9 +1715,6 @@ export interface AboutPage {
     eyebrow?: string | null;
     body?: string | null;
   };
-  /**
-   * Editorial image-and-copy moments shown after the main brand and philosophy sections.
-   */
   storyMoments?:
     | {
         title?: string | null;
@@ -1665,9 +1723,6 @@ export interface AboutPage {
         id?: string | null;
       }[]
     | null;
-  /**
-   * Three core capability pillars shown in the technical direction section.
-   */
   capabilityPillars?:
     | {
         title?: string | null;
@@ -1675,9 +1730,6 @@ export interface AboutPage {
         id?: string | null;
       }[]
     | null;
-  /**
-   * Awards and recognition shown in the About page credibility section.
-   */
   awardHighlights?:
     | {
         label?: string | null;
@@ -1687,9 +1739,6 @@ export interface AboutPage {
         id?: string | null;
       }[]
     | null;
-  /**
-   * Selected media quotes and source logos shown near the bottom of the About page.
-   */
   mediaQuotes?:
     | {
         sourceName?: string | null;
@@ -1702,6 +1751,43 @@ export interface AboutPage {
   updatedAt?: string | null;
   createdAt?: string | null;
 }
+/**
+ * Business contact page for sales, distributor, OEM/ODM, and support contact information. Switch admin locale to edit EN and ZH separately.
+ *
+ * This interface was referenced by `Config`'s JSON-Schema
+ * via the `definition` "contactUsPage".
+ */
+export interface ContactUsPage {
+  id: number;
+  hero?: {
+    eyebrow?: string | null;
+    title?: string | null;
+    description?: string | null;
+    image?: (number | null) | Media;
+  };
+  contactGroups?:
+    | {
+        title?: string | null;
+        body?: string | null;
+        items?:
+          | {
+              label?: string | null;
+              value?: string | null;
+              href?: string | null;
+              id?: string | null;
+            }[]
+          | null;
+        id?: string | null;
+      }[]
+    | null;
+  formIntro?: {
+    eyebrow?: string | null;
+    title?: string | null;
+    description?: string | null;
+  };
+  updatedAt?: string | null;
+  createdAt?: string | null;
+}
 /**
  * Intro copy and shortcut cards for the main support landing page. Switch admin locale to edit EN and ZH separately. The homepage support section also uses these entries.
  *
@@ -1862,6 +1948,64 @@ export interface WarrantyPage {
   updatedAt?: string | null;
   createdAt?: string | null;
 }
+/**
+ * Hero content for the product listing page. Switch admin locale to edit EN and ZH separately.
+ *
+ * This interface was referenced by `Config`'s JSON-Schema
+ * via the `definition` "productsPage".
+ */
+export interface ProductsPage {
+  id: number;
+  hero?: {
+    eyebrow?: string | null;
+    title?: string | null;
+    description?: string | null;
+    image?: (number | null) | Media;
+  };
+  updatedAt?: string | null;
+  createdAt?: string | null;
+}
+/**
+ * Controls whether the public News page reads from the external WordPress blog or local CMS news entries.
+ *
+ * This interface was referenced by `Config`'s JSON-Schema
+ * via the `definition` "newsPage".
+ */
+export interface NewsPage {
+  id: number;
+  /**
+   * Switch the frontend /news page between the external blog feed and local CMS news.
+   */
+  newsSource: 'externalBlog' | 'localNews';
+  updatedAt?: string | null;
+  createdAt?: string | null;
+}
+/**
+ * Hero and business contact copy for the public dealer network page. Switch admin locale to edit EN and ZH separately.
+ *
+ * This interface was referenced by `Config`'s JSON-Schema
+ * via the `definition` "dealersPage".
+ */
+export interface DealersPage {
+  id: number;
+  hero?: {
+    eyebrow?: string | null;
+    title?: string | null;
+    description?: string | null;
+    imageUrl?: string | null;
+  };
+  businessContact?: {
+    eyebrow?: string | null;
+    title?: string | null;
+    ctaLabel?: string | null;
+    ctaHref?: string | null;
+  };
+  emptyState?: {
+    message?: string | null;
+  };
+  updatedAt?: string | null;
+  createdAt?: string | null;
+}
 /**
  * This interface was referenced by `Config`'s JSON-Schema
  * via the `definition` "homepage_select".
@@ -1873,6 +2017,7 @@ export interface HomepageSelect<T extends boolean = true> {
         mode?: T;
         image?: T;
         video?: T;
+        externalVideoUrl?: T;
         eyebrow?: T;
         headline?: T;
         supportingLine?: T;
@@ -1890,6 +2035,15 @@ export interface HomepageSelect<T extends boolean = true> {
             };
       };
   featuredProducts?: T;
+  featuredLayout?: T;
+  heroBanners?:
+    | T
+    | {
+        title?: T;
+        imageUrl?: T;
+        href?: T;
+        id?: T;
+      };
   statement?:
     | T
     | {
@@ -1934,6 +2088,7 @@ export interface HomepageSelect<T extends boolean = true> {
               id?: T;
             };
       };
+  newsSource?: T;
   newsHighlights?: T;
   seo?:
     | T
@@ -2044,6 +2199,7 @@ export interface AboutPageSelect<T extends boolean = true> {
         body?: T;
         heroImage?: T;
       };
+  contentHtml?: T;
   brandStory?: T;
   philosophy?: T;
   editorialFocus?:
@@ -2089,6 +2245,45 @@ export interface AboutPageSelect<T extends boolean = true> {
   createdAt?: T;
   globalType?: T;
 }
+/**
+ * This interface was referenced by `Config`'s JSON-Schema
+ * via the `definition` "contactUsPage_select".
+ */
+export interface ContactUsPageSelect<T extends boolean = true> {
+  hero?:
+    | T
+    | {
+        eyebrow?: T;
+        title?: T;
+        description?: T;
+        image?: T;
+      };
+  contactGroups?:
+    | T
+    | {
+        title?: T;
+        body?: T;
+        items?:
+          | T
+          | {
+              label?: T;
+              value?: T;
+              href?: T;
+              id?: T;
+            };
+        id?: T;
+      };
+  formIntro?:
+    | T
+    | {
+        eyebrow?: T;
+        title?: T;
+        description?: T;
+      };
+  updatedAt?: T;
+  createdAt?: T;
+  globalType?: T;
+}
 /**
  * This interface was referenced by `Config`'s JSON-Schema
  * via the `definition` "supportPage_select".
@@ -2199,6 +2394,63 @@ export interface WarrantyPageSelect<T extends boolean = true> {
   createdAt?: T;
   globalType?: T;
 }
+/**
+ * This interface was referenced by `Config`'s JSON-Schema
+ * via the `definition` "productsPage_select".
+ */
+export interface ProductsPageSelect<T extends boolean = true> {
+  hero?:
+    | T
+    | {
+        eyebrow?: T;
+        title?: T;
+        description?: T;
+        image?: T;
+      };
+  updatedAt?: T;
+  createdAt?: T;
+  globalType?: T;
+}
+/**
+ * This interface was referenced by `Config`'s JSON-Schema
+ * via the `definition` "newsPage_select".
+ */
+export interface NewsPageSelect<T extends boolean = true> {
+  newsSource?: T;
+  updatedAt?: T;
+  createdAt?: T;
+  globalType?: T;
+}
+/**
+ * This interface was referenced by `Config`'s JSON-Schema
+ * via the `definition` "dealersPage_select".
+ */
+export interface DealersPageSelect<T extends boolean = true> {
+  hero?:
+    | T
+    | {
+        eyebrow?: T;
+        title?: T;
+        description?: T;
+        imageUrl?: T;
+      };
+  businessContact?:
+    | T
+    | {
+        eyebrow?: T;
+        title?: T;
+        ctaLabel?: T;
+        ctaHref?: T;
+      };
+  emptyState?:
+    | T
+    | {
+        message?: T;
+      };
+  updatedAt?: T;
+  createdAt?: T;
+  globalType?: T;
+}
 /**
  * This interface was referenced by `Config`'s JSON-Schema
  * via the `definition` "collections_widget".
diff --git a/src/payload.config.ts b/src/payload.config.ts
index 1fc41db..b33c6a0 100644
--- a/src/payload.config.ts
+++ b/src/payload.config.ts
@@ -15,6 +15,7 @@ import { Downloads } from './payload/collections/Downloads'
 import { FAQs } from './payload/collections/FAQs'
 import { Dealers } from './payload/collections/Dealers'
 import { News } from './payload/collections/News'
+import { NewsCategories } from './payload/collections/NewsCategories'
 import { Redirects } from './payload/collections/Redirects'
 import { Users } from './payload/collections/Users'
 import { ProductVideos } from './payload/collections/ProductVideos'
@@ -27,7 +28,11 @@ import { GlobalSettings } from './payload/globals/GlobalSettings'
 import { AboutPage } from './payload/globals/AboutPage'
 import { SupportPage } from './payload/globals/SupportPage'
 import { ContactPage } from './payload/globals/ContactPage'
+import { ContactUsPage } from './payload/globals/ContactUsPage'
+import { DealersPage } from './payload/globals/DealersPage'
+import { NewsPage } from './payload/globals/NewsPage'
 import { WarrantyPage } from './payload/globals/WarrantyPage'
+import { ProductsPage } from './payload/globals/ProductsPage'
 
 const filename = fileURLToPath(import.meta.url)
 const dirname = path.dirname(filename)
@@ -54,6 +59,7 @@ export default buildConfig({
     Downloads,
     FAQs,
     Dealers,
+    NewsCategories,
     News,
     ProductVideos,
     ProductReviews,
@@ -62,7 +68,18 @@ export default buildConfig({
     OemRequests,
     Redirects,
   ],
-  globals: [Homepage, GlobalSettings, AboutPage, SupportPage, ContactPage, WarrantyPage],
+  globals: [
+    Homepage,
+    GlobalSettings,
+    AboutPage,
+    ContactUsPage,
+    SupportPage,
+    ContactPage,
+    WarrantyPage,
+    ProductsPage,
+    NewsPage,
+    DealersPage,
+  ],
   localization: {
     locales: [
       { label: 'English', code: 'en' },
diff --git a/src/payload/admin/CompactArrayRowLabel.tsx b/src/payload/admin/CompactArrayRowLabel.tsx
new file mode 100644
index 0000000..f890324
--- /dev/null
+++ b/src/payload/admin/CompactArrayRowLabel.tsx
@@ -0,0 +1,55 @@
+'use client'
+
+import { useRowLabel } from '@payloadcms/ui'
+
+function stringify(value: unknown): string {
+  if (value === null || value === undefined) return ''
+  if (typeof value === 'string') return value.trim()
+  if (typeof value === 'number' || typeof value === 'boolean') return String(value)
+  if (typeof value === 'object') {
+    const objectValue = value as Record<string, unknown>
+    return stringify(objectValue.label) || stringify(objectValue.title) || stringify(objectValue.name) || stringify(objectValue.value)
+  }
+  return ''
+}
+
+function pick(data: Record<string, unknown>, keys: string[]) {
+  for (const key of keys) {
+    const value = stringify(data[key])
+    if (value) return value
+  }
+  return ''
+}
+
+export function CompactArrayRowLabel() {
+  const { data, rowNumber } = useRowLabel<Record<string, unknown>>()
+  const index = typeof rowNumber === 'number' ? String(rowNumber + 1).padStart(2, '0') : ''
+  const title =
+    pick(data || {}, [
+      'title',
+      'label',
+      'name',
+      'platform',
+      'sourceName',
+      'groupName',
+      'key',
+      'value',
+      'text',
+      'href',
+      'url',
+      'imageUrl',
+    ]) || (index ? `Item ${index}` : 'Item')
+  const secondary = pick(data || {}, ['value', 'href', 'url', 'body', 'description', 'quote', 'year'])
+
+  return (
+    <span className="compact-array-row-label">
+      {index ? <span className="compact-array-row-label__index">{index}</span> : null}
+      <span className="compact-array-row-label__body">
+        <span className="compact-array-row-label__title">{title}</span>
+        {secondary && secondary !== title ? (
+          <span className="compact-array-row-label__meta">{secondary}</span>
+        ) : null}
+      </span>
+    </span>
+  )
+}
diff --git a/src/payload/admin/compact-array-admin.ts b/src/payload/admin/compact-array-admin.ts
new file mode 100644
index 0000000..a0d74af
--- /dev/null
+++ b/src/payload/admin/compact-array-admin.ts
@@ -0,0 +1,20 @@
+import type { ArrayField } from 'payload'
+
+type ArrayAdmin = NonNullable<ArrayField['admin']>
+
+export function compactArrayAdmin(admin: ArrayAdmin = {}): ArrayAdmin {
+  const className = ['compact-array-field', admin.className].filter(Boolean).join(' ')
+
+  return {
+    ...admin,
+    className,
+    components: {
+      ...admin.components,
+      RowLabel: {
+        path: '@/payload/admin/CompactArrayRowLabel',
+        exportName: 'CompactArrayRowLabel',
+      },
+    },
+    initCollapsed: true,
+  }
+}
diff --git a/src/payload/collections/Media.ts b/src/payload/collections/Media.ts
index 4be204c..ba6c5c5 100644
--- a/src/payload/collections/Media.ts
+++ b/src/payload/collections/Media.ts
@@ -1,4 +1,5 @@
 import type { CollectionConfig } from 'payload'
+import { compactArrayAdmin } from '@/payload/admin/compact-array-admin'
 
 export const Media: CollectionConfig = {
   slug: 'media',
@@ -29,6 +30,7 @@ export const Media: CollectionConfig = {
     {
       name: 'tags',
       type: 'array',
+      admin: compactArrayAdmin(),
       fields: [{ name: 'value', type: 'text' }],
     },
   ],
diff --git a/src/payload/collections/News.ts b/src/payload/collections/News.ts
index 9da456d..3aade25 100644
--- a/src/payload/collections/News.ts
+++ b/src/payload/collections/News.ts
@@ -10,7 +10,7 @@ export const News: CollectionConfig = {
   },
   admin: {
     baseFilter: independentDocListFilter('title'),
-    defaultColumns: ['title', 'category', 'publishedAt', 'updatedAt'],
+    defaultColumns: ['title', 'categoryRef', 'publishedAt', 'updatedAt'],
     description:
       'Editorial news stories used for the news hub and homepage highlights. English and Chinese are maintained as separate documents.',
     group: { en: 'Publishing', zh: '内容' },
@@ -51,16 +51,30 @@ export const News: CollectionConfig = {
     { name: 'slug', label: { en: 'Slug', zh: '链接标识' }, type: 'text', required: true, localized: true },
     {
       name: 'category',
-      label: { en: 'Category', zh: '分类' },
+      label: { en: 'Legacy Category', zh: '旧分类' },
       type: 'select',
       localized: true,
       required: true,
+      defaultValue: 'announcement',
       options: [
         { label: 'Announcement / 公告', value: 'announcement' },
         { label: 'Press / 媒体', value: 'press' },
         { label: 'Review / 评测', value: 'review' },
         { label: 'Event / 活动', value: 'event' },
       ],
+      admin: {
+        condition: () => false,
+        description: 'Legacy fallback only. Use managed News Category instead.',
+      },
+    },
+    {
+      name: 'categoryRef',
+      label: { en: 'Category', zh: '分类' },
+      type: 'relationship',
+      relationTo: 'newsCategories',
+      admin: {
+        description: 'Managed news category shown on the frontend. Legacy category is used as fallback.',
+      },
     },
     { name: 'title', label: { en: 'Title', zh: '标题' }, type: 'text', localized: true, required: true },
     { name: 'excerpt', label: { en: 'Excerpt', zh: '摘要' }, type: 'textarea', localized: true },
diff --git a/src/payload/collections/NewsCategories.ts b/src/payload/collections/NewsCategories.ts
new file mode 100644
index 0000000..47875b3
--- /dev/null
+++ b/src/payload/collections/NewsCategories.ts
@@ -0,0 +1,49 @@
+import type { CollectionConfig } from 'payload'
+import { independentDocListFilter } from '@/payload/admin/localized-list-filter'
+import { getDocLocaleDefault, resolveDocLocale, syncDocLocaleWithRequestLocale } from '@/payload/doc-locale-hook'
+
+export const NewsCategories: CollectionConfig = {
+  slug: 'newsCategories',
+  hooks: {
+    beforeChange: [syncDocLocaleWithRequestLocale],
+    beforeValidate: [syncDocLocaleWithRequestLocale],
+  },
+  admin: {
+    baseFilter: independentDocListFilter('name'),
+    defaultColumns: ['slug', 'name', 'order', 'updatedAt'],
+    description:
+      'Managed categories for local CMS news. English and Chinese categories are maintained as separate documents.',
+    group: { en: 'Publishing', zh: '内容' },
+    useAsTitle: 'name',
+  },
+  labels: {
+    plural: { en: 'News Categories', zh: '新闻分类' },
+    singular: { en: 'News Category', zh: '新闻分类' },
+  },
+  access: {
+    read: ({ req }) => {
+      const locale = resolveDocLocale(req)
+      if (!locale) return true
+      return { docLocale: { equals: locale } }
+    },
+  },
+  fields: [
+    {
+      name: 'docLocale',
+      type: 'select',
+      required: true,
+      defaultValue: getDocLocaleDefault,
+      options: [
+        { label: 'English / 英文', value: 'en' },
+        { label: '简体中文', value: 'zh' },
+      ],
+      admin: {
+        condition: () => false,
+      },
+    },
+    { name: 'slug', label: { en: 'Slug', zh: '链接标识' }, type: 'text', required: true },
+    { name: 'name', label: { en: 'Name', zh: '名称' }, type: 'text', localized: true, required: true },
+    { name: 'description', label: { en: 'Description', zh: '描述' }, type: 'textarea', localized: true },
+    { name: 'order', label: { en: 'Order', zh: '排序' }, type: 'number', defaultValue: 0 },
+  ],
+}
diff --git a/src/payload/collections/Products.ts b/src/payload/collections/Products.ts
index 2026940..37248cc 100644
--- a/src/payload/collections/Products.ts
+++ b/src/payload/collections/Products.ts
@@ -1,5 +1,6 @@
 import type { CollectionConfig, Field } from 'payload'
 import { getProductTemplateOptions } from '@/lib/admin-template-options'
+import { compactArrayAdmin } from '@/payload/admin/compact-array-admin'
 import { independentDocListFilter } from '@/payload/admin/localized-list-filter'
 import { getDocLocaleDefault, resolveDocLocale, syncDocLocaleWithRequestLocale } from '@/payload/doc-locale-hook'
 
@@ -27,11 +28,60 @@ const seoFields: Field[] = [
   { name: 'noIndex', label: { en: 'No Index', zh: '禁止索引' }, type: 'checkbox' as const, defaultValue: false },
 ]
 
+async function preventDuplicateProductIdentity(args: {
+  data?: Record<string, unknown> | null
+  originalDoc?: Record<string, unknown> | null
+  req?: { payload?: any }
+}) {
+  const { data, originalDoc, req } = args
+  if (!data || !req?.payload) return data
+
+  const docLocale = (data.docLocale || originalDoc?.docLocale) as 'en' | 'zh' | undefined
+  const model = typeof data.model === 'string' ? data.model.trim() : typeof originalDoc?.model === 'string' ? originalDoc.model.trim() : ''
+  const slug = typeof data.slug === 'string' ? data.slug.trim() : typeof originalDoc?.slug === 'string' ? originalDoc.slug.trim() : ''
+  const currentId = originalDoc?.id
+  const duplicateChecks = []
+
+  if (docLocale && model) {
+    duplicateChecks.push({ model: { equals: model } })
+  }
+
+  if (docLocale && slug) {
+    duplicateChecks.push({ slug: { equals: slug } })
+  }
+
+  for (const check of duplicateChecks) {
+    const result = await req.payload.find({
+      collection: 'products',
+      depth: 0,
+      limit: 2,
+      locale: docLocale,
+      where: {
+        and: [
+          { docLocale: { equals: docLocale } },
+          check,
+          ...(currentId ? [{ id: { not_equals: currentId } }] : []),
+        ],
+      },
+    })
+
+    if (result.docs.length > 0) {
+      throw new Error(
+        docLocale === 'zh'
+          ? '当前语言下已经存在相同型号或链接标识的产品，请编辑已有产品，不要新建重复产品。'
+          : 'A product with the same model or slug already exists for this language. Please edit the existing product instead of creating a duplicate.',
+      )
+    }
+  }
+
+  return data
+}
+
 export const Products: CollectionConfig = {
   slug: 'products',
   hooks: {
     beforeChange: [syncDocLocaleWithRequestLocale],
-    beforeValidate: [syncDocLocaleWithRequestLocale],
+    beforeValidate: [syncDocLocaleWithRequestLocale, preventDuplicateProductIdentity],
   },
   admin: {
     baseFilter: independentDocListFilter('name'),
@@ -159,6 +209,7 @@ export const Products: CollectionConfig = {
               name: 'gallery',
               label: { en: 'Gallery', zh: '相册' },
               type: 'array',
+              admin: compactArrayAdmin(),
               localized: true,
               fields: [{ name: 'image', label: { en: 'Image', zh: '图片' }, type: 'upload', relationTo: 'media' }],
             },
@@ -171,6 +222,7 @@ export const Products: CollectionConfig = {
               name: 'keyFeatures',
               label: { en: 'Key Features', zh: '核心卖点' },
               type: 'array',
+              admin: compactArrayAdmin(),
               localized: true,
               fields: [
                 { name: 'icon', label: { en: 'Icon', zh: '图标' }, type: 'upload', relationTo: 'media' },
@@ -184,6 +236,7 @@ export const Products: CollectionConfig = {
               name: 'specifications',
               label: { en: 'Specifications', zh: '规格参数' },
               type: 'array',
+              admin: compactArrayAdmin(),
               localized: true,
               fields: [
                 { name: 'groupName', label: { en: 'Group Name', zh: '分组名称' }, type: 'text', localized: true, required: true },
@@ -192,6 +245,7 @@ export const Products: CollectionConfig = {
                   name: 'items',
                   label: { en: 'Items', zh: '参数项' },
                   type: 'array',
+                  admin: compactArrayAdmin(),
                   fields: [
                     { name: 'label', label: { en: 'Label', zh: '名称' }, type: 'text', localized: true, required: true },
                     { name: 'value', label: { en: 'Value', zh: '值' }, type: 'text', localized: true, required: true },
@@ -224,6 +278,7 @@ export const Products: CollectionConfig = {
               name: 'awards',
               label: { en: 'Awards', zh: '奖项列表' },
               type: 'array',
+              admin: compactArrayAdmin(),
               localized: true,
               fields: [
                 { name: 'logo', label: { en: 'Logo', zh: '标识图' }, type: 'upload', relationTo: 'media' },
diff --git a/src/payload/collections/Videos.ts b/src/payload/collections/Videos.ts
index b020bbb..dd50024 100644
--- a/src/payload/collections/Videos.ts
+++ b/src/payload/collections/Videos.ts
@@ -1,4 +1,5 @@
 import type { CollectionConfig } from 'payload'
+import { compactArrayAdmin } from '@/payload/admin/compact-array-admin'
 
 export const Videos: CollectionConfig = {
   slug: 'videos',
@@ -24,6 +25,7 @@ export const Videos: CollectionConfig = {
     {
       name: 'tags',
       type: 'array',
+      admin: compactArrayAdmin(),
       fields: [{ name: 'value', type: 'text' }],
     },
   ],
diff --git a/src/payload/doc-locale-hook.ts b/src/payload/doc-locale-hook.ts
index 282dc2e..7ca5f3e 100644
--- a/src/payload/doc-locale-hook.ts
+++ b/src/payload/doc-locale-hook.ts
@@ -1,5 +1,6 @@
 type HookArgs = {
   data?: Record<string, unknown> | null
+  originalDoc?: Record<string, unknown> | null
   req?: {
     locale?: string | null
     url?: string | null
@@ -68,9 +69,25 @@ export function getDocLocaleDefault(args?: { req?: HookArgs['req'] }) {
   return resolveDocLocale(args?.req) ?? 'en'
 }
 
-export function syncDocLocaleWithRequestLocale<T extends HookArgs>({ data, req }: T) {
+export function syncDocLocaleWithRequestLocale<T extends HookArgs>({ data, originalDoc, req }: T) {
   if (!data) return data
 
+  const existingLocale = normalizeLocale(originalDoc?.docLocale)
+  if (existingLocale === 'en' || existingLocale === 'zh') {
+    return {
+      ...data,
+      docLocale: existingLocale,
+    }
+  }
+
+  const dataLocale = normalizeLocale(data.docLocale)
+  if (dataLocale === 'en' || dataLocale === 'zh') {
+    return {
+      ...data,
+      docLocale: dataLocale,
+    }
+  }
+
   const locale = resolveDocLocale(req)
   if (locale === 'en' || locale === 'zh') {
     return {
diff --git a/src/payload/globals/AboutPage.ts b/src/payload/globals/AboutPage.ts
index 9c02448..3077fde 100644
--- a/src/payload/globals/AboutPage.ts
+++ b/src/payload/globals/AboutPage.ts
@@ -1,4 +1,5 @@
 import type { GlobalConfig } from 'payload'
+import { compactArrayAdmin } from '@/payload/admin/compact-array-admin'
 
 export const AboutPage: GlobalConfig = {
   slug: 'aboutPage',
@@ -46,7 +47,7 @@ export const AboutPage: GlobalConfig = {
       name: 'storyMoments',
       label: { en: 'Story Moments', zh: '内容段落' },
       type: 'array',
-      admin: { condition: () => false },
+      admin: compactArrayAdmin({ condition: () => false }),
       fields: [
         { name: 'title', label: { en: 'Title', zh: '标题' }, type: 'text', localized: true },
         { name: 'body', label: { en: 'Body', zh: '文案' }, type: 'textarea', localized: true },
@@ -57,7 +58,7 @@ export const AboutPage: GlobalConfig = {
       name: 'capabilityPillars',
       label: { en: 'Capability Pillars', zh: '能力支柱' },
       type: 'array',
-      admin: { condition: () => false },
+      admin: compactArrayAdmin({ condition: () => false }),
       fields: [
         { name: 'title', label: { en: 'Title', zh: '标题' }, type: 'text', localized: true },
         { name: 'body', label: { en: 'Body', zh: '文案' }, type: 'textarea', localized: true },
@@ -67,7 +68,7 @@ export const AboutPage: GlobalConfig = {
       name: 'awardHighlights',
       label: { en: 'Award Highlights', zh: '奖项高光' },
       type: 'array',
-      admin: { condition: () => false },
+      admin: compactArrayAdmin({ condition: () => false }),
       fields: [
         { name: 'label', label: { en: 'Label', zh: '奖项名称' }, type: 'text', localized: true },
         { name: 'year', label: { en: 'Year', zh: '年份' }, type: 'number' },
@@ -79,7 +80,7 @@ export const AboutPage: GlobalConfig = {
       name: 'mediaQuotes',
       label: { en: 'Media Quotes', zh: '媒体引述' },
       type: 'array',
-      admin: { condition: () => false },
+      admin: compactArrayAdmin({ condition: () => false }),
       fields: [
         { name: 'sourceName', label: { en: 'Source Name', zh: '媒体名称' }, type: 'text', localized: true },
         { name: 'quote', label: { en: 'Quote', zh: '引用内容' }, type: 'textarea', localized: true },
diff --git a/src/payload/globals/ContactPage.ts b/src/payload/globals/ContactPage.ts
index a4d87bf..7ba9987 100644
--- a/src/payload/globals/ContactPage.ts
+++ b/src/payload/globals/ContactPage.ts
@@ -1,4 +1,5 @@
 import type { GlobalConfig } from 'payload'
+import { compactArrayAdmin } from '@/payload/admin/compact-array-admin'
 
 export const ContactPage: GlobalConfig = {
   slug: 'contactPage',
@@ -32,6 +33,7 @@ export const ContactPage: GlobalConfig = {
           name: 'items',
           label: { en: 'Items', zh: '提示项' },
           type: 'array',
+          admin: compactArrayAdmin(),
           localized: true,
           fields: [{ name: 'text', label: { en: 'Text', zh: '文案' }, type: 'text', localized: true }],
         },
@@ -39,6 +41,7 @@ export const ContactPage: GlobalConfig = {
           name: 'quickLinks',
           label: { en: 'Quick Links', zh: '快捷链接' },
           type: 'array',
+          admin: compactArrayAdmin(),
           localized: true,
           fields: [
             { name: 'label', label: { en: 'Label', zh: '名称' }, type: 'text', localized: true },
diff --git a/src/payload/globals/ContactUsPage.ts b/src/payload/globals/ContactUsPage.ts
new file mode 100644
index 0000000..61b8b70
--- /dev/null
+++ b/src/payload/globals/ContactUsPage.ts
@@ -0,0 +1,59 @@
+import type { GlobalConfig } from 'payload'
+import { compactArrayAdmin } from '@/payload/admin/compact-array-admin'
+
+export const ContactUsPage: GlobalConfig = {
+  slug: 'contactUsPage',
+  label: { en: 'Contact Page', zh: '联系我们页面' },
+  admin: {
+    description:
+      'Business contact page for sales, distributor, OEM/ODM, and support contact information. Switch admin locale to edit EN and ZH separately.',
+    group: { en: 'Site', zh: '站点' },
+  },
+  access: { read: () => true },
+  fields: [
+    {
+      name: 'hero',
+      label: { en: 'Hero', zh: '首屏' },
+      type: 'group',
+      fields: [
+        { name: 'eyebrow', label: { en: 'Eyebrow', zh: '眉题' }, type: 'text', localized: true },
+        { name: 'title', label: { en: 'Title', zh: '标题' }, type: 'text', localized: true },
+        { name: 'description', label: { en: 'Description', zh: '描述' }, type: 'textarea', localized: true },
+        { name: 'image', label: { en: 'Image', zh: '图片' }, type: 'upload', relationTo: 'media', localized: true },
+      ],
+    },
+    {
+      name: 'contactGroups',
+      label: { en: 'Contact Groups', zh: '联系方式分组' },
+      type: 'array',
+      admin: compactArrayAdmin(),
+      localized: true,
+      fields: [
+        { name: 'title', label: { en: 'Title', zh: '标题' }, type: 'text', localized: true },
+        { name: 'body', label: { en: 'Body', zh: '说明' }, type: 'textarea', localized: true },
+        {
+          name: 'items',
+          label: { en: 'Items', zh: '条目' },
+          type: 'array',
+          admin: compactArrayAdmin(),
+          localized: true,
+          fields: [
+            { name: 'label', label: { en: 'Label', zh: '标签' }, type: 'text', localized: true },
+            { name: 'value', label: { en: 'Value', zh: '内容' }, type: 'text', localized: true },
+            { name: 'href', label: { en: 'Link', zh: '链接' }, type: 'text', localized: true },
+          ],
+        },
+      ],
+    },
+    {
+      name: 'formIntro',
+      label: { en: 'Form Intro', zh: '表单说明' },
+      type: 'group',
+      fields: [
+        { name: 'eyebrow', label: { en: 'Eyebrow', zh: '眉题' }, type: 'text', localized: true },
+        { name: 'title', label: { en: 'Title', zh: '标题' }, type: 'text', localized: true },
+        { name: 'description', label: { en: 'Description', zh: '描述' }, type: 'textarea', localized: true },
+      ],
+    },
+  ],
+}
diff --git a/src/payload/globals/DealersPage.ts b/src/payload/globals/DealersPage.ts
new file mode 100644
index 0000000..962acdf
--- /dev/null
+++ b/src/payload/globals/DealersPage.ts
@@ -0,0 +1,44 @@
+import type { GlobalConfig } from 'payload'
+
+export const DealersPage: GlobalConfig = {
+  slug: 'dealersPage',
+  label: { en: 'Dealers Page', zh: '经销商页面' },
+  admin: {
+    description:
+      'Hero and business contact copy for the public dealer network page. Switch admin locale to edit EN and ZH separately.',
+    group: { en: 'Site', zh: '站点' },
+  },
+  access: { read: () => true },
+  fields: [
+    {
+      name: 'hero',
+      label: { en: 'Hero', zh: '首屏' },
+      type: 'group',
+      fields: [
+        { name: 'eyebrow', label: { en: 'Eyebrow', zh: '眉题' }, type: 'text', localized: true },
+        { name: 'title', label: { en: 'Title', zh: '标题' }, type: 'text', localized: true },
+        { name: 'description', label: { en: 'Description', zh: '描述' }, type: 'textarea', localized: true },
+        { name: 'imageUrl', label: { en: 'Image URL', zh: '图片地址' }, type: 'text', localized: true },
+      ],
+    },
+    {
+      name: 'businessContact',
+      label: { en: 'Business Contact Card', zh: '商务合作卡片' },
+      type: 'group',
+      fields: [
+        { name: 'eyebrow', label: { en: 'Eyebrow', zh: '眉题' }, type: 'text', localized: true },
+        { name: 'title', label: { en: 'Title', zh: '标题' }, type: 'text', localized: true },
+        { name: 'ctaLabel', label: { en: 'Button Label', zh: '按钮文案' }, type: 'text', localized: true },
+        { name: 'ctaHref', label: { en: 'Button Link', zh: '按钮链接' }, type: 'text', localized: true },
+      ],
+    },
+    {
+      name: 'emptyState',
+      label: { en: 'Empty State', zh: '空状态' },
+      type: 'group',
+      fields: [
+        { name: 'message', label: { en: 'Message', zh: '提示文案' }, type: 'textarea', localized: true },
+      ],
+    },
+  ],
+}
diff --git a/src/payload/globals/GlobalSettings.ts b/src/payload/globals/GlobalSettings.ts
index 98de1ac..0286a33 100644
--- a/src/payload/globals/GlobalSettings.ts
+++ b/src/payload/globals/GlobalSettings.ts
@@ -1,4 +1,5 @@
 import type { GlobalConfig } from 'payload'
+import { compactArrayAdmin } from '@/payload/admin/compact-array-admin'
 
 export const GlobalSettings: GlobalConfig = {
   slug: 'globalSettings',
@@ -31,6 +32,7 @@ export const GlobalSettings: GlobalConfig = {
           name: 'primary',
           label: { en: 'Primary Navigation', zh: '主导航' },
           type: 'array',
+          admin: compactArrayAdmin(),
           localized: true,
           fields: [
             { name: 'label', label: { en: 'Label', zh: '名称' }, type: 'text', localized: true, required: true },
@@ -70,6 +72,7 @@ export const GlobalSettings: GlobalConfig = {
           name: 'columns',
           label: { en: 'Footer Columns', zh: '页脚栏目' },
           type: 'array',
+          admin: compactArrayAdmin(),
           localized: true,
           fields: [
             { name: 'title', label: { en: 'Title', zh: '标题' }, type: 'text', localized: true },
@@ -77,6 +80,7 @@ export const GlobalSettings: GlobalConfig = {
               name: 'items',
               label: { en: 'Items', zh: '链接项' },
               type: 'array',
+              admin: compactArrayAdmin(),
               localized: true,
               fields: [
                 { name: 'label', label: { en: 'Label', zh: '名称' }, type: 'text', localized: true, required: true },
@@ -91,6 +95,7 @@ export const GlobalSettings: GlobalConfig = {
           name: 'legalLinks',
           label: { en: 'Legal Links', zh: '法律链接' },
           type: 'array',
+          admin: compactArrayAdmin(),
           localized: true,
           fields: [
             { name: 'label', label: { en: 'Label', zh: '名称' }, type: 'text', localized: true, required: true },
@@ -104,10 +109,10 @@ export const GlobalSettings: GlobalConfig = {
       name: 'social',
       label: { en: 'Social Links', zh: '社交链接' },
       type: 'array',
-      admin: {
+      admin: compactArrayAdmin({
         description:
           'Shown in the site footer. Icon Key supports values such as youtube, instagram, facebook, x, twitter, tiktok, bilibili, weibo, wechat, linkedin, telegram, discord, and github.',
-      },
+      }),
       fields: [
         { name: 'platform', label: { en: 'Platform', zh: '平台' }, type: 'text', required: true },
         { name: 'url', label: { en: 'URL', zh: '链接' }, type: 'text', required: true },
diff --git a/src/payload/globals/Homepage.ts b/src/payload/globals/Homepage.ts
index 5834cca..3ebafba 100644
--- a/src/payload/globals/Homepage.ts
+++ b/src/payload/globals/Homepage.ts
@@ -1,4 +1,5 @@
 import type { Field, GlobalConfig } from 'payload'
+import { compactArrayAdmin } from '@/payload/admin/compact-array-admin'
 
 const seoFields: Field[] = [
   { name: 'title', label: { en: 'SEO Title', zh: 'SEO 标题' }, type: 'text' as const, localized: true },
@@ -72,9 +73,61 @@ export const Homepage: GlobalConfig = {
       relationTo: 'products',
       hasMany: true,
       localized: true,
-      minRows: 4,
+      minRows: 3,
       maxRows: 4,
     },
+    {
+      name: 'featuredLayout',
+      label: { en: 'Featured Layout', zh: '精选布局' },
+      type: 'select',
+      defaultValue: 'grid',
+      options: [
+        { label: 'Classic Grid / 当前宫格', value: 'grid' },
+        { label: 'Spotlight Split / 左大右小', value: 'spotlight' },
+        { label: 'Editorial Stack / 杂志堆叠', value: 'editorial' },
+        { label: 'Panorama Rail / 横向展陈', value: 'panorama' },
+      ],
+      admin: {
+        description:
+          'Choose how the featured product section is composed on the homepage. The current grid remains available as the default.',
+      },
+    },
+    {
+      name: 'heroBanners',
+      label: { en: 'Hero Banners', zh: '首屏下方轮播 Banner' },
+      type: 'array',
+      labels: {
+        plural: { en: 'Hero Banners', zh: '首屏下方轮播 Banner' },
+        singular: { en: 'Hero Banner', zh: '轮播 Banner' },
+      },
+      admin: {
+        ...compactArrayAdmin(),
+        description:
+          'A rotating banner rail shown directly below the homepage hero. Each item can use a localized image URL and link.',
+      },
+      fields: [
+        {
+          name: 'title',
+          label: { en: 'Title', zh: '标题' },
+          type: 'text',
+          localized: true,
+        },
+        {
+          name: 'imageUrl',
+          label: { en: 'Image URL', zh: '图片地址' },
+          type: 'text',
+          localized: true,
+          required: true,
+        },
+        {
+          name: 'href',
+          label: { en: 'Link', zh: '链接' },
+          type: 'text',
+          localized: true,
+          required: true,
+        },
+      ],
+    },
     {
       name: 'statement',
       label: { en: 'Statement', zh: '品牌主张' },
@@ -102,6 +155,7 @@ export const Homepage: GlobalConfig = {
       minRows: 3,
       maxRows: 4,
       admin: {
+        ...compactArrayAdmin(),
         condition: () => false,
       },
       fields: [
@@ -117,6 +171,7 @@ export const Homepage: GlobalConfig = {
         {
           name: 'awards',
           type: 'array',
+          admin: compactArrayAdmin(),
           localized: true,
           fields: [
             { name: 'logo', type: 'upload', relationTo: 'media' },
@@ -128,10 +183,8 @@ export const Homepage: GlobalConfig = {
         {
           name: 'reviews',
           type: 'array',
+          admin: compactArrayAdmin(),
           localized: true,
-          admin: {
-            condition: () => false,
-          },
           fields: [
             { name: 'sourceLogo', type: 'upload', relationTo: 'media' },
             { name: 'sourceName', type: 'text', localized: true },
@@ -141,13 +194,32 @@ export const Homepage: GlobalConfig = {
         },
       ],
     },
+    {
+      name: 'newsSource',
+      label: { en: 'News Source', zh: '新闻来源' },
+      type: 'select',
+      defaultValue: 'externalBlog',
+      options: [
+        { label: 'External Blog API / 外部 Blog API', value: 'externalBlog' },
+        { label: 'Local CMS News / 本站新闻内容', value: 'localNews' },
+      ],
+      admin: {
+        description:
+          'Choose whether the homepage News section reads from the external WordPress blog or from local CMS News Highlights.',
+      },
+    },
     {
       name: 'newsHighlights',
+      label: { en: 'News Highlights', zh: '新闻精选' },
       type: 'relationship',
       relationTo: 'news',
       hasMany: true,
       localized: true,
-      maxRows: 3,
+      maxRows: 6,
+      admin: {
+        description:
+          'Used when News Source is set to Local CMS News. If empty, the homepage falls back to the latest local news stories.',
+      },
     },
     {
       name: 'seo',
diff --git a/src/payload/globals/NewsPage.ts b/src/payload/globals/NewsPage.ts
new file mode 100644
index 0000000..323e75a
--- /dev/null
+++ b/src/payload/globals/NewsPage.ts
@@ -0,0 +1,27 @@
+import type { GlobalConfig } from 'payload'
+
+export const NewsPage: GlobalConfig = {
+  slug: 'newsPage',
+  admin: {
+    description:
+      'Controls whether the public News page reads from the external WordPress blog or local CMS news entries.',
+    group: { en: 'Publishing', zh: '内容' },
+  },
+  label: { en: 'News Page Settings', zh: '新闻页面设置' },
+  fields: [
+    {
+      name: 'newsSource',
+      label: { en: 'News Source', zh: '新闻来源' },
+      type: 'select',
+      defaultValue: 'externalBlog',
+      required: true,
+      options: [
+        { label: 'External Blog API / 外部 Blog API', value: 'externalBlog' },
+        { label: 'Local CMS News / 本站新闻内容', value: 'localNews' },
+      ],
+      admin: {
+        description: 'Switch the frontend /news page between the external blog feed and local CMS news.',
+      },
+    },
+  ],
+}
diff --git a/src/payload/globals/ProductsPage.ts b/src/payload/globals/ProductsPage.ts
new file mode 100644
index 0000000..8019444
--- /dev/null
+++ b/src/payload/globals/ProductsPage.ts
@@ -0,0 +1,25 @@
+import type { GlobalConfig } from 'payload'
+
+export const ProductsPage: GlobalConfig = {
+  slug: 'productsPage',
+  label: { en: 'Products Page', zh: '产品列表页' },
+  admin: {
+    description:
+      'Hero content for the product listing page. Switch admin locale to edit EN and ZH separately.',
+    group: { en: 'Site', zh: '站点' },
+  },
+  access: { read: () => true },
+  fields: [
+    {
+      name: 'hero',
+      label: { en: 'Hero', zh: '首屏' },
+      type: 'group',
+      fields: [
+        { name: 'eyebrow', label: { en: 'Eyebrow', zh: '眉题' }, type: 'text', localized: true },
+        { name: 'title', label: { en: 'Title', zh: '标题' }, type: 'text', localized: true },
+        { name: 'description', label: { en: 'Description', zh: '描述' }, type: 'textarea', localized: true },
+        { name: 'image', label: { en: 'Image', zh: '图片' }, type: 'upload', relationTo: 'media', localized: true },
+      ],
+    },
+  ],
+}
diff --git a/src/payload/globals/SupportPage.ts b/src/payload/globals/SupportPage.ts
index 1df52fa..4faed65 100644
--- a/src/payload/globals/SupportPage.ts
+++ b/src/payload/globals/SupportPage.ts
@@ -1,4 +1,5 @@
 import type { GlobalConfig } from 'payload'
+import { compactArrayAdmin } from '@/payload/admin/compact-array-admin'
 
 export const SupportPage: GlobalConfig = {
   slug: 'supportPage',
@@ -25,6 +26,7 @@ export const SupportPage: GlobalConfig = {
       name: 'primaryEntries',
       label: { en: 'Primary Entries', zh: '主入口卡片' },
       type: 'array',
+      admin: compactArrayAdmin(),
       localized: true,
       fields: [
         { name: 'key', label: { en: 'Key', zh: '键名' }, type: 'text', required: true },
diff --git a/src/payload/globals/WarrantyPage.ts b/src/payload/globals/WarrantyPage.ts
index acfabcb..3cd8351 100644
--- a/src/payload/globals/WarrantyPage.ts
+++ b/src/payload/globals/WarrantyPage.ts
@@ -1,4 +1,5 @@
 import type { GlobalConfig } from 'payload'
+import { compactArrayAdmin } from '@/payload/admin/compact-array-admin'
 
 export const WarrantyPage: GlobalConfig = {
   slug: 'warrantyPage',
@@ -43,6 +44,7 @@ export const WarrantyPage: GlobalConfig = {
           name: 'checklistItems',
           label: { en: 'Checklist Items', zh: '清单项' },
           type: 'array',
+          admin: compactArrayAdmin(),
           localized: true,
           fields: [{ name: 'text', label: { en: 'Text', zh: '文案' }, type: 'text', localized: true }],
         },
@@ -51,6 +53,7 @@ export const WarrantyPage: GlobalConfig = {
           name: 'quickLinks',
           label: { en: 'Quick Links', zh: '快捷链接' },
           type: 'array',
+          admin: compactArrayAdmin(),
           localized: true,
           fields: [
             { name: 'label', label: { en: 'Label', zh: '名称' }, type: 'text', localized: true },
diff --git a/src/scripts/smoke-check.mjs b/src/scripts/smoke-check.mjs
index 2034f08..bca380a 100644
--- a/src/scripts/smoke-check.mjs
+++ b/src/scripts/smoke-check.mjs
@@ -12,6 +12,8 @@ const routes = [
   '/zh/news',
   '/en/about',
   '/zh/about',
+  '/en/contact',
+  '/zh/contact',
   '/en/support/contact',
   '/zh/support/contact',
   '/favicon.ico',
diff --git a/src/seed/import-seed.mjs b/src/seed/import-seed.mjs
index 5fb0fe4..08ff186 100644
--- a/src/seed/import-seed.mjs
+++ b/src/seed/import-seed.mjs
@@ -237,6 +237,77 @@ function getHomepageAwards(locale) {
   return getDefaultRecognitionAwards(locale)
 }
 
+function mapLegacyBannerProductModelToSlug(model) {
+  const normalized = (model || '').trim().toLowerCase()
+
+  switch (normalized) {
+    case 'se100':
+      return 'se100'
+    case 'z10':
+    case 'dac-z10':
+      return 'dac-z10'
+    case 't8':
+      return 't8'
+    case 'play':
+      return 'play'
+    case 'dmp-a6+gen+2':
+    case 'dmp-a6 gen 2':
+      return 'dmp-a6-gen-2'
+    case 'dmp-a10':
+      return 'dmp-a10'
+    case 'amp-f10':
+      return 'amp-f10'
+    case 'dmp-a8':
+      return 'dmp-a8'
+    default:
+      return null
+  }
+}
+
+function normalizeHomepageBannerHref(rawHref, locale) {
+  const href = (rawHref || '').trim()
+  if (!href) return ''
+
+  const absoluteHref = href.startsWith('http://') || href.startsWith('https://')
+    ? href
+    : new URL(href.replace(/^\/+/, ''), `${LEGACY_SITE_ORIGIN}/`).toString()
+
+  try {
+    const url = new URL(absoluteHref)
+    const isLegacySite = /(^|\.)eversolo\.com$/i.test(url.hostname) && !/^blog/i.test(url.hostname)
+
+    if (isLegacySite && /\/Product\/index\/model\//i.test(url.pathname)) {
+      const modelMatch = url.pathname.match(/\/Product\/index\/model\/([^/]+)\//i)
+      const slug = mapLegacyBannerProductModelToSlug(modelMatch?.[1] ? decodeURIComponent(modelMatch[1]) : '')
+
+      if (slug) {
+        return `/${locale}/products/${slug}`
+      }
+    }
+
+    return absoluteHref
+  } catch {
+    return absoluteHref
+  }
+}
+
+async function extractHomepageHeroBanners(locale) {
+  const filePath = path.join(LEGACY_PRODUCT_ROOT, `home-${locale}.html`)
+  const rawHtml = await fs.readFile(filePath, 'utf8')
+  const carouselMatch = rawHtml.match(/<div id="carousel-slider"[\s\S]*?<div class="carousel-inner"[\s\S]*?<\/div>\s*<a class="left carousel-control"/i)
+  const carouselHtml = carouselMatch?.[0] || rawHtml
+
+  const items = [...carouselHtml.matchAll(/<div class=['"]item[^'"]*['"][\s\S]*?<a href="([^"]+)"[^>]*>[\s\S]*?<img src="([^"]+)"/gi)]
+    .map((match) => ({
+      href: normalizeHomepageBannerHref(match[1], locale),
+      imageUrl: match[2].trim(),
+      title: null,
+    }))
+    .filter((item) => item.href && item.imageUrl)
+
+  return items
+}
+
 async function updateLocalizedDoc(payload, collection, id, locale, data) {
   await payload.update({
     collection,
@@ -259,6 +330,53 @@ function sqlValue(value) {
   return `'${String(value).replace(/'/g, "''")}'`
 }
 
+function hasSeedValue(value) {
+  if (value === null || value === undefined) return false
+  if (typeof value === 'string') return value.trim().length > 0
+  if (typeof value === 'number') return true
+  if (typeof value === 'boolean') return true
+  if (Array.isArray(value)) return value.length > 0
+  if (typeof value === 'object') {
+    if (value.root && Array.isArray(value.root.children)) {
+      return value.root.children.length > 0
+    }
+
+    return Object.values(value).some(hasSeedValue)
+  }
+
+  return false
+}
+
+function hasRows(rows, keys = []) {
+  return (
+    Array.isArray(rows) &&
+    rows.some((row) => row && typeof row === 'object' && keys.some((key) => hasSeedValue(row[key])))
+  )
+}
+
+function preserveGroup(existing, fallback, keys = []) {
+  if (!existing || typeof existing !== 'object') return fallback
+  const groupKeys = keys.length ? keys : Object.keys(fallback || {})
+
+  if (!groupKeys.some((key) => hasSeedValue(existing[key]))) {
+    return fallback
+  }
+
+  return {
+    ...fallback,
+    ...Object.fromEntries(
+      Object.entries(existing).filter(([, value]) => hasSeedValue(value)),
+    ),
+  }
+}
+
+function preserveArray(existing, fallback, keys = []) {
+  if (!keys.length && Array.isArray(existing) && existing.length > 0) {
+    return existing
+  }
+  return hasRows(existing, keys) ? existing : fallback
+}
+
 function runSql(sql) {
   const databaseUrl = process.env.DATABASE_URI
   if (!databaseUrl) throw new Error('DATABASE_URI is required for locale sync.')
@@ -311,6 +429,59 @@ DO UPDATE SET ${updateColumns};
 `)
 }
 
+function replaceLocalizedArrayTable({
+  baseTable,
+  baseRows,
+  localeTable,
+  localeRowsByLocale,
+  parentId,
+}) {
+  runSql(`
+DELETE FROM ${localeTable}
+WHERE _parent_id IN (
+  SELECT id
+  FROM ${baseTable}
+  WHERE _parent_id = ${sqlValue(parentId)}
+);
+
+DELETE FROM ${baseTable}
+WHERE _parent_id = ${sqlValue(parentId)};
+`)
+
+  if (!baseRows?.length) return
+
+  const baseValues = baseRows
+    .map((row, index) => `(${sqlValue(row.id)}, ${index + 1}, ${sqlValue(parentId)})`)
+    .join(',\n')
+
+  runSql(`
+INSERT INTO ${baseTable} (id, _order, _parent_id)
+VALUES
+${baseValues};
+`)
+
+  for (const [locale, localeRows] of Object.entries(localeRowsByLocale || {})) {
+    if (!localeRows?.length) continue
+
+    const localeValues = localeRows
+      .map((row, index) =>
+        `(${sqlValue(row.title ?? null)}, ${sqlValue(row.imageUrl ?? null)}, ${sqlValue(row.href ?? null)}, ${sqlValue(locale)}, ${sqlValue(baseRows[index].id)})`,
+      )
+      .join(',\n')
+
+    runSql(`
+INSERT INTO ${localeTable} (title, image_url, href, _locale, _parent_id)
+VALUES
+${localeValues}
+ON CONFLICT (_locale, _parent_id)
+DO UPDATE SET
+  title = EXCLUDED.title,
+  image_url = EXCLUDED.image_url,
+  href = EXCLUDED.href;
+`)
+  }
+}
+
 function normalizePlainText(value) {
   return value
     .replace(/\s*Download\s+Update\s+Tutorials\s*$/i, '')
@@ -709,13 +880,7 @@ async function ensureCategory(payload, slug, docLocale, report) {
   }
 
   if (existing) {
-    await payload.update({
-      collection: 'productCategories',
-      id: existing.id,
-      data,
-      locale: docLocale,
-    })
-    report.push({ collection: 'productCategories', action: 'update', slug: normalizedSlug, id: existing.id, locale: docLocale })
+    report.push({ collection: 'productCategories', action: 'preserve-existing', slug: normalizedSlug, id: existing.id, locale: docLocale })
     return existing.id
   }
 
@@ -729,6 +894,15 @@ async function ensureCategory(payload, slug, docLocale, report) {
 }
 
 async function upsertProduct(payload, product, report) {
+  const existingEn = await findIndependentDoc(payload, 'products', 'model', product.model, 'en')
+  const existingZh = await findIndependentDoc(payload, 'products', 'model', product.model, 'zh')
+
+  if (existingEn && existingZh) {
+    report.push({ collection: 'products', action: 'preserve-existing', id: existingEn.id, slug: product.slug, locale: 'en' })
+    report.push({ collection: 'products', action: 'preserve-existing', id: existingZh.id, slug: product.slug, locale: 'zh' })
+    return
+  }
+
   const categoryIdEn = await ensureCategory(payload, defaultProductCategory(product.slug), 'en', report)
   const categoryIdZh = await ensureCategory(payload, defaultProductCategory(product.slug), 'zh', report)
   const templateId = PRODUCT_TEMPLATE_MAP[product.slug] ?? 'default'
@@ -818,20 +992,15 @@ async function upsertProduct(payload, product, report) {
     status: 'published',
   }
 
-  const existingEn = await findIndependentDoc(payload, 'products', 'model', product.model, 'en')
-  const existingZh = await findIndependentDoc(payload, 'products', 'model', product.model, 'zh')
-
   if (existingEn) {
-    await payload.update({ collection: 'products', id: existingEn.id, data: dataEn, locale: 'en' })
-    report.push({ collection: 'products', action: 'update', id: existingEn.id, slug: product.slug, locale: 'en' })
+    report.push({ collection: 'products', action: 'preserve-existing', id: existingEn.id, slug: product.slug, locale: 'en' })
   } else {
     const created = await payload.create({ collection: 'products', data: dataEn, locale: 'en' })
     report.push({ collection: 'products', action: 'create', id: created.id, slug: product.slug, locale: 'en' })
   }
 
   if (existingZh) {
-    await payload.update({ collection: 'products', id: existingZh.id, data: dataZh, locale: 'zh' })
-    report.push({ collection: 'products', action: 'update', id: existingZh.id, slug: product.slug, locale: 'zh' })
+    report.push({ collection: 'products', action: 'preserve-existing', id: existingZh.id, slug: product.slug, locale: 'zh' })
   } else {
     const created = await payload.create({ collection: 'products', data: dataZh, locale: 'zh' })
     report.push({ collection: 'products', action: 'create', id: created.id, slug: product.slug, locale: 'zh' })
@@ -905,6 +1074,11 @@ async function upsertVideo(payload, slug, item, locale, report) {
 
   const existing = await findIndependentDoc(payload, 'productVideos', 'videoUrl', item.videoUrl, locale)
 
+  if (existing) {
+    report.push({ collection: 'productVideos', action: 'preserve-existing', id: existing.id, slug, locale })
+    return
+  }
+
   const thumbnailId = item.thumbnailUrl
     ? await ensureMediaAsset(
         payload,
@@ -932,16 +1106,8 @@ async function upsertVideo(payload, slug, item, locale, report) {
     status: 'published',
   }
 
-  let id
-  if (existing) {
-    id = existing.id
-    await payload.update({ collection: 'productVideos', id, data, locale })
-    report.push({ collection: 'productVideos', action: 'update', id, slug, locale })
-  } else {
-    const created = await payload.create({ collection: 'productVideos', data, locale })
-    id = created.id
-    report.push({ collection: 'productVideos', action: 'create', id, slug, locale })
-  }
+  const created = await payload.create({ collection: 'productVideos', data, locale })
+  report.push({ collection: 'productVideos', action: 'create', id: created.id, slug, locale })
 }
 
 async function upsertReview(payload, slug, item, locale, report) {
@@ -954,6 +1120,11 @@ async function upsertReview(payload, slug, item, locale, report) {
 
   const existing = await findIndependentDoc(payload, 'productReviews', 'reviewUrl', item.reviewUrl, locale)
 
+  if (existing) {
+    report.push({ collection: 'productReviews', action: 'preserve-existing', id: existing.id, slug, locale })
+    return
+  }
+
   const thumbnailId = item.thumbnailUrl
     ? await ensureMediaAsset(
         payload,
@@ -981,34 +1152,11 @@ async function upsertReview(payload, slug, item, locale, report) {
     status: 'published',
   }
 
-  let id
-  if (existing) {
-    id = existing.id
-    await payload.update({ collection: 'productReviews', id, data, locale })
-    report.push({ collection: 'productReviews', action: 'update', id, slug, locale })
-  } else {
-    const created = await payload.create({ collection: 'productReviews', data, locale })
-    id = created.id
-    report.push({ collection: 'productReviews', action: 'create', id, slug, locale })
-  }
+  const created = await payload.create({ collection: 'productReviews', data, locale })
+  report.push({ collection: 'productReviews', action: 'create', id: created.id, slug, locale })
 }
 
 async function upsertDownload(payload, slug, item, report) {
-  const fileId = item.fileUrl
-    ? await ensureFileAsset(
-        payload,
-        {
-          slug,
-          url: item.fileUrl,
-          description: {
-            en: item.title,
-            zh: item.title,
-          },
-        },
-        report,
-      )
-    : null
-
   for (const locale of ['en', 'zh']) {
     const product = await findProduct(payload, slug, locale)
 
@@ -1030,6 +1178,26 @@ async function upsertDownload(payload, slug, item, report) {
       limit: 1,
     })
 
+    if (existing.docs.length > 0) {
+      report.push({ collection: 'downloads', action: 'preserve-existing', id: existing.docs[0].id, slug, locale })
+      continue
+    }
+
+    const fileId = item.fileUrl
+      ? await ensureFileAsset(
+          payload,
+          {
+            slug,
+            url: item.fileUrl,
+            description: {
+              en: item.title,
+              zh: item.title,
+            },
+          },
+          report,
+        )
+      : null
+
     const data = {
       docLocale: locale,
       title: item.title,
@@ -1045,13 +1213,8 @@ async function upsertDownload(payload, slug, item, report) {
       status: 'published',
     }
 
-    if (existing.docs.length > 0) {
-      await payload.update({ collection: 'downloads', id: existing.docs[0].id, data, locale })
-      report.push({ collection: 'downloads', action: 'update', id: existing.docs[0].id, slug, locale })
-    } else {
-      const created = await payload.create({ collection: 'downloads', data, locale })
-      report.push({ collection: 'downloads', action: 'create', id: created.id, slug, locale })
-    }
+    const created = await payload.create({ collection: 'downloads', data, locale })
+    report.push({ collection: 'downloads', action: 'create', id: created.id, slug, locale })
   }
 }
 
@@ -1069,8 +1232,7 @@ async function upsertFaq(payload, item, report) {
     }
 
     if (existing) {
-      await payload.update({ collection: 'faqs', id: existing.id, data, locale })
-      report.push({ collection: 'faqs', action: 'update', id: existing.id, question: item.question, locale })
+      report.push({ collection: 'faqs', action: 'preserve-existing', id: existing.id, question: item.question, locale })
     } else {
       const created = await payload.create({ collection: 'faqs', data, locale })
       report.push({ collection: 'faqs', action: 'create', id: created.id, question: item.question, locale })
@@ -1109,8 +1271,7 @@ async function upsertDealer(payload, item, report) {
     }
 
     if (existing) {
-      await payload.update({ collection: 'dealers', id: existing.id, data, locale })
-      report.push({ collection: 'dealers', action: 'update', id: existing.id, name: item.name, locale })
+      report.push({ collection: 'dealers', action: 'preserve-existing', id: existing.id, name: item.name, locale })
     } else {
       const created = await payload.create({ collection: 'dealers', data, locale })
       report.push({ collection: 'dealers', action: 'create', id: created.id, name: item.name, locale })
@@ -1136,6 +1297,11 @@ async function upsertNews(payload, item, report) {
     limit: 1,
   })
 
+  if (existing.docs.length > 0) {
+    report.push({ collection: 'news', action: 'preserve-existing', id: existing.docs[0].id, slug: item.slug, locale: item.locale })
+    return
+  }
+
   const coverImageId = item.coverImageUrl
     ? await ensureMediaAsset(
         payload,
@@ -1164,23 +1330,20 @@ async function upsertNews(payload, item, report) {
     relatedProducts,
   }
 
-  if (existing.docs.length > 0) {
-    await payload.update({ collection: 'news', id: existing.docs[0].id, data, locale: item.locale })
-    report.push({ collection: 'news', action: 'update', id: existing.docs[0].id, slug: item.slug, locale: item.locale })
-  } else {
-    const created = await payload.create({ collection: 'news', data, locale: item.locale })
-    report.push({ collection: 'news', action: 'create', id: created.id, slug: item.slug, locale: item.locale })
-  }
+  const created = await payload.create({ collection: 'news', data, locale: item.locale })
+  report.push({ collection: 'news', action: 'create', id: created.id, slug: item.slug, locale: item.locale })
 }
 
 async function updateHomepageGlobal(payload, seed, report) {
   const en = marketingCopy('en')
   const zh = marketingCopy('zh')
-  const [featuredProducts, recognitionReviews, existingHomepageEn, existingHomepageZh] = await Promise.all([
+  const [featuredProducts, recognitionReviews, existingHomepageEn, existingHomepageZh, englishHeroBanners, chineseHeroBanners] = await Promise.all([
     getHomepageFeaturedProductIds(payload),
     getHomepageRecognitionReviews(payload),
     payload.findGlobal({ slug: 'homepage', locale: 'en', depth: 1 }),
     payload.findGlobal({ slug: 'homepage', locale: 'zh', depth: 1 }),
+    extractHomepageHeroBanners('en'),
+    extractHomepageHeroBanners('zh'),
   ])
   const englishAwards = await Promise.all(
     getHomepageAwards('en').map(async (item, index) => ({
@@ -1238,57 +1401,104 @@ async function updateHomepageGlobal(payload, seed, report) {
     source_name: item.sourceName || '',
   }))
 
-  const hasRows = (rows, keys = []) =>
-    Array.isArray(rows) &&
-    rows.some((row) => row && typeof row === 'object' && keys.some((key) => row[key]))
-
-  const finalEnglishSupportShortcuts = hasRows(existingHomepageEn?.supportShortcuts, ['label', 'href'])
-    ? existingHomepageEn.supportShortcuts
-    : englishSupportShortcuts
-  const finalChineseSupportShortcuts = hasRows(existingHomepageZh?.supportShortcuts, ['label', 'href'])
-    ? existingHomepageZh.supportShortcuts
-    : chineseSupportShortcuts
-  const finalEnglishAwards = hasRows(existingHomepageEn?.recognition?.awards, ['label', 'logo', 'url', 'year'])
-    ? existingHomepageEn.recognition.awards
-    : englishAwards
-  const finalChineseAwards = hasRows(existingHomepageZh?.recognition?.awards, ['label', 'logo', 'url', 'year'])
-    ? existingHomepageZh.recognition.awards
-    : chineseAwards
-  const finalEnglishRecognitionReviews = hasRows(existingHomepageEn?.recognition?.reviews, ['quote', 'sourceName', 'url'])
-    ? existingHomepageEn.recognition.reviews
-    : homepageRecognitionReviews
-  const finalChineseRecognitionReviews = hasRows(existingHomepageZh?.recognition?.reviews, ['quote', 'sourceName', 'url'])
-    ? existingHomepageZh.recognition.reviews
-    : homepageRecognitionReviews
+  const defaultHeroEn = {
+    mode: 'image',
+    eyebrow: 'Selected Listening Systems',
+    headline: en.heroHeadline,
+    supportingLine: en.heroSupporting,
+    primaryCta: {
+      label: 'Browse Products',
+      href: '/en/products',
+    },
+    secondaryCta: {
+      label: 'Support Center',
+      href: '/en/support',
+    },
+  }
+  const defaultHeroZh = {
+    mode: 'image',
+    eyebrow: '精选产品体验',
+    headline: zh.heroHeadline,
+    supportingLine: zh.heroSupporting,
+    primaryCta: {
+      label: '浏览产品',
+      href: '/zh/products',
+    },
+    secondaryCta: {
+      label: '支持中心',
+      href: '/zh/support',
+    },
+  }
+  const defaultStatementEn = {
+    eyebrow: 'About Eversolo',
+    title: en.aboutTitle,
+    body: richTextFromText(en.aboutBody),
+    cta: {
+      label: 'Learn more',
+      href: '/en/about',
+    },
+  }
+  const defaultStatementZh = {
+    eyebrow: '关于 Eversolo',
+    title: zh.aboutTitle,
+    body: richTextFromText(zh.aboutBody),
+    cta: {
+      label: '了解更多',
+      href: '/zh/about',
+    },
+  }
+  const finalHeroEn = preserveGroup(existingHomepageEn?.hero, defaultHeroEn, [
+    'eyebrow',
+    'headline',
+    'supportingLine',
+    'image',
+    'video',
+    'externalVideoUrl',
+    'primaryCta',
+    'secondaryCta',
+  ])
+  const finalHeroZh = preserveGroup(existingHomepageZh?.hero, defaultHeroZh, [
+    'eyebrow',
+    'headline',
+    'supportingLine',
+    'image',
+    'video',
+    'externalVideoUrl',
+    'primaryCta',
+    'secondaryCta',
+  ])
+  const finalStatementEn = preserveGroup(existingHomepageEn?.statement, defaultStatementEn, [
+    'eyebrow',
+    'title',
+    'body',
+    'image',
+    'cta',
+  ])
+  const finalStatementZh = preserveGroup(existingHomepageZh?.statement, defaultStatementZh, [
+    'eyebrow',
+    'title',
+    'body',
+    'image',
+    'cta',
+  ])
+  const finalEnglishSupportShortcuts = preserveArray(existingHomepageEn?.supportShortcuts, englishSupportShortcuts, ['label', 'href'])
+  const finalChineseSupportShortcuts = preserveArray(existingHomepageZh?.supportShortcuts, chineseSupportShortcuts, ['label', 'href'])
+  const finalEnglishAwards = preserveArray(existingHomepageEn?.recognition?.awards, englishAwards, ['label', 'logo', 'url', 'year'])
+  const finalChineseAwards = preserveArray(existingHomepageZh?.recognition?.awards, chineseAwards, ['label', 'logo', 'url', 'year'])
+  const finalEnglishRecognitionReviews = preserveArray(existingHomepageEn?.recognition?.reviews, homepageRecognitionReviews, ['quote', 'sourceName', 'url'])
+  const finalChineseRecognitionReviews = preserveArray(existingHomepageZh?.recognition?.reviews, homepageRecognitionReviews, ['quote', 'sourceName', 'url'])
+  const finalEnglishHeroBanners = preserveArray(existingHomepageEn?.heroBanners, englishHeroBanners, ['imageUrl', 'href'])
+  const finalChineseHeroBanners = preserveArray(existingHomepageZh?.heroBanners, chineseHeroBanners, ['imageUrl', 'href'])
+  const finalFeaturedProducts = preserveArray(existingHomepageEn?.featuredProducts, featuredProducts, [])
 
   await payload.updateGlobal({
     slug: 'homepage',
     data: {
-      hero: {
-        mode: 'image',
-        eyebrow: 'Selected Listening Systems',
-        headline: en.heroHeadline,
-        supportingLine: en.heroSupporting,
-        primaryCta: {
-          label: 'Browse Products',
-          href: '/en/products',
-        },
-        secondaryCta: {
-          label: 'Support Center',
-          href: '/en/support',
-        },
-      },
-      statement: {
-        eyebrow: 'About Eversolo',
-        title: en.aboutTitle,
-        body: richTextFromText(en.aboutBody),
-        cta: {
-          label: 'Learn more',
-          href: '/en/about',
-        },
-      },
+      hero: finalHeroEn,
+      statement: finalStatementEn,
       supportShortcuts: finalEnglishSupportShortcuts,
-      featuredProducts,
+      heroBanners: finalEnglishHeroBanners,
+      featuredProducts: finalFeaturedProducts,
       recognition: {
         awards: finalEnglishAwards,
         reviews: finalEnglishRecognitionReviews,
@@ -1297,28 +1507,10 @@ async function updateHomepageGlobal(payload, seed, report) {
   })
 
   await updateLocalizedGlobal(payload, 'homepage', 'en', {
-    hero: {
-      mode: 'image',
-      headline: en.heroHeadline,
-      supportingLine: en.heroSupporting,
-      primaryCta: {
-        label: 'Browse Products',
-        href: '/en/products',
-      },
-      secondaryCta: {
-        label: 'Support Center',
-        href: '/en/support',
-      },
-    },
-    statement: {
-      title: en.aboutTitle,
-      body: richTextFromText(en.aboutBody),
-      cta: {
-        label: 'Learn more',
-        href: '/en/about',
-      },
-    },
+    hero: finalHeroEn,
+    statement: finalStatementEn,
     supportShortcuts: finalEnglishSupportShortcuts,
+    heroBanners: finalEnglishHeroBanners,
     recognition: {
       awards: finalEnglishAwards,
       reviews: finalEnglishRecognitionReviews,
@@ -1326,31 +1518,11 @@ async function updateHomepageGlobal(payload, seed, report) {
   })
 
   await updateLocalizedGlobal(payload, 'homepage', 'zh', {
-    hero: {
-      mode: 'image',
-      eyebrow: '精选产品体验',
-      headline: zh.heroHeadline,
-      supportingLine: zh.heroSupporting,
-      primaryCta: {
-        label: '浏览产品',
-        href: '/zh/products',
-      },
-      secondaryCta: {
-        label: '支持中心',
-        href: '/zh/support',
-      },
-    },
-    statement: {
-      eyebrow: '关于 Eversolo',
-      title: zh.aboutTitle,
-      body: richTextFromText(zh.aboutBody),
-      cta: {
-        label: '了解更多',
-        href: '/zh/about',
-      },
-    },
+    hero: finalHeroZh,
+    statement: finalStatementZh,
     supportShortcuts: finalChineseSupportShortcuts,
-    featuredProducts,
+    heroBanners: finalChineseHeroBanners,
+    featuredProducts: finalFeaturedProducts,
     recognition: {
       awards: finalChineseAwards,
       reviews: finalChineseRecognitionReviews,
@@ -1360,10 +1532,32 @@ async function updateHomepageGlobal(payload, seed, report) {
   report.push({ collection: 'homepage', action: 'update-global' })
   report.push({ collection: 'homepage', action: 'update-global-locale', locale: 'en' })
   report.push({ collection: 'homepage', action: 'update-global-locale', locale: 'zh' })
+
+  replaceLocalizedArrayTable({
+    baseTable: 'homepage_hero_banners',
+    parentId: existingHomepageEn?.id || existingHomepageZh?.id || 1,
+    baseRows: finalEnglishHeroBanners.map((_, index) => ({
+      id: `homepage-hero-banner-${index + 1}`,
+    })),
+    localeTable: 'homepage_hero_banners_locales',
+    localeRowsByLocale: {
+      en: finalEnglishHeroBanners,
+      zh: finalChineseHeroBanners,
+    },
+  })
+
+  report.push({ collection: 'homepage', action: 'sync-hero-banners', rows: finalEnglishHeroBanners.length })
 }
 
 async function updateGlobalSettings(payload, seed, report) {
   const en = marketingCopy('en')
+  const [existingSettingsEn, existingSettingsZh] = await Promise.all([
+    payload.findGlobal({ slug: 'globalSettings', locale: 'en', depth: 2 }),
+    payload.findGlobal({ slug: 'globalSettings', locale: 'zh', depth: 2 }),
+  ])
+  const hasRows = (rows, keys = []) =>
+    Array.isArray(rows) &&
+    rows.some((row) => row && typeof row === 'object' && keys.some((key) => row[key]))
   const nav = [
     { label: 'Products', href: '/en/products', external: false, openInNewTab: false },
     { label: 'Support', href: '/en/support', external: false, openInNewTab: false },
@@ -1397,6 +1591,7 @@ async function updateGlobalSettings(payload, seed, report) {
       title: 'About',
       items: [
         { label: 'About', href: '/en/about', external: false, openInNewTab: false },
+        { label: 'Contact', href: '/en/contact', external: false, openInNewTab: false },
         { label: 'News', href: '/en/news', external: false, openInNewTab: false },
         { label: 'Dealers', href: '/en/dealers', external: false, openInNewTab: false },
       ],
@@ -1420,6 +1615,7 @@ async function updateGlobalSettings(payload, seed, report) {
       title: '关于',
       items: [
         { label: '关于', href: '/zh/about', external: false, openInNewTab: false },
+        { label: '联系我们', href: '/zh/contact', external: false, openInNewTab: false },
         { label: '新闻', href: '/zh/news', external: false, openInNewTab: false },
         { label: '经销商', href: '/zh/dealers', external: false, openInNewTab: false },
       ],
@@ -1427,56 +1623,122 @@ async function updateGlobalSettings(payload, seed, report) {
   ]
   const legalLinksEn = [{ label: 'Privacy', href: '/en/about', external: false, openInNewTab: false }]
   const legalLinksZh = [{ label: '隐私说明', href: '/zh/about', external: false, openInNewTab: false }]
+  const finalNavEn = hasRows(existingSettingsEn?.navigation?.primary, ['label', 'href'])
+    ? existingSettingsEn.navigation.primary
+    : nav
+  const finalNavZh = hasRows(existingSettingsZh?.navigation?.primary, ['label', 'href'])
+    ? existingSettingsZh.navigation.primary
+    : navZh
+  const ensureFooterContactLink = (columns, locale) => {
+    const link =
+      locale === 'zh'
+        ? { label: '联系我们', href: '/zh/contact', external: false, openInNewTab: false }
+        : { label: 'Contact', href: '/en/contact', external: false, openInNewTab: false }
+    const aboutTitle = locale === 'zh' ? '关于' : 'About'
+    const sourceColumns = Array.isArray(columns) ? columns : []
+    const targetIndex = sourceColumns.findIndex((column) => column?.title === aboutTitle)
 
-  await payload.updateGlobal({
-    slug: 'globalSettings',
-    data: {
-      site: {
-        name: 'Eversolo',
-        tagline: 'A refined way to experience music.',
-      },
-      navigation: {
-        primary: nav,
-        app: {
+    if (targetIndex === -1) {
+      return [...sourceColumns, { title: aboutTitle, items: [link] }]
+    }
+
+    return sourceColumns.map((column, index) => {
+      if (index !== targetIndex) return column
+      const items = Array.isArray(column.items) ? column.items : []
+      const hasContact = items.some((item) => item?.href === link.href)
+
+      return {
+        ...column,
+        items: hasContact ? items : [...items, link],
+      }
+    })
+  }
+  const finalFooterColumnsEn = ensureFooterContactLink(
+    hasRows(existingSettingsEn?.footer?.columns, ['title'])
+      ? existingSettingsEn.footer.columns
+      : footerColumnsEn,
+    'en',
+  )
+  const finalFooterColumnsZh = ensureFooterContactLink(
+    hasRows(existingSettingsZh?.footer?.columns, ['title'])
+      ? existingSettingsZh.footer.columns
+      : footerColumnsZh,
+    'zh',
+  )
+  const finalLegalLinksEn = hasRows(existingSettingsEn?.footer?.legalLinks, ['label', 'href'])
+    ? existingSettingsEn.footer.legalLinks
+    : legalLinksEn
+  const finalLegalLinksZh = hasRows(existingSettingsZh?.footer?.legalLinks, ['label', 'href'])
+    ? existingSettingsZh.footer.legalLinks
+    : legalLinksZh
+  const finalAppEn =
+    existingSettingsEn?.navigation?.app?.href || existingSettingsEn?.navigation?.app?.label
+      ? existingSettingsEn.navigation.app
+      : {
           label: 'APP',
           href: 'https://www.eversolo.com/controlapp/index.html',
           openInNewTab: true,
           showOnDesktop: true,
           showOnMobile: true,
-        },
+        }
+  const finalAppZh =
+    existingSettingsZh?.navigation?.app?.href || existingSettingsZh?.navigation?.app?.label
+      ? existingSettingsZh.navigation.app
+      : {
+          label: 'APP',
+          href: 'https://www.eversolo.com/controlapp/index.html',
+          openInNewTab: true,
+          showOnDesktop: true,
+          showOnMobile: true,
+        }
+  const finalSiteName = existingSettingsEn?.site?.name || 'Eversolo'
+  const finalTaglineEn = existingSettingsEn?.site?.tagline || 'A refined way to experience music.'
+  const finalTaglineZh = existingSettingsZh?.site?.tagline || '以更纯粹的方式体验音乐。'
+  const finalSeoDescriptionEn = existingSettingsEn?.seoDefaults?.description || en.globalDescription
+  const finalSeoDescriptionZh = existingSettingsZh?.seoDefaults?.description || zh.globalDescription
+  const finalSeoSuffixEn = existingSettingsEn?.seoDefaults?.titleSuffix || 'Eversolo'
+  const finalSeoSuffixZh = existingSettingsZh?.seoDefaults?.titleSuffix || 'Eversolo'
+
+  await payload.updateGlobal({
+    slug: 'globalSettings',
+    data: {
+      site: {
+        name: finalSiteName,
+        tagline: finalTaglineEn,
+      },
+      navigation: {
+        primary: finalNavEn,
+        app: finalAppEn,
       },
       footer: {
-        columns: footerColumnsEn,
-        legalLinks: legalLinksEn,
-        copyright: '© Eversolo',
+        columns: finalFooterColumnsEn,
+        legalLinks: finalLegalLinksEn,
+        copyright: existingSettingsEn?.footer?.copyright || '© Eversolo',
       },
       seoDefaults: {
-        titleSuffix: 'Eversolo',
-        description: en.globalDescription,
+        titleSuffix: finalSeoSuffixEn,
+        description: finalSeoDescriptionEn,
       },
     },
   })
 
   await updateLocalizedGlobal(payload, 'globalSettings', 'zh', {
     site: {
-      name: 'Eversolo',
-      tagline: '以更纯粹的方式体验音乐。',
+      name: finalSiteName,
+      tagline: finalTaglineZh,
     },
     navigation: {
-      primary: navZh,
-      app: {
-        label: 'APP',
-        href: 'https://www.eversolo.com/controlapp/index.html',
-      },
+      primary: finalNavZh,
+      app: finalAppZh,
     },
     footer: {
-      columns: footerColumnsZh,
-      legalLinks: legalLinksZh,
-      copyright: '© Eversolo',
+      columns: finalFooterColumnsZh,
+      legalLinks: finalLegalLinksZh,
+      copyright: existingSettingsZh?.footer?.copyright || existingSettingsEn?.footer?.copyright || '© Eversolo',
     },
     seoDefaults: {
-      titleSuffix: 'Eversolo',
-      description: zh.globalDescription,
+      titleSuffix: finalSeoSuffixZh,
+      description: finalSeoDescriptionZh,
     },
   })
 
@@ -1582,52 +1844,52 @@ async function updateAboutGlobal(payload, companyContact, report) {
       url: review.url,
     })),
   )
-
-  await payload.updateGlobal({
-    slug: 'aboutPage',
-    data: {
-      intro: {
-        eyebrow: 'Brand Story',
-        title: en.aboutTitle,
-        body: richTextFromText(en.aboutBody),
-        heroImage: heroImageId || undefined,
-      },
-      brandStory: richTextFromParagraphs(en.aboutBrandParagraphs),
-      philosophy: richTextFromParagraphs(en.aboutPhilosophyParagraphs),
-      editorialFocus: {
-        eyebrow: 'Editorial Focus',
-        body: 'This version moves beyond a simple company profile and frames brand tone, product direction, and system experience inside one editorial surface.',
-      },
-      storyMoments: [
-        {
-          title: 'Feel the Charm of HiFi',
-          body: 'From playback, conversion, and amplification to control, Eversolo is shaped around the complete digital listening experience rather than isolated specifications.',
-          image: charmImageId || undefined,
-        },
-        {
-          title: 'Winning Global Recognition',
-          body: 'Professional media praise and international awards such as EISA and iF now form a more visible part of Eversolo’s global reputation.',
-          image: awardsImageId || undefined,
-        },
-      ],
-      capabilityPillars: en.aboutPhilosophyParagraphs.map((body, index) => ({
-        title: [
-          'Pursuit of HiFi Excellence',
-          'Commitment to Hardware and Software Development',
-          'Precision Sound Tuning',
-        ][index],
-        body:
-          [
-            'Eversolo pursues purity, realism, and spatial depth, aiming to reveal musical detail instead of simply foregrounding the hardware itself.',
-            'Hardware and software are developed together so chassis design, power, decoding, system flow, and interface behavior operate as one product idea.',
-            'Continuous tuning, testing, and integration refine frequency balance, resolution, and soundstage into a presentation that feels stable and natural.',
-          ][index] || body,
-      })),
-      awardHighlights: aboutAwardsEn,
-      mediaQuotes: aboutMediaEn,
+  const [existingAboutEn, existingAboutZh] = await Promise.all([
+    payload.findGlobal({ slug: 'aboutPage', locale: 'en', depth: 2 }),
+    payload.findGlobal({ slug: 'aboutPage', locale: 'zh', depth: 2 }),
+  ])
+  const defaultAboutEn = {
+    intro: {
+      eyebrow: 'Brand Story',
+      title: en.aboutTitle,
+      body: richTextFromText(en.aboutBody),
+      heroImage: heroImageId || undefined,
     },
-  })
-  await updateLocalizedGlobal(payload, 'aboutPage', 'zh', {
+    brandStory: richTextFromParagraphs(en.aboutBrandParagraphs),
+    philosophy: richTextFromParagraphs(en.aboutPhilosophyParagraphs),
+    editorialFocus: {
+      eyebrow: 'Editorial Focus',
+      body: 'This version moves beyond a simple company profile and frames brand tone, product direction, and system experience inside one editorial surface.',
+    },
+    storyMoments: [
+      {
+        title: 'Feel the Charm of HiFi',
+        body: 'From playback, conversion, and amplification to control, Eversolo is shaped around the complete digital listening experience rather than isolated specifications.',
+        image: charmImageId || undefined,
+      },
+      {
+        title: 'Winning Global Recognition',
+        body: 'Professional media praise and international awards such as EISA and iF now form a more visible part of Eversolo’s global reputation.',
+        image: awardsImageId || undefined,
+      },
+    ],
+    capabilityPillars: en.aboutPhilosophyParagraphs.map((body, index) => ({
+      title: [
+        'Pursuit of HiFi Excellence',
+        'Commitment to Hardware and Software Development',
+        'Precision Sound Tuning',
+      ][index],
+      body:
+        [
+          'Eversolo pursues purity, realism, and spatial depth, aiming to reveal musical detail instead of simply foregrounding the hardware itself.',
+          'Hardware and software are developed together so chassis design, power, decoding, system flow, and interface behavior operate as one product idea.',
+          'Continuous tuning, testing, and integration refine frequency balance, resolution, and soundstage into a presentation that feels stable and natural.',
+        ][index] || body,
+    })),
+    awardHighlights: aboutAwardsEn,
+    mediaQuotes: aboutMediaEn,
+  }
+  const defaultAboutZh = {
     intro: {
       eyebrow: '品牌故事',
       title: zh.aboutTitle,
@@ -1668,11 +1930,166 @@ async function updateAboutGlobal(payload, companyContact, report) {
     ],
     awardHighlights: aboutAwardsZh,
     mediaQuotes: aboutMediaZh,
+  }
+  const finalAboutEn = {
+    ...defaultAboutEn,
+    intro: preserveGroup(existingAboutEn?.intro, defaultAboutEn.intro),
+    contentHtml: existingAboutEn?.contentHtml || defaultAboutEn.contentHtml,
+    brandStory: hasSeedValue(existingAboutEn?.brandStory) ? existingAboutEn.brandStory : defaultAboutEn.brandStory,
+    philosophy: hasSeedValue(existingAboutEn?.philosophy) ? existingAboutEn.philosophy : defaultAboutEn.philosophy,
+    editorialFocus: preserveGroup(existingAboutEn?.editorialFocus, defaultAboutEn.editorialFocus),
+    storyMoments: preserveArray(existingAboutEn?.storyMoments, defaultAboutEn.storyMoments, ['title', 'body', 'image']),
+    capabilityPillars: preserveArray(existingAboutEn?.capabilityPillars, defaultAboutEn.capabilityPillars, ['title', 'body']),
+    awardHighlights: preserveArray(existingAboutEn?.awardHighlights, defaultAboutEn.awardHighlights, ['label', 'logo', 'url', 'year']),
+    mediaQuotes: preserveArray(existingAboutEn?.mediaQuotes, defaultAboutEn.mediaQuotes, ['sourceName', 'quote', 'url', 'sourceLogo']),
+  }
+  const finalAboutZh = {
+    ...defaultAboutZh,
+    intro: preserveGroup(existingAboutZh?.intro, defaultAboutZh.intro),
+    contentHtml: existingAboutZh?.contentHtml || defaultAboutZh.contentHtml,
+    brandStory: hasSeedValue(existingAboutZh?.brandStory) ? existingAboutZh.brandStory : defaultAboutZh.brandStory,
+    philosophy: hasSeedValue(existingAboutZh?.philosophy) ? existingAboutZh.philosophy : defaultAboutZh.philosophy,
+    editorialFocus: preserveGroup(existingAboutZh?.editorialFocus, defaultAboutZh.editorialFocus),
+    storyMoments: preserveArray(existingAboutZh?.storyMoments, defaultAboutZh.storyMoments, ['title', 'body', 'image']),
+    capabilityPillars: preserveArray(existingAboutZh?.capabilityPillars, defaultAboutZh.capabilityPillars, ['title', 'body']),
+    awardHighlights: preserveArray(existingAboutZh?.awardHighlights, defaultAboutZh.awardHighlights, ['label', 'logo', 'url', 'year']),
+    mediaQuotes: preserveArray(existingAboutZh?.mediaQuotes, defaultAboutZh.mediaQuotes, ['sourceName', 'quote', 'url', 'sourceLogo']),
+  }
+
+  await payload.updateGlobal({
+    slug: 'aboutPage',
+    data: finalAboutEn,
   })
+  await updateLocalizedGlobal(payload, 'aboutPage', 'zh', finalAboutZh)
   report.push({ collection: 'aboutPage', action: 'update-global' })
   report.push({ collection: 'aboutPage', action: 'update-global-locale', locale: 'zh' })
 }
 
+async function updateContactUsGlobal(payload, report) {
+  const heroImageId = await ensureMediaAsset(
+    payload,
+    {
+      slug: 'contact-us-page-hero',
+      url: { en: 'https://www.eversolo.com/Public/home/images/about_us.jpg' },
+      alt: { en: 'Eversolo contact page hero', zh: 'Eversolo 联系我们主视觉' },
+    },
+    report,
+  )
+  const defaultContactGroupsEn = [
+    {
+      title: 'Eversolo Audio China Office',
+      items: [
+        {
+          label: 'Address',
+          value: "C1401, Building BC, Huizhi R&D Center, Longteng Community, Xixiang Street, Bao'an District, Shenzhen",
+        },
+        { href: 'tel:+8675523500280', label: 'Tel', value: '+86 755 23500280' },
+        { label: 'Fax', value: '+86 755 23500292' },
+        { href: 'mailto:sales@eversolo.com', label: 'Email', value: 'sales@eversolo.com' },
+      ],
+    },
+    {
+      title: 'Sales & Channel Partnership',
+      items: [
+        { label: 'Sales Skype', value: 'cathy@zidoo.tv' },
+        { href: 'mailto:sales@eversolo.com', label: 'Sales Email', value: 'sales@eversolo.com' },
+        { href: '#partnership-forms', label: 'Become A Distributor', value: 'Submit distributor request' },
+        { href: 'mailto:myq@eversolo.com', label: 'OEM/ODM', value: 'myq@eversolo.com' },
+        { href: '#partnership-forms', label: 'OEM Requirements', value: 'Submit OEM inquiry' },
+      ],
+    },
+    {
+      title: 'Support Team',
+      body: 'For setup, firmware, or common usage questions, start with FAQ and downloads. If you still need help, contact the support team by email or submit an after-service request.',
+      items: [
+        { href: '/en/support/faq', label: 'FAQ', value: 'Support FAQ' },
+        { href: 'mailto:service@eversolo.com', label: 'Support Email', value: 'service@eversolo.com' },
+        { href: '/en/support/contact', label: 'After Service', value: 'Submit support request' },
+      ],
+    },
+  ]
+  const defaultContactGroupsZh = [
+    {
+      title: 'Eversolo 中国办公室',
+      items: [
+        { label: '地址', value: '深圳市宝安区西乡街道龙腾社区汇智研发中心 BC 栋 C1401' },
+        { href: 'tel:+8675523500280', label: '电话', value: '+86 755 23500280' },
+        { label: '传真', value: '+86 755 23500292' },
+        { href: 'mailto:sales@eversolo.com', label: '邮箱', value: 'sales@eversolo.com' },
+      ],
+    },
+    {
+      title: '销售与渠道合作',
+      items: [
+        { label: 'Sales Skype', value: 'cathy@zidoo.tv' },
+        { href: 'mailto:sales@eversolo.com', label: '销售邮箱', value: 'sales@eversolo.com' },
+        { href: '#partnership-forms', label: '经销商申请', value: '填写经销合作表单' },
+        { href: 'mailto:myq@eversolo.com', label: 'OEM/ODM', value: 'myq@eversolo.com' },
+        { href: '#partnership-forms', label: 'OEM 需求', value: '填写 OEM 需求表单' },
+      ],
+    },
+    {
+      title: '支持团队',
+      body: '如遇到安装、升级或常见设置问题，建议先查看 FAQ 与下载中心；仍需协助时，可通过售后支持入口或邮件继续联系。',
+      items: [
+        { href: '/zh/support/faq', label: 'FAQ', value: '常见问题' },
+        { href: 'mailto:service@eversolo.com', label: '支持邮箱', value: 'service@eversolo.com' },
+        { href: '/zh/support/contact', label: '售后支持', value: '提交售后请求' },
+      ],
+    },
+  ]
+  const [existingContactUsEn, existingContactUsZh] = await Promise.all([
+    payload.findGlobal({ slug: 'contactUsPage', locale: 'en', depth: 2 }),
+    payload.findGlobal({ slug: 'contactUsPage', locale: 'zh', depth: 2 }),
+  ])
+  const defaultContactUsEn = {
+    hero: {
+      description: 'Distributor requests, OEM/ODM inquiries, sales contacts, and support channels in one focused page.',
+      eyebrow: 'Business & Support Contact',
+      image: heroImageId || undefined,
+      title: 'Contact Eversolo',
+    },
+    contactGroups: defaultContactGroupsEn,
+    formIntro: {
+      description: 'If you are exploring regional distribution or need OEM support for projects and systems, submit your request here.',
+      eyebrow: 'Partnership Requests',
+      title: 'Dealer & OEM Entry Points',
+    },
+  }
+  const defaultContactUsZh = {
+    hero: {
+      description: '经销合作、OEM/ODM 项目需求、销售与支持联系方式集中放在这里，方便更快找到对应团队。',
+      eyebrow: '商务与支持联系',
+      image: heroImageId || undefined,
+      title: '联系我们',
+    },
+    contactGroups: defaultContactGroupsZh,
+    formIntro: {
+      description: '如果您计划成为区域经销商，或需要面向项目与系统方案的 OEM 合作支持，可以直接从这里提交申请。',
+      eyebrow: '合作申请',
+      title: '经销与 OEM 合作入口',
+    },
+  }
+  const finalContactUsEn = {
+    hero: preserveGroup(existingContactUsEn?.hero, defaultContactUsEn.hero),
+    contactGroups: preserveArray(existingContactUsEn?.contactGroups, defaultContactUsEn.contactGroups, ['title', 'items']),
+    formIntro: preserveGroup(existingContactUsEn?.formIntro, defaultContactUsEn.formIntro),
+  }
+  const finalContactUsZh = {
+    hero: preserveGroup(existingContactUsZh?.hero, defaultContactUsZh.hero),
+    contactGroups: preserveArray(existingContactUsZh?.contactGroups, defaultContactUsZh.contactGroups, ['title', 'items']),
+    formIntro: preserveGroup(existingContactUsZh?.formIntro, defaultContactUsZh.formIntro),
+  }
+
+  await payload.updateGlobal({
+    slug: 'contactUsPage',
+    data: finalContactUsEn,
+  })
+  await updateLocalizedGlobal(payload, 'contactUsPage', 'zh', finalContactUsZh)
+  report.push({ collection: 'contactUsPage', action: 'update-global' })
+  report.push({ collection: 'contactUsPage', action: 'update-global-locale', locale: 'zh' })
+}
+
 async function updateSupportGlobals(payload, support, companyContact, report) {
   const en = marketingCopy('en')
   const zh = marketingCopy('zh')
@@ -1747,20 +2164,31 @@ async function updateSupportGlobals(payload, support, companyContact, report) {
     { label: '查看 FAQ', href: '/zh/support/faq' },
     { label: '打开下载中心', href: '/zh/downloads' },
   ]
-
-  await payload.updateGlobal({
-    slug: 'supportPage',
-    data: {
-      intro: {
-        eyebrow: 'Support Center',
-        title: en.supportTitle,
-        body: richTextFromText(en.supportDescription),
-        heroImage: supportHeroImageId || undefined,
-      },
-      primaryEntries: englishPrimaryEntries,
+  const [
+    existingSupportEn,
+    existingSupportZh,
+    existingContactEn,
+    existingContactZh,
+    existingWarrantyEn,
+    existingWarrantyZh,
+  ] = await Promise.all([
+    payload.findGlobal({ slug: 'supportPage', locale: 'en', depth: 2 }),
+    payload.findGlobal({ slug: 'supportPage', locale: 'zh', depth: 2 }),
+    payload.findGlobal({ slug: 'contactPage', locale: 'en', depth: 2 }),
+    payload.findGlobal({ slug: 'contactPage', locale: 'zh', depth: 2 }),
+    payload.findGlobal({ slug: 'warrantyPage', locale: 'en', depth: 2 }),
+    payload.findGlobal({ slug: 'warrantyPage', locale: 'zh', depth: 2 }),
+  ])
+  const defaultSupportEn = {
+    intro: {
+      eyebrow: 'Support Center',
+      title: en.supportTitle,
+      body: richTextFromText(en.supportDescription),
+      heroImage: supportHeroImageId || undefined,
     },
-  })
-  await updateLocalizedGlobal(payload, 'supportPage', 'zh', {
+    primaryEntries: englishPrimaryEntries,
+  }
+  const defaultSupportZh = {
     intro: {
       eyebrow: '支持中心',
       title: zh.supportTitle,
@@ -1768,30 +2196,26 @@ async function updateSupportGlobals(payload, support, companyContact, report) {
       heroImage: supportHeroImageId || undefined,
     },
     primaryEntries: chinesePrimaryEntries,
-  })
-
-  await payload.updateGlobal({
-    slug: 'contactPage',
-    data: {
-      intro: {
-        eyebrow: 'Contact Support',
-        title: en.contactTitle,
-        body: richTextFromText(en.contactDescription),
-        heroImage: contactHeroImageId || undefined,
-      },
-      submissionGuidance: {
-        title: 'Before You Submit',
-        description:
-          'Share product details and the clearest possible issue summary so support can move from intake to triage faster.',
-        items: englishGuidanceItems,
-        quickLinks: englishGuidanceLinks,
-      },
-      formDisabledMessage:
-        'The online form is currently disabled. Please use the FAQ and warranty pages for support guidance first.',
-      formEnabled: true,
+  }
+  const defaultContactEn = {
+    intro: {
+      eyebrow: 'Contact Support',
+      title: en.contactTitle,
+      body: richTextFromText(en.contactDescription),
+      heroImage: contactHeroImageId || undefined,
     },
-  })
-  await updateLocalizedGlobal(payload, 'contactPage', 'zh', {
+    submissionGuidance: {
+      title: 'Before You Submit',
+      description:
+        'Share product details and the clearest possible issue summary so support can move from intake to triage faster.',
+      items: englishGuidanceItems,
+      quickLinks: englishGuidanceLinks,
+    },
+    formDisabledMessage:
+      'The online form is currently disabled. Please use the FAQ and warranty pages for support guidance first.',
+    formEnabled: true,
+  }
+  const defaultContactZh = {
     intro: {
       eyebrow: '联系支持',
       title: zh.contactTitle,
@@ -1805,34 +2229,31 @@ async function updateSupportGlobals(payload, support, companyContact, report) {
       quickLinks: chineseGuidanceLinks,
     },
     formDisabledMessage: '当前未开放在线表单，请先通过常见问题和保修页面了解支持信息。',
-  })
-
-  await payload.updateGlobal({
-    slug: 'warrantyPage',
-    data: {
-      intro: {
-        eyebrow: 'Warranty & Service',
-        title: en.warrantyTitle,
-        body: richTextFromText(en.warrantyDescription),
-        heroImage: warrantyHeroImageId || undefined,
-      },
-      policyHeader: {
-        eyebrow: 'Policy Overview',
-        title: 'Warranty Policy',
-        description: 'A single reference layer for coverage, service expectations, and the support paths available before and after purchase.',
-      },
-      policyBody: richTextFromParagraphs(en.warrantyPolicyParagraphs),
-      servicePanel: {
-        checklistTitle: en.warrantyPanelTitle,
-        description:
-          'Prepare purchase details and current system context first, then choose the clearest path for firmware, setup, or after-sales questions.',
-        checklistItems: englishWarrantyChecklist,
-        linksTitle: en.warrantyPanelLinksTitle,
-        quickLinks: englishWarrantyLinks,
-      },
+    formEnabled: true,
+  }
+  const defaultWarrantyEn = {
+    intro: {
+      eyebrow: 'Warranty & Service',
+      title: en.warrantyTitle,
+      body: richTextFromText(en.warrantyDescription),
+      heroImage: warrantyHeroImageId || undefined,
     },
-  })
-  await updateLocalizedGlobal(payload, 'warrantyPage', 'zh', {
+    policyHeader: {
+      eyebrow: 'Policy Overview',
+      title: 'Warranty Policy',
+      description: 'A single reference layer for coverage, service expectations, and the support paths available before and after purchase.',
+    },
+    policyBody: richTextFromParagraphs(en.warrantyPolicyParagraphs),
+    servicePanel: {
+      checklistTitle: en.warrantyPanelTitle,
+      description:
+        'Prepare purchase details and current system context first, then choose the clearest path for firmware, setup, or after-sales questions.',
+      checklistItems: englishWarrantyChecklist,
+      linksTitle: en.warrantyPanelLinksTitle,
+      quickLinks: englishWarrantyLinks,
+    },
+  }
+  const defaultWarrantyZh = {
     intro: {
       eyebrow: '保修与服务',
       title: zh.warrantyTitle,
@@ -1852,7 +2273,73 @@ async function updateSupportGlobals(payload, support, companyContact, report) {
       linksTitle: zh.warrantyPanelLinksTitle,
       quickLinks: chineseWarrantyLinks,
     },
+  }
+  const finalSupportEn = {
+    intro: preserveGroup(existingSupportEn?.intro, defaultSupportEn.intro),
+    primaryEntries: preserveArray(existingSupportEn?.primaryEntries, defaultSupportEn.primaryEntries, ['key', 'label', 'href']),
+  }
+  const finalSupportZh = {
+    intro: preserveGroup(existingSupportZh?.intro, defaultSupportZh.intro),
+    primaryEntries: preserveArray(existingSupportZh?.primaryEntries, defaultSupportZh.primaryEntries, ['key', 'label', 'href']),
+  }
+  const finalContactEn = {
+    intro: preserveGroup(existingContactEn?.intro, defaultContactEn.intro),
+    submissionGuidance: {
+      ...preserveGroup(existingContactEn?.submissionGuidance, defaultContactEn.submissionGuidance),
+      items: preserveArray(existingContactEn?.submissionGuidance?.items, defaultContactEn.submissionGuidance.items, ['text']),
+      quickLinks: preserveArray(existingContactEn?.submissionGuidance?.quickLinks, defaultContactEn.submissionGuidance.quickLinks, ['label', 'href']),
+    },
+    formDisabledMessage: existingContactEn?.formDisabledMessage || defaultContactEn.formDisabledMessage,
+    formEnabled: typeof existingContactEn?.formEnabled === 'boolean' ? existingContactEn.formEnabled : defaultContactEn.formEnabled,
+  }
+  const finalContactZh = {
+    intro: preserveGroup(existingContactZh?.intro, defaultContactZh.intro),
+    submissionGuidance: {
+      ...preserveGroup(existingContactZh?.submissionGuidance, defaultContactZh.submissionGuidance),
+      items: preserveArray(existingContactZh?.submissionGuidance?.items, defaultContactZh.submissionGuidance.items, ['text']),
+      quickLinks: preserveArray(existingContactZh?.submissionGuidance?.quickLinks, defaultContactZh.submissionGuidance.quickLinks, ['label', 'href']),
+    },
+    formDisabledMessage: existingContactZh?.formDisabledMessage || defaultContactZh.formDisabledMessage,
+    formEnabled: typeof existingContactZh?.formEnabled === 'boolean' ? existingContactZh.formEnabled : defaultContactZh.formEnabled,
+  }
+  const finalWarrantyEn = {
+    intro: preserveGroup(existingWarrantyEn?.intro, defaultWarrantyEn.intro),
+    policyHeader: preserveGroup(existingWarrantyEn?.policyHeader, defaultWarrantyEn.policyHeader),
+    policyBody: hasSeedValue(existingWarrantyEn?.policyBody) ? existingWarrantyEn.policyBody : defaultWarrantyEn.policyBody,
+    servicePanel: {
+      ...preserveGroup(existingWarrantyEn?.servicePanel, defaultWarrantyEn.servicePanel),
+      checklistItems: preserveArray(existingWarrantyEn?.servicePanel?.checklistItems, defaultWarrantyEn.servicePanel.checklistItems, ['text']),
+      quickLinks: preserveArray(existingWarrantyEn?.servicePanel?.quickLinks, defaultWarrantyEn.servicePanel.quickLinks, ['label', 'href']),
+    },
+  }
+  const finalWarrantyZh = {
+    intro: preserveGroup(existingWarrantyZh?.intro, defaultWarrantyZh.intro),
+    policyHeader: preserveGroup(existingWarrantyZh?.policyHeader, defaultWarrantyZh.policyHeader),
+    policyBody: hasSeedValue(existingWarrantyZh?.policyBody) ? existingWarrantyZh.policyBody : defaultWarrantyZh.policyBody,
+    servicePanel: {
+      ...preserveGroup(existingWarrantyZh?.servicePanel, defaultWarrantyZh.servicePanel),
+      checklistItems: preserveArray(existingWarrantyZh?.servicePanel?.checklistItems, defaultWarrantyZh.servicePanel.checklistItems, ['text']),
+      quickLinks: preserveArray(existingWarrantyZh?.servicePanel?.quickLinks, defaultWarrantyZh.servicePanel.quickLinks, ['label', 'href']),
+    },
+  }
+
+  await payload.updateGlobal({
+    slug: 'supportPage',
+    data: finalSupportEn,
   })
+  await updateLocalizedGlobal(payload, 'supportPage', 'zh', finalSupportZh)
+
+  await payload.updateGlobal({
+    slug: 'contactPage',
+    data: finalContactEn,
+  })
+  await updateLocalizedGlobal(payload, 'contactPage', 'zh', finalContactZh)
+
+  await payload.updateGlobal({
+    slug: 'warrantyPage',
+    data: finalWarrantyEn,
+  })
+  await updateLocalizedGlobal(payload, 'warrantyPage', 'zh', finalWarrantyZh)
 
   report.push({ collection: 'supportPage', action: 'update-global' })
   report.push({ collection: 'contactPage', action: 'update-global' })
@@ -1923,18 +2410,7 @@ async function updateRedirects(payload, report) {
     })
 
     if (existing.docs[0]) {
-      await payload.update({
-        collection: 'redirects',
-        id: existing.docs[0].id,
-        data: {
-          enabled: true,
-          matchType: 'exact',
-          notes: item.notes,
-          statusCode: '301',
-          to: item.to,
-        },
-      })
-      report.push({ collection: 'redirects', action: 'update', from: item.from, locale: item.locale })
+      report.push({ collection: 'redirects', action: 'preserve-existing', from: item.from, locale: item.locale })
       continue
     }
 
@@ -2018,6 +2494,7 @@ async function main() {
           willUpdateHomepage: true,
           willUpdateGlobalSettings: true,
           willUpdateAboutPage: true,
+          willUpdateContactUsPage: true,
           willUpdateSupportPages: true,
         },
         null,
@@ -2064,6 +2541,7 @@ async function main() {
   await updateHomepageGlobal(payload, seed.homepage, report)
   await updateGlobalSettings(payload, seed, report)
   await updateAboutGlobal(payload, supportDownloads.companyContact, report)
+  await updateContactUsGlobal(payload, report)
   await updateSupportGlobals(payload, supportDownloads, supportDownloads.companyContact, report)
   await updateRedirects(payload, report)
   await cleanupLegacyProductCategories(payload, report)
diff --git a/src/seed/normalized/import-result.json b/src/seed/normalized/import-result.json
index ebe692c..b65c492 100644
--- a/src/seed/normalized/import-result.json
+++ b/src/seed/normalized/import-result.json
@@ -128,14 +128,14 @@
   {
     "collection": "products",
     "action": "update",
-    "id": 5,
+    "id": 34,
     "slug": "amp-f2",
     "locale": "en"
   },
   {
     "collection": "products",
     "action": "update",
-    "id": 20,
+    "id": 35,
     "slug": "amp-f2",
     "locale": "zh"
   },
@@ -212,14 +212,14 @@
   {
     "collection": "products",
     "action": "update",
-    "id": 8,
+    "id": 36,
     "slug": "play",
     "locale": "en"
   },
   {
     "collection": "products",
     "action": "update",
-    "id": 23,
+    "id": 37,
     "slug": "play",
     "locale": "zh"
   },
@@ -1707,13 +1707,6 @@
     "slug": "dac-z6",
     "locale": "zh"
   },
-  {
-    "collection": "files",
-    "action": "create",
-    "id": 4,
-    "slug": "dac-z10",
-    "filename": "EVERSOLOZ10.PKG"
-  },
   {
     "collection": "downloads",
     "action": "update",
@@ -3170,6 +3163,11 @@
     "action": "update-global-locale",
     "locale": "zh"
   },
+  {
+    "collection": "homepage",
+    "action": "sync-hero-banners",
+    "rows": 10
+  },
   {
     "collection": "globalSettings",
     "action": "update-global"
@@ -3181,38 +3179,17 @@
   },
   {
     "collection": "media",
-    "action": "create",
-    "id": 204,
-    "slug": "about-story-charm",
-    "filename": "6BF8896AC4EE999E7405472BC5934BB7.png"
+    "action": "skip-asset",
+    "slug": "about-media-en-5",
+    "reason": "Failed to download https://shop.zidoo.tv/cdn/shop/files/hifinews.png?v=1731586001: 404",
+    "url": "https://shop.zidoo.tv/cdn/shop/files/hifinews.png?v=1731586001"
   },
   {
     "collection": "media",
-    "action": "create",
-    "id": 205,
-    "slug": "about-story-awards",
-    "filename": "eisaHifi.jpg"
-  },
-  {
-    "collection": "media",
-    "action": "create",
-    "id": 206,
-    "slug": "about-media-en-3",
-    "filename": "av.png"
-  },
-  {
-    "collection": "media",
-    "action": "create",
-    "id": 207,
-    "slug": "about-media-en-2",
-    "filename": "darko_a8208a56-7e3c-4559-9e0f-d1409101440d.png"
-  },
-  {
-    "collection": "media",
-    "action": "create",
-    "id": 208,
-    "slug": "about-media-en-4",
-    "filename": "asr.png"
+    "action": "skip-asset",
+    "slug": "about-media-zh-5",
+    "reason": "Failed to download https://shop.zidoo.tv/cdn/shop/files/hifinews.png?v=1731586001: 404",
+    "url": "https://shop.zidoo.tv/cdn/shop/files/hifinews.png?v=1731586001"
   },
   {
     "collection": "aboutPage",