{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "features-03",
  "title": "Features 03",
  "description": "A simple features block",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "src/registry/blocks/radix/features-03/components/features.tsx",
      "content": "import { ArrowRight, Blocks, Settings2 } from \"lucide-react\";\nimport { Button } from \"@/registry/bases/radix/ui/button\";\n\nconst Features = () => {\n  return (\n    <div className=\"mx-auto w-full max-w-(--breakpoint-lg) px-6 py-20\">\n      <h2 className=\"font-medium text-3xl leading-10 tracking-[-0.04em] sm:text-4xl md:text-[40px] md:leading-13\">\n        Design and engage: <br />\n        <span className=\"text-muted-foreground/80\">\n          Build smarter spaces and strategies\n        </span>\n      </h2>\n      <div className=\"mt-8 grid gap-6 sm:grid-cols-2 md:grid-cols-5 lg:grid-cols-3\">\n        {/* Card 1 */}\n        <div className=\"col-span-1 rounded-xl bg-muted p-6 md:col-span-2 lg:col-span-1\">\n          {/* Media 1 Mobile */}\n          <div className=\"mb-6 aspect-video w-full rounded-xl bg-background md:hidden\" />\n\n          <span className=\"font-medium text-xl tracking-[-0.01em]\">\n            Plan Smarter\n          </span>\n\n          <ul className=\"mt-6 space-y-5\">\n            <li>\n              <div className=\"flex items-start gap-3\">\n                <Settings2 className=\"shrink-0\" />\n                <p className=\"-mt-0.5\">\n                  Design your space with drag-and-drop simplicity—create grids,\n                  lists, or galleries in seconds.\n                </p>\n              </div>\n            </li>\n            <li>\n              <div className=\"flex items-start gap-3\">\n                <Blocks className=\"shrink-0\" />\n                <p className=\"-mt-0.5\">\n                  Embed polls, quizzes, or forms to keep your audience engaged.\n                </p>\n              </div>\n            </li>\n          </ul>\n\n          <Button className=\"mt-8 w-full\">\n            Build your strategy <ArrowRight />\n          </Button>\n        </div>\n        {/* Media 1 Desktop */}\n        <div className=\"col-span-1 hidden rounded-xl bg-muted md:col-span-3 md:block lg:col-span-2\" />\n\n        {/* Media 2 Desktop */}\n        <div className=\"col-span-1 hidden rounded-xl bg-muted md:col-span-3 md:block lg:col-span-2\" />\n\n        {/* Card 2 */}\n        <div className=\"col-span-1 rounded-xl bg-muted p-6 md:col-span-2 lg:col-span-1\">\n          {/* Media 2 Mobile */}\n          <div className=\"mb-6 aspect-video w-full rounded-xl bg-background md:hidden\" />\n\n          <span className=\"font-medium text-xl tracking-[-0.01em]\">\n            Plan Smarter\n          </span>\n\n          <ul className=\"mt-6 space-y-4\">\n            <li>\n              <div className=\"flex items-start gap-3\">\n                <Settings2 className=\"shrink-0\" />\n                <p className=\"-mt-0.5\">\n                  Design your space with drag-and-drop simplicity—create grids,\n                  lists, or galleries in seconds.\n                </p>\n              </div>\n            </li>\n            <li>\n              <div className=\"flex items-start gap-3\">\n                <Blocks className=\"shrink-0\" />\n                <p className=\"-mt-0.5\">\n                  Embed polls, quizzes, or forms to keep your audience engaged.\n                </p>\n              </div>\n            </li>\n          </ul>\n\n          <Button className=\"mt-8 w-full\">\n            Build your strategy <ArrowRight />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Features;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}