Remove Launchpad comparison and make features section full-width

Ariver

2026-06-07 274934aff362cd02adbc800374e35ed2980c87fd

Remove Launchpad comparison and make features section full-width

Drop the comparison table block and replace the card layout with a
white full-bleed features band matching the upper homepage sections.

 docs/index-en.html

@@ -208,82 +208,45 @@
    </div>
  </section>

  <main class="page-main">
  <section class="features" aria-label="Core features">
    <div class="layout">
      <section class="card">
        <h2>Why not just Launchpad?</h2>
        <table class="compare">
          <thead>
            <tr>
              <th></th>
              <th>Launchpad</th>
              <th>TagLauncher</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><strong>Browse</strong></td>
              <td>Pages of icons—hard to scan many apps</td>
              <td>One scrollable grid</td>
            </tr>
            <tr>
              <td><strong>Organize</strong></td>
              <td>Folders; one app per folder</td>
              <td>Multiple tags per app</td>
            </tr>
            <tr>
              <td><strong>Notes</strong></td>
              <td>No per-app purpose notes</td>
              <td>Searchable app notes</td>
            </tr>
            <tr>
              <td><strong>Backup</strong></td>
              <td>Layout hard to export</td>
              <td>JSON export / import</td>
            </tr>
          </tbody>
        </table>
      </section>

      <section class="card">
        <h2>Core features</h2>
        <div class="feature-grid">
          <div class="feature">
            <strong>App Grid</strong>
            <kbd>Option</kbd>+<kbd>Shift</kbd>+<kbd>Space</kbd> opens the grid.
          </div>
          <div class="feature">
            <strong>Quick Search</strong>
            Search names, tags, and notes.
          </div>
          <div class="feature">
            <strong>Tags</strong>
            Custom colors; drag icons onto tags.
          </div>
          <div class="feature">
            <strong>App notes</strong>
            Remember what each app is for.
          </div>
          <div class="feature">
            <strong>Layout backup</strong>
            Export and import JSON.
          </div>
          <div class="feature">
            <strong>Local-first</strong>
            Data stays on your Mac.
          </div>
      <h2 class="features__headline">Core features</h2>
      <div class="feature-grid">
        <div class="feature">
          <strong>App Grid</strong>
          <kbd>Option</kbd>+<kbd>Shift</kbd>+<kbd>Space</kbd> opens the grid.
        </div>
      </section>
        <div class="feature">
          <strong>Quick Search</strong>
          Search names, tags, and notes.
        </div>
        <div class="feature">
          <strong>Tags</strong>
          Custom colors; drag icons onto tags.
        </div>
        <div class="feature">
          <strong>App notes</strong>
          Remember what each app is for.
        </div>
        <div class="feature">
          <strong>Layout backup</strong>
          Export and import JSON.
        </div>
        <div class="feature">
          <strong>Local-first</strong>
          Data stays on your Mac.
        </div>
      </div>

      <section class="card card-cta">
      <div class="features__cta">
        <p>Mac App Store coming soon · macOS 15.0+ · 29 UI languages</p>
        <div class="cta-row">
          <a class="btn btn-primary" href="support.html">Support & contact</a>
          <a class="btn btn-secondary" href="privacy.html">Privacy policy</a>
        </div>
      </section>
      </div>
    </div>
  </main>
  </section>

  <footer class="site-footer">
    <div class="layout">

 docs/index.html

@@ -208,82 +208,45 @@
    </div>
  </section>

  <main class="page-main">
  <section class="features" aria-label="核心功能">
    <div class="layout">
      <section class="card">
        <h2>为什么不只是 Launchpad？</h2>
        <table class="compare">
          <thead>
            <tr>
              <th></th>
              <th>Launchpad</th>
              <th>TagLauncher</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><strong>浏览</strong></td>
              <td>分页翻屏，要找图标得记住在第几页</td>
              <td>可滚动的应用网格，连续浏览</td>
            </tr>
            <tr>
              <td><strong>归类</strong></td>
              <td>主要靠文件夹，一个 App 通常只能进一个文件夹</td>
              <td>多标签：同一 App 可同时属于「设计」「办公」等</td>
            </tr>
            <tr>
              <td><strong>备忘</strong></td>
              <td>难以为单个 App 记录用途说明</td>
              <td>应用用途备忘，Quick Search 可搜索</td>
            </tr>
            <tr>
              <td><strong>备份</strong></td>
              <td>布局难导出、迁移、恢复</td>
              <td>设置 → 数据：导出 / 导入 JSON</td>
            </tr>
          </tbody>
        </table>
      </section>

      <section class="card">
        <h2>核心功能</h2>
        <div class="feature-grid">
          <div class="feature">
            <strong>App Grid</strong>
            <kbd>Option</kbd>+<kbd>Shift</kbd>+<kbd>Space</kbd> 打开全屏友好的应用网格。
          </div>
          <div class="feature">
            <strong>Quick Search</strong>
            搜索应用名、标签与备忘。
          </div>
          <div class="feature">
            <strong>标签体系</strong>
            自定义颜色；拖拽图标到标签名即可归类。
          </div>
          <div class="feature">
            <strong>应用备忘</strong>
            悬停或编辑用途说明。
          </div>
          <div class="feature">
            <strong>布局备份</strong>
            JSON 导出 / 导入，换机可恢复。
          </div>
          <div class="feature">
            <strong>本地优先</strong>
            数据存于本机，无分析 SDK。
          </div>
      <h2 class="features__headline">核心功能</h2>
      <div class="feature-grid">
        <div class="feature">
          <strong>App Grid</strong>
          <kbd>Option</kbd>+<kbd>Shift</kbd>+<kbd>Space</kbd> 打开全屏友好的应用网格。
        </div>
      </section>
        <div class="feature">
          <strong>Quick Search</strong>
          搜索应用名、标签与备忘。
        </div>
        <div class="feature">
          <strong>标签体系</strong>
          自定义颜色；拖拽图标到标签名即可归类。
        </div>
        <div class="feature">
          <strong>应用备忘</strong>
          悬停或编辑用途说明。
        </div>
        <div class="feature">
          <strong>布局备份</strong>
          JSON 导出 / 导入，换机可恢复。
        </div>
        <div class="feature">
          <strong>本地优先</strong>
          数据存于本机，无分析 SDK。
        </div>
      </div>

      <section class="card card-cta">
      <div class="features__cta">
        <p>Mac App Store 即将上架 · macOS 15.0+ · 29 种界面语言</p>
        <div class="cta-row">
          <a class="btn btn-primary" href="support.html">获取支持与联系</a>
          <a class="btn btn-secondary" href="privacy-zh.html">隐私政策</a>
        </div>
      </section>
      </div>
    </div>
  </main>
  </section>

  <footer class="site-footer">
    <div class="layout">

 docs/styles.css

@@ -695,58 +695,26 @@
  filter: drop-shadow(0 18px 36px rgba(60, 80, 140, 0.16));
}

/* Main content */
.page-main {
/* Features + CTA — full-width white band */
.features {
  padding: 56px 0 72px;
  background: #ffffff;
}

.card {
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 28px 32px;
  margin-bottom: 22px;
}

.card h2 {
  margin: 0 0 14px;
.features__headline {
  margin: 0 0 24px;
  font-size: 1.3rem;
  letter-spacing: -0.02em;
}

.card-cta {
.features__cta {
  margin-top: 40px;
  text-align: center;
}

.card-cta p {
.features__cta p {
  margin: 0 0 16px;
  color: var(--muted);
}

.compare {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
}

.compare th,
.compare td {
  text-align: left;
  padding: 11px 12px;
  border-bottom: 1px solid var(--border);
  vertical-align: top;
}

.compare th {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--muted);
}

.compare tr:last-child td {
  border-bottom: none;
}

.feature-grid {