105 lines
5.1 KiB
Django/Jinja
105 lines
5.1 KiB
Django/Jinja
{% extends "base.html.jinja" %}
|
|
|
|
{% block content %}
|
|
<section class="max-w-4xl mx-auto px-4 pt-24 pb-16 text-center">
|
|
<h1 class="text-5xl font-bold tracking-tight leading-tight">
|
|
Push a manifest.<br>Get production infrastructure.
|
|
</h1>
|
|
<p class="mt-6 text-xl text-gray-600 max-w-2xl mx-auto">
|
|
Forage is the managed platform for Forest. Define your infrastructure in a
|
|
<code class="bg-gray-100 px-2 py-0.5 rounded text-base">forest.cue</code> file,
|
|
push it, and we handle the rest.
|
|
</p>
|
|
<div class="mt-10 flex items-center justify-center gap-4">
|
|
<a href="/signup" class="px-6 py-3 bg-gray-900 text-white rounded-md font-medium hover:bg-gray-800">
|
|
Get started free
|
|
</a>
|
|
<a href="/pricing" class="px-6 py-3 border border-gray-300 rounded-md font-medium hover:border-gray-400">
|
|
View pricing
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="max-w-4xl mx-auto px-4 py-16">
|
|
<div class="bg-gray-950 rounded-lg p-6 text-sm font-mono text-gray-300 overflow-x-auto">
|
|
<pre><span class="text-gray-500">// forest.cue</span>
|
|
<span class="text-blue-400">project</span>: {
|
|
<span class="text-green-400">name</span>: <span class="text-amber-400">"my-api"</span>
|
|
<span class="text-green-400">organisation</span>: <span class="text-amber-400">"acme"</span>
|
|
}
|
|
|
|
<span class="text-blue-400">dependencies</span>: {
|
|
<span class="text-amber-400">"forage/service"</span>: <span class="text-green-400">version</span>: <span class="text-amber-400">"1.0"</span>
|
|
<span class="text-amber-400">"forage/postgres"</span>: <span class="text-green-400">version</span>: <span class="text-amber-400">"1.0"</span>
|
|
}
|
|
|
|
<span class="text-blue-400">forage</span>: <span class="text-blue-400">service</span>: {
|
|
<span class="text-green-400">config</span>: {
|
|
<span class="text-green-400">name</span>: <span class="text-amber-400">"my-api"</span>
|
|
<span class="text-green-400">image</span>: <span class="text-amber-400">"my-api:latest"</span>
|
|
<span class="text-green-400">ports</span>: [{ <span class="text-green-400">container</span>: <span class="text-purple-400">8080</span>, <span class="text-green-400">protocol</span>: <span class="text-amber-400">"http"</span> }]
|
|
}
|
|
}</pre>
|
|
</div>
|
|
<div class="mt-4 text-center">
|
|
<code class="text-sm text-gray-500">$ forest release create --env prod</code>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="max-w-6xl mx-auto px-4 py-16">
|
|
<h2 class="text-3xl font-bold text-center mb-12">Everything you need to ship</h2>
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
|
<div class="p-6 border border-gray-200 rounded-lg">
|
|
<h3 class="font-bold text-lg mb-2">Component Registry</h3>
|
|
<p class="text-gray-600 text-sm">
|
|
Publish and discover reusable forest components. Share deployment patterns,
|
|
service templates, and infrastructure modules across your organisation.
|
|
</p>
|
|
</div>
|
|
<div class="p-6 border border-gray-200 rounded-lg">
|
|
<h3 class="font-bold text-lg mb-2">Managed Deployments</h3>
|
|
<p class="text-gray-600 text-sm">
|
|
Zero-config container runtime. Push your manifest and get automatic scaling,
|
|
health checks, rollbacks, and multi-environment support.
|
|
</p>
|
|
</div>
|
|
<div class="p-6 border border-gray-200 rounded-lg">
|
|
<h3 class="font-bold text-lg mb-2">Container Deployments</h3>
|
|
<p class="text-gray-600 text-sm">
|
|
Push your containers and let Forage handle the runtime. No Kubernetes
|
|
knowledge needed. Pay only for what you use.
|
|
</p>
|
|
</div>
|
|
<div class="p-6 border border-gray-200 rounded-lg">
|
|
<h3 class="font-bold text-lg mb-2">Type-Safe Infrastructure</h3>
|
|
<p class="text-gray-600 text-sm">
|
|
CUE gives you typed, validated infrastructure definitions. Catch configuration
|
|
errors before they reach production.
|
|
</p>
|
|
</div>
|
|
<div class="p-6 border border-gray-200 rounded-lg">
|
|
<h3 class="font-bold text-lg mb-2">Team Management</h3>
|
|
<p class="text-gray-600 text-sm">
|
|
Organisations, role-based access, and audit logs. Manage who can deploy
|
|
what, where, and when.
|
|
</p>
|
|
</div>
|
|
<div class="p-6 border border-gray-200 rounded-lg">
|
|
<h3 class="font-bold text-lg mb-2">Pay As You Go</h3>
|
|
<p class="text-gray-600 text-sm">
|
|
Transparent, usage-based pricing. Start free, scale smoothly. No surprise
|
|
bills, no hidden fees.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="max-w-4xl mx-auto px-4 py-16 text-center">
|
|
<h2 class="text-3xl font-bold mb-4">Ready to simplify your infrastructure?</h2>
|
|
<p class="text-gray-600 mb-8">Join the waitlist and be first to try Forage.</p>
|
|
<a href="/signup" class="px-6 py-3 bg-gray-900 text-white rounded-md font-medium hover:bg-gray-800">
|
|
Get started free
|
|
</a>
|
|
</section>
|
|
{% endblock %}
|