{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "features-09",
  "title": "Features 09",
  "description": "A simple features block",
  "files": [
    {
      "path": "src/registry/blocks/shared/features-09/components/features.tsx",
      "content": "import {\n  Cable,\n  Code,\n  Contrast,\n  MonitorSmartphone,\n  SquareDashedMousePointer,\n  Zap,\n} from \"lucide-react\";\n\nconst features = [\n  {\n    title: \"Blazing Fast Performance\",\n    description:\n      \"Optimized for speed with minimal loading times and instant interactions, ensuring a smooth experience across devices.\",\n    icon: Zap,\n  },\n  {\n    title: \"Fully Customizable\",\n    description:\n      \"Tailor every component to match your brand or workflow — with built-in support for themes, layouts, and configurations.\",\n    icon: SquareDashedMousePointer,\n  },\n  {\n    title: \"Developer-Friendly\",\n    description:\n      \"Built with clean, modern code and best practices in mind, making it easy to integrate, extend, and scale.\",\n    icon: Code,\n  },\n  {\n    title: \"Responsive by Default\",\n    description:\n      \"Every component is designed to look great on all screen sizes — no extra work needed to make things mobile-friendly.\",\n    icon: MonitorSmartphone,\n  },\n  {\n    title: \"Accessible for Everyone\",\n    description:\n      \"Built with accessibility best practices in mind to ensure an inclusive experience for all users, regardless of ability.\",\n    icon: Contrast,\n  },\n  {\n    title: \"Seamless Integration\",\n    description:\n      \"Easily connect with your favorite tools, APIs, and services — whether it's authentication, databases, or third-party libraries.\",\n    icon: Cable,\n  },\n];\n\nconst Features = () => {\n  return (\n    <div className=\"mx-auto flex max-w-7xl flex-col px-6 py-20\">\n      <h2 className=\"text-pretty text-center font-medium text-4xl tracking-[-0.04em] sm:text-[2.75rem]\">\n        Ship with confidence\n      </h2>\n      <p className=\"mt-3 text-center text-muted-foreground text-xl -tracking-[0.01em] sm:text-2xl\">\n        Designed for speed, flexibility, and ease of use\n      </p>\n\n      <div className=\"mt-20 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3\">\n        {features.map((feature, index) => (\n          <div\n            className=\"rounded-xl border border-border/80 bg-card p-6 shadow-xs/3\"\n            key={index}\n          >\n            <div className=\"flex items-center gap-3\">\n              <div className=\"flex h-8 w-8 items-center justify-center rounded-lg bg-primary/7 text-primary dark:bg-primary/10\">\n                <feature.icon className=\"h-5 w-5\" />\n              </div>\n              <h3 className=\"font-medium text-lg tracking-[-0.005em]\">\n                {feature.title}\n              </h3>\n            </div>\n            <p className=\"mt-4 text-base 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"
}