clavitor/clavitor.ai/templates/for-consumer.tmpl

66 lines
4.1 KiB
Cheetah

{{define "for-consumer"}}
<div class="hero container">
<p class="label mb-3">For individuals</p>
<h1 class="mb-4">Your agent works for you.<br>It shouldn't know everything about you.</h1>
<p class="lead">Your AI books flights, deploys code, and manages accounts. It needs your API keys &mdash; not your passport number. Clavitor gives each agent exactly what it needs. Nothing more.</p>
</div>
<hr class="divider">
<div class="section container">
<h2 class="mb-8">Today you have one agent</h2>
<div class="grid-2">
<div class="card">
<p class="label accent mb-3">What your agent needs</p>
<p>API keys, SSH credentials, TOTP codes, OAuth tokens. These are <strong>Credential fields</strong> &mdash; your agent reads them via the CLI. Encrypted at rest, decryptable by the vault, scoped to the agent's token.</p>
</div>
<div class="card red">
<p class="label red mb-3">What your agent should never see</p>
<p>Credit card numbers, passport, SSN, recovery codes. These are <strong>Identity fields</strong> &mdash; encrypted with your hardware key. No one can read them. Not your agent, not us. The decryption key never leaves your device.</p>
</div>
</div>
</div>
<hr class="divider">
<div class="section container">
<h2 class="mb-4">Tomorrow you'll have ten</h2>
<p class="lead mb-6">A coding agent. A deploy agent. A social media agent. A finance agent. Each needs different credentials. Today's password managers give them all or nothing.</p>
<p>Clavitor issues scoped tokens. Each agent sees exactly what it's been granted. Compromise one, the rest stay clean.</p>
</div>
<hr class="divider">
<div class="section container">
<h2 class="mb-8">Pick your plan</h2>
<div class="grid-3">
<div class="price-card">
<p class="label mb-4">Personal</p>
<div class="price-amount mb-2">$12<span class="price-period">/yr</span></div>
<p class="text-sm text-secondary mb-6">1 person &middot; 1 vault &middot; 5 agents</p>
<a href="/signup" class="btn btn-ghost btn-block mb-6">Get started</a>
<p class="text-sm mb-4">For one person with a couple of AI agents — Claude Code, a deploy script, a browser extension.</p>
<ul class="checklist"><li>Three-tier encryption</li><li>WebAuthn PRF</li><li>All regions</li><li>Unlimited entries</li><li>99.999% SLA</li></ul>
</div>
<div class="price-card featured">
<span class="badge recommended price-badge">Recommended</span>
<p class="label accent mb-4">Family</p>
<div class="price-amount mb-2">$24<span class="price-period">/yr</span></div>
<p class="text-sm text-secondary mb-6">~6 people &middot; 1 vault &middot; 15 agents</p>
<a href="/signup" class="btn btn-primary btn-block mb-6">Get started</a>
<p class="text-sm mb-4">For power users running multiple agents across workstations, phones, and tablets — or a household sharing one vault.</p>
<ul class="checklist"><li>Three-tier encryption</li><li>WebAuthn PRF</li><li>All regions</li><li>Unlimited entries</li><li>99.999% SLA</li></ul>
</div>
<div class="price-card">
<p class="label mb-4">Pro</p>
<div class="price-amount mb-2">$49<span class="price-period">/yr</span></div>
<p class="text-sm text-secondary mb-6">1 person &middot; 1 vault &middot; 50 agents</p>
<a href="/signup" class="btn btn-ghost btn-block mb-6">Get started</a>
<p class="text-sm mb-4">For developers and freelancers with agents across CI/CD, infrastructure, monitoring, and client projects.</p>
<ul class="checklist"><li>Three-tier encryption</li><li>WebAuthn PRF</li><li>All regions</li><li>Unlimited entries</li><li>99.999% SLA</li></ul>
</div>
</div>
<p class="mt-8 text-sm text-tertiary text-center"><strong>Price for life:</strong> Your rate never increases as long as you stay subscribed. Self-host (Community Edition) is free. Forever. <a href="/install">Self-host guide &rarr;</a></p>
</div>
{{end}}