{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "shadcn-registry-4",
  "title": "Shadcn Registry 4",
  "description": "A centered dark Open Graph image with logo, name, title, and URL on a subtle dot pattern background.",
  "registryDependencies": [
    "https://ogimagecn.com/r/brand-mark.json"
  ],
  "files": [
    {
      "path": "registry/blocks/shadcn-registry-4/index.tsx",
      "content": "import { BrandMark } from \"@/components/og/brand-mark\";\n\nexport interface ShadcnRegistry4Props {\n  name: string;\n  title: string;\n  url?: string;\n  logo?: string;\n}\n\nexport const ShadcnRegistry4 = ({\n  name,\n  title,\n  url = \"\",\n  logo = \"\",\n}: ShadcnRegistry4Props) => (\n  <div\n    style={{\n      alignItems: \"center\",\n      backgroundColor: \"#0a0a0a\",\n      backgroundImage:\n        \"radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.1), transparent 70%)\",\n      backgroundSize: \"100% 100%\",\n      color: \"#fafafa\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      height: \"100%\",\n      justifyContent: \"center\",\n      padding: \"80px\",\n      position: \"relative\",\n      width: \"100%\",\n    }}\n  >\n    {/* Logo + Name */}\n    <div\n      style={{\n        alignItems: \"center\",\n        display: \"flex\",\n        gap: \"16px\",\n        marginBottom: \"48px\",\n      }}\n    >\n      <BrandMark\n        background=\"rgba(255,255,255,0.3)\"\n        radius={12}\n        size={56}\n        src={logo}\n      />\n      <div\n        style={{ fontSize: \"40px\", fontWeight: 600, letterSpacing: \"-0.02em\" }}\n      >\n        {name}\n      </div>\n    </div>\n\n    {/* Title with alternating word colors */}\n    <div\n      style={{\n        display: \"flex\",\n        flexWrap: \"wrap\",\n        fontSize: title.length > 60 ? 52 : 64,\n        fontWeight: 700,\n        justifyContent: \"center\",\n        letterSpacing: \"-0.03em\",\n        lineHeight: 1.15,\n        maxWidth: \"900px\",\n        textAlign: \"center\",\n        textWrap: \"balance\",\n      }}\n    >\n      {title.split(\" \").map((word, i) => (\n        <span\n          key={i}\n          style={{\n            color: i % 2 === 0 ? \"#71717a\" : \"#fafafa\",\n            marginRight: \"0.3em\",\n          }}\n        >\n          {word}\n        </span>\n      ))}\n    </div>\n\n    {/* URL */}\n    {url ? (\n      <div\n        style={{\n          color: \"#52525b\",\n          fontSize: \"24px\",\n          fontWeight: 500,\n          letterSpacing: \"0.02em\",\n          marginTop: \"48px\",\n        }}\n      >\n        {url}\n      </div>\n    ) : null}\n  </div>\n);\n",
      "type": "registry:component",
      "target": "components/og/shadcn-registry-4.tsx"
    }
  ],
  "categories": [
    "shadcn-registry"
  ],
  "type": "registry:block"
}