Components

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-07

Usage

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.

Preview
Open in
Loading preview...

On this page