Split Workflow Pipeline Hero

A split hero for the Vandoko "Live Workflow Canvas" page. The left column states the brand promise as a sprint pipeline with a dual CTA and an overlapping-avatar trust row; the right column is a live workflow canvas of four obsidian node cards (Brief → Design → Build → Ship) on a faint dot-grid, linked by thin curved SVG connectors, with exactly one cyan active node and its outgoing connector glowing cyan as the lone signal.

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

Usage

import { VkbHero12 } from "@/components/vkb-hero-12";

export default function Page() {
  return <VkbHero12 />;
}

All copy and pipeline nodes are overridable via props. Each node accepts a label, caption, pill, and a status of "done", "active", or "queued" — the "active" node carries the cyan glow and its outgoing connector renders in var(--primary).