mirror of
https://github.com/snapotter-hq/SnapOtter.git
synced 2026-08-03 07:46:42 +02:00
fix(landing): highlight Open Source as Most Popular tier (#462)
Move the Most Popular badge and featured card treatment to the Open Source tier; Enterprise becomes the plain card.
This commit is contained in:
SnapOtter
@@ -18,49 +18,6 @@ const checkIcon =
|
||||
|
||||
<div class="mx-auto grid max-w-4xl gap-8 md:grid-cols-2">
|
||||
<!-- Open Source (Free) -->
|
||||
<div class="reveal flex flex-col rounded-2xl border border-border bg-surface p-8">
|
||||
<h3 class="font-display text-2xl font-bold">Open Source</h3>
|
||||
<div class="mt-2 flex items-baseline gap-1">
|
||||
<span class="font-display text-4xl font-extrabold">Free</span>
|
||||
<span class="text-sm text-muted">forever</span>
|
||||
</div>
|
||||
<p class="mt-3 text-sm leading-relaxed text-muted">
|
||||
Everything you need for file processing. No limits, no trials, no credit card.
|
||||
</p>
|
||||
|
||||
<a
|
||||
href="https://docs.snapotter.com/guide/getting-started"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="btn-outline mt-6 block rounded-xl px-6 py-3 text-center text-sm font-semibold"
|
||||
>
|
||||
Deploy Now
|
||||
</a>
|
||||
|
||||
<ul class="mt-8 space-y-3">
|
||||
{[
|
||||
`All ${toolCount} tools across 5 modalities`,
|
||||
"Unlimited usage, no rate limits",
|
||||
"Full REST API with OpenAPI docs",
|
||||
"Pipeline automation & batch processing",
|
||||
"19 local AI tools",
|
||||
"Multi-user with role-based access",
|
||||
"OIDC / SSO login (Google, Okta, any provider)",
|
||||
"21 languages",
|
||||
"Docker, Kubernetes, bare metal",
|
||||
"ARM and x86, air-gapped ready",
|
||||
"Community support (GitHub + Discord)",
|
||||
"AGPL-3.0 licensed",
|
||||
].map((feature) => (
|
||||
<li class="flex items-start gap-2.5 text-sm">
|
||||
<Fragment set:html={checkIcon} />
|
||||
<span>{feature}</span>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Enterprise -->
|
||||
<div class="reveal glow-warm relative flex flex-col overflow-hidden rounded-2xl border-2 border-primary/40 bg-surface p-8 md:scale-[1.03]">
|
||||
<div class="pointer-events-none absolute inset-x-0 top-0 h-32 bg-gradient-to-b from-primary/[0.04] to-transparent"></div>
|
||||
|
||||
@@ -68,35 +25,38 @@ const checkIcon =
|
||||
<span class="mb-4 inline-block rounded-full bg-primary/10 px-3 py-1 text-xs font-semibold text-primary">
|
||||
Most Popular
|
||||
</span>
|
||||
<h3 class="font-display text-2xl font-bold">Enterprise</h3>
|
||||
<h3 class="font-display text-2xl font-bold">Open Source</h3>
|
||||
<div class="mt-2 flex items-baseline gap-1">
|
||||
<span class="font-display text-4xl font-extrabold">Custom</span>
|
||||
<span class="font-display text-4xl font-extrabold">Free</span>
|
||||
<span class="text-sm text-muted">forever</span>
|
||||
</div>
|
||||
<p class="mt-3 text-sm leading-relaxed text-muted">
|
||||
Commercial license, enterprise security, priority support, and deployment assistance.
|
||||
Everything you need for file processing. No limits, no trials, no credit card.
|
||||
</p>
|
||||
|
||||
<a
|
||||
href="/contact"
|
||||
href="https://docs.snapotter.com/guide/getting-started"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="btn-primary mt-6 block rounded-xl px-6 py-3 text-center text-sm font-semibold"
|
||||
>
|
||||
Let's talk
|
||||
Deploy Now
|
||||
</a>
|
||||
|
||||
<ul class="mt-8 space-y-3">
|
||||
{[
|
||||
"Everything in Open Source",
|
||||
"Commercial license (no AGPL)",
|
||||
"SAML SSO + SSO enforcement",
|
||||
"SCIM provisioning",
|
||||
"Multi-factor authentication",
|
||||
"Multi-tenancy",
|
||||
"Per-tool permissions",
|
||||
"S3-compatible storage",
|
||||
"Webhooks + audit log export",
|
||||
"Priority support with SLA",
|
||||
"Dedicated deployment help",
|
||||
"Security review + compliance docs",
|
||||
`All ${toolCount} tools across 5 modalities`,
|
||||
"Unlimited usage, no rate limits",
|
||||
"Full REST API with OpenAPI docs",
|
||||
"Pipeline automation & batch processing",
|
||||
"19 local AI tools",
|
||||
"Multi-user with role-based access",
|
||||
"OIDC / SSO login (Google, Okta, any provider)",
|
||||
"21 languages",
|
||||
"Docker, Kubernetes, bare metal",
|
||||
"ARM and x86, air-gapped ready",
|
||||
"Community support (GitHub + Discord)",
|
||||
"AGPL-3.0 licensed",
|
||||
].map((feature) => (
|
||||
<li class="flex items-start gap-2.5 text-sm">
|
||||
<Fragment set:html={checkIcon} />
|
||||
@@ -106,5 +66,45 @@ const checkIcon =
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Enterprise -->
|
||||
<div class="reveal flex flex-col rounded-2xl border border-border bg-surface p-8">
|
||||
<h3 class="font-display text-2xl font-bold">Enterprise</h3>
|
||||
<div class="mt-2 flex items-baseline gap-1">
|
||||
<span class="font-display text-4xl font-extrabold">Custom</span>
|
||||
</div>
|
||||
<p class="mt-3 text-sm leading-relaxed text-muted">
|
||||
Commercial license, enterprise security, priority support, and deployment assistance.
|
||||
</p>
|
||||
|
||||
<a
|
||||
href="/contact"
|
||||
class="btn-outline mt-6 block rounded-xl px-6 py-3 text-center text-sm font-semibold"
|
||||
>
|
||||
Let's talk
|
||||
</a>
|
||||
|
||||
<ul class="mt-8 space-y-3">
|
||||
{[
|
||||
"Everything in Open Source",
|
||||
"Commercial license (no AGPL)",
|
||||
"SAML SSO + SSO enforcement",
|
||||
"SCIM provisioning",
|
||||
"Multi-factor authentication",
|
||||
"Multi-tenancy",
|
||||
"Per-tool permissions",
|
||||
"S3-compatible storage",
|
||||
"Webhooks + audit log export",
|
||||
"Priority support with SLA",
|
||||
"Dedicated deployment help",
|
||||
"Security review + compliance docs",
|
||||
].map((feature) => (
|
||||
<li class="flex items-start gap-2.5 text-sm">
|
||||
<Fragment set:html={checkIcon} />
|
||||
<span>{feature}</span>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user