{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "features-18",
  "title": "Features 18",
  "description": "A simple features block",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "src/registry/blocks/radix/features-18/components/features.tsx",
      "content": "import {\n  ArrowUpRightIcon,\n  BinocularsIcon,\n  GlobeIcon,\n  HouseIcon,\n  LockIcon,\n  ShieldCheckIcon,\n  ZapIcon,\n} from \"lucide-react\";\nimport { Button } from \"@/registry/bases/radix/ui/button\";\nimport { cn } from \"@/lib/utils\";\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: ZapIcon,\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    icon: HouseIcon,\n    title: \"Smart Home Integration\",\n    description:\n      \"Easily connect with your favorite smart home devices and services.\",\n  },\n  {\n    icon: GlobeIcon,\n    title: \"Global Coverage\",\n    description: \"Monitor and control your home from anywhere, anytime.\",\n  },\n  {\n    icon: LockIcon,\n    title: \"Secure & Reliable\",\n    description:\n      \"Built with the latest security technologies to protect your home.\",\n  },\n];\n\nexport default function Features() {\n  return (\n    <div\n      className=\"mx-auto max-w-(--breakpoint-xl) overflow-clip px-8 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 leading-[1.3] tracking-[-0.04em] sm:text-[2.75rem]\">\n        Advanced Home Security Solutions Built for Modern Living\n      </h2>\n      <p className=\"mt-4 text-pretty 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=\"relative mx-auto mt-16 grid max-w-5xl grid-cols-1 border nth-3:border sm:grid-cols-2 lg:grid-cols-3\">\n        <div className=\"mask-y-from-95% absolute -inset-y-14 left-0 -translate-x-px border-s border-dashed\" />\n        <div className=\"mask-y-from-95% absolute -inset-y-14 right-0 translate-x-px border-s border-dashed\" />\n        <div className=\"mask-x-from-95% absolute -inset-x-14 top-0 -translate-y-px border-t border-dashed\" />\n        <div className=\"mask-x-from-95% absolute -inset-x-14 bottom-0 translate-y-px border-b border-dashed\" />\n\n        {plusPoints.map((plusPoint, index) => (\n          <div\n            className={cn(\n              \"relative -mt-px flex w-full flex-col items-center gap-2 border-t p-6 pt-9 odd:bg-muted/40\",\n              \"lg:not-[&:nth-child(3n+1)]:border-e\",\n              \"max-sm:odd:border-e-0 max-lg:odd:border-e\"\n            )}\n            key={index}\n          >\n            <plusPoint.icon className=\"size-12 fill-foreground/10 stroke-[1.5px] text-foreground\" />\n            <h3 className=\"mt-6 font-medium text-lg tracking-[-0.005em]\">\n              {plusPoint.title}\n            </h3>\n            <p className=\"mb-6 text-balance text-muted-foreground\">\n              {plusPoint.description}\n            </p>\n            <Button className=\"mt-auto font-medium\" variant=\"link\">\n              Learn More <ArrowUpRightIcon />\n            </Button>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}