{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "features-15",
  "title": "Features 15",
  "description": "A simple features block",
  "files": [
    {
      "path": "src/registry/blocks/shared/features-15/components/features.tsx",
      "content": "const features = [\n  {\n    title: \"Blazing Fast Performance\",\n    description:\n      \"Optimized for speed with minimal loading times and instant interactions.\",\n    image: \"https://www.fffuel.co/images/dddepth-preview/dddepth-028.jpg\",\n  },\n  {\n    title: \"Fully Customizable\",\n    description: \"Tailor every component to match your brand or workflow.\",\n    image: \"https://www.fffuel.co/images/dddepth-preview/dddepth-051.jpg\",\n  },\n  {\n    title: \"Developer-Friendly\",\n    description: \"Built with clean, modern code and best practices in mind.\",\n    image: \"https://www.fffuel.co/images/dddepth-preview/dddepth-248.jpg\",\n  },\n  {\n    title: \"Responsive by Default\",\n    description:\n      \"Every component is designed to look great on all screen sizes.\",\n    image: \"https://www.fffuel.co/images/dddepth-preview/dddepth-045.jpg\",\n  },\n  {\n    title: \"Accessible for Everyone\",\n    description: \"Built with accessibility best practices in mind.\",\n    image: \"https://www.fffuel.co/images/dddepth-preview/dddepth-034.jpg\",\n  },\n  {\n    title: \"Seamless Integration\",\n    description: \"Easily connect with your favorite tools, APIs, and services.\",\n    image: \"https://www.fffuel.co/images/dddepth-preview/dddepth-012.jpg\",\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        Built with intention\n      </h2>\n      <p className=\"mt-3 text-pretty text-center text-muted-foreground text-xl -tracking-[0.01em] sm:text-2xl\">\n        Carefully structured blocks that feel right in projects\n      </p>\n\n      <div className=\"mx-auto mt-16 grid max-w-6xl grid-cols-1 gap-6 sm:mt-20 sm:grid-cols-2 lg:grid-cols-3\">\n        {features.map((feature, index) => (\n          <div className=\"rounded-lg border border-border/80\" key={index}>\n            <div className=\"mask-b-from-70% dark:mask-b-from-40% aspect-square w-full rounded-t-lg\">\n              <img\n                alt=\"\"\n                className=\"size-full rounded-t-lg object-cover\"\n                src={feature.image}\n              />\n            </div>\n\n            <div className=\"-mt-3 p-6 pt-0\">\n              <h3 className=\"font-medium text-xl tracking-[-0.005em]\">\n                {feature.title}\n              </h3>\n              <p className=\"mt-2 text-foreground/80 text-lg\">\n                {feature.description}\n              </p>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Features;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}