UI: Promote XREAL Guides to Titan status and refresh homepage visibility

Author: TechStack Global

blog.html

@@ -158,6 +158,28 @@ <h3><a href="posts/xreal-1s-vs-meta-quest-3.html">XREAL 1S vs. Meta Quest 3: Bul
 <a class="read-more" href="posts/xreal-1s-vs-meta-quest-3.html" style="color: #00ff9d;">Read Showdown →</a>
 </div>
 </div>
+
+<!-- AR Coding Blueprint -->
+<div class="blog-card glass-card" style="border-top: 3px solid #3b82f6;">
+<div class="blog-category" style="color: #3b82f6;">Titan Guide</div>
+<h3><a href="posts/best-ar-glasses-for-coding-2026.html">Best AR Glasses for Coding: Multi-Monitor Productivity (2026)</a></h3>
+<p>Triple-monitor portability in your pocket. We evaluate the 1200p Sony Micro-OLED performance for professional developers and writers.</p>
+<div class="card-meta">
+<span>Productivity Guide</span>
+<a class="read-more" href="posts/best-ar-glasses-for-coding-2026.html" style="color: #3b82f6;">Read Blueprint →</a>
+</div>
+</div>
+
+<!-- Gaming Setup Blueprint -->
+<div class="blog-card glass-card" style="border-top: 3px solid #00ff9d;">
+<div class="blog-category" style="color: #00ff9d;">Titan Guide</div>
+<h3><a href="posts/xreal-1s-gaming-setup-guide-2026.html">XREAL 1S Gaming Setup (2026): Switch & Steam Deck Blueprint</a></h3>
+<p>Unlock 120-inch mobile gaming. Everything you need for the ultimate handheld setup including Neo Hubs, Beam Pro, and power solutions.</p>
+<div class="card-meta">
+<span>Setup Guide</span>
+<a class="read-more" href="posts/xreal-1s-gaming-setup-guide-2026.html" style="color: #00ff9d;">View Blueprint →</a>
+</div>
+</div>
 <div class="blog-card glass-card" style="border-top: 3px solid var(--accent);">
 <div class="blog-category">
                                                         Titan Comparison
@@ -294,6 +316,7 @@ <h2>
                                         </p>
 </div>
 <div class="blog-grid">
+
 <div class="blog-card glass-card" style="border-top: 3px solid #ff00ea;">
 <div class="blog-category">
                                                         Hardware Guide

index.html

@@ -103,9 +103,10 @@ <h1>Make Smarter <br/><span class="gradient-text">Tech Decisions.</span>
           Just clear guidance on the tech that powers modern work.</p>
         <p style="margin-top: 1.25rem; font-size: 0.95rem; line-height: 1.5; color: var(--text-secondary);">
           Explore our core buying guides:
-          <a href="/posts/best-noise-cancelling-headphones-2026.html" style="color: var(--text-muted); text-decoration: underline;">best noise-cancelling headphones</a>,
-          <a href="/posts/best-ultrawide-monitors-2026.html" style="color: var(--text-muted); text-decoration: underline;">best ultrawide monitors</a>,
-          and our <a href="/posts/xreal-1s-review.html" style="color: var(--accent); font-weight: 700;">XREAL 1S AR Review</a>.
+          <a href="/posts/best-noise-cancelling-headphones-2026.html" style="color: var(--text-muted); text-decoration: underline;">noise-cancelling</a>,
+          <a href="/posts/best-ar-glasses-for-coding-2026.html" style="color: var(--text-muted); text-decoration: underline;">AR coding</a>,
+          <a href="/posts/xreal-1s-gaming-setup-guide-2026.html" style="color: var(--text-muted); text-decoration: underline;">gaming setup</a>,
+          and our <a href="/posts/xreal-1s-review.html" style="color: var(--accent); font-weight: 700;">XREAL 1S Review</a>.
         </p>
 </div>
 <!-- Feature Review Animated Cards -->
@@ -311,6 +312,19 @@ <h3>XREAL 1S AR Glasses</h3>
                   Read Review <i class="fa-solid fa-arrow-right"></i>
 </a>
 </div>
+
+<!-- Card: AR Coding Guide (NEW) -->
+<div class="swiper-slide" style="border-top-color: #3b82f6;">
+<div style="font-size: 0.75rem; color: #3b82f6; font-weight: bold; text-transform: uppercase; margin-bottom: 0.5rem;">
+<i class="fa-solid fa-code"></i> Developer Blueprint
+                </div>
+<img alt="AR Glasses for Coding" loading="lazy" src="images/products/xreal-1s/hero.jpg"/>
+<h3>AR Coding Blueprint</h3>
+<p>Triple-monitor portability in your pocket. The definitive guide to the best AR glasses for developers.</p>
+<a class="hero-read-btn" href="posts/best-ar-glasses-for-coding-2026.html" style="color: #3b82f6;">
+                   View Guide <i class="fa-solid fa-arrow-right"></i>
+</a>
+</div>
 <!-- Card 0: Sony -->
 <div class="swiper-slide">
 <div style="font-size: 0.75rem; color: var(--accent); font-weight: bold; text-transform: uppercase; margin-bottom: 0.5rem;">