```html
<div class="ap-hero-wrap" style="background:linear-gradient(135deg,#0f1c2e 0%,#1a3a5c 60%,#0d2137 100%);padding:72px 24px 60px;text-align:center;">
  <div class="ap-hero-badge" style="display:inline-block;background:rgba(212,168,83,0.15);border:1px solid rgba(212,168,83,0.4);color:#d4a853;font-size:12px;letter-spacing:3px;text-transform:uppercase;padding:6px 18px;border-radius:20px;margin-bottom:22px;">Singapore's Metal Furniture Hub</div>
  <h1 class="ap-hero-title" style="color:#f4f1eb;font-size:clamp(28px,5vw,52px);font-weight:800;line-height:1.15;margin:0 0 20px 0;max-width:700px;margin-left:auto;margin-right:auto;">Crafting Stronger Spaces with Metal Furniture</h1>
  <p class="ap-hero-lead" style="color:#a8bdd4;font-size:clamp(15px,2vw,18px);line-height:1.8;max-width:580px;margin:0 auto 0 auto;">Whether you're outfitting a minimalist HDB living room or a boutique café in the CBD, our curated guides walk you through everything—from selecting rust-proof finishes to pairing industrial steel with warm Singaporean interiors. Discover how metal furniture can transform your home with durability and understated elegance.</p>
</div>

<div class="ap-stats-bar" style="background:#111e33;padding:28px 24px;display:flex;justify-content:center;gap:clamp(24px,6vw,72px);flex-wrap:wrap;border-top:1px solid rgba(212,168,83,0.2);border-bottom:1px solid rgba(212,168,83,0.2);">
  <div class="ap-stat-item" style="text-align:center;"><div class="ap-stat-num" style="color:#d4a853;font-size:28px;font-weight:700;line-height:1;">200+</div><div class="ap-stat-label" style="color:#7a9bbd;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-top:4px;">Metal Finishes Reviewed</div></div>
  <div class="ap-stat-item" style="text-align:center;"><div class="ap-stat-num" style="color:#d4a853;font-size:28px;font-weight:700;line-height:1;">SG-Sourced</div><div class="ap-stat-label" style="color:#7a9bbd;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-top:4px;">Local & Imported Options</div></div>
  <div class="ap-stat-item" style="text-align:center;"><div class="ap-stat-num" style="color:#d4a853;font-size:28px;font-weight:700;line-height:1;">Expert Guides</div><div class="ap-stat-label" style="color:#7a9bbd;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-top:4px;">Curated for Every Room</div></div>
</div>

<div class="ap-cards-section" style="max-width:1200px;margin:0 auto;padding:64px 24px;">
  <div class="ap-section-header" style="text-align:center;margin-bottom:48px;">
    <h2 class="ap-section-title" style="color:#0f1c2e;font-size:clamp(22px,3.5vw,34px);font-weight:700;margin:0 0 10px 0;">Explore Metal Furniture Guides</h2>
    <p class="ap-section-subtitle" style="color:#5a7a9a;font-size:15px;margin:0;max-width:500px;margin-left:auto;margin-right:auto;">Practical insights for Singapore homes—from first-time buyers to interior redesigners</p>
    <div class="ap-section-divider" style="width:60px;height:3px;background:linear-gradient(90deg,#d4a853,#b8862d);border-radius:2px;margin:18px auto 0 auto;"></div>
  </div>

  <div class="ap-cards-grid" style="display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;">

    <a href="article-1.html" class="ap-card" style="display:block;background:#ffffff;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(15,28,46,0.08);border:1px solid rgba(15,28,46,0.07);transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;">
      <div class="ap-card-circle" style="height:110px;background:linear-gradient(135deg,#1a3a5c,#2d6a9f);display:flex;align-items:center;justify-content:center;"><span class="ap-card-icon" style="font-size:38px;">🔩</span></div>
      <div class="ap-card-body" style="padding:18px 20px 20px;">
        <span class="ap-card-tag" style="display:inline-block;background:rgba(212,168,83,0.12);color:#9a7020;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:4px;margin-bottom:10px;">Guide</span>
        <h3 class="ap-card-title" style="color:#0f1c2e;font-size:15px;font-weight:700;margin:0 0 8px 0;line-height:1.4;">Article 1: Measuring Your Space for Metal Furniture</h3>
        <p class="ap-card-desc" style="color:#5a7a9a;font-size:13px;line-height:1.6;margin:0;">A first-time condo owner learns how to accurately gauge room dimensions before investing in a steel bookshelf that actually fits.</p>
      </div>
    </a>

    <a href="article-2.html" class="ap-card" style="display:block;background:#ffffff;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(15,28,46,0.08);border:1px solid rgba(15,28,46,0.07);transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;">
      <div class="ap-card-circle" style="height:110px;background:linear-gradient(135deg,#2d6a9f,#4a9fd4);display:flex;align-items:center;justify-content:center;"><span class="ap-card-icon" style="font-size:38px;">🪑</span></div>
      <div class="ap-card-body" style="padding:18px 20px 20px;">
        <span class="ap-card-tag" style="display:inline-block;background:rgba(212,168,83,0.12);color:#9a7020;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:4px;margin-bottom:10px;">Buying</span>
        <h3 class="ap-card-title" style="color:#0f1c2e;font-size:15px;font-weight:700;margin:0 0 8px 0;line-height:1.4;">Article 2: Choosing the Right Metal Finish for Humid Climates</h3>
        <p class="ap-card-desc" style="color:#5a7a9a;font-size:13px;line-height:1.6;margin:0;">A homeowner in Bukit Timah compares powder-coated, brushed nickel, and matte black options to find the finish that resists Singapore's tropical humidity.</p>
      </div>
    </a>

    <a href="article-3.html" class="ap-card" style="display:block;background:#ffffff;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(15,28,46,0.08);border:1px solid rgba(15,28,46,0.07);transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;">
      <div class="ap-card-circle" style="height:110px;background:linear-gradient(135deg,#0d2137,#1a3a5c);display:flex;align-items:center;justify-content:center;"><span class="ap-card-icon" style="font-size:38px;">🏗️</span></div>
      <div class="ap-card-body" style="padding:18px 20px 20px;">
        <span class="ap-card-tag" style="display:inline-block;background:rgba(212,168,83,0.12);color:#9a7020;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:4px;margin-bottom:10px;">Comparison</span>
        <h3 class="ap-card-title" style="color:#0f1c2e;font-size:15px;font-weight:700;margin:0 0 8px 0;line-height:1.4;">Article 3: Steel vs. Aluminum vs. Iron — Which Metal Suits Your Home?</h3>
        <p class="ap-card-desc" style="color:#5a7a9a;font-size:13px;line-height:1.6;margin:0;">An apartment dweller weighing the trade-offs between lightweight aluminum stools and heavy-gauge steel dining tables for a small eat-in kitchen.</p>
      </div>
    </a>

    <a href="article-4.html" class="ap-card" style="display:block;background:#ffffff;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(15,28,46,0.08);border:1px solid rgba(15,28,46,0.07);transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;">
      <div class="ap-card-circle" style="height:110px;background:linear-gradient(135deg,#b8862d,#d4a853);display:flex;align-items:center;justify-content:center;"><span class="ap-card-icon" style="font-size:38px;">💰</span></div>
      <div class="ap-card-body" style="padding:18px 20px 20px;">
        <span class="ap-card-tag" style="display:inline-block;background:rgba(212,168,83,0.12);color:#9a7020;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:4px;margin-bottom:10px;">Budget</span>
        <h3 class="ap-card-title" style="color:#0f1c2e;font-size:15px;font-weight:700;margin:0 0 8px 0;line-height:1.4;">Article 4: Setting a Realistic Budget for Quality Metal Furniture</h3>
        <p class="ap-card-desc" style="color:#5a7a9a;font-size:13px;line-height:1.6;margin:0;">A newlywed couple outlines how much they're willing to spend on a wrought-iron bed frame versus saving for a full living-room suite.</p>
      </div>
    </a>

    <a href="article-5.html" class="ap-card" style="display:block;background:#ffffff;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(15,28,46,0.08);border:1px solid rgba(15,28,46,0.07);transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;">
      <div class="ap-card-circle" style="height:110px;background:linear-gradient(135deg,#1a3a5c,#0d2137);display:flex;align-items:center;justify-content:center;"><span class="ap-card-icon" style="font-size:38px;">🛋️</span></div>
      <div class="ap-card-body" style="padding:18px 20px 20px;">
        <span class="ap-card-tag" style="display:inline-block;background:rgba(212,168,83,0.12);color:#9a7020;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:4px;margin-bottom:10px;">Style</span>
        <h3 class="ap-card-title" style="color:#0f1c2e;font-size:15px;font-weight:700;margin:0 0 8px 0;line-height:1.4;">Article 5: Industrial Meets Tropical — Styling Metal Furniture in Singapore Homes</h3>
        <p class="ap-card-desc" style="color:#5a7a9a;font-size:13px;line-height:1.6;margin:0;">A young professional blends raw steel shelving with rattan accents and indoor greenery to soften the industrial edge in their Queenstown flat.</p>
      </div>
    </a>

    <a href="article-6.html"