---
// Component: Section04.astro
---
<!-- Section 04: Quick wins -->
  <h2 class="section-title" id="quickwins">04 Quick wins · action queue</h2>
  <p class="section-subtitle">Những hành động mang lại đòn bẩy lớn trong tuần. Mỗi thẻ là một đề xuất cụ thể.</p>
  
  <div class="grid-2x2">
    <div class="qw-card">
      <div class="qw-badge lime">STRIKING DISTANCE</div>
      <h3 class="qw-title"><span id="logo-gsc-qw1"></span> Position 4–10 with traction</h3>
      <p class="qw-action">→ Bổ sung liên kết nội bộ, làm mới H1/đoạn mở đầu, thêm khối giải đáp. Chỉ một lực đẩy nhẹ có thể lọt vào top 3.</p>
      <div id="table-qw-striking"></div>
    </div>

    <div class="qw-card">
      <div class="qw-badge cyan">PAGE-2 OPPORTUNITY</div>
      <h3 class="qw-title"><span id="logo-gsc-qw2"></span> Position 11–20 with impressions</h3>
      <p class="qw-action">→ Cần nâng cấp nội dung sâu sắc + viết lại tiêu đề + bổ sung backlink. Cần nhiều công sức hơn nhưng phần thưởng lớn hơn.</p>
      <div id="table-qw-page2"></div>
    </div>

    <div class="qw-card">
      <div class="qw-badge amber">CTR OPPORTUNITY</div>
      <h3 class="qw-title"><span id="logo-gsc-qw3"></span> High impressions, low CTR</h3>
      <p class="qw-action">→ Viết lại thẻ tiêu đề và thẻ mô tả. Hiển thị nhiều nhưng ít người bấm. Hãy thử tạo sự tò mò hoặc hứa hẹn một kết quả cụ thể.</p>
      <div id="table-qw-ctr"></div>
    </div>

    <div class="qw-card">
      <div class="qw-badge purple">BOUNCE ON ARRIVAL</div>
      <h3 class="qw-title"><span id="logo-ga4-qw4"></span> Pages with traffic but low engagement</h3>
      <p class="qw-action">→ Đoạn mở đầu đang thất bại khi khách truy cập. Hãy viết lại 200 từ đầu tiên, kiểm tra tốc độ trang (Core Web Vitals) và xem xét lại nút kêu gọi hành động.</p>
      <div id="table-qw-zero"></div>
    </div>
  </div>