iblai-vibe-monetization-checkout
/iblai-vibe-monetization-checkout
Build the buyer surface: gate a page with useCheckAccessQuery, render
PaywallModal when locked, redirect to Stripe Checkout on tier select,
and ship a public/guest buy page for anonymous landing-page traffic.
Do NOT add custom styles, colors, or CSS overrides to ibl.ai SDK components. They ship with their own styling. Keep the components as-is. Do NOT implement dark mode unless the user explicitly asks for it.
When building custom UI around SDK components, use the ibl.ai brand
(primary #0058cc, button bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white,
shadcn/ui new-york variant). Component hierarchy: ibl.ai SDK
(@iblai/iblai-js) first, then shadcn/ui (npx shadcn@latest add <c>);
do NOT write custom components when an SDK or shadcn equivalent exists.
Full brand reference: BRAND.md.
You MUST run /iblai-vibe-ops-test before telling the user the work is ready.