Depth Stacked Hero

A depth-stacked hero for the Stacked Glass Strata page: a large left-aligned headline with two CTAs, paired with a stack of obsidian glass panes at staggered Z-elevations whose foreground pane breaks the section boundary and carries the lone cyan edge-light and radial bloom. This is the one block that may carry the Vandoko tagline verbatim.

npx shadcn@latest add @vandoko/vkb-hero-11

Usage

import { VkbHero11 } from "@/components/vkb-hero-11";

export default function Page() {
  return (
    <VkbHero11
      headline="Ship the outcome, not just the screen."
      primaryCtaLabel="Start a sprint"
      secondaryCtaLabel="See the work"
    />
  );
}

All copy and the foreground work-vignette rows are overridable via props; pass className to merge styles onto the root <section>.