Elevated Focus Pricing Strata
Elevated-focus engagement pricing where the recommended tier is lifted forward as a glass pane with a lone cyan edge-light and bloom, flanked by recessed sibling tiers.
Elevated-focus pricing strata for agency engagement models. The recommended tier is physically lifted forward as an obsidian glass pane carrying the section's lone cyan edge-light and radial bloom, while the flanking tiers sit recessed, smaller, and deeper-shadowed — framed as engagement scope ("Sprint", "Build partnership", "Embedded team") rather than per-seat SaaS pricing.
npx shadcn@latest add @vandoko/vkb-price-07Usage
import { VkbPrice07 } from "@/components/vkb-price-07";
export default function Example() {
return (
<VkbPrice07
eyebrow="Ways to work together"
heading="Engagement scope, not seat counts."
/>
);
}All copy and the tiers array are overridable via props; each tier accepts name, scope, outcome, inclusions, cta, and an optional recommended flag that promotes one pane to the lifted, cyan-lit focus position.
Related Components
Engagement Model Ledger
Asymmetric 5/7 pricing ledger with a sticky framing block and stacked horizontal engagement-tier rows, one elevated row carrying a single cyan left-border.
Spotlit Plan Pricing
Dark three-plan pricing block whose recommended middle tier is the single active node — elevated, ring-lit, and washed by an inline cyan radial spotlight — with a monthly/annual toggle and a hand-drawn save annotation, set on a faint dot-grid.