{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "home-crafts",
  "title": "Home Crafts",
  "description": "Capabilities / crafts band with editable CONTENT and CRAFTS (distinct from pricing).",
  "dependencies": [
    "lucide-react",
    "next"
  ],
  "files": [
    {
      "path": "registry/default/blocks/home-crafts.tsx",
      "content": "import { ArrowUpRight } from \"lucide-react\"\nimport Link from \"next/link\"\n\n/**\n * Edit CONTENT / CRAFTS for your studio offerings (capabilities, not prices).\n * Pair with @atroui/pricing-overview when you want a rate card.\n */\nconst CONTENT = {\n  stamp: \"Crafts\",\n  headlineBefore: \"What we\",\n  headlineAccent: \"actually ship\",\n  headlineAfter: \".\",\n  lede: \"Capabilities, not a rate card. Prices stay on the Pricing band.\",\n}\n\nconst CRAFTS = [\n  {\n    title: \"MVP sprints\",\n    detail: \"One core workflow live in a week — auth, data, deploy.\",\n    outcome: \"7 days\",\n    href: \"/services/mvp-sprint\",\n  },\n  {\n    title: \"AI features\",\n    detail: \"Streaming UI, guardrails, and cost-aware model wiring.\",\n    outcome: \"1–2 weeks\",\n    href: \"/services/ai-feature\",\n  },\n  {\n    title: \"Design systems\",\n    detail: \"Tokens, dark-first components, and docs your team can extend.\",\n    outcome: \"2–3 weeks\",\n    href: \"/services/design-system\",\n  },\n  {\n    title: \"Full-stack builds\",\n    detail: \"Multi-week product work with fixed milestones and handoff.\",\n    outcome: \"Scoped\",\n    href: \"/services/full-stack\",\n  },\n]\n\nexport function HomeCrafts() {\n  return (\n    <section className=\"border-t border-border-subtle\">\n      <div className=\"border-b border-border-subtle\">\n        <div className=\"mx-auto max-w-7xl border-x border-border-subtle px-6 py-12 sm:px-10 sm:py-16\">\n          <div className=\"max-w-2xl\">\n            <p className=\"text-[11px] font-semibold tracking-[0.14em] text-muted-foreground uppercase\">\n              {CONTENT.stamp}\n            </p>\n            <h2 className=\"mt-4 text-3xl font-medium tracking-tight text-foreground sm:text-5xl\">\n              {CONTENT.headlineBefore}{\" \"}\n              <span className=\"italic text-[var(--color-brand,#0b7bff)]\">\n                {CONTENT.headlineAccent}\n              </span>\n              {CONTENT.headlineAfter}\n            </h2>\n            <p className=\"mt-4 max-w-lg text-[15px] leading-relaxed text-muted-foreground\">\n              {CONTENT.lede}\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"border-b border-border-subtle\">\n        <div className=\"mx-auto max-w-7xl border-x border-border-subtle\">\n          <ul className=\"grid grid-cols-1 divide-y divide-border-subtle sm:grid-cols-2 sm:divide-x md:grid-cols-4 md:divide-y-0\">\n            {CRAFTS.map((craft, i) => (\n              <li key={craft.title}>\n                <Link\n                  href={craft.href}\n                  className=\"group flex h-full flex-col p-6 sm:p-8\"\n                >\n                  <p className=\"font-mono text-[11px] tabular-nums text-muted-foreground\">\n                    {String(i + 1).padStart(2, \"0\")}\n                  </p>\n                  <h3 className=\"mt-3 flex items-center gap-1.5 text-lg font-medium text-foreground\">\n                    {craft.title}\n                    <ArrowUpRight\n                      className=\"size-3.5 opacity-0 transition-opacity group-hover:opacity-100\"\n                      aria-hidden\n                    />\n                  </h3>\n                  <p className=\"mt-2 flex-1 text-sm leading-relaxed text-muted-foreground\">\n                    {craft.detail}\n                  </p>\n                  <p className=\"mt-4 text-xs font-medium tracking-wide text-[var(--color-brand,#0b7bff)] uppercase\">\n                    {craft.outcome}\n                  </p>\n                </Link>\n              </li>\n            ))}\n          </ul>\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/home-crafts.tsx"
    }
  ],
  "type": "registry:block"
}