{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"dev-now","type":"registry:block","title":"Dev Now","description":"A “right now” panel: what you're building, reading and hearing.","categories":["developer"],"dependencies":["lucide-react"],"registryDependencies":[],"files":[{"path":"registry/blocks/dev-now.tsx","content":"import { BookOpen, Hammer, Headphones, MapPin } from \"lucide-react\";\n\nconst now = [\n  {\n    icon: Hammer,\n    label: \"Building\",\n    value: \"A CRDT-backed notes app, offline-first.\",\n  },\n  {\n    icon: BookOpen,\n    label: \"Reading\",\n    value: \"“Designing Data-Intensive Applications”, again.\",\n  },\n  {\n    icon: Headphones,\n    label: \"On repeat\",\n    value: \"Low-fi and the hum of a mechanical keyboard.\",\n  },\n  {\n    icon: MapPin,\n    label: \"Based in\",\n    value: \"Lisbon — open to remote work worldwide.\",\n  },\n];\n\nexport default function DevNow() {\n  return (\n    <section className=\"bg-background\">\n      <div className=\"mx-auto w-full max-w-2xl px-6 py-20 sm:py-24\">\n        <div className=\"rounded-2xl border border-border/60 bg-card p-8\">\n          <div className=\"flex items-center gap-2.5\">\n            <span className=\"relative flex size-2.5\">\n              <span className=\"absolute inline-flex h-full w-full animate-ping rounded-full bg-emerald-500/60 motion-reduce:hidden\" />\n              <span className=\"relative inline-flex size-2.5 rounded-full bg-emerald-500\" />\n            </span>\n            <h2 className=\"font-mono text-sm uppercase tracking-wide text-muted-foreground\">\n              Right now\n            </h2>\n          </div>\n          <p className=\"mt-4 text-lg font-medium tracking-tight text-balance\">\n            A snapshot of what has my attention this week.\n          </p>\n\n          <dl className=\"mt-8 space-y-5\">\n            {now.map((item) => (\n              <div key={item.label} className=\"flex items-start gap-4\">\n                <span className=\"flex size-9 shrink-0 items-center justify-center rounded-lg border border-border/60 bg-background text-muted-foreground\">\n                  <item.icon className=\"size-4\" />\n                </span>\n                <div>\n                  <dt className=\"font-mono text-xs uppercase tracking-wide text-muted-foreground\">\n                    {item.label}\n                  </dt>\n                  <dd className=\"mt-0.5 text-sm\">{item.value}</dd>\n                </div>\n              </div>\n            ))}\n          </dl>\n\n          <p className=\"mt-8 border-t border-border/60 pt-4 font-mono text-xs text-muted-foreground\">\n            inspired by nownownow.com · last updated this week\n          </p>\n        </div>\n      </div>\n    </section>\n  );\n}\n","type":"registry:block","target":"components/blocks/developer/dev-now.tsx"}]}