Feature BentoFeature Bento

import { FeatureBento } from "@/components/ui/notchset/blocks/feature-bento";

export function Features() {
  return (
    <FeatureBento
      title="Built for the way teams work"
      review={{ title: "Review together", body: "See who is on the trace.", trace: "RUN · TRACE", people: ["Priya", "Maya"], initials: ["PN", "MK"], note: "timeout here", lines: [{ text: "plan", time: "0.4S" }, { text: "search", time: "1.1S" }, { text: "fetch", time: "30S", signal: true }] }}
      palette={{ title: "Keyboard first", body: "Do it without the mouse.", commands: [{ glyph: "R", label: "Open run", kind: "RUN", result: "✓ OPENED" }] }}
      cost={{ title: "Numbers that explain themselves", body: "Hover a week.", label: "COST PER 1K RUNS", weeks: [{ label: "JUL 17", value: 1.6 }, { label: "JUL 24", value: 0.8 }] }}
      automation={{ title: "Automations", body: "The right person hears first.", label: "QUALITY GUARD", steps: [{ kind: "WHEN", text: "Quality drops" }, { kind: "THEN", text: "Page on-call" }] }}
    />
  );
}