{"$schema":"https://ui.shadcn.com/schema/registry-item.json","type":"registry:block","registryDependencies":["@efferd/decor-icon"],"name":"features-1","description":"Linear feature grid with icons and descriptions, separated by vertical lines.","categories":["features"],"files":[{"path":"registry/blocks/features/1/feature-section.tsx","type":"registry:component","content":"import { cn } from \"@/lib/utils\";\nimport type React from \"react\";\n\ntype FeatureType = {\n\ttitle: string;\n\ticon: React.ReactNode;\n\tdescription: string;\n};\n\nexport function FeatureSection() {\n\treturn (\n\t\t<div className=\"mx-auto grid max-w-5xl grid-cols-2 gap-4 py-4 md:grid-cols-4\">\n\t\t\t{features.map((feature, index) => (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"relative flex flex-col items-center justify-center p-2\",\n\t\t\t\t\t\t\"after:absolute after:inset-y-0 after:right-0 after:h-full after:w-px after:bg-linear-to-b after:from-foreground/6 after:via-foreground/25 after:to-foreground/6\",\n\t\t\t\t\t\t\"[&_svg]:size-6 [&_svg]:text-muted-foreground\",\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"after:hidden\": index === features.length - 1,\n\t\t\t\t\t\t\t\"after:hidden after:md:block\": index === 1,\n\t\t\t\t\t\t}\n\t\t\t\t\t)}\n\t\t\t\t\tkey={feature.title}\n\t\t\t\t>\n\t\t\t\t\t{feature.icon}\n\t\t\t\t\t<h3 className=\"mt-4 text-center font-medium text-xs md:text-sm lg:text-base\">\n\t\t\t\t\t\t{feature.title}\n\t\t\t\t\t</h3>\n\t\t\t\t\t<p className=\"mt-1 text-center text-[10px] text-muted-foreground md:text-xs\">\n\t\t\t\t\t\t{feature.description}\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n\nconst features: FeatureType[] = [\n\t{\n\t\ttitle: \"Lightning Fast\",\n\t\ticon: (\n\t\t\t<IconPlaceholder\n\t\t\t\thugeicons=\"ZapIcon\"\n\t\t\t\tlucide=\"ZapIcon\"\n\t\t\t\tphosphor=\"LightningIcon\"\n\t\t\t\tremixicon=\"RiFlashlightLine\"\n\t\t\t\ttabler=\"IconBolt\"\n\t\t\t/>\n\t\t),\n\t\tdescription: \"Blazing fast edge performance.\",\n\t},\n\t{\n\t\ttitle: \"Secure by Design\",\n\t\ticon: (\n\t\t\t<IconPlaceholder\n\t\t\t\thugeicons=\"ShieldCheck\"\n\t\t\t\tlucide=\"ShieldCheckIcon\"\n\t\t\t\tphosphor=\"ShieldCheckIcon\"\n\t\t\t\tremixicon=\"RiShieldCheckLine\"\n\t\t\t\ttabler=\"IconShieldCheck\"\n\t\t\t/>\n\t\t),\n\t\tdescription: \"Security by design, zero config.\",\n\t},\n\t{\n\t\ttitle: \"Real-time Sync\",\n\t\ticon: (\n\t\t\t<IconPlaceholder\n\t\t\t\thugeicons=\"ActivityIcon\"\n\t\t\t\tlucide=\"ActivityIcon\"\n\t\t\t\tphosphor=\"PulseIcon\"\n\t\t\t\tremixicon=\"RiPulseLine\"\n\t\t\t\ttabler=\"IconActivity\"\n\t\t\t/>\n\t\t),\n\t\tdescription: \"Real-time sync across devices.\",\n\t},\n\t{\n\t\ttitle: \"Global Scale\",\n\t\ticon: (\n\t\t\t<IconPlaceholder\n\t\t\t\thugeicons=\"GlobeIcon\"\n\t\t\t\tlucide=\"GlobeIcon\"\n\t\t\t\tphosphor=\"GlobeIcon\"\n\t\t\t\tremixicon=\"RiGlobeLine\"\n\t\t\t\ttabler=\"IconGlobe\"\n\t\t\t/>\n\t\t),\n\t\tdescription: \"Instant global deployment.\",\n\t},\n];\n"}]}