{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"blog-author","type":"registry:block","title":"Blog Author","description":"An author's bio and stats beside their essay archive.","categories":["blog"],"dependencies":[],"registryDependencies":[],"files":[{"path":"registry/blocks/blog-author.tsx","content":"import Link from \"next/link\";\n\nconst posts = [\n  {\n    title: \"Ship the smallest thing that teaches you something\",\n    date: \"2026-06-30\",\n    reading: \"5 min\",\n  },\n  {\n    title: \"Feature flags are a liability with good marketing\",\n    date: \"2026-06-11\",\n    reading: \"9 min\",\n  },\n  {\n    title: \"Notes on interviewing senior engineers\",\n    date: \"2026-05-27\",\n    reading: \"12 min\",\n  },\n  {\n    title: \"The case for boring deploys\",\n    date: \"2026-05-02\",\n    reading: \"7 min\",\n  },\n];\n\nexport default function BlogAuthor() {\n  return (\n    <section className=\"bg-background\">\n      <div className=\"mx-auto grid w-full max-w-4xl gap-12 px-6 py-20 sm:py-24 lg:grid-cols-[1fr_2fr]\">\n        {/* Author card */}\n        <aside>\n          <span className=\"flex size-16 items-center justify-center rounded-full bg-muted font-mono text-lg font-semibold text-muted-foreground\">\n            NB\n          </span>\n          <h2 className=\"mt-4 text-xl font-semibold tracking-tight\">\n            Nadia Bello\n          </h2>\n          <p className=\"mt-1 text-sm text-muted-foreground\">\n            Co-founder & CEO. Writes about building small, durable software\n            companies — one essay a month, no growth hacks.\n          </p>\n          <dl className=\"mt-5 flex gap-6 border-t border-border/60 pt-4 font-mono text-xs text-muted-foreground\">\n            <div>\n              <dd className=\"text-base font-semibold text-foreground tabular-nums\">\n                42\n              </dd>\n              <dt>essays</dt>\n            </div>\n            <div>\n              <dd className=\"text-base font-semibold text-foreground tabular-nums\">\n                7 yrs\n              </dd>\n              <dt>writing</dt>\n            </div>\n          </dl>\n        </aside>\n\n        {/* Posts */}\n        <div>\n          {posts.map((post, index) => (\n            <article\n              key={post.title}\n              className={index > 0 ? \"border-t border-border/60\" : \"\"}\n            >\n              <Link\n                href=\"#\"\n                className=\"group flex items-baseline justify-between gap-6 py-5\"\n              >\n                <div>\n                  <h3 className=\"font-medium text-balance group-hover:underline group-hover:underline-offset-4\">\n                    {post.title}\n                  </h3>\n                  <p className=\"mt-1 font-mono text-xs text-muted-foreground\">\n                    {post.reading}\n                  </p>\n                </div>\n                <time className=\"shrink-0 font-mono text-xs text-muted-foreground tabular-nums\">\n                  {post.date}\n                </time>\n              </Link>\n            </article>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n","type":"registry:block","target":"components/blocks/blog/blog-author.tsx"}]}