{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "page-heading",
  "title": "Page Heading",
  "description": "A component that acts as the text-focused version of a hero banner. This component combines a pre-heading label, an H1 heading, supporting description text, and call-to-action buttons.",
  "registryDependencies": ["@shadcncraft/tagline"],
  "files": [
    {
      "path": "components/shadcncraft/pro-marketing/page-heading.tsx",
      "content": "import { cn } from \"@/lib/utils\";\nimport { Tagline } from \"@/components/shadcncraft/pro-marketing/tagline\";\n\nfunction PageHeading({\n  alignment = \"left\",\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & { alignment?: \"left\" | \"center\" }) {\n  return (\n    <div\n      data-slot=\"page-heading\"\n      className={cn(\n        \"group/page-heading flex max-w-3xl flex-col gap-4\",\n        alignment === \"left\" && \"items-start text-left\",\n        alignment === \"center\" && \"mx-auto items-center text-center\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction PageHeadingTagline({ ...props }: React.ComponentProps<typeof Tagline>) {\n  return <Tagline variant=\"badge\" {...props} />;\n}\n\nfunction PageHeadingTitle({ className, ...props }: React.ComponentProps<\"h1\">) {\n  return (\n    <h1\n      data-slot=\"page-heading-title\"\n      className={cn(\n        \"cn-font-heading scroll-m-20 text-5xl font-medium tracking-tight text-balance lg:text-6xl\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction PageHeadingBody({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"page-heading-body\"\n      className={cn(\"max-w-xl text-lg text-pretty text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PageHeadingActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"page-heading-actions\"\n      className={cn(\"flex w-full flex-col gap-2 sm:w-fit sm:flex-row\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  PageHeading,\n  PageHeadingActions,\n  PageHeadingBody,\n  PageHeadingTagline,\n  PageHeadingTitle,\n};\n",
      "type": "registry:ui",
      "target": "@components/shadcncraft/pro-marketing/page-heading.tsx"
    }
  ],
  "meta": {
    "tier": "free",
    "figmaNodeId": "18403-114401",
    "bundle": "pro-marketing"
  },
  "type": "registry:ui"
}