{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "features-01",
  "title": "Features 01",
  "description": "A simple features block",
  "dependencies": [
    "lucide-react"
  ],
  "files": [
    {
      "path": "src/registry/blocks/shared/features-01/components/features.tsx",
      "content": "import {\n  Blocks,\n  Bot,\n  ChartPie,\n  Film,\n  MessageCircle,\n  Settings2,\n} from \"lucide-react\";\n\nconst features = [\n  {\n    icon: Settings2,\n    title: \"Customizable Layouts\",\n    description:\n      \"Design your space with drag-and-drop simplicity—create grids, lists, or galleries in seconds.\",\n  },\n  {\n    icon: Blocks,\n    title: \"Interactive Widgets\",\n    description:\n      \"Embed polls, quizzes, or forms to keep your audience engaged.\",\n  },\n  {\n    icon: Bot,\n    title: \"AI-Powered Tools\",\n    description:\n      \"Generate summaries, auto-format content, or translate into multiple languages seamlessly.\",\n  },\n  {\n    icon: Film,\n    title: \"Media Integrations\",\n    description:\n      \"Connect with Spotify, Instagram, or your own media library for dynamic visuals and sound.\",\n  },\n  {\n    icon: ChartPie,\n    title: \"Advanced Analytics\",\n    description:\n      \"Track engagement, clicks, and user activity with intuitive charts and reports.\",\n  },\n  {\n    icon: MessageCircle,\n    title: \"Seamless Collaboration\",\n    description:\n      \"Comment, tag, and assign tasks directly within your documents.\",\n  },\n];\n\nconst Features = () => {\n  return (\n    <div className=\"px-6 py-20\">\n      <h2 className=\"mx-auto max-w-3xl text-center font-medium text-4xl tracking-[-0.045em] sm:text-[2.75rem]\">\n        Ready out of the box\n      </h2>\n      <p className=\"mt-3 text-pretty text-center text-lg text-muted-foreground tracking-[-0.01em] sm:text-2xl\">\n        Simple, customizable, and easy to drop into your workflow\n      </p>\n      <div className=\"mx-auto mt-10 grid max-w-(--breakpoint-lg) gap-6 sm:mt-16 sm:grid-cols-2 lg:grid-cols-3\">\n        {features.map((feature) => (\n          <div\n            className=\"flex flex-col rounded-xl border bg-card p-6\"\n            key={feature.title}\n          >\n            <div className=\"mb-5 flex h-10 w-10 items-center justify-center rounded-full bg-muted\">\n              <feature.icon className=\"size-5\" />\n            </div>\n            <span className=\"font-medium text-lg\">{feature.title}</span>\n            <p className=\"mt-1 text-[15px] text-foreground/80\">\n              {feature.description}\n            </p>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Features;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}