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,45 +208,9 @@
    </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>
      <h2 class="features__headline">Core features</h2>
        <div class="feature-grid">
          <div class="feature">
            <strong>App Grid</strong>
@@ -273,17 +237,16 @@
            Data stays on your Mac.
          </div>
        </div>
      </section>

      <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>
  </main>
    </div>
  </section>

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

 docs/index.html

@@ -208,45 +208,9 @@
    </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>
      <h2 class="features__headline">核心功能</h2>
        <div class="feature-grid">
          <div class="feature">
            <strong>App Grid</strong>
@@ -273,17 +237,16 @@
            数据存于本机，无分析 SDK。
          </div>
        </div>
      </section>

      <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>
  </main>
    </div>
  </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 {