```html
<div class="bi-hero" style="position:relative;text-align:center;padding:80px 24px 64px;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);color:#fff;overflow:hidden;">
  <div style="position:absolute;top:-40%;left:-20%;width:140%;height:180%;background:radial-gradient(ellipse,rgba(212,175,55,.12) 0%,transparent 60%);pointer-events:none;"></div>
  <p class="bi-hero-eyebrow" style="font-size:13px;letter-spacing:4px;text-transform:uppercase;color:#d4af37;margin:0 0 16px;font-weight:600;">Singapore's Curated Collection</p>
  <h1 class="bi-hero-title" style="font-size:clamp(32px,6vw,64px);margin:0 0 20px;font-weight:800;line-height:1.1;">Side Table</h1>
  <p class="bi-hero-sub" style="max-width:600px;margin:0 auto 32px;font-size:18px;color:rgba(255,255,255,.7);line-height:1.7;">Explore 20 exquisite designs — from minimalist console accents to statement cocktail pieces for every HDB, condo, and landed home.</p>
  <a href="#bi-carousel" class="bi-hero-cta" style="display:inline-block;padding:14px 40px;background:#d4af37;color:#1a1a2e;text-decoration:none;font-weight:700;border-radius:50px;font-size:15px;letter-spacing:1px;transition:transform .2s;">Browse Collection</a>
</div>

<div id="bi-carousel" class="bi-carousel-wrap" style="position:relative;padding:60px 0;background:#faf8f5;">
  <div class="bi-carousel-inner" style="position:relative;overflow:hidden;padding:0 24px;">
    <div class="bi-carousel-track" data-bi-index="0" style="display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);gap:20px;"></div>
  </div>
  <button class="bi-carousel-btn bi-carousel-prev" onclick="biSlide(-1)" style="position:absolute;left:4px;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:none;background:#1a1a2e;color:#fff;font-size:22px;cursor:pointer;z-index:10;box-shadow:0 2px 12px rgba(0,0,0,.2);">‹</button>
  <button class="bi-carousel-btn bi-carousel-next" onclick="biSlide(1)" style="position:absolute;right:4px;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:none;background:#1a1a2e;color:#fff;font-size:22px;cursor:pointer;z-index:10;box-shadow:0 2px 12px rgba(0,0,0,.2);">›</button>
  <div class="bi-carousel-dots" style="text-align:center;padding:20px 0 0;display:flex;justify-content:center;gap:8px;" id="bi-dots"></div>
</div>

<script>
(function(){
  var articles=[
    {t:"The Art of Side Table Styling",d:"Layer books, candles, and a small plant for effortless Instagram-worthy vignettes.",c:"Styling"},
    {t:"Mid-Century Modern Side Tables",d:"Clean lines and tapered legs define this timeless Singapore favourite for living rooms.",c:"Mid-Century"},
    {t:"Narrow Console Side Tables",d:"Perfect for compact HDB corridors and entryway spaces needing slim-line storage.",c:"Compact"},
    {t:"Marble-Topped Side Tables",d:"Luxurious veined stone surfaces that elevate any contemporary Singapore interior.",c:"Luxury"},
    {t:"Industrial Pipe Side Tables",d:"Reclaimed wood and black iron — raw character for loft-style condos and shophouses.",c:"Industrial"},
    {t:"Nested & Stackable Side Tables",d:"Versatile pairs that tuck away when not in use, ideal for small客厅 layouts.",c:"Space-Saving"},
    {t:"Scandinavian Light Wood Side Tables",d:"Birch and ash tones bringing quiet Nordic calm to minimalist Singapore homes.",c:"Scandi"},
    {t:"Round Pedestal Side Tables",d:"Curved silhouettes soften angular living rooms and create natural flow around sofas.",c:"Rounded"},
    {t:"Lift-Top Side Tables with Storage",d:"Hidden compartments perfect for remotes, magazines, and charging cables.",c:"Functional"},
    {t:"Artisan Rattan & Wicker Side Tables",d:"Tropical craftsmanship adding warmth and texture to coastal-inspired interiors.",c:"Tropical"},
    {t:"Gold & Brass Accent Side Tables",d:"Metallic finishes catching candlelight for glamorous cocktail corners and dressing areas.",c:"Glam"},
    {t:"Wooden Crate-Style Side Tables",d:"DIY-chic open shelving that brings casual, adaptable organisation to any room.",c:"Rustic"},
    {t:"Glass & Chrome Side Tables",d:"Reflective surfaces creating an illusion of space in snug studio apartments.",c:"Modern"},
    {t:"Tray-Top Side Tables for Sofas",d:"Convenient surface for drinks and laptops placed right beside your favourite seat.",c:"Practical"},
    {t:"Carved Teak Side Tables Singapore",d:"Solid Singapore teak hand-carved pieces — heirloom quality for landed homes.",c:"Heritage"},
    {t:"Foldable & Wall-Mounted Side Tables",d:"Ultra-compact solutions that disappear against the wall when entertaining guests.",c:"Compact"},
    {t:"Concrete & Cement Side Tables",d:"Raw sculptural forms embodying the brutalist aesthetic popular in trendy cafés.",c:"Brutalist"},
    {t:"Botanical Garden-Inspired Side Tables",d:"Organic curves and leaf motifs celebrating Singapore's iconic greenery.",c:"Nature"},
    {t:"Marble & Geometric Metal Side Tables",d:"Hexagonal and triangular bases paired with stone tops for architectural drama.",c:"Geometric"},
    {t:"Vintage Suitcase Stacking Side Tables",d:"Quirky retro character — stacked vintage trunks as one-of-a-kind nesting tables.",c:"Vintage"}
  ];
  var cards=articles.map(function(a,i){return'<a href="article-'+(i+1)+'.html" class="bi-card" style="display:block;text-decoration:none;color:inherit;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 2px 20px rgba(0,0,0,.06);transition:transform .3s,box-shadow .3s;flex-shrink:0;width:300px;"><div class="bi-card-img" style="height:200px;background:linear-gradient(135deg,#e8e0d5,#d4c5b0);display:flex;align-items:center;justify-content:center;font-size:48px;position:relative;"><span class="bi-card-cat" style="position:absolute;top:12px;left:12px;background:#1a1a2e;color:#fff;font-size:11px;padding:4px 12px;border-radius:20px;font-weight:600;letter-spacing:1px;">'+a.c+'</span></div><div class="bi-card-body" style="padding:20px 22px 24px;"><h3 class="bi-card-title" style="margin:0 0 8px;font-size:17px;font-weight:700;color:#1a1a2e;line-height:1.4;">'+a.t+'</h3><p class="bi-card-desc" style="margin:0 0 16px;font-size:13px;color:#666;line-height:1.6;">'+a.d+'</p><span class="bi-card-link" style="font-size:13px;font-weight:700;color:#d4af37;letter-spacing:1px;text-transform:uppercase;">Read More →</span></div></a>';}).join('');
  var track=document.querySelector('.bi-carousel-track');
  if(!track)return;
  track.innerHTML=cards;
  var visible=window.innerWidth<768?1:window.innerWidth<1100?2:3;
  var total=articles.length;var pages=Math.ceil(total/visible);var cur=0;
  function renderDots(){var dotsEl=document.getElementById('bi-dots');if(!dotsEl)return;dotsEl.innerHTML='';for(var i=0;i<pages;i++){var d=document.createElement('button');d.className='bi-dot';d.setAttribute('data-i',i);d.style.cssText='width:'+(i===0?'28px':'10')+';height:10px;border-radius:'+(i===0?'5px':'50%')+';border:none;background:'+(i===0?'#d4af37':'#ccc')+';cursor:pointer;margin:0 4px;transition:all .3s;';d.onclick=function(idx){cur=idx;move()};dotsEl.appendChild(d);}}
  function move(){var w=track.querySelector('.bi-card');if(!w)return;var step=cur*visible;var off=step*(w.offsetWidth+20);track.style.transform='translateX(-'+off+'px)';renderDots();}
  window.biSlide=function(dir){cur=(cur+dir+pages)%pages;move();};
  renderDots();move();
  setInterval(function(){if(cur<pages-1)cur++;else cur=0;move();},5000);
})();
</script>

<div class="bi-footer" style="background:#1a1a2e;color:rgba(255,255,255,.6);text-align:center;padding:32px 24px;font-size:13px;line-height:1.8;">
  <p style="margin:0 0 4px;">© 2024–2026 Singapore Side Table Collective. All rights reserved.</p>
  <p style="margin:0;font-size:12px;color:rgba(255,255,255,.35);">Curated with care for Singapore homes and interiors.</p>
</div>