update features grid, FAQ, and pricing to match new product messaging

This commit is contained in:
Oliver
2026-06-07 06:09:34 -03:00
parent 563e82d6e3
commit 8bdced8377
+128 -48
View File
@@ -1606,7 +1606,7 @@
<div class="container"> <div class="container">
<h2 class="section-title">Everything You Need to Run an AI Agent</h2> <h2 class="section-title">Everything You Need to Run an AI Agent</h2>
<p class="section-sub"> <p class="section-sub">
Each agent runs on its own dedicated instance. Full control, zero sharing, complete isolation. Every agent lives in its own container with full root access. From dashboards to emails — manage everything from one place.
</p> </p>
<div class="features-grid"> <div class="features-grid">
@@ -1618,8 +1618,54 @@
<path d="M21 9H3"/> <path d="M21 9H3"/>
</svg> </svg>
</div> </div>
<h3>Dedicated Linux Instance</h3> <h3>Your Agent's Office</h3>
<p>Every agent gets its own VM. Full SSH access, root control, and total isolation from other customers.</p> <p>Every agent lives in its own container with full root access. Install packages, modify configs, run anything — it's your space to do whatever you want.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="3" width="18" height="18" rx="2"/>
<path d="M21 12H3"/>
<path d="M12 3v18"/>
</svg>
</div>
<h3>Management Dashboard</h3>
<p>A single interface to admin all your agents, even if you've hired several — switching between them is just a click. Built for beginners, powerful enough for pros.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="11" width="18" height="11" rx="2"/>
<path d="M7 11V7a5 5 0 0 1 10 0v4"/>
</svg>
</div>
<h3>Password Management</h3>
<p>All your agent passwords organized in one place. Sorted by importance and clearly labeled so you instantly see the ones you need — browse the rest at a glance.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/>
</svg>
</div>
<h3>Prompt Builder &amp; Skills</h3>
<p>Built-in wizard for adding skills, integrations, and custom instructions. Get your agent working the way you want, fast.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"/>
<circle cx="12" cy="12" r="4"/>
<line x1="12" y1="2" x2="12" y2="6"/>
<line x1="12" y1="18" x2="12" y2="22"/>
</svg>
</div>
<h3>OpenRouter Key Included</h3>
<p>We provide an OpenRouter key with a 10% markup so you're up and running instantly. Since we ship vanilla agents, you can also bring your own API keys anytime.</p>
</div> </div>
<div class="feature-card"> <div class="feature-card">
@@ -1631,38 +1677,7 @@
</svg> </svg>
</div> </div>
<h3>One-Click Backups</h3> <h3>One-Click Backups</h3>
<p>Snapshot your entire agent instance with a single click. Restore anytime. Your data is always safe.</p> <p>Daily automatic backups plus the option to create copies on demand. Restore anytime — your data is always safe.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/>
</svg>
</div>
<h3>Prompt Builder &amp; Skills</h3>
<p>Built-in wizard for adding skills, integrations, and custom instructions. Get your agent working the way you want fast.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="11" width="18" height="11" rx="2"/>
<path d="M7 11V7a5 5 0 0 1 10 0v4"/>
</svg>
</div>
<h3>API Key Management</h3>
<p>Add your own API keys directly in the dashboard. Full control over which provider and model your agent uses.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
</svg>
</div>
<h3>Support Chat</h3>
<p>Built-in chat widget to talk to us directly. Get help setting up, configuring, or troubleshooting your agent.</p>
</div> </div>
<div class="feature-card"> <div class="feature-card">
@@ -1672,8 +1687,29 @@
<path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/> <path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/>
</svg> </svg>
</div> </div>
<h3>Customizable Persona</h3> <h3>Bootstrapped &amp; Ready</h3>
<p>Name your agent and define its personality. Every agent can be completely unique — your brand, your voice.</p> <p>We bootstrap your agent so it's ready for its first prompt the moment you log in. No setup, no configuration — just start chatting.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
</svg>
</div>
<h3>Support Chat</h3>
<p>Built-in chat widget to reach us directly. Need help beyond the basics? Optionally escalate to a human for personal assistance.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
<polyline points="22,6 12,13 2,6"/>
</svg>
</div>
<h3>Email Access</h3>
<p>Optionally give your agent the ability to send emails. Perfect for outreach, notifications, and automated follow-ups — all from the dashboard.</p>
</div> </div>
</div> </div>
</div> </div>
@@ -1704,23 +1740,27 @@
<ul class="pricing-perks"> <ul class="pricing-perks">
<li> <li>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
Dedicated Linux instance with SSH access Your Agent's Office — container with root access
</li> </li>
<li> <li>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
Hermes or OpenClaw agent pre-installed Hermes or OpenClaw agent, bootstrapped &amp; ready
</li> </li>
<li> <li>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
One-click backups &amp; restore Daily auto backups + on-demand copies
</li> </li>
<li> <li>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
Management dashboard Management dashboard for all your agents
</li> </li>
<li> <li>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
Support chat included OpenRouter key included (or bring your own)
</li>
<li>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
Support chat with human escalation
</li> </li>
<li> <li>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
@@ -1780,11 +1820,11 @@
<div class="faq-item"> <div class="faq-item">
<button class="faq-question" onclick="toggleFaq(this)"> <button class="faq-question" onclick="toggleFaq(this)">
Do I get SSH access to my agent? Do I get root access to my agent?
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
</button> </button>
<div class="faq-answer"> <div class="faq-answer">
Yes. Every agent instance comes with full root SSH access. You can manage your instance password directly from the dashboard, and SSH in to install packages, modify configurations, or anything else you need. Yes. Every agent lives in its own container with full root SSH access. You can install packages, modify configurations, run anything — it's your space. Manage your instance password directly from the dashboard.
</div> </div>
</div> </div>
@@ -1794,17 +1834,57 @@
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
</button> </button>
<div class="faq-answer"> <div class="faq-answer">
One-click backups from your dashboard. Each backup captures the full state of your agent instance. You can restore anytime. Backups give you complete peace of mind. We create full copies of your agent — not just snapshots. Your agent is automatically backed up every day, and you can also create on-demand copies anytime from the dashboard with one click. Restore whenever you need to.
</div> </div>
</div> </div>
<div class="faq-item"> <div class="faq-item">
<button class="faq-question" onclick="toggleFaq(this)"> <button class="faq-question" onclick="toggleFaq(this)">
Can I use my own API keys? What API keys do I get?
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
</button> </button>
<div class="faq-answer"> <div class="faq-answer">
Absolutely. You can add your own API keys (OpenAI, Anthropic, OpenRouter, etc.) directly in the dashboard or inside your agent. Full control over which provider and model your agent uses. We include an OpenRouter API key with every agent so you're up and running instantly. We add a 10% markup to cover management. Since we ship vanilla agents, you can also bring your own API keys (OpenAI, Anthropic, OpenRouter, etc.) at any time — full control over providers and models.
</div>
</div>
<div class="faq-item">
<button class="faq-question" onclick="toggleFaq(this)">
Can I manage multiple agents from one place?
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
</button>
<div class="faq-answer">
Yes. The management dashboard gives you a single interface to admin all your agents, even if you've hired several. Switching between them is just a click. It's built to be easy for beginners while powerful enough for pros.
</div>
</div>
<div class="faq-item">
<button class="faq-question" onclick="toggleFaq(this)">
Is my agent ready to use right away?
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
</button>
<div class="faq-answer">
Absolutely. We bootstrap your agent so it's ready for its first prompt the moment you log in. No setup or configuration needed — just start typing. You can customize your prompt, add skills, and configure integrations through the dashboard at any time.
</div>
</div>
<div class="faq-item">
<button class="faq-question" onclick="toggleFaq(this)">
Can my agent send emails?
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
</button>
<div class="faq-answer">
Yes. You can optionally give your agent the ability to send emails. Perfect for outreach campaigns, automated notifications, and follow-ups — all configured from the dashboard.
</div>
</div>
<div class="faq-item">
<button class="faq-question" onclick="toggleFaq(this)">
How do you handle passwords?
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
</button>
<div class="faq-answer">
All your agent passwords live in one organized place in the dashboard. They're sorted by importance and clearly labeled so you can instantly see the ones you need and browse the rest at a glance. Managing multiple agents is effortless.
</div> </div>
</div> </div>
</div> </div>
@@ -1818,7 +1898,7 @@
<div class="container"> <div class="container">
<h2 class="section-title">Create Your AI Agent Now</h2> <h2 class="section-title">Create Your AI Agent Now</h2>
<p class="section-sub"> <p class="section-sub">
Sign up, pick your agent, and get a dedicated instance with full access. Billed monthly. Sign up, pick your agent, and get your own container with full access — bootstrapped and ready. Billed monthly.
</p> </p>
<div class="signup-card"> <div class="signup-card">