feat(index): uppercase hero titles and bracketed button labels

Convert title lines to ALL CAPS, update meta labels to LOCAL-FIRST/CLOUD WHEN NEEDED, add long session messaging, and wrap buttons in bracket style.
This commit is contained in:
2026-03-18 15:32:58 +01:00
parent c5c8e86a3f
commit 80c1964f4c
+11 -8
View File
@@ -18,28 +18,31 @@ const version = pkg.version ?? "";
<div class="hero-content"> <div class="hero-content">
<div class="hero-label">// NEXT-GEN EDITOR</div> <div class="hero-label">// NEXT-GEN EDITOR</div>
<h1 class="hero-title"> <h1 class="hero-title">
<span class="title-line-1">Run AI locally.</span> <span class="title-line-1">RUN AI LOCALLY.</span>
<span class="title-line-2">Or use cloud models.</span> <span class="title-line-2">OR USE CLOUD MODELS.</span>
</h1> </h1>
<div class="hero-meta"> <div class="hero-meta">
<span class="meta-item">RUNS LOCAL</span> <span class="meta-item">LOCAL-FIRST</span>
<span class="meta-divider">/</span> <span class="meta-divider">/</span>
<span class="meta-item">FULL PROJECT CONTEXT</span> <span class="meta-item">FULL PROJECT CONTEXT</span>
<span class="meta-divider">/</span> <span class="meta-divider">/</span>
<span class="meta-item">CLOUD OPTIONAL</span> <span class="meta-item">CLOUD WHEN NEEDED</span>
</div> </div>
<p class="hero-description"> <p class="hero-description">
Your code stays on your machine. No API required. Your code stays on your machine. No API key required.
Switch to cloud when you need speed. Switch to cloud when you need speed.
</p> </p>
<p class="hero-description" style="margin-top: var(--space-sm);"> <p class="hero-description" style="margin-top: var(--space-sm);">
Run models locally via Ollama or connect to any OpenAI-compatible endpoint. Built for long sessions without losing context.
</p>
<p class="hero-description" style="margin-top: var(--space-sm);">
Use Ollama locally or connect to any OpenAI-compatible endpoint.
</p> </p>
<div class="hero-actions"> <div class="hero-actions">
<a href="#download" class="action-primary"> <a href="#download" class="action-primary">
<span class="action-text">Start with Local AI →</span> <span class="action-text">[ START WITH LOCAL AI → ]</span>
</a> </a>
<a href="/blog/measuring-token-savings" class="action-secondary">See benchmark →</a> <a href="/blog/measuring-token-savings" class="action-secondary">[ SEE BENCHMARK → ]</a>
</div> </div>
</div> </div>
</div> </div>