Centered Heading with CTA and Icon Row

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its button, badge dependencies and any missing npm packages, and installs them straight into your project.

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/feature/feature166.tsx instead.

Usage

The file also exports feature166Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Feature166, feature166Demo } from "@/components/blocks/feature/feature166";

export default function Page() {
  return <Feature166 {...feature166Demo} />;
}

Props

Types

type IconRowItem = {
  label: string;
  icon?: LucideIcon; // defaults to a check icon when omitted
};

type CtaLink = {
  label: string;
  href: string;
};

Behavior notes

• Fully static server component, no client-side state; CTA buttons render as inert `<Link>`s (no real submit action, matching the rest of the catalog's decorative CTAs).
• Each icon-row item falls back to a check icon (`item.icon ?? Check`) when no icon is supplied.
• The icon row is a centered flex row on `sm` and up and stacks vertically on mobile.