Elevation Ladder Capability Set

A capabilities section that arranges four senior capabilities as an asymmetric, staggered ladder of overlapping obsidian glass panes. The top-of-ladder pane carries the section's lone cyan edge-light and a soft cyan bloom, while the remaining panes stay quiet glass — depth and overlap do the structural work instead of a tidy 3-up grid.

npx shadcn@latest add @vandoko/vkb-feat-21

Usage

import { VkbFeat21 } from "@/components/vkb-feat-21";

export default function Page() {
  return (
    <VkbFeat21
      eyebrow="What we do"
      heading="Four senior capabilities, one accountable team."
    />
  );
}

All copy and the four capability entries (title, outcome, icon) are overridable via props. The first capability in the capabilities array is treated as the top of the ladder and receives the cyan edge-light. Pass className to merge additional classes onto the root <section>.