feat: update landing page, changelog, compare, quick-start with darkMode + hideSelectors features

public/guides/quick-start.html

@@ -196,6 +196,36 @@ screenshot = client.<span class="fn">take</span>(
       </div>
     </div>
 
+    <div class="step">
+      <div class="step-number">6</div>
+      <h2>Dark Mode and Element Hiding</h2>
+      <p>Take advantage of SnapAPI's newest features for cleaner, more professional screenshots:</p>
+
+      <h4>Dark Mode Screenshots</h4>
+      <p>Capture websites in dark mode by setting <code>darkMode: true</code>:</p>
+      
+      <div class="code-window">
+        <div class="code-titlebar"><span class="code-dot"></span><span class="code-dot"></span><span class="code-dot"></span><span>cURL</span></div>
+        <div class="code-body"><pre>curl -X POST https://snapapi.eu/v1/screenshot \
+  -H <span class="str">"Content-Type: application/json"</span> \
+  -H <span class="str">"X-API-Key: YOUR_API_KEY"</span> \
+  -d <span class="str">'{"url": "https://example.com", "darkMode": true}'</span></pre></div>
+      </div>
+
+      <h4>Hide Unwanted Elements</h4>
+      <p>Remove cookie banners, popups, and ads using CSS selectors:</p>
+
+      <div class="code-window">
+        <div class="code-titlebar"><span class="code-dot"></span><span class="code-dot"></span><span class="code-dot"></span><span>cURL</span></div>
+        <div class="code-body"><pre>curl -X POST https://snapapi.eu/v1/screenshot \
+  -H <span class="str">"Content-Type: application/json"</span> \
+  -H <span class="str">"X-API-Key: YOUR_API_KEY"</span> \
+  -d <span class="str">'{"url": "https://example.com", "hideSelectors": ["#cookie-banner", ".popup", ".ads"]}'</span></pre></div>
+      </div>
+
+      <p>You can combine both features for clean dark mode screenshots without distractions.</p>
+    </div>
+
     <div class="cta-box">
       <h2>Ready to Build?</h2>
       <p>Get your API key and start capturing screenshots in production.</p>