{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"mist-features-8","type":"registry:block","title":"Features 8","description":"Tailark Mist features variant 8 block","registryDependencies":["@tailark-oss/mist-card"],"meta":{"aspect-ratio":"90/61","width":686,"height":465},"files":[{"path":"mist/blocks/features/eight.tsx","type":"registry:component","target":"@components/features-8.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 Features() {\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                        >\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/tailark-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                        >\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                        >\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                        >\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"}]}