{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "home-who",
  "title": "Home Who",
  "description": "Founder / who band with editable CONTENT constants.",
  "dependencies": [
    "lucide-react",
    "next"
  ],
  "registryDependencies": [
    "@atroui/brand"
  ],
  "files": [
    {
      "path": "registry/default/blocks/home-who.tsx",
      "content": "import { ArrowRight } from \"lucide-react\"\nimport Link from \"next/link\"\n\nimport { getBrand } from \"@/lib/brand\"\n\n/**\n * Edit CONTENT to change bio, CTAs, and links.\n * This file is copied into your project by the AtroUI registry.\n */\nconst CONTENT = {\n  stamp: \"Who\",\n  headlineSuffix: \"is me.\",\n  bio: \"Solo founder. Every line of code, every pixel, every email. When you hire the studio, you talk to the person building your thing.\",\n  aboutHref: \"/about\",\n  aboutLabel: \"More about the studio\",\n  externalHref: \"https://example.com\",\n  externalLabel: \"Website\",\n  ctaStamp: \"Ready when you are\",\n  ctaHeadline: \"Tell us the shape of your next week.\",\n  ctaBody:\n    \"Free 15-minute intro. Two project slots open this quarter. We'll say honestly if we're a fit.\",\n  ctaLabel: \"Start a project\",\n  ctaHref: \"/contact\",\n  initials: \"YO\",\n}\n\nexport type HomeWhoProps = {\n  brandName?: string\n  email?: string\n  bio?: string\n}\n\nexport function HomeWho({\n  brandName,\n  email,\n  bio = CONTENT.bio,\n}: HomeWhoProps = {}) {\n  const brand = getBrand()\n  const name = brandName ?? brand.name\n  const mail = email ?? brand.email\n\n  return (\n    <section className=\"border-t border-border-subtle\">\n      <div className=\"border-b border-border-subtle\">\n        <div className=\"mx-auto grid max-w-7xl grid-cols-1 border-x border-border-subtle lg:grid-cols-12\">\n          <div className=\"border-b border-border-subtle p-6 sm:p-8 lg:col-span-7 lg:border-r lg:border-b-0 lg:p-10\">\n            <div className=\"flex flex-col gap-6 sm:flex-row sm:gap-8\">\n              <div\n                aria-hidden\n                className=\"flex size-16 shrink-0 items-center justify-center rounded-full bg-muted text-sm font-semibold tracking-wide text-foreground\"\n              >\n                {CONTENT.initials}\n              </div>\n              <div className=\"min-w-0\">\n                <p className=\"text-[11px] font-semibold tracking-[0.14em] text-muted-foreground uppercase\">\n                  {CONTENT.stamp}\n                </p>\n                <h2 className=\"mt-3 text-3xl font-medium tracking-tight text-foreground sm:text-4xl\">\n                  {name}{\" \"}\n                  <span className=\"italic text-[var(--color-brand,#0b7bff)]\">\n                    {CONTENT.headlineSuffix}\n                  </span>\n                </h2>\n                <p className=\"mt-4 max-w-md text-[15px] leading-relaxed text-muted-foreground\">\n                  {bio}\n                </p>\n                <div className=\"mt-5 flex flex-wrap gap-4 text-sm\">\n                  <Link\n                    href={CONTENT.aboutHref}\n                    className=\"underline-offset-4 hover:underline\"\n                  >\n                    {CONTENT.aboutLabel}\n                  </Link>\n                  <a\n                    href={CONTENT.externalHref}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className=\"underline-offset-4 hover:underline\"\n                  >\n                    {CONTENT.externalLabel}\n                  </a>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"flex flex-col justify-between gap-8 bg-muted/30 p-6 sm:p-8 lg:col-span-5 lg:p-10\">\n            <div>\n              <p className=\"text-[11px] font-semibold tracking-[0.14em] text-muted-foreground uppercase\">\n                {CONTENT.ctaStamp}\n              </p>\n              <h2 className=\"mt-3 text-2xl font-medium tracking-tight text-foreground sm:text-3xl\">\n                {CONTENT.ctaHeadline}\n              </h2>\n              <p className=\"mt-3 text-sm leading-relaxed text-muted-foreground\">\n                {CONTENT.ctaBody}\n              </p>\n            </div>\n            <div className=\"flex flex-col gap-3\">\n              <Link\n                href={CONTENT.ctaHref}\n                className=\"inline-flex h-10 w-full items-center justify-center gap-2 rounded-lg bg-primary px-5 text-sm font-medium text-primary-foreground sm:w-auto sm:justify-start\"\n              >\n                {CONTENT.ctaLabel}\n                <ArrowRight className=\"size-4\" aria-hidden />\n              </Link>\n              <a\n                href={`mailto:${mail}`}\n                className=\"inline-flex h-10 items-center text-sm text-muted-foreground hover:text-foreground\"\n              >\n                {mail}\n              </a>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/home-who.tsx"
    }
  ],
  "type": "registry:block"
}