What’s true right now

Code is already gating both tools at 3 free / 10 pro.
(Brand Name Wizard & Slogan Generator both use tier.maxResults, which is 3 (free) and 10 (pro).)

Recommendation (fastest, cleanest)

Keep the code as-is and update Pricing copy to match:

Free: Brand Name Wizard — 3 names/run

Free: Slogan Generator — 3 slogans/run

Pro: 10 results + tone/style filters + export

Replit prompt (align Pricing to code)

Title: Pricing – align Business Development limits to live tiers (3 free / 10 pro)

Prompt:

Please update the Pricing page bullets for Business Development to match current tier logic:

Free

Brand Name Wizard — 3 name results per run

Slogan Generator — 3 slogan results per run

Basic Logo Composer (edit 1 AI draft, no Brand Kit save)

Standard support, Community access

Pro ($19/mo)

Brand Name Wizard — 10 results/run + tone/style filters

Slogan Generator — 10 results/run + tone/style filters

AI Logo Creator (up to 8 AI options), Brand Kit, AI Business Plan Developer

Export to PDF/DOCX/Google Docs, Premium logo composers

Priority support, Commercial usage rights

Also confirm the on-page hints already show:

BusinessName.tsx: “Showing {tier.maxResults} results. Unlock 10…”

SloganPage.tsx: “Showing {tier.maxResults} results. Unlock 10…”

No code changes to tiers needed—this is a copy-only update to keep Pricing consistent with the live behavior.

(Optional) If you really want 1 free slogan instead

Use this alt change; otherwise ignore.

Option A: Override just in SloganPage.tsx

- const tier = getTier(isPremium);
+ let tier = getTier(isPremium);
+ if (!isPremium) tier = { ...tier, maxResults: 1 }; // 1 free slogan, keep other flags


Option B: Feature-specific tiers

// utils/tiers.ts
export const TIERS = { free:{maxResults:3,filters:false,exportAll:false}, pro:{maxResults:10,filters:true,exportAll:true} };
export const SLOGAN_TIERS = { free:{maxResults:1,filters:false,exportAll:false}, pro:{maxResults:10,filters:true,exportAll:true} };
export const getTier = (p?:boolean)=> (p?TIERS.pro:TIERS.free);
export const getSloganTier = (p?:boolean)=> (p?SLOGAN_TIERS.pro:SLOGAN_TIERS.free);


Then in SloganPage.tsx:

- import { getTier } from '@/utils/tiers';
+ import { getSloganTier as getTier } from '@/utils/tiers';


And update Pricing copy accordingly.