docs: add community video section

1 files changed, 61 insertions, 1 deletions

diff --git a/website/index.html b/website/index.html
index a50494e9..61a45624 100644
--- a/website/index.html
+++ b/website/index.html
@@ -57,7 +57,7 @@
                 document.documentElement.setAttribute("data-palette", saved || system);
             })();
         </script>
-        <link rel="stylesheet" href="/css/style.css?v=41" />
+        <link rel="stylesheet" href="/css/style.css?v=42" />
     </head>
     <body>
         <header class="site-header">
@@ -382,6 +382,7 @@
                 <div class="logo-cloud-heading">
                     <p class="section-kicker"># used in the wild</p>
                     <h2 id="logo-cloud-title">Popular with engineers from</h2>
+                    <p class="logo-cloud-note">Individual engineers, not company endorsements.</p>
                 </div>
                 <div class="logo-marquee" aria-label="Company logos">
                     <div class="logo-track">
@@ -425,6 +426,65 @@
                 </div>
             </section>
 
+            <section class="section community-section" id="community" aria-labelledby="community-title">
+                <div class="section-heading-wide">
+                    <div>
+                        <p class="section-kicker"># from the community</p>
+                        <h2 id="community-title">Watch Herdr through other developers' workflows.</h2>
+                    </div>
+                    <p>
+                        Independent walkthroughs from Jilles, DevOps Toolbox, and Better Stack. See how Herdr feels as a tmux-style multiplexer for coding agents, remote sessions, and day-to-day agent orchestration.
+                    </p>
+                </div>
+                <div class="community-video-grid" aria-label="Community videos about Herdr">
+                    <a class="community-video-card" href="https://www.youtube.com/watch?v=qnIu-Xu64H0" target="_blank" rel="noopener">
+                        <span class="community-video-thumb">
+                            <img
+                                src="https://i.ytimg.com/vi/qnIu-Xu64H0/maxresdefault.jpg"
+                                alt="Thumbnail for Jilles' Herdr in about 6 minutes video"
+                                loading="lazy"
+                            />
+                            <span class="play-badge" aria-hidden="true"></span>
+                        </span>
+                        <span class="community-video-copy">
+                            <span class="community-video-meta">Jilles · 6:37</span>
+                            <span class="community-video-title">Herdr in about 6 minutes</span>
+                            <span class="community-video-desc">The fastest practical intro: install, workspaces, agent states, persistence, and the agent skill workflow.</span>
+                        </span>
+                    </a>
+                    <a class="community-video-card" href="https://www.youtube.com/watch?v=5GtkyPvuvbQ" target="_blank" rel="noopener">
+                        <span class="community-video-thumb">
+                            <img
+                                src="https://i.ytimg.com/vi/5GtkyPvuvbQ/maxresdefault.jpg"
+                                alt="Thumbnail for DevOps Toolbox's This Tmux Rewrite Is Actually Brilliant video"
+                                loading="lazy"
+                            />
+                            <span class="play-badge" aria-hidden="true"></span>
+                        </span>
+                        <span class="community-video-copy">
+                            <span class="community-video-meta">DevOps Toolbox · 16:40</span>
+                            <span class="community-video-title">This Tmux "Rewrite" Is Actually Brilliant</span>
+                            <span class="community-video-desc">A deeper hands-on look at the full package: mouse-first panes, remote use, agent support, and the CLI.</span>
+                        </span>
+                    </a>
+                    <a class="community-video-card" href="https://www.youtube.com/watch?v=PlN86TvzGy4" target="_blank" rel="noopener">
+                        <span class="community-video-thumb">
+                            <img
+                                src="https://i.ytimg.com/vi/PlN86TvzGy4/maxresdefault.jpg"
+                                alt="Thumbnail for Better Stack's Herdr agent multiplexer video"
+                                loading="lazy"
+                            />
+                            <span class="play-badge" aria-hidden="true"></span>
+                        </span>
+                        <span class="community-video-copy">
+                            <span class="community-video-meta">Better Stack · 7:10</span>
+                            <span class="community-video-title">Is This the Ultimate Agent Multiplexer?</span>
+                            <span class="community-video-desc">A clear tmux comparison with agent awareness, remote attach, and why Herdr stays inside your terminal.</span>
+                        </span>
+                    </a>
+                </div>
+            </section>
+
             <section class="section access-section why-section" id="why">
                 <div class="section-heading-wide">
                     <div>