{"$schema":"https://ui.shadcn.com/schema/registry-item.json","type":"registry:block","registryDependencies":["@efferd/decor-icon"],"name":"features-3","description":"Grid layout with full-width dividers, showcasing features with icons and concise text.","categories":["features"],"files":[{"path":"registry/blocks/features/3/feature-section.tsx","type":"registry:component","content":"import { cn } from \"@/lib/utils\";\nimport type React from \"react\";\nimport { FullWidthDivider } from \"@/components/full-width-divider\";\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 min-h-screen w-full max-w-5xl place-content-center space-y-12 border-x py-4\">\n\t\t\t<div className=\"relative grid grid-cols-1 gap-px bg-border md:grid-cols-2 lg:grid-cols-4\">\n\t\t\t\t<FullWidthDivider position=\"top\" />\n\t\t\t\t{features.map((feature) => (\n\t\t\t\t\t<FeatureCard feature={feature} key={feature.title} />\n\t\t\t\t))}\n\t\t\t\t<FullWidthDivider position=\"bottom\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport function FeatureCard({\n\tfeature,\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\"> & {\n\tfeature: FeatureType;\n}) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"relative flex flex-col justify-between overflow-hidden bg-background p-4 md:p-6\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"relative z-10 flex items-center pt-4 pb-6\",\n\t\t\t\t\t\"[&_svg]:size-5 [&_svg]:text-primary\"\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{feature.icon}\n\t\t\t</div>\n\n\t\t\t<div className=\"relative z-10 space-y-2\">\n\t\t\t\t<h3 className=\"font-medium text-foreground text-lg\">{feature.title}</h3>\n\t\t\t\t<p className=\"text-muted-foreground text-xs leading-relaxed\">\n\t\t\t\t\t{feature.description}\n\t\t\t\t</p>\n\t\t\t</div>\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 performance with edge network optimizations.\",\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: \"Enterprise-grade security, zero configuration required.\",\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 data sync across all devices efficiently.\",\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 to 35+ regions worldwide.\",\n\t},\n];\n"}]}