{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "features-02",
  "title": "Features 02",
  "description": "A simple features block",
  "files": [
    {
      "path": "src/registry/blocks/shared/features-02/components/features.tsx",
      "content": "const features = [\n  {\n    title: \"Identify Opportunities\",\n    description: \"Find untapped areas to explore effortlessly.\",\n    image: \"https://www.fffuel.co/images/dddepth-preview/dddepth-051.jpg\",\n  },\n  {\n    title: \"Build Authority\",\n    description: \"Craft content that resonates and inspires trust.\",\n    image: \"https://www.fffuel.co/images/dddepth-preview/dddepth-248.jpg\",\n  },\n  {\n    title: \"Instant Insights\",\n    description: \"Get actionable insights instantly at a glance.\",\n    image: \"https://www.fffuel.co/images/dddepth-preview/dddepth-034.jpg\",\n  },\n];\n\nconst Features = () => {\n  return (\n    <div className=\"flex min-h-screen items-center justify-center px-6 py-20\">\n      <div className=\"w-full grow sm:max-w-(--breakpoint-md) lg:max-w-(--breakpoint-lg)\">\n        <h2 className=\"mx-auto text-center font-medium text-4xl tracking-[-0.045em] sm:text-[2.75rem]/[1.2]\">\n          Where ideas take shape\n        </h2>\n        <p className=\"mt-3 text-pretty text-center text-lg text-muted-foreground tracking-[-0.01em] sm:text-2xl\">\n          No complex configs. Just copy, paste, and start building\n        </p>\n        <div className=\"mt-18 grid w-full gap-x-6 gap-y-12 sm:grid-cols-2 lg:grid-cols-3\">\n          {features.map((feature) => (\n            <div\n              className=\"flex w-full flex-col text-start\"\n              key={feature.title}\n            >\n              <div className=\"relative mb-5 aspect-4/5 w-full overflow-hidden rounded-xl sm:mb-6\">\n                <img\n                  alt=\"\"\n                  className=\"size-full bg-muted object-cover\"\n                  sizes=\"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw\"\n                  src={feature.image}\n                />\n              </div>\n              <div className=\"px-1\">\n                <span className=\"font-medium text-[22px] tracking-[-0.015em]\">\n                  {feature.title}\n                </span>\n                <p className=\"mt-1 max-w-[25ch] text-[17px] text-muted-foreground\">\n                  {feature.description}\n                </p>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Features;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}