{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "features-14",
  "title": "Features 14",
  "description": "A simple features block",
  "files": [
    {
      "path": "src/registry/blocks/radix/features-14/components/features.tsx",
      "content": "import {\n  ArrowUpRightIcon,\n  BinocularsIcon,\n  CogIcon,\n  ShieldCheckIcon,\n} from \"lucide-react\";\nimport { Button } from \"@/registry/bases/radix/ui/button\";\n\nconst plusPoints = [\n  {\n    icon: ShieldCheckIcon,\n    title: \"Real-Time Protection\",\n    description:\n      \"Stay alert with instant notifications and smart security monitoring.\",\n  },\n  {\n    icon: CogIcon,\n    title: \"Smart & Simple Setup\",\n    description: \"Install easily in minutes with no complex tools or wiring.\",\n  },\n  {\n    icon: BinocularsIcon,\n    title: \"Peace of Mind Anywhere\",\n    description: \"Monitor and control your home from anywhere, anytime.\",\n  },\n];\n\nexport default function Features() {\n  return (\n    <div\n      className=\"mx-auto max-w-(--breakpoint-xl) px-6 py-24 text-center\"\n      id=\"why-choose-us\"\n    >\n      <strong className=\"font-medium text-muted-foreground text-sm uppercase tracking-wide\">\n        Why Choose Us\n      </strong>\n      <h2 className=\"mx-auto mt-5 max-w-4xl text-balance font-medium text-4xl/tight tracking-[-0.04em] sm:text-[2.75rem]\">\n        We are Leading in Smart Assistants with Nearly 20 Years of Experience\n      </h2>\n      <p className=\"mt-5 text-muted-foreground text-xl -tracking-[0.01em] sm:text-2xl\">\n        We are constantly always keep pace with the time.\n      </p>\n\n      <div className=\"mt-16 flex flex-wrap justify-center gap-4\">\n        {plusPoints.map((plusPoint) => (\n          <div\n            className=\"relative w-full overflow-hidden rounded-lg border bg-linear-to-b from-foreground/3 px-6 py-10 sm:max-w-xs\"\n            key={plusPoint.title}\n          >\n            <BackgroundPattern />\n\n            <div className=\"isolate flex flex-col items-center gap-2\">\n              <plusPoint.icon className=\"size-14 stroke-[1.5px] text-foreground\" />\n              <h3 className=\"mt-8 font-medium text-xl tracking-[-0.005em]\">\n                {plusPoint.title}\n              </h3>\n              <p className=\"text-balance text-base text-muted-foreground\">\n                {plusPoint.description}\n              </p>\n              <Button className=\"mt-6\">\n                Learn More <ArrowUpRightIcon />\n              </Button>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction BackgroundPattern() {\n  return (\n    <div\n      className=\"absolute inset-0 -top-px -left-px\"\n      style={{\n        backgroundImage: `\n        linear-gradient(to right, var(--border) 1px, transparent 1px),\n        linear-gradient(to bottom, var(--border) 1px, transparent 1px)\n      `,\n        backgroundSize: \"20px 20px\",\n        backgroundPosition: \"0 0, 0 0\",\n        maskImage: `\n        repeating-linear-gradient(\n              to right,\n              black 0px,\n              black 3px,\n              transparent 3px,\n              transparent 8px\n            ),\n            repeating-linear-gradient(\n              to bottom,\n              black 0px,\n              black 3px,\n              transparent 3px,\n              transparent 8px\n            ),\n            radial-gradient(ellipse 70% 60% at 50% 0%, #000 60%, transparent 100%)\n      `,\n        WebkitMaskImage: `\n repeating-linear-gradient(\n              to right,\n              black 0px,\n              black 3px,\n              transparent 3px,\n              transparent 8px\n            ),\n            repeating-linear-gradient(\n              to bottom,\n              black 0px,\n              black 3px,\n              transparent 3px,\n              transparent 8px\n            ),\n            radial-gradient(ellipse 70% 60% at 50% 0%, #000 60%, transparent 100%)\n      `,\n        maskComposite: \"intersect\",\n        WebkitMaskComposite: \"source-in\",\n      }}\n    />\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}