fix(website): janua /pricing renders + shows ratified $29 Managed tier (#454)

The /pricing route (app/(marketing)/pricing/page.tsx) exists and builds
fine — `pnpm --filter @janua/website build` prerenders `○ /pricing`. The
prod 404 is therefore deploy-lag (prod runs an older janua-website image
that predates the route), not a routing/build error. Needs a website
promote to serve it; code is correct on main.

Correct displayed prices to the ratified enclii+janua packaging decision
(internal-devops decisions/2026-07-11-enclii-janua-packaging-ratification.md):

- Managed (Pro): $69 → $29/mo (flat per project, up to 10,000 MAU fair use;
  NOT per-MAU metered)
- Scale $299 (self-serve) → Business (SSO) $149/mo, design-partner /
  contract — CTA routes to /contact, not self-serve signup
- Open Source $0 and Enterprise custom unchanged

Applied consistently across every live price surface: pricing.tsx (/pricing),
honest-pricing.tsx (home), plus comparison.tsx, accurate-comparison.tsx and
pain-points.tsx. Removed the now-inaccurate per-MAU overage section (Pro is
flat per-org) and softened the startup-discount copy to the design-partner
program, matching the existing "Private Alpha" honest positioning.

Paid Pro CTA carries `?plan=pro` to app.janua.dev/auth/signup. Updated
pricing.test.tsx (Scale→Business, asserts $29 present and $69/$299 absent).

Co-authored-by: Aldo R. L. <aldo.ruiz.luna@gmail.com>
Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>

Author: 3 people

apps/website/components/sections/accurate-comparison.tsx

@@ -135,7 +135,7 @@ const rows: Row[] = [
   },
   {
     feature: 'Paid entry tier (per month)',
-    janua: '$69 / 10k MAU',
+    janua: '$29 / 10k MAU',
     auth0: '$240+',
     clerk: '$25 + per-MAU',
     keycloak: 'Self-operate',
@@ -256,7 +256,7 @@ export function AccurateComparison() {
             </h3>
             <ul className="space-y-2 text-sm text-slate-600 dark:text-slate-400">
               <li>You keep the user table. Self-host on Postgres you operate.</li>
-              <li>One bill at $69/$299, not per-MAU metered SaaS pricing.</li>
+              <li>One flat bill at $29/$149, not per-MAU metered SaaS pricing.</li>
               <li>SCIM v2 + audit retention without an enterprise upsell.</li>
               <li>9 client SDKs in the same monorepo as the API.</li>
             </ul>

apps/website/components/sections/comparison.tsx

@@ -86,16 +86,19 @@ export function ComparisonSection() {
           supabase: '50,000'
         },
         {
-          // Pro = $69/mo per PRICING_TIERS (apps/api). Includes 10,000 MAU.
-          metric: 'Pro Tier Price',
-          janua: '$69/mo',
+          // Managed (Pro) = $29/mo per the ratified packaging decision
+          // (internal-devops decisions/2026-07-11). Flat per project, up to
+          // 10,000 MAU under fair use.
+          metric: 'Paid Entry Price',
+          janua: '$29/mo',
           clerk: '$99/mo',
           auth0: '$240/mo',
           supabase: '$25/mo'
         },
         {
+          // Janua Pro is flat per-org, NOT per-MAU metered (ratified model).
           metric: 'Overage Cost/1k MAU',
-          janua: '$10',
+          janua: 'Flat, no meter',
           clerk: '$20',
           auth0: '$28',
           supabase: '$0.00325'

apps/website/components/sections/honest-pricing.tsx

@@ -18,14 +18,14 @@ interface PricingTier {
   honestNote?: string
 }
 
-// Pricing aligned with the canonical billing service tiers
-// (apps/api/app/services/billing_service.py PRICING_TIERS) and the
-// /pricing page (apps/website/components/sections/pricing.tsx).
+// Pricing aligned with the ratified enclii+janua packaging decision
+// (internal-devops decisions/2026-07-11-enclii-janua-packaging-ratification.md)
+// and the /pricing page (apps/website/components/sections/pricing.tsx).
 //
-// Community: Free, 2,000 MAU
-// Pro: $69/mo, 10,000 MAU
-// Scale: $299/mo, 50,000 MAU
-// Enterprise: Custom, Unlimited
+// Community (Open Source): Free, self-host, 2,000 MAU on managed
+// Pro (Managed):           $29/mo flat per project, up to 10,000 MAU (fair use)
+// Business (SSO):          $149/mo — design-partner / contract, NOT self-serve
+// Enterprise:              Custom, Unlimited
 const pricingTiers: PricingTier[] = [
   {
     name: 'Community',
@@ -51,9 +51,9 @@ const pricingTiers: PricingTier[] = [
   },
   {
     name: 'Pro',
-    price: '$69',
-    description: 'For growing startups and teams',
-    mau: '10,000 MAU',
+    price: '$29',
+    description: 'Managed hosting for growing startups and teams',
+    mau: 'Up to 10,000 MAU (flat, fair use)',
     badge: 'Most Popular',
     features: [
       'Everything in Community',
@@ -74,10 +74,11 @@ const pricingTiers: PricingTier[] = [
     honestNote: 'Scales with you as you find product-market fit'
   },
   {
-    name: 'Scale',
-    price: '$299',
-    description: 'For scale-ups with compliance needs',
-    mau: '50,000 MAU',
+    name: 'Business',
+    price: '$149',
+    description: 'SSO/SAML for compliance-driven teams',
+    mau: 'Higher volume',
+    badge: 'Design partner',
     features: [
       'Everything in Pro',
       'SSO/SAML',
@@ -93,7 +94,7 @@ const pricingTiers: PricingTier[] = [
       'No custom contracts',
       'No dedicated support'
     ],
-    honestNote: 'Enterprise-class security without enterprise pricing'
+    honestNote: 'Early access via our design-partner program — talk to us'
   },
   {
     name: 'Enterprise',
@@ -102,7 +103,7 @@ const pricingTiers: PricingTier[] = [
     mau: 'Unlimited',
     badge: 'Full Support',
     features: [
-      'Everything in Scale',
+      'Everything in Business',
       'SCIM provisioning',
       'Custom contracts & SLAs',
       'Dedicated support',
@@ -126,7 +127,7 @@ interface ComparisonRow {
   feature: string
   community: boolean | string
   pro: boolean | string
-  scale: boolean | string
+  business: boolean | string
   enterprise: boolean | string
 }
 
@@ -135,49 +136,49 @@ const detailedComparison: ComparisonRow[] = [
     feature: 'Monthly Active Users',
     community: '2,000',
     pro: '10,000',
-    scale: '50,000',
+    business: '50,000',
     enterprise: 'Unlimited'
   },
   {
     feature: 'Passkeys (WebAuthn)',
     community: true,
     pro: true,
-    scale: true,
+    business: true,
     enterprise: true
   },
   {
     feature: 'MFA/TOTP',
     community: false,
     pro: true,
-    scale: true,
+    business: true,
     enterprise: true
   },
   {
     feature: 'OAuth Providers',
     community: 'Email/password only',
     pro: 'Social (OAuth)',
-    scale: 'All',
+    business: 'All',
     enterprise: 'All + Custom'
   },
   {
     feature: 'Edge Response Time',
     community: '<30ms*',
     pro: '<30ms*',
-    scale: '<30ms*',
+    business: '<30ms*',
     enterprise: '<30ms*'
   },
   {
     feature: 'Support',
     community: 'Community',
     pro: 'Email',
-    scale: 'Priority',
+    business: 'Priority',
     enterprise: 'Dedicated'
   },
   {
     feature: 'SLA',
     community: false,
     pro: false,
-    scale: false,
+    business: false,
     // SLA is only offered at the Enterprise tier and is negotiated per
     // contract. No public uptime percentage until SRE on-call + SLO
     // definitions are in place.
@@ -187,14 +188,14 @@ const detailedComparison: ComparisonRow[] = [
     feature: 'SAML SSO',
     community: false,
     pro: false,
-    scale: true,
+    business: true,
     enterprise: true
   },
   {
     feature: 'Audit Log Retention',
     community: false,
     pro: '30 days',
-    scale: '90 days',
+    business: '90 days',
     enterprise: 'Unlimited'
   }
 ]
@@ -205,19 +206,27 @@ export function HonestPricing() {
 
   const yearlyDiscount = 0.2 // 20% off
 
-  const getPrice = (price: string) => {
+  // Business (SSO) is a design-partner / contract tier — not self-serve — so
+  // it is shown with its flat monthly price but no self-serve yearly discount.
+  const isContactTier = (tier: PricingTier) =>
+    tier.name === 'Business' || tier.price === 'Custom'
+
+  const getPrice = (tier: PricingTier) => {
+    const { price } = tier
     if (price === 'Free' || price === 'Custom') return price
     const numPrice = parseInt(price.replace('$', ''))
-    if (billingCycle === 'yearly') {
+    if (billingCycle === 'yearly' && !isContactTier(tier)) {
       const yearlyPrice = Math.round(numPrice * (1 - yearlyDiscount))
       return `$${yearlyPrice}`
     }
     return price
   }
 
-  const getPriceLabel = (price: string) => {
+  const getPriceLabel = (tier: PricingTier) => {
+    const { price } = tier
     if (price === 'Free') return ''
     if (price === 'Custom') return 'Contact us'
+    if (tier.name === 'Business') return '/mo · contact sales'
     return billingCycle === 'monthly' ? '/month' : '/month (billed annually)'
   }
 
@@ -304,10 +313,10 @@ export function HonestPricing() {
               <div className="mb-6">
                 <div className="flex items-baseline gap-1">
                   <span className="text-3xl font-bold text-slate-900 dark:text-white">
-                    {getPrice(tier.price)}
+                    {getPrice(tier)}
                   </span>
                   <span className="text-sm text-slate-600 dark:text-slate-400">
-                    {getPriceLabel(tier.price)}
+                    {getPriceLabel(tier)}
                   </span>
                 </div>
                 <p className="text-sm font-medium text-slate-700 dark:text-slate-300 mt-2">
@@ -356,16 +365,18 @@ export function HonestPricing() {
               >
                 <Link
                   href={
-                    tier.price === 'Custom'
+                    isContactTier(tier)
                       ? '/contact'
                       : `https://app.janua.dev/auth/signup${
-                          tier.name === 'Pro' || tier.name === 'Scale'
-                            ? `?plan=${tier.name.toLowerCase()}`
-                            : ''
+                          tier.name === 'Pro' ? '?plan=pro' : ''
                         }`
                   }
                 >
-                  {tier.price === 'Custom' ? 'Contact Sales' : 'Get Started'}
+                  {tier.price === 'Custom'
+                    ? 'Contact Sales'
+                    : tier.name === 'Business'
+                      ? 'Contact us'
+                      : 'Get Started'}
                 </Link>
               </Button>
             </motion.div>
@@ -402,7 +413,7 @@ export function HonestPricing() {
                     Pro
                   </th>
                   <th className="text-center p-4 font-semibold text-slate-900 dark:text-white">
-                    Scale
+                    Business
                   </th>
                   <th className="text-center p-4 font-semibold text-slate-900 dark:text-white">
                     Enterprise
@@ -445,15 +456,15 @@ export function HonestPricing() {
                       )}
                     </td>
                     <td className="p-4 text-center">
-                      {typeof row.scale === 'boolean' ? (
-                        row.scale ? (
+                      {typeof row.business === 'boolean' ? (
+                        row.business ? (
                           <Check className="w-4 h-4 text-green-600 mx-auto" />
                         ) : (
                           <X className="w-4 h-4 text-slate-400 mx-auto" />
                         )
                       ) : (
                         <span className="text-sm text-slate-600 dark:text-slate-400">
-                          {row.scale}
+                          {row.business}
                         </span>
                       )}
                     </td>
@@ -501,11 +512,12 @@ export function HonestPricing() {
 
             <div>
               <h4 className="font-medium text-slate-700 dark:text-slate-300 mb-2">
-                What happens if I exceed my MAU limit?
+                What happens if I exceed the 10,000 MAU fair-use cap?
               </h4>
               <p className="text-sm text-slate-600 dark:text-slate-400">
-                We'll notify you at 80% usage and help you upgrade. We never cut off authentication - your
-                users won't be affected. Overages are billed at standard rates with no penalties.
+                Pro is flat per project, not per-MAU metered. If you consistently run past the
+                fair-use cap we&apos;ll reach out to move you to Business or a custom plan. We never cut off
+                authentication - your users won&apos;t be affected.
               </p>
             </div>
 

apps/website/components/sections/pain-points.tsx

@@ -38,7 +38,7 @@ const pains = [
     pain_detail:
       'You don\'t want your identity layer behind a usage-based meter on someone else\'s database.',
     answer:
-      'Self-host under AGPL-3.0. User table stays in your Postgres. Free up to 2,000 MAU, $69 Pro, $299 Scale, custom Enterprise on the managed plan.',
+      'Self-host under AGPL-3.0. User table stays in your Postgres. Free up to 2,000 MAU, $29 Managed (Pro), $149 Business, custom Enterprise on the managed plan.',
   },
 ]
 

apps/website/components/sections/pricing.test.tsx

@@ -11,10 +11,21 @@ describe('PricingSection', () => {
     render(<PricingSection />)
     expect(screen.getByText('Community')).toBeInTheDocument()
     expect(screen.getByText('Pro')).toBeInTheDocument()
-    expect(screen.getByText('Scale')).toBeInTheDocument()
+    expect(screen.getByText('Business')).toBeInTheDocument()
     expect(screen.getByText('Enterprise')).toBeInTheDocument()
   })
 
+  it('should show the ratified Managed (Pro) $29 price', () => {
+    render(<PricingSection />)
+    expect(screen.getAllByText('$29').length).toBeGreaterThan(0)
+  })
+
+  it('should not show the retired $69 / $299 prices', () => {
+    render(<PricingSection />)
+    expect(screen.queryByText('$69')).not.toBeInTheDocument()
+    expect(screen.queryByText('$299')).not.toBeInTheDocument()
+  })
+
   it('should show annual/monthly toggle', () => {
     render(<PricingSection />)
     expect(screen.getByText('Monthly')).toBeInTheDocument()