fix(nav): Move Odyssey G8 to Amazon Stack section + add product card

Author: TechStack Global

amazon-stack.html

@@ -218,6 +218,20 @@ <h3><a aria-label="Open review: Dell Alienware AW3423DWF"
                                 class="fa-solid fa-arrow-right"></i></a>
                     </div>
                 </div>
+                <!-- Samsung Odyssey G8 -->
+                <div class="product-item glass-card">
+                    <div class="product-thumbnail-wrapper">
+                        <img alt="Samsung Odyssey G8 OLED monitor front view thumbnail" class="product-thumbnail"
+                            loading="lazy" src="posts/images/odyssey-g8-front.jpg" />
+                    </div>
+                    <div class="product-info">
+                        <div class="product-meta">OLED Ultrawide</div>
+                        <h3><a aria-label="Open review: Samsung Odyssey G8 OLED"
+                                href="posts/samsung-odyssey-g8-review.html">Samsung Odyssey G8</a></h3>
+                        <a class="view-review-cta" href="posts/samsung-odyssey-g8-review.html">View Review <i
+                                class="fa-solid fa-arrow-right"></i></a>
+                    </div>
+                </div>
             </div>
         </section>
     </main>

posts/samsung-odyssey-g8-review.html

@@ -99,8 +99,8 @@
             </button>
             <ul class="nav-links" id="nav-links">
                 <li><a href="../index.html">Home</a></li>
-                <li><a href="../amazon-stack.html">Amazon Stack</a></li>
-                <li><a class="active" href="../blog.html">Guides</a></li>
+                <li><a class="active" href="../amazon-stack.html">Amazon Stack</a></li>
+                <li><a href="../blog.html">Guides</a></li>
                 <li><a href="../about.html">About</a></li>
                 <li><a href="../contact.html">Contact</a></li>
             </ul>