feat(landing): move live counter above demo banner, point CTAs to demo root

Surface the live stats counter directly under the hero, ahead of the
"Try it live" banner. Demo CTAs (hero + banner) now open the demo root
instead of /admin so visitors land on the public status page first.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Julien Herr
2026-05-23 10:43:30 +02:00
parent 4db9fc1b8a
commit 81d05e5774
+26 -26
View File
@@ -672,7 +672,7 @@
<h1>Turn email newsletters into <span>private RSS feeds</span></h1>
<p>Self-hosted on Cloudflare Workers. Your data stays in your own account, served from your own domain.</p>
<div class="hero-ctas">
<a href="https://demo.kill-the.news/admin" class="btn btn-primary" target="_blank" rel="noopener">
<a href="https://demo.kill-the.news" class="btn btn-primary" target="_blank" rel="noopener">
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"/></svg>
Try the demo
</a>
@@ -684,31 +684,6 @@
</div>
</div>
<!-- Demo banner -->
<div class="demo-banner">
<div class="inner">
<div>
<h2>Try it <span>live</span> — no setup required</h2>
<p>
A hosted instance runs at <strong style="color:var(--text)">demo.kill-the.news</strong>, pre-loaded with sample feeds.
Create a feed, grab the RSS URL, and add it to your reader — all without deploying anything.
</p>
<div class="demo-creds">
<span class="cred-item">URL <strong>demo.kill-the.news/admin</strong></span>
<span class="cred-sep">·</span>
<span class="cred-item">Password <strong>password</strong></span>
</div>
</div>
<div class="demo-actions">
<a href="https://demo.kill-the.news/admin" class="btn btn-primary" target="_blank" rel="noopener" style="font-size:0.95rem;padding:0.6rem 1.35rem;">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"/></svg>
Open demo
</a>
<span class="demo-note">Resets periodically · for testing only</span>
</div>
</div>
</div>
<!-- Live stats (demo instance) -->
<section id="stats" class="stats-section" hidden>
<div class="stats-inner">
@@ -726,6 +701,31 @@
</div>
</section>
<!-- Demo banner -->
<div class="demo-banner">
<div class="inner">
<div>
<h2>Try it <span>live</span> — no setup required</h2>
<p>
A hosted instance runs at <strong style="color:var(--text)">demo.kill-the.news</strong>, pre-loaded with sample feeds.
Create a feed, grab the RSS URL, and add it to your reader — all without deploying anything.
</p>
<div class="demo-creds">
<span class="cred-item">URL <strong>demo.kill-the.news/admin</strong></span>
<span class="cred-sep">·</span>
<span class="cred-item">Password <strong>password</strong></span>
</div>
</div>
<div class="demo-actions">
<a href="https://demo.kill-the.news" class="btn btn-primary" target="_blank" rel="noopener" style="font-size:0.95rem;padding:0.6rem 1.35rem;">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"/></svg>
Open demo
</a>
<span class="demo-note">Resets periodically · for testing only</span>
</div>
</div>
</div>
<!-- Features -->
<section id="features">
<div class="section-header">