{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "features-6",
  "type": "registry:block",
  "title": "Features 6",
  "description": "Two-column feature section with an illustration and supporting points.",
  "files": [
    {
      "path": "app/preview/features/six/page.tsx",
      "content": "import { Cpu, Lock, Sparkles, Zap } from 'lucide-react'\nimport Image from 'next/image'\n\nexport default function FeaturesSection() {\n    return (\n        <section className=\"py-16 md:py-32\">\n            <div className=\"mx-auto max-w-5xl space-y-12 px-6\">\n                <div className=\"relative z-10 grid items-center gap-4 md:grid-cols-2 md:gap-12\">\n                    <h2 className=\"text-4xl font-semibold\">The Lyra ecosystem brings together our models</h2>\n                    <p className=\"max-w-sm sm:ml-auto\">Empower your team with workflows that adapt to your needs, whether you prefer git synchronization or a AI Agents interface.</p>\n                </div>\n                <div className=\"relative rounded-3xl p-3 md:-mx-8 lg:col-span-3\">\n                    <div className=\"aspect-88/36 relative\">\n                        <div className=\"bg-linear-to-t z-1 from-background absolute inset-0 to-transparent\"></div>\n                        <Image src=\"/mail-upper.png\" className=\"absolute inset-0 z-10\" alt=\"payments illustration dark\" width={2797} height={1137} />\n                        <Image src=\"/mail-back.png\" className=\"hidden dark:block\" alt=\"payments illustration dark\" width={2797} height={1137} />\n                        <Image src=\"/mail-back-light.png\" className=\"dark:hidden\" alt=\"payments illustration light\" width={2797} height={1137} />\n                    </div>\n                </div>\n                <div className=\"relative mx-auto grid grid-cols-2 gap-x-3 gap-y-6 sm:gap-8 lg:grid-cols-4\">\n                    <div className=\"space-y-3\">\n                        <div className=\"flex items-center gap-2\">\n                            <Zap className=\"size-4\" />\n                            <h3 className=\"text-sm font-medium\">Faaast</h3>\n                        </div>\n                        <p className=\"text-muted-foreground text-sm\">It supports an entire helping developers and innovate.</p>\n                    </div>\n                    <div className=\"space-y-2\">\n                        <div className=\"flex items-center gap-2\">\n                            <Cpu className=\"size-4\" />\n                            <h3 className=\"text-sm font-medium\">Powerful</h3>\n                        </div>\n                        <p className=\"text-muted-foreground text-sm\">It supports an entire helping developers and businesses.</p>\n                    </div>\n                    <div className=\"space-y-2\">\n                        <div className=\"flex items-center gap-2\">\n                            <Lock className=\"size-4\" />\n                            <h3 className=\"text-sm font-medium\">Security</h3>\n                        </div>\n                        <p className=\"text-muted-foreground text-sm\">It supports an helping developers businesses innovate.</p>\n                    </div>\n                    <div className=\"space-y-2\">\n                        <div className=\"flex items-center gap-2\">\n                            <Sparkles className=\"size-4\" />\n\n                            <h3 className=\"text-sm font-medium\">AI Powered</h3>\n                        </div>\n                        <p className=\"text-muted-foreground text-sm\">It supports an helping developers businesses innovate.</p>\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\n",
      "type": "registry:component",
      "target": "components/features-6.tsx"
    }
  ]
}