{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "features-7",
  "type": "registry:block",
  "title": "Features 7",
  "description": "Headline with a layered mail illustration and a feature grid.",
  "files": [
    {
      "path": "app/preview/features/seven/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=\"overflow-hidden py-16 md:py-32\">\n            <div className=\"mx-auto max-w-5xl space-y-8 px-6 md:space-y-12\">\n                <div className=\"relative z-10 max-w-2xl\">\n                    <h2 className=\"text-4xl font-semibold lg:text-5xl\">Built for Scaling teams</h2>\n                    <p className=\"mt-6 text-lg\">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 -mx-4 rounded-3xl p-3 md:-mx-12 lg:col-span-3\">\n                    <div className=\"perspective-midrange\">\n                        <div className=\"rotate-x-6 -skew-2\">\n                            <div className=\"aspect-88/36 relative\">\n                                <div className=\"bg-radial-[at_75%_25%] to-background z-1 -inset-17 absolute from-transparent to-75%\"></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>\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-7.tsx"
    }
  ]
}