<!-- START: MachineryInsight homepage block -->
<style>
  :root{
    --blue:#0B3C5D;
    --grey:#6B7C85;
    --accent:#F57C00;
    --bg:#F6F8FA;
    --text:#2B2B2B;
    --maxw:1200px;
    --radius:8px;
  }
  .mi-wrap{background:var(--bg);color:var(--text);font-family:Inter,Roboto,Arial,sans-serif;padding:40px 16px;}
  .mi-container{max-width:var(--maxw);margin:0 auto;}
  .mi-hero{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-bottom:28px;}
  .mi-logo{flex:0 0 auto;}
  .mi-hero-content{flex:1 1 560px;}
  .mi-hero h1{font-size:28px;margin:0 0 8px;color:var(--blue);font-weight:700;}
  .mi-hero p{margin:0 0 12px;font-size:16px;color:var(--grey);}
  .mi-cta{display:flex;gap:12px;flex-wrap:wrap;}
  .mi-btn{background:var(--blue);color:#fff;padding:10px 16px;border-radius:6px;text-decoration:none;font-weight:600;}
  .mi-btn.secondary{background:transparent;border:2px solid var(--accent);color:var(--accent);}
  .mi-hero-image{flex:0 0 420px;max-width:420px;border-radius:8px;overflow:hidden;}
  .mi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;}
  .mi-tile{background:#fff;padding:14px;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,0.04);text-align:center;}
  .mi-tile img{width:64px;height:64px;object-fit:contain;margin-bottom:8px;}
  .mi-section{margin-bottom:26px;}
  .mi-section h2{font-size:20px;margin:0 0 12px;color:var(--blue);}
  .mi-posts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
  .mi-post{background:#fff;padding:12px;border-radius:8px;display:flex;gap:12px;align-items:flex-start;}
  .mi-post img{width:120px;height:80px;object-fit:cover;border-radius:6px;}
  .mi-post .meta{font-size:13px;color:var(--grey);margin-bottom:6px;}
  .mi-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
  .mi-card{background:#fff;padding:12px;border-radius:8px;min-height:120px;}
  .mi-tools{display:flex;gap:8px;flex-wrap:wrap;}
  .mi-tool{background:#fff;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--blue);display:inline-block;}
  .mi-newsletter{background:var(--blue);color:#fff;padding:18px;border-radius:8px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
  .mi-newsletter input{padding:10px;border-radius:6px;border:0;min-width:220px;}
  .mi-footer{margin-top:28px;padding-top:18px;border-top:1px solid rgba(0,0,0,0.06);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;}
  .mi-footer small{color:var(--grey);}
  @media(max-width:900px){
    .mi-grid,.mi-cards{grid-template-columns:repeat(2,1fr);}
    .mi-posts{grid-template-columns:1fr;}
    .mi-hero-image{flex-basis:100%;max-width:100%;}
  }
  @media(max-width:560px){
    .mi-grid{grid-template-columns:1fr;}
    .mi-cards{grid-template-columns:1fr;}
  }
</style>

<div class="mi-wrap" role="main" aria-label="MachineryInsight homepage">
  <div class="mi-container">

    <!-- Header row -->
    <div style="display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap;">
      <div style="display:flex;align-items:center;gap:12px;">
        <!-- Replace logo.png with your logo file. Use 250x70 -->
        <img src="/wp-content/uploads/logo.png" alt="MachineryInsight logo" style="height:55px;">
        <div style="font-size:14px;color:var(--grey);">Foundry machinery news & guides</div>
      </div>
      <nav aria-label="Main menu" style="font-size:14px;color:var(--text);">
        <a href="/" style="margin-right:12px;color:var(--text);text-decoration:none;">Home</a>
        <a href="/news" style="margin-right:12px;color:var(--text);text-decoration:none;">News</a>
        <a href="/guides" style="margin-right:12px;color:var(--text);text-decoration:none;">Guides</a>
        <a href="/buying-guide" style="margin-right:12px;color:var(--text);text-decoration:none;">Buying</a>
        <a href="/tools" style="color:var(--text);text-decoration:none;">Tools</a>
      </nav>
    </div>

    <!-- Hero -->
    <section class="mi-hero">
      <div class="mi-logo">
        <!-- optional small icon -->
      </div>

      <div class="mi-hero-content">
        <h1>Foundry Machinery News and Practical Guides</h1>
        <p>Clear updates. Machine comparisons. Buying support for foundry equipment.</p>
        <div class="mi-cta">
          <a class="mi-btn" href="/news">View Latest News</a>
          <a class="mi-btn secondary" href="/buying-guide">Machine Buying Guide</a>
        </div>
        <div style="margin-top:14px;font-size:13px;color:var(--grey);">Subscribe for weekly technical updates.</div>
      </div>

      <div class="mi-hero-image" aria-hidden="true">
        <!-- Replace hero.jpg with your hero image (1920x700). Keep file size <200KB -->
        <img src="/wp-content/uploads/hero.jpg" alt="" style="width:100%;display:block;">
      </div>
    </section>

    <!-- Ad placeholder: paste AdSense code below this comment -->
    <!-- INSERT ADSENSE RESPONSIVE UNIT HERE -->
    <!-- Example: paste your AdSense code in a Custom HTML block here -->

    <!-- Categories -->
    <div class="mi-section">
      <h2>Top Categories</h2>
      <div class="mi-grid" role="list">
        <div class="mi-tile" role="listitem">
          <img src="/wp-content/uploads/icon-shot.png" alt="">
          <div>Shot Blasting</div>
        </div>
        <div class="mi-tile" role="listitem">
          <img src="/wp-content/uploads/icon-sand.png" alt="">
          <div>Sand Plant</div>
        </div>
        <div class="mi-tile" role="listitem">
          <img src="/wp-content/uploads/icon-core.png" alt="">
          <div>Moulding and Core</div>
        </div>
        <div class="mi-tile" role="listitem">
          <img src="/wp-content/uploads/icon-furnace.png" alt="">
          <div>Melting Furnaces</div>
        </div>
        <div class="mi-tile" role="listitem">
          <img src="/wp-content/uploads/icon-handling.png" alt="">
          <div>Material Handling</div>
        </div>
        <div class="mi-tile" role="listitem">
          <img src="/wp-content/uploads/icon-maint.png" alt="">
          <div>Maintenance & Spares</div>
        </div>
      </div>
    </div>

    <!-- Latest News -->
    <div class="mi-section">
      <h2>Latest Foundry Machinery News</h2>
      <div class="mi-posts">
        <!-- Repeat this post block for each latest post or render dynamically -->
        <article class="mi-post">
          <img src="/wp-content/uploads/post1.jpg" alt="">
          <div>
            <div class="meta">Nov 25, 2025 — News</div>
            <a href="/news/new-hanger-shot-blaster" style="font-weight:700;color:var(--text);text-decoration:none;">New hanger type shot blasting machine for heavy castings</a>
            <p style="margin:6px 0 0;font-size:14px;color:var(--grey);">Short summary of the news. 18 words max for the listing.</p>
          </div>
        </article>

        <article class="mi-post">
          <img src="/wp-content/uploads/post2.jpg" alt="">
          <div>
            <div class="meta">Nov 20, 2025 — Analysis</div>
            <a href="/news/induction-furnace-trend" style="font-weight:700;color:var(--text);text-decoration:none;">Energy efficient induction furnace trends in India</a>
            <p style="margin:6px 0 0;font-size:14px;color:var(--grey);">Short summary of the news. 18 words max for the listing.</p>
          </div>
        </article>
      </div>
      <div style="margin-top:12px;"><a class="mi-btn" href="/news">View All News</a></div>
    </div>

    <!-- Featured Guides -->
    <div class="mi-section">
      <h2>Featured Technical Guides</h2>
      <div class="mi-cards">
        <div class="mi-card">
          <div style="font-weight:700;margin-bottom:8px;">How to select a shot blasting machine</div>
          <div style="font-size:14px;color:var(--grey);">Step by step checks for capacity, wheel type, and shot selection.</div>
        </div>
        <div class="mi-card">
          <div style="font-weight:700;margin-bottom:8px;">Wiper seal vs Dust seal</div>
          <div style="font-size:14px;color:var(--grey);">Short guide on use, wear, and replacement intervals.</div>
        </div>
        <div class="mi-card">
          <div style="font-weight:700;margin-bottom:8px;">Sand plant layout for small foundries</div>
          <div style="font-size:14px;color:var(--grey);">Compact layout with reclamation steps and footprint tips.</div>
        </div>
      </div>
      <div style="margin-top:12px;"><a class="mi-btn secondary" href="/guides">Read All Guides</a></div>
    </div>

    <!-- Machine Comparisons -->
    <div class="mi-section">
      <h2>Machine Comparisons</h2>
      <div style="display:flex;gap:12px;flex-wrap:wrap;">
        <a class="mi-card" href="/compare/tumblast-vs-hanger">Tumblast vs Hanger Type</a>
        <a class="mi-card" href="/compare/green-vs-nobake">Green Sand vs No Bake</a>
        <a class="mi-card" href="/compare/pneumatic-vs-hydraulic">Pneumatic vs Hydraulic Core Shooter</a>
      </div>
    </div>

    <!-- Free Tools -->
    <div class="mi-section">
      <h2>Free Tools</h2>
      <div class="mi-tools">
        <a class="mi-tool" href="/tools/shot-blast-calculator">Shot blasting capacity calculator</a>
        <a class="mi-tool" href="/tools/furnace-power">Furnace power cost calculator</a>
        <a class="mi-tool" href="/tools/maintenance-checklist">Maintenance checklist</a>
        <a class="mi-tool" href="/tools/sand-estimator">Sand consumption estimator</a>
      </div>
    </div>

    <!-- Newsletter -->
    <div style="margin-top:18px;" class="mi-newsletter" role="region" aria-label="Subscribe">
      <div style="flex:1;min-width:200px;">
        <div style="font-weight:700;margin-bottom:6px;">Weekly Foundry Machinery Update</div>
        <div style="font-size:14px;color:rgba(255,255,255,0.9);">One practical update every week. No spam.</div>
      </div>
      <form action="/subscribe" method="post" style="display:flex;gap:8px;align-items:center;">
        <input type="email" name="email" placeholder="Your email" required>
        <button class="mi-btn" type="submit" style="background:#fff;color:var(--blue);padding:10px 14px;border-radius:6px;">Subscribe</button>
      </form>
    </div>

    <!-- Footer -->
    <footer class="mi-footer" role="contentinfo">
      <div>
        <div style="font-weight:700;color:var(--blue);">MachineryInsight</div>
        <small>Technical news, machine selection, and maintenance guides for foundry engineers.</small>
      </div>
      <div style="display:flex;gap:12px;align-items:center;">
        <nav aria-label="Footer menu">
          <a href="/about" style="margin-right:10px;color:var(--text);text-decoration:none;">About</a>
          <a href="/contact" style="margin-right:10px;color:var(--text);text-decoration:none;">Contact</a>
          <a href="/privacy" style="color:var(--text);text-decoration:none;">Privacy</a>
        </nav>
        <small>&copy; <span id="mi-year"></span> MachineryInsight</small>
      </div>
    </footer>

  </div>
</div>

<script>
  // set year
  document.getElementById('mi-year').textContent = new Date().getFullYear();
</script>
<!-- END: MachineryInsight homepage block -->