{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "features-01",
  "title": "Features 01",
  "type": "registry:block",
  "files": [
    {
      "path": "packages/registry-react/blocks/features-01/Features01.tsx",
      "content": "import { BarChart3, Calendar, FileCheck2, ShieldCheck, Users, Wallet } from 'lucide-react'\nimport { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'\n\nexport function Features01() {\n  return (\n    <section className=\"bg-background\">\n      <div className=\"mx-auto max-w-6xl px-6 py-24\">\n        <div className=\"mb-12 max-w-2xl space-y-3\">\n          <p className=\"text-primary text-sm font-medium tracking-widest uppercase\">Features</p>\n          <h2 className=\"text-3xl font-semibold tracking-tight sm:text-4xl\">Everything teams need, nothing they don't.</h2>\n          <p className=\"text-muted-foreground text-lg\">\n            Six modules that work together out of the box. Pay only for what you use.\n          </p>\n        </div>\n        <div className=\"grid gap-6 sm:grid-cols-2 lg:grid-cols-3\">\n          <Card>\n            <CardHeader className=\"space-y-3\">\n              <div className=\"bg-primary/10 text-primary flex size-10 items-center justify-center rounded-lg\">\n                <Users className=\"size-5\" />\n              </div>\n              <CardTitle className=\"text-base\">Employee directory</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-muted-foreground text-sm\">\n                Single source of truth for people, roles and reporting lines — searchable and exportable.\n              </p>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardHeader className=\"space-y-3\">\n              <div className=\"bg-primary/10 text-primary flex size-10 items-center justify-center rounded-lg\">\n                <Wallet className=\"size-5\" />\n              </div>\n              <CardTitle className=\"text-base\">Payroll</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-muted-foreground text-sm\">\n                Multi-currency runs with automatic tax filing and direct deposit. Pause and resume in one click.\n              </p>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardHeader className=\"space-y-3\">\n              <div className=\"bg-primary/10 text-primary flex size-10 items-center justify-center rounded-lg\">\n                <BarChart3 className=\"size-5\" />\n              </div>\n              <CardTitle className=\"text-base\">Performance</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-muted-foreground text-sm\">\n                OKRs, 1:1s, 360 reviews and continuous feedback all linked to the org chart.\n              </p>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardHeader className=\"space-y-3\">\n              <div className=\"bg-primary/10 text-primary flex size-10 items-center justify-center rounded-lg\">\n                <FileCheck2 className=\"size-5\" />\n              </div>\n              <CardTitle className=\"text-base\">Onboarding</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-muted-foreground text-sm\">\n                34 templated tasks split across pre-start, day 1, week 1, month 1 and 90-day milestones.\n              </p>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardHeader className=\"space-y-3\">\n              <div className=\"bg-primary/10 text-primary flex size-10 items-center justify-center rounded-lg\">\n                <Calendar className=\"size-5\" />\n              </div>\n              <CardTitle className=\"text-base\">Time off</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-muted-foreground text-sm\">\n                Accrual-based leave with manager approval workflow and shared team calendar.\n              </p>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardHeader className=\"space-y-3\">\n              <div className=\"bg-primary/10 text-primary flex size-10 items-center justify-center rounded-lg\">\n                <ShieldCheck className=\"size-5\" />\n              </div>\n              <CardTitle className=\"text-base\">Compliance</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-muted-foreground text-sm\">\n                GDPR, SOC2 and HIPAA-ready audit trails. Right-to-erasure built in.\n              </p>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:block",
      "target": "~/components/blocks/Features01.tsx"
    }
  ],
  "dependencies": [
    "lucide-react"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://uipkge.dev/r/react/card.json"
  ],
  "description": "Three-column features grid (six cards). Eyebrow + headline + lede, then each card has a tinted icon-box, a short title, and a one-paragraph description. Cards are spelled out inline — swap, reorder, or change icons without unwiring a wrapper.",
  "categories": [
    "marketing"
  ]
}