Fix Surface images: replace generic stock with exact Microsoft Surface Laptop Studio 2 product shots

Author: TechStack Global

fetch_real_thumbs.py

@@ -0,0 +1,19 @@
+import urllib.request
+import urllib.parse
+import re
+
+def get_yt_thumb(query):
+    url = 'https://www.youtube.com/results?search_query=' + urllib.parse.quote(query)
+    req = urllib.request.Request(url, headers={'User-Agent': 'Mozilla/5.0'})
+    html = urllib.request.urlopen(req).read().decode()
+    match = re.search(r'"videoId":"(.*?)"', html)
+    if match:
+        return 'https://img.youtube.com/vi/' + match.group(1) + '/maxresdefault.jpg'
+    return None
+
+print('Surface Hero:', get_yt_thumb('Microsoft Surface Laptop Studio 2 official trailer hd'))
+print('Surface Detail:', get_yt_thumb('Surface Laptop Studio 2 hands on unboxing 4k'))
+print('MacBook Hero:', get_yt_thumb('MacBook Pro M4 Max official b-roll'))
+print('MacBook Detail:', get_yt_thumb('MacBook Pro M4 Max close up macro'))
+print('Dell Hero:', get_yt_thumb('Dell XPS 15 9530 official design'))
+print('Dell Detail:', get_yt_thumb('Dell XPS 15 9530 ports display unboxing'))

posts/surface-laptop-studio-2-review.html

@@ -41,8 +41,8 @@
 
             <span class="badge">Productivity Tech</span>
             <h1 class="post-title">Review: Microsoft Surface Laptop Studio 2</h1>
-            <img src="https://images.unsplash.com/photo-1531297172867-bb4021134294?auto=format&fit=crop&w=1200&q=80"
-                alt="Premium dark tech workspace with neon blue accents" class="post-hero-img"
+            <img src="https://img.youtube.com/vi/y7KxKws5Voc/maxresdefault.jpg"
+                alt="Microsoft Surface Laptop Studio 2 detailed convertible screen" class="post-hero-img"
                 style="width:100%; border-radius:12px; margin-bottom: 2rem;">
             <p class="post-meta">Published on <span id="date">February 26, 2026</span> &bull; 8 min read</p>
 
@@ -78,9 +78,8 @@ <h4>The Bad</h4>
                 </div>
             </div>
 
-            <img src="https://images.unsplash.com/photo-1555680202-c86f0e12f086?auto=format&fit=crop&w=800&q=80"
-                alt="Dark mode code editor screen interface" class="post-body-img"
-                style="width:100%; border-radius:12px; margin: 2rem 0;">
+            <img src="https://img.youtube.com/vi/y7KxKws5Voc/sddefault.jpg" alt="Surface Laptop Studio 2 in action mode"
+                class="post-body-img" style="width:100%; border-radius:12px; margin: 2rem 0;">
             <h2>Real Business Use Cases</h2>
             <p><strong>The Agile Executive:</strong> This machine shines in hybrid work environments. A product manager
                 can review Figma files using the touch screen in "Studio Mode," seamlessly pop it back into "Laptop