{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"mist-content-3","type":"registry:block","title":"Content 3","description":"Tailark Mist content variant 3 block","meta":{"aspect-ratio":"72/43","width":686,"height":410},"files":[{"path":"mist/blocks/content/three.tsx","type":"registry:component","target":"@components/content-3.tsx","content":"import Image from 'next/image'\n\nexport default function ContentSection() {\n    return (\n        <section>\n            <div className=\"py-24\">\n                <div className=\"mx-auto w-full max-w-5xl px-6\">\n                    <div className=\"mx-auto max-w-2xl\">\n                        <div>\n                            <span className=\"text-3xl\">🦊</span>\n                            <h2 className=\"text-foreground mt-4 text-4xl font-semibold\">Create Content with AI Assistance</h2>\n                            <p className=\"text-muted-foreground mb-12 mt-4 text-xl\">Our AI assistant helps you create better content faster. Generate ideas, improve your writing, and design layouts with simple prompts.</p>\n                        </div>\n\n                        <div className=\"relative mt-12 overflow-hidden rounded-3xl bg-black/10 md:mt-16\">\n                            <img\n                                src=\"https://images.unsplash.com/photo-1533119408463-b0f487583ff6?q=80&w=2960&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                                alt=\"\"\n                                className=\"absolute inset-0 size-full object-cover\"\n                            />\n\n                            <div className=\"bg-background rounded-(--radius) relative m-4 overflow-hidden border border-transparent shadow-xl shadow-black/15 ring-1 ring-black/10 sm:m-8 md:m-12\">\n                                <Image\n                                    src=\"/mist/tailark-3.png\"\n                                    alt=\"app screen\"\n                                    width=\"2880\"\n                                    height=\"1842\"\n                                    className=\"object-top-left size-full object-cover\"\n                                />\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\n"}]}