{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "hero-2",
  "type": "registry:block",
  "title": "Hero 2",
  "description": "Hero section with two-column layout, primary and secondary CTAs, and background image",
  "dependencies": [
    "react",
    "next"
  ],
  "registryDependencies": [
    "button",
    "@uifoundry/header-field",
    "@uifoundry/subheader-field",
    "@uifoundry/media-field",
    "@uifoundry/style-utils"
  ],
  "files": [
    {
      "path": "registry/payload/blocks/hero/hero-2/index.tsx",
      "content": "\"use client\";\n\nimport Link from \"next/link\";\nimport { Button } from \"@/registry/ui/button\";\nimport type { Hero_2_Block } from \"~/payload-types\";\nimport MediaField from \"@/registry/default/lib/fields/media/index\";\nimport { cn } from \"@/registry/default/utils\";\n\nexport default function Hero2Section(props: Hero_2_Block) {\n\treturn (\n\t\t<section className=\"relative overflow-hidden\">\n\t\t\t{/* Content Container */}\n\t\t\t<div className=\"py-24 md:pb-32 lg:pt-44 lg:pb-56\">\n\t\t\t\t<div className=\"relative mx-auto flex max-w-7xl flex-col px-6 lg:flex-row lg:items-center lg:px-12\">\n\t\t\t\t\t{/* Left Content Column */}\n\t\t\t\t\t<div className=\"mx-auto max-w-lg text-center lg:mx-0 lg:w-1/2 lg:max-w-full lg:text-left\">\n\t\t\t\t\t\t{/* Main Heading */}\n\t\t\t\t\t\t<h1 className=\"text-5xl font-semibold text-balance md:text-6xl xl:text-7xl\">\n\t\t\t\t\t\t\t{props.header}\n\t\t\t\t\t\t</h1>\n\n\t\t\t\t\t\t{/* Subheader */}\n\t\t\t\t\t\t{props.subheader && (\n\t\t\t\t\t\t\t<p className=\"text-muted-foreground mt-6 text-lg text-pretty\">\n\t\t\t\t\t\t\t\t{props.subheader}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{/* CTA Buttons */}\n\t\t\t\t\t\t<div className=\"mt-8 flex flex-col items-center justify-center gap-3 sm:flex-row lg:justify-start\">\n\t\t\t\t\t\t\t{/* Primary CTA */}\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tasChild\n\t\t\t\t\t\t\t\tsize=\"lg\"\n\t\t\t\t\t\t\t\tclassName=\"inline-flex h-11 items-center justify-center gap-2 rounded-lg px-6 text-base font-medium whitespace-nowrap shadow-sm\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Link href={props.primaryCtaHref}>{props.primaryCtaLabel}</Link>\n\t\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t\t{/* Secondary CTA */}\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tasChild\n\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\tsize=\"lg\"\n\t\t\t\t\t\t\t\tclassName=\"inline-flex h-11 items-center justify-center gap-2 rounded-lg px-6 text-base font-medium whitespace-nowrap\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Link href={props.secondaryCtaHref}>\n\t\t\t\t\t\t\t\t\t{props.secondaryCtaLabel}\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Right Image Column */}\n\t\t\t\t\t{props.media && (\n\t\t\t\t\t\t<div className=\"relative mt-12 lg:mt-0 lg:w-1/2 lg:pl-12\">\n\t\t\t\t\t\t\t<div className=\"relative aspect-[4/3] w-full overflow-hidden rounded-2xl lg:aspect-square\">\n\t\t\t\t\t\t\t\t<MediaField\n\t\t\t\t\t\t\t\t\tmedia={props.media}\n\t\t\t\t\t\t\t\t\twidth=\"800\"\n\t\t\t\t\t\t\t\t\theight=\"800\"\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\"size-full object-cover object-center\",\n\t\t\t\t\t\t\t\t\t\t\"rounded-2xl shadow-2xl\",\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{/* Decorative background gradient */}\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclassName=\"from-primary/20 via-primary/10 absolute inset-0 -z-10 translate-x-8 translate-y-8 rounded-2xl bg-gradient-to-br to-transparent blur-3xl\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Background gradient */}\n\t\t\t<div\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName=\"absolute inset-x-0 top-0 -z-20 h-[800px] overflow-hidden\"\n\t\t\t>\n\t\t\t\t<div className=\"from-primary/5 absolute inset-0 bg-gradient-to-b via-transparent to-transparent\" />\n\t\t\t</div>\n\t\t</section>\n\t);\n}\n",
      "type": "registry:component",
      "target": "src/payload/blocks/Hero/Hero_2/index.tsx"
    },
    {
      "path": "registry/payload/blocks/hero/hero-2/config.ts",
      "content": "import {\n\tBLOCK_GROUP_HERO,\n\tBLOCK_SLUG_HERO_2,\n} from \"@/registry/default/lib/constants/blocks\";\nimport type { Block } from \"payload\";\nimport headerField from \"@/registry/default/lib/fields/header/config\";\nimport subHeaderField from \"@/registry/default/lib/fields/subheader/config\";\nimport mediaField from \"@/registry/default/lib/fields/media/config\";\n\nexport const Hero_2_Block: Block = {\n\tslug: BLOCK_SLUG_HERO_2,\n\tlabels: {\n\t\tsingular: \"Hero 2\",\n\t\tplural: \"Hero 2's\",\n\t},\n\tadmin: {\n\t\tgroup: BLOCK_GROUP_HERO,\n\t},\n\tinterfaceName: \"Hero_2_Block\",\n\tfields: [\n\t\theaderField({\n\t\t\tdefaultValue: \"Ship 10x Faster with NS\",\n\t\t}),\n\t\tsubHeaderField({\n\t\t\tdefaultValue:\n\t\t\t\t\"Highly customizable components for building modern websites and applications that look and feel the way you mean it.\",\n\t\t}),\n\t\t{\n\t\t\tlabel: \"Primary Call To Action\",\n\t\t\ttype: \"collapsible\",\n\t\t\tadmin: {\n\t\t\t\tinitCollapsed: false,\n\t\t\t},\n\t\t\tfields: [\n\t\t\t\t{\n\t\t\t\t\tname: \"primaryCtaLabel\",\n\t\t\t\t\tlabel: \"Primary Call To Action: Label\",\n\t\t\t\t\ttype: \"text\",\n\t\t\t\t\trequired: true,\n\t\t\t\t\tdefaultValue: \"Start Building\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"primaryCtaHref\",\n\t\t\t\t\tlabel: \"Primary Call To Action: Link (href)\",\n\t\t\t\t\ttype: \"text\",\n\t\t\t\t\trequired: true,\n\t\t\t\t\tdefaultValue: \"/get-started\",\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t\t{\n\t\t\tlabel: \"Secondary Call To Action\",\n\t\t\ttype: \"collapsible\",\n\t\t\tadmin: {\n\t\t\t\tinitCollapsed: false,\n\t\t\t},\n\t\t\tfields: [\n\t\t\t\t{\n\t\t\t\t\tname: \"secondaryCtaLabel\",\n\t\t\t\t\tlabel: \"Secondary Call To Action: Label\",\n\t\t\t\t\ttype: \"text\",\n\t\t\t\t\trequired: true,\n\t\t\t\t\tdefaultValue: \"Request a demo\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"secondaryCtaHref\",\n\t\t\t\t\tlabel: \"Secondary Call To Action: Link (href)\",\n\t\t\t\t\ttype: \"text\",\n\t\t\t\t\trequired: true,\n\t\t\t\t\tdefaultValue: \"/demo\",\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t\tmediaField({\n\t\t\tlabel: \"Background Image\",\n\t\t\tadmin: {\n\t\t\t\tdescription:\n\t\t\t\t\t\"Upload background image (light/dark variants). Displays as a floating image on the right side.\",\n\t\t\t},\n\t\t}),\n\t],\n};\n",
      "type": "registry:component",
      "target": "src/payload/blocks/Hero/Hero_2/config.ts"
    }
  ]
}