From da43ff3d7c2fd1f1b480dbbb05d9502a083b85fc Mon Sep 17 00:00:00 2001
From: Ariver <shanghai3168@gmail.com>
Date: Sat, 06 Jun 2026 20:03:54 +0800
Subject: [PATCH] Replace hero visual with user-provided reference image

---
 docs/index.html |   58 ++++++++++++++++++----------------------------------------
 1 files changed, 18 insertions(+), 40 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 560205c..dc0c709 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -4,13 +4,13 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>TagLauncher — 标签化 Mac 应用启动器</title>
-  <meta name="description" content="TagLauncher:用标签管理 Mac 应用,可滚动网格、多标签归类、应用备忘、布局备份。比 Launchpad 更适合应用很多的用户。">
-  <meta property="og:image" content="https://shanghai3168.github.io/taglauncher/assets/screenshot-app-grid.jpg">
+  <meta name="description" content="在全球,这可能是Mac最好用的应用启动台。不用怀念 macOS 26 Tahoe 上消失的 Launchpad(启动台),反正他从来都没真的好用过。">
+  <meta property="og:image" content="https://shanghai3168.github.io/taglauncher/assets/hero-visual.jpg">
   <link rel="stylesheet" href="styles.css">
   <link rel="alternate" hreflang="en" href="index-en.html">
   <link rel="alternate" hreflang="zh-Hans" href="index.html">
 </head>
-<body>
+<body class="page-home">
   <header class="site-header">
     <div class="layout site-header__bar">
       <a class="brand" href="index.html">
@@ -30,44 +30,22 @@
     </div>
   </header>
 
-  <section class="hero" aria-label="产品展示">
-    <div class="hero__mosaic">
-      <figure class="glass-panel glass-panel--main">
-        <div class="glass-panel__frame">
-          <div class="glass-panel__body">
-            <img src="assets/screenshot-app-grid.jpg" alt="TagLauncher 应用网格" width="1024" height="640" fetchpriority="high">
-          </div>
-          <div class="glass-panel__reflection" aria-hidden="true">
-            <img src="assets/screenshot-app-grid.jpg" alt="" width="1024" height="640">
-          </div>
-          <span class="glass-panel__shine" aria-hidden="true"></span>
-        </div>
+  <section class="hero" aria-label="TagLauncher 宣传主图">
+    <div class="layout hero__split">
+      <div class="hero__copy">
+        <h1 class="hero__headline">在全球,这可能是Mac最好用的应用启动台</h1>
+        <p class="hero__lead">不用怀念 macOS 26 Tahoe 上消失的 Launchpad(启动台),反正他从来都没真的好用过</p>
+      </div>
+
+      <figure class="hero__art">
+        <img
+          src="assets/hero-visual.jpg"
+          alt="TagLauncher 应用网格:多层窗口立体堆叠展示"
+          width="1024"
+          height="908"
+          fetchpriority="high"
+          decoding="async">
       </figure>
-      <figure class="glass-panel glass-panel--tags">
-        <div class="glass-panel__frame">
-          <div class="glass-panel__body">
-            <img src="assets/screenshot-tags.jpg" alt="彩色标签与分类" width="1400" height="875" loading="lazy">
-          </div>
-          <div class="glass-panel__reflection" aria-hidden="true">
-            <img src="assets/screenshot-tags.jpg" alt="" width="1400" height="875">
-          </div>
-          <span class="glass-panel__shine" aria-hidden="true"></span>
-        </div>
-      </figure>
-      <figure class="glass-panel glass-panel--memo">
-        <div class="glass-panel__frame">
-          <div class="glass-panel__body">
-            <img src="assets/screenshot-notes.jpg" alt="应用用途备忘" width="1024" height="640" loading="lazy">
-          </div>
-          <div class="glass-panel__reflection" aria-hidden="true">
-            <img src="assets/screenshot-notes.jpg" alt="" width="1024" height="640">
-          </div>
-          <span class="glass-panel__shine" aria-hidden="true"></span>
-        </div>
-      </figure>
-    </div>
-    <div class="layout">
-      <p class="hero__tagline">用标签,而不是文件夹,整理你的 Mac 应用</p>
     </div>
   </section>
 

--
Gitblit v1.9.3