{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "brand-hero-block",
  "title": "Brand Hero Block",
  "author": "Poyraz Avsever",
  "description": "Poyraz Soft Glass Brand Hero Block with container-responsive layout and semantic tokens.",
  "dependencies": [
    "lucide-react@^0.574.0"
  ],
  "registryDependencies": [
    "@poyraz/poyraz-utils",
    "@poyraz/poyraz-theme",
    "@poyraz/badge",
    "@poyraz/button"
  ],
  "files": [
    {
      "path": "registry/poyraz/blocks/phase8/brand-hero-block.tsx",
      "content": "import { ArrowRight, Blocks, Code2, ShieldCheck } from \"lucide-react\";\n\nimport { Badge } from \"@/components/ui/atoms/badge\";\nimport { Button } from \"@/components/ui/atoms/button\";\n\nconst heroFeatures = [\n  { title: \"Source owned\", description: \"Every installed file is yours.\", icon: Code2 },\n  { title: \"Accessible\", description: \"Radix behavior and visible states.\", icon: ShieldCheck },\n  { title: \"Composable\", description: \"Primitives and product-ready blocks.\", icon: Blocks },\n];\n\nfunction BrandHeroBlock() {\n  return (\n    <section\n      data-slot=\"brand-hero-block\"\n      className=\"@container/hero overflow-hidden rounded-xl border border-border bg-background\"\n    >\n      <div className=\"px-4 py-12 text-center @sm/hero:px-8 @lg/hero:py-16\">\n        <Badge variant=\"glass\">Poyraz UI v3</Badge>\n        <h1 className=\"mx-auto mt-4 max-w-3xl text-3xl font-semibold leading-tight @lg/hero:text-5xl\">\n          Build product interfaces with <span className=\"text-primary\">open, adaptable</span> source\n        </h1>\n        <p className=\"mx-auto mt-4 max-w-xl text-sm leading-relaxed text-muted-foreground @sm/hero:text-base\">\n          A registry-first React UI kit combining accessible behavior, semantic tokens and\n          restrained glass surfaces.\n        </p>\n        <div className=\"mt-6 flex flex-col justify-center gap-2 @sm/hero:flex-row\">\n          <Button>\n            Browse components <ArrowRight className=\"size-4\" />\n          </Button>\n          <Button variant=\"outline\">Read documentation</Button>\n        </div>\n      </div>\n      <div className=\"grid border-t border-border @md/hero:grid-cols-3\">\n        {heroFeatures.map(({ title, description, icon: Icon }) => (\n          <div\n            key={title}\n            className=\"flex gap-3 border-b border-border p-4 last:border-b-0 @md/hero:border-b-0 @md/hero:border-r @md/hero:last:border-r-0\"\n          >\n            <span className=\"flex size-9 shrink-0 items-center justify-center rounded-md bg-primary-muted text-primary\">\n              <Icon className=\"size-4\" />\n            </span>\n            <div>\n              <h2 className=\"text-sm font-semibold\">{title}</h2>\n              <p className=\"mt-1 text-xs text-muted-foreground\">{description}</p>\n            </div>\n          </div>\n        ))}\n      </div>\n    </section>\n  );\n}\n\nexport { BrandHeroBlock, heroFeatures };\n",
      "type": "registry:block",
      "target": "@ui/blocks/phase8/brand-hero-block.tsx"
    }
  ],
  "meta": {
    "category": "phase-8-block",
    "phase": "beta",
    "responsive": "container",
    "accessibilityReviewed": true
  },
  "type": "registry:block"
}