{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "mist-content-3",
  "type": "registry:block",
  "title": "Content Three",
  "description": "Mist Kit Content block, variant three",
  "files": [
    {
      "path": "../../packages/mist-kit/blocks/content/three/index.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/Vengeance UI-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",
      "type": "registry:component",
      "target": "components/content-three.tsx"
    }
  ]
}