feat: Add LG 27US500-W 4K Monitor Review and integrate into hubs

Author: TechStack Global

amazon-stack.html

@@ -116,11 +116,15 @@ <h3><a href="posts/surface-laptop-studio-2-review.html">Surface Laptop Studio 2<
                     </div>
                 </div>
 
-                <div class="blog-card glass-panel">
+                <div class="blog-card glass-panel" style="border-top: 3px solid var(--accent);">
                     <div class="blog-category">Home Office</div>
-                    <h3><a href="#">Best Monitor for Remote Work</a></h3>
-                    <p>Expand your workspace. Vetted 4K and ultrawide screens for maximum productivity.</p>
-                    <div class="card-meta"><span>Coming Soon</span></div>
+                    <h3><a href="posts/lg-27us500-w-ultrafine-monitor-review.html">LG 27US500-W Ultrafine Review</a>
+                    </h3>
+                    <p>Expand your workspace. The 4K monitor providing retina-level text clarity for students and
+                        professionals.</p>
+                    <div class="card-meta"><span>9.3/10</span> <a
+                            href="posts/lg-27us500-w-ultrafine-monitor-review.html" class="read-more">Read Review
+                            &rarr;</a></div>
                 </div>
             </div>
         </section>

assets/images/products/51i7H7aHMRL._AC_SL1200_.jpg

@@ -55,6 +55,20 @@ <h1>Tech Stack Reviews & Guides</h1>
         </div>
 
         <div class="blog-grid" id="blog-posts-container">
+            <!-- LG 4K Monitor Review -->
+            <div class="blog-card glass-panel" style="border-top: 3px solid var(--accent);">
+                <div class="blog-category">Remote Setup</div>
+                <img src="https://images-na.ssl-images-amazon.com/images/P/B0D9R7Q449.01._SCLZZZZZZZ_.jpg"
+                    alt="LG 27US500-W Ultrafine 4K"
+                    style="width:100%; height:200px; object-fit:contain; border-radius:8px; margin-bottom:1rem; padding: 1rem; background: white;">
+                <h3><a href="posts/lg-27us500-w-ultrafine-monitor-review.html">LG 27US500-W Ultrafine Monitor Review</a>
+                </h3>
+                <p>The definitive budget 4K monitor upgrade for remote workers, students, and freelancers.</p>
+                <div class="card-meta"><span>Feb 26, 2026</span> <a
+                        href="posts/lg-27us500-w-ultrafine-monitor-review.html" class="read-more">Read Review &rarr;</a>
+                </div>
+            </div>
+
             <!-- New Student Posts First for Volume -->
             <div class="blog-card glass-panel">
                 <div class="blog-category">Student Tech</div>

assets/images/products/51ysn55CizL._AC_SL1306_.jpg

@@ -0,0 +1,63 @@
+import os
+import re
+import urllib.request
+from pathlib import Path
+
+# Setup directories
+base_dir = Path(r"c:\Users\PMLS\Desktop\Youtube Shorts\b2b_blog")
+assets_dir = base_dir / "assets" / "images" / "products"
+assets_dir.mkdir(parents=True, exist_ok=True)
+
+# Regex to find Amazon image URLs
+img_regex = re.compile(r'https://m\.media-amazon\.com/images/I/([A-Za-z0-9_\-\.]+?\.jpg)')
+
+headers = {'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)'}
+
+def download_image(url, filename):
+    filepath = assets_dir / filename
+    if not filepath.exists():
+        print(f"Downloading {url} to {filepath}")
+        req = urllib.request.Request(url, headers=headers)
+        try:
+            with urllib.request.urlopen(req) as response, open(filepath, 'wb') as out_file:
+                out_file.write(response.read())
+        except Exception as e:
+            print(f"Failed to download {url}: {e}")
+    return filepath
+
+def process_file(html_file):
+    print(f"Processing {html_file.name}...")
+    content = html_file.read_text(encoding='utf-8')
+    matches = img_regex.findall(content)
+    if not matches:
+        return
+
+    for img_id in set(matches):
+        url = f"https://m.media-amazon.com/images/I/{img_id}"
+        download_image(url, img_id)
+        
+        # Calculate relative path
+        if html_file.parent.name == "posts":
+            rel_path = f"../assets/images/products/{img_id}"
+        else:
+            rel_path = f"assets/images/products/{img_id}"
+            
+        print(f"Replacing {url} with {rel_path} in {html_file.name}")
+        content = content.replace(url, rel_path)
+    
+    html_file.write_text(content, encoding='utf-8')
+
+def main():
+    # Process root HTML files
+    for html_file in base_dir.glob("*.html"):
+        process_file(html_file)
+        
+    # Process posts HTML files
+    posts_dir = base_dir / "posts"
+    for html_file in posts_dir.glob("*.html"):
+        process_file(html_file)
+        
+    print("Done handling all images globally!")
+
+if __name__ == "__main__":
+    main()