{
  "$schema": "https://shadcn-vue.com/schema/registry-item.json",
  "name": "features-01",
  "title": "Features 01",
  "type": "registry:block",
  "files": [
    {
      "path": "packages/registry-vue/blocks/features-01/Features01.vue",
      "content": "<script setup lang=\"ts\">\nimport { BarChart3, Calendar, FileCheck2, ShieldCheck, Users, Wallet } from 'lucide-vue-next'\nimport { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'\n</script>\n\n<template>\n  <section class=\"bg-background\">\n    <div class=\"mx-auto max-w-6xl px-6 py-24\">\n      <div class=\"mb-12 max-w-2xl space-y-3\">\n        <p class=\"text-primary text-sm font-medium tracking-widest uppercase\">Features</p>\n        <h2 class=\"text-3xl font-semibold tracking-tight sm:text-4xl\">Everything teams need, nothing they don't.</h2>\n        <p class=\"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 class=\"grid gap-6 sm:grid-cols-2 lg:grid-cols-3\">\n        <Card>\n          <CardHeader class=\"space-y-3\">\n            <div class=\"bg-primary/10 text-primary flex size-10 items-center justify-center rounded-lg\">\n              <Users class=\"size-5\" />\n            </div>\n            <CardTitle class=\"text-base\">Employee directory</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <p class=\"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 class=\"space-y-3\">\n            <div class=\"bg-primary/10 text-primary flex size-10 items-center justify-center rounded-lg\">\n              <Wallet class=\"size-5\" />\n            </div>\n            <CardTitle class=\"text-base\">Payroll</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <p class=\"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 class=\"space-y-3\">\n            <div class=\"bg-primary/10 text-primary flex size-10 items-center justify-center rounded-lg\">\n              <BarChart3 class=\"size-5\" />\n            </div>\n            <CardTitle class=\"text-base\">Performance</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <p class=\"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 class=\"space-y-3\">\n            <div class=\"bg-primary/10 text-primary flex size-10 items-center justify-center rounded-lg\">\n              <FileCheck2 class=\"size-5\" />\n            </div>\n            <CardTitle class=\"text-base\">Onboarding</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <p class=\"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 class=\"space-y-3\">\n            <div class=\"bg-primary/10 text-primary flex size-10 items-center justify-center rounded-lg\">\n              <Calendar class=\"size-5\" />\n            </div>\n            <CardTitle class=\"text-base\">Time off</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <p class=\"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 class=\"space-y-3\">\n            <div class=\"bg-primary/10 text-primary flex size-10 items-center justify-center rounded-lg\">\n              <ShieldCheck class=\"size-5\" />\n            </div>\n            <CardTitle class=\"text-base\">Compliance</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <p class=\"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</template>\n",
      "type": "registry:block",
      "target": "~/app/components/blocks/Features01.vue"
    }
  ],
  "dependencies": [
    "lucide-vue-next"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://uipkge.dev/r/vue/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"
  ]
}