feat(landing): migrate from Next.js to Astro 5

Zero client JS, 165 static pages, self-hosted fonts, Otter Orange
design system. Includes tool SEO data for all 157 tools, enterprise
page, and updated e2e landing tests.
This commit is contained in:
SnapOtter
2026-06-14 16:50:20 +08:00
parent f9ed5d125a
commit 8403222d08
74 changed files with 9157 additions and 3404 deletions
@@ -0,0 +1,79 @@
---
const features = [
{
title: "SAML SSO",
description: "Okta, Azure AD, Google Workspace, or any SAML 2.0 / OIDC identity provider.",
icon: '<path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/><polyline points="10 17 15 12 10 7"/><line x1="15" y1="12" x2="3" y2="12"/>',
},
{
title: "SCIM Provisioning",
description:
"Automated user provisioning and deprovisioning synced from your identity provider.",
icon: '<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>',
},
{
title: "Multi-Factor Auth",
description: "Enforce TOTP-based MFA across your organization. Protect every account.",
icon: '<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>',
},
{
title: "Multi-Tenancy",
description: "Isolated workspaces per team or department with separate configurations.",
icon: '<rect x="4" y="2" width="16" height="20" rx="2" ry="2"/><path d="M9 22v-4h6v4"/><path d="M8 6h.01"/><path d="M16 6h.01"/><path d="M8 10h.01"/><path d="M16 10h.01"/><path d="M8 14h.01"/><path d="M16 14h.01"/>',
},
{
title: "Per-Tool Permissions",
description: "Granular role-based access control. Admin, editor, user, and custom roles.",
icon: '<polygon points="12 2 2 7 12 12 22 7 12 2"/><polyline points="2 17 12 22 22 17"/><polyline points="2 12 12 17 22 12"/>',
},
{
title: "Audit Export",
description:
"Every action logged. Export audit trails for SOC 2, ISO 27001, and compliance reporting.",
icon: '<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/>',
},
{
title: "S3-Compatible Storage",
description: "AWS S3, MinIO, Cloudflare R2 for persistent, scalable file storage.",
icon: '<ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"/><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"/>',
},
{
title: "Webhooks",
description: "Real-time notifications when processing completes. Integrate with any workflow.",
icon: '<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/>',
},
];
---
<section class="section-dark bg-noise relative px-6 py-24 md:py-32" id="enterprise">
<div class="reveal mx-auto max-w-3xl text-center">
<h2 class="font-display text-3xl font-bold tracking-tight text-dark-fg sm:text-4xl md:text-5xl">
Built for enterprise deployment.
</h2>
<p class="mt-4 text-lg text-dark-muted md:text-xl">
Every security and compliance feature your team needs, running on your infrastructure.
</p>
</div>
<div class="mx-auto mt-14 grid max-w-5xl gap-4 sm:grid-cols-2">
{features.map((feature, i) => (
<div class:list={["reveal card-dark border border-dark-border rounded-xl p-6", `reveal-delay-${Math.min(i + 1, 4)}`]}>
<div class="flex h-10 w-10 items-center justify-center rounded-lg bg-primary/20">
<svg class="h-5 w-5 text-primary-light" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" set:html={feature.icon} />
</div>
<h3 class="mt-4 font-display text-base font-bold text-dark-fg">{feature.title}</h3>
<p class="mt-2 text-sm leading-relaxed text-dark-muted">{feature.description}</p>
</div>
))}
</div>
<div class="reveal mt-14 text-center">
<a
href="/contact"
class="btn-primary inline-block rounded-xl px-8 py-3 text-base font-semibold"
>
Book a Demo
</a>
<p class="mt-4 text-sm text-dark-muted">Talk to our team about enterprise licensing and deployment.</p>
</div>
</section>