Marketing Feature Bento

A bento-grid feature section for marketing pages where each card illustrates a product capability with a small working visual (trace waterfall, replay scrubber, alert stack, cost histogram, code snippet, keyboard shortcuts, or redaction preview).

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Marketing Feature Bento to your project and fits it to your theme.

"use client";

import MarketingFeatureBento, {
  MARKETING_BENTO_SAMPLE,
} from "@/components/ui/marketing-feature-bento";

export default function MarketingFeatureBentoDemo() {
  return (
    <div className="w-full">
      <MarketingFeatureBento {...MARKETING_BENTO_SAMPLE} />
    </div>
  );
}