{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "mist-features-8",
  "type": "registry:block",
  "title": "Features Eight",
  "description": "Mist Kit Features block, variant eight",
  "registryDependencies": [
    "card"
  ],
  "files": [
    {
      "path": "../../packages/mist-kit/blocks/features/eight/index.tsx",
      "content": "import { Card } from '@/components/ui/card'\nimport { CalendarCheck, Layout, Sparkles, Target } from 'lucide-react'\nimport Image from 'next/image'\n\nexport default function FeaturesSection() {\n    return (\n        <section>\n            <div className=\"py-24\">\n                <div className=\"mx-auto w-full max-w-5xl px-6\">\n                    <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3\">\n                        <Card\n                            variant=\"soft\"\n                            className=\"col-span-full overflow-hidden pl-6 pt-6\">\n                            <Layout className=\"text-primary size-5\" />\n                            <h3 className=\"text-foreground mt-5 text-lg font-semibold\">AI Code Generation</h3>\n                            <p className=\"text-muted-foreground mt-3 max-w-xl text-balance\">Our advanced AI models transform natural language into production-ready code, streamlining development workflows and enabling faster iteration. </p>\n                            <div className=\"mask-b-from-95% -ml-2 -mt-2 mr-0.5 pl-2 pt-2\">\n                                <div className=\"bg-background rounded-tl-(--radius) ring-foreground/5 relative mx-auto mt-8 h-96 overflow-hidden border border-transparent shadow ring-1\">\n                                    <Image\n                                        src=\"/mist/Vengeance UI-3.png\"\n                                        alt=\"app screen\"\n                                        width=\"2880\"\n                                        height=\"1842\"\n                                        className=\"object-top-left h-full object-cover\"\n                                    />\n                                </div>\n                            </div>\n                        </Card>\n                        <Card\n                            variant=\"soft\"\n                            className=\"p-6\">\n                            <Target className=\"text-primary size-5\" />\n                            <h3 className=\"text-foreground mt-5 text-lg font-semibold\">AI Code Generation</h3>\n                            <p className=\"text-muted-foreground mt-3 text-balance\">Our advanced AI models transform natural language into production-ready code.</p>\n                        </Card>\n\n                        <Card\n                            variant=\"soft\"\n                            className=\"p-6\">\n                            <CalendarCheck className=\"text-primary size-5\" />\n                            <h3 className=\"text-foreground mt-5 text-lg font-semibold\">Intelligent Code Review</h3>\n                            <p className=\"text-muted-foreground mt-3 text-balance\">Our AI analyzes your code for bugs, security issues, and optimization opportunities.</p>\n                        </Card>\n                        <Card\n                            variant=\"soft\"\n                            className=\"p-6\">\n                            <Sparkles className=\"text-primary size-5\" />\n                            <h3 className=\"text-foreground mt-5 text-lg font-semibold\">Contextual AI Assistant</h3>\n                            <p className=\"text-muted-foreground mt-3 text-balance\">A personalized AI companion that understands your codebase and helps solve complex...</p>\n                        </Card>\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\n",
      "type": "registry:component",
      "target": "components/features-eight.tsx"
    }
  ]
}