feat: add pillar guides to main Guides page

Author: TechStack Global

blog.html

@@ -85,6 +85,41 @@ <h1>Guides</h1>
         </div>
         <div class="blog-grid" id="blog-posts-container">
 
+            <!-- PILLAR: Headphones -->
+            <div class="blog-card glass-card" style="border-top: 4px solid var(--accent); grid-column: span 1 / -1;">
+                <div class="blog-category">2026 Pillar Guide</div>
+                <h2 style="font-size: 1.8rem; margin: 1rem 0;"><a
+                        href="posts/best-noise-cancelling-headphones-2026.html">The Best Noise Cancelling Headphones
+                        (2026)</a></h2>
+                <p>The definitive guide to Active Noise Cancellation for deep work and travel. We compare the Sony
+                    WH-1000XM5, Bose QuietComfort Ultra, and Sennheiser Momentum 4 based on real-world attenuation and
+                    comfort.</p>
+                <div class="card-meta"><span>Buyer Guide</span> <a class="read-more"
+                        href="posts/best-noise-cancelling-headphones-2026.html">View Pillar Guide →</a></div>
+            </div>
+
+            <!-- PILLAR: Microphones -->
+            <div class="blog-card glass-card" style="border-top: 4px solid var(--accent); grid-column: span 1 / -1;">
+                <div class="blog-category">2026 Pillar Guide</div>
+                <h2 style="font-size: 1.8rem; margin: 1rem 0;"><a href="posts/best-podcast-microphones-2026.html">The
+                        Best Podcast Microphones (2026)</a></h2>
+                <p>Master your signal chain. We break down the absolute best dynamic and condenser microphones for
+                    high-end podcasting, including the Shure SM7dB and standard studio gear.</p>
+                <div class="card-meta"><span>Buyer Guide</span> <a class="read-more"
+                        href="posts/best-podcast-microphones-2026.html">View Pillar Guide →</a></div>
+            </div>
+
+            <!-- PILLAR: Monitors -->
+            <div class="blog-card glass-card" style="border-top: 4px solid var(--accent); grid-column: span 1 / -1;">
+                <div class="blog-category">2026 Pillar Guide</div>
+                <h2 style="font-size: 1.8rem; margin: 1rem 0;"><a href="posts/best-ultrawide-monitors-2026.html">The
+                        Best Ultrawide Monitors (2026)</a></h2>
+                <p>Ditch the dual-monitor bezel. We evaluate the top QD-OLED and IPS ultrawide displays for
+                    productivity, creative work, and high-intensity gaming performance.</p>
+                <div class="card-meta"><span>Buyer Guide</span> <a class="read-more"
+                        href="posts/best-ultrawide-monitors-2026.html">View Pillar Guide →</a></div>
+            </div>
+
             <!-- Monitor Comparison-->
             <div class="blog-card glass-card" style="border-top: 3px solid #ff00ea;">
                 <div class="blog-category">Head-to-Head</div>