feat(website): update screenshot carousel with new images

Add device health and interface traffic screenshots, update alt text
and captions to match new demo data, reorder for better storytelling.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jason Staack
2026-03-15 19:43:55 -05:00
parent 88132651d8
commit d227700e54

View File

@@ -288,18 +288,28 @@
</figure>
<figure class="screenshot-card">
<img src="assets/dashboard-lebowski-lanes.png" alt="Fleet dashboard showing Lebowski Lanes network overview" loading="lazy" width="800" height="500">
<img src="assets/dashboard-lebowski-lanes.png" alt="Fleet dashboard showing 117 devices across Lebowski Lanes with bandwidth charts and event feed" loading="lazy" width="800" height="500">
<figcaption>Fleet Dashboard &mdash; Lebowski Lanes</figcaption>
</figure>
<figure class="screenshot-card">
<img src="assets/device-list.png" alt="Device fleet list with status monitoring across tenants" loading="lazy" width="800" height="500">
<img src="assets/device-list.png" alt="Device fleet list showing MikroTik models, status, uptime, and firmware versions" loading="lazy" width="800" height="500">
<figcaption>Device Fleet List</figcaption>
</figure>
<figure class="screenshot-card">
<img src="assets/device-detail.png" alt="Device detail view for The Dude core router" loading="lazy" width="800" height="500">
<figcaption>Device Detail View</figcaption>
<img src="assets/device-detail.png" alt="Device detail showing interface traffic charts for ether1, ether2, and SFP+ ports with WinBox and SSH buttons" loading="lazy" width="800" height="500">
<figcaption>Interface Traffic &mdash; dude-core-01</figcaption>
</figure>
<figure class="screenshot-card">
<img src="assets/device-health.png" alt="Device health metrics showing CPU load, memory usage, disk usage, and temperature charts" loading="lazy" width="800" height="500">
<figcaption>Device Health Metrics &mdash; bowling-ap-01</figcaption>
</figure>
<figure class="screenshot-card">
<img src="assets/alerts.png" alt="Active alerts showing CPU warnings and device offline criticals with acknowledge and silence controls" loading="lazy" width="800" height="500">
<figcaption>Active Alerts</figcaption>
</figure>
<figure class="screenshot-card">
@@ -313,12 +323,7 @@
</figure>
<figure class="screenshot-card">
<img src="assets/alerts.png" alt="Alert rules and notification channel management" loading="lazy" width="800" height="500">
<figcaption>Alert Rules &amp; Notifications</figcaption>
</figure>
<figure class="screenshot-card">
<img src="assets/dashboard-strangers-ranch.png" alt="Multi-tenant view showing The Stranger's Ranch network" loading="lazy" width="800" height="500">
<img src="assets/dashboard-strangers-ranch.png" alt="Multi-tenant dashboard showing The Stranger's Ranch with tenant switcher" loading="lazy" width="800" height="500">
<figcaption>Multi-Tenant &mdash; The Stranger&rsquo;s Ranch</figcaption>
</figure>