{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "features-04",
  "title": "Features 04",
  "description": "A simple features block",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "accordion"
  ],
  "files": [
    {
      "path": "src/registry/blocks/radix/features-04/components/features.tsx",
      "content": "import {\n  BookCheck,\n  ChartPie,\n  FolderSync,\n  Goal,\n  Users,\n  Zap,\n} from \"lucide-react\";\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/registry/bases/radix/ui/accordion\";\n\nconst features = [\n  {\n    icon: Goal,\n    title: \"Identify Opportunities\",\n    description:\n      \"Easily uncover untapped areas to explore and expand your reach effortlessly and effectively.\",\n  },\n  {\n    icon: BookCheck,\n    title: \"Build Authority\",\n    description:\n      \"Create valuable content that resonates, inspires trust, and positions you as an expert.\",\n  },\n  {\n    icon: ChartPie,\n    title: \"Instant Insights\",\n    description:\n      \"Gain immediate, actionable insights with a quick glance, enabling fast decision-making.\",\n  },\n  {\n    icon: Users,\n    title: \"Engage with Your Audience\",\n    description:\n      \"Boost audience engagement with interactive features like polls, quizzes, and forms.\",\n  },\n  {\n    icon: FolderSync,\n    title: \"Automate Your Workflow\",\n    description:\n      \"Streamline your processes by automating repetitive tasks, saving time and reducing effort.\",\n  },\n  {\n    icon: Zap,\n    title: \"Accelerate Growth\",\n    description:\n      \"Supercharge your growth by implementing strategies that drive results quickly and efficiently.\",\n  },\n];\n\nconst Features = () => {\n  return (\n    <div className=\"mx-auto w-full max-w-(--breakpoint-lg) px-6 py-20\">\n      <h2 className=\"max-w-lg text-pretty font-medium text-4xl tracking-[-0.04em] md:text-[2.75rem] md:leading-14\">\n        Build scalable interfaces with minimal effort\n      </h2>\n      <div className=\"mx-auto mt-8 grid w-full gap-12 md:mt-12 md:grid-cols-2\">\n        <div>\n          <Accordion className=\"w-full\" defaultValue=\"item-0\" type=\"single\">\n            {features.map(({ title, description, icon: Icon }, index) => (\n              <AccordionItem\n                className=\"group/accordion-item data-[state=open]:border-primary data-[state=open]:border-b-2\"\n                key={index}\n                value={`item-${index}`}\n              >\n                <AccordionTrigger className=\"text-lg group-first/accordion-item:pt-0 [&>svg]:hidden\">\n                  <div className=\"flex items-center gap-4\">\n                    <Icon />\n                    {title}\n                  </div>\n                </AccordionTrigger>\n                <AccordionContent className=\"text-[17px] text-muted-foreground leading-relaxed\">\n                  {description}\n                  <div className=\"mt-6 mb-2 aspect-video w-full rounded-xl bg-muted md:hidden\" />\n                </AccordionContent>\n              </AccordionItem>\n            ))}\n          </Accordion>\n        </div>\n\n        {/* Media */}\n        <div className=\"hidden h-full w-full rounded-xl bg-muted md:block\" />\n      </div>\n    </div>\n  );\n};\n\nexport default Features;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}