diff --git a/public/images/hero-banner-1280.webp b/public/images/hero-banner-1280.webp
index 1b617ef..23e9a56 100644
Binary files a/public/images/hero-banner-1280.webp and b/public/images/hero-banner-1280.webp differ
diff --git a/public/images/hero-banner-2x.webp b/public/images/hero-banner-2x.webp
index 85041bd..8351b1e 100644
Binary files a/public/images/hero-banner-2x.webp and b/public/images/hero-banner-2x.webp differ
diff --git a/public/images/hero-banner.jpg b/public/images/hero-banner.jpg
index 1c1640f..bf9a4db 100644
Binary files a/public/images/hero-banner.jpg and b/public/images/hero-banner.jpg differ
diff --git a/public/images/hero-banner.png b/public/images/hero-banner.png
index f3ca036..8e4636a 100644
Binary files a/public/images/hero-banner.png and b/public/images/hero-banner.png differ
diff --git a/public/images/hero-banner.webp b/public/images/hero-banner.webp
index b3b728e..327a5f6 100644
Binary files a/public/images/hero-banner.webp and b/public/images/hero-banner.webp differ
diff --git a/src/pages/index.astro b/src/pages/index.astro
index a747558..75237d4 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -77,7 +77,7 @@ const featuredMetrics: Record<string, string> = {
           <img
             class="hero-banner-img"
             src="/images/hero-banner.jpg"
-            alt="From Code to Production — Systems Architecture & DevOps Infrastructure Ecosystem"
+            alt="From Code to Production — engineer at a multi-monitor workstation, container streams flowing into server racks"
             width="1024"
             height="572"
             loading="eager"
@@ -125,13 +125,13 @@ const featuredMetrics: Record<string, string> = {
       <button type="button" class="arch-lightbox-close" aria-label="Close" onclick="this.closest('dialog').close()">&times;</button>
       <img
         src="/images/hero-banner-2x.webp"
-        alt="From Code to Production — Systems Architecture & DevOps Infrastructure Ecosystem"
+        alt="From Code to Production — engineer at a multi-monitor workstation, container streams flowing into server racks"
         width="2048"
         height="1144"
         loading="lazy"
       />
       <div class="arch-lightbox-caption">
-        <span>From Code to Production — Systems Architecture &amp; DevOps Infrastructure</span>
+        <span>From Code to Production — Workstation to Server Racks</span>
         <span class="arch-lightbox-hint">ESC / Click outside to close</span>
       </div>
     </div>
diff --git a/src/pages/zh/index.astro b/src/pages/zh/index.astro
index 91c5a85..53fa42b 100644
--- a/src/pages/zh/index.astro
+++ b/src/pages/zh/index.astro
@@ -78,7 +78,7 @@ const featuredMetrics: Record<string, string> = {
           <img
             class="hero-banner-img"
             src="/images/hero-banner.jpg"
-            alt="从代码到生产环境 —— 系统架构与 DevOps 运维生态图"
+            alt="从代码到生产环境 —— 工程师在多屏工作站前，容器数据流汇入机架服务器"
             width="1024"
             height="572"
             loading="eager"
@@ -126,13 +126,13 @@ const featuredMetrics: Record<string, string> = {
       <button type="button" class="arch-lightbox-close" aria-label="关闭" onclick="this.closest('dialog').close()">&times;</button>
       <img
         src="/images/hero-banner-2x.webp"
-        alt="从代码到生产环境 —— 系统架构与 DevOps 运维生态图"
+        alt="从代码到生产环境 —— 工程师在多屏工作站前，容器数据流汇入机架服务器"
         width="2048"
         height="1144"
         loading="lazy"
       />
       <div class="arch-lightbox-caption">
-        <span>从代码到生产环境 —— 系统架构与 DevOps 运维生态图</span>
+        <span>从代码到生产环境 —— 工程师在多屏工作站前，容器数据流汇入机架服务器</span>
         <span class="arch-lightbox-hint">ESC / 点击外部关闭</span>
       </div>
     </div>