{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "docs-marketing",
  "type": "registry:component",
  "title": "Docs marketing",
  "description": "A React docs landing page with an animated headline, docs search, get started and API buttons, a table of contents and scroll revealed code and callouts.",
  "dependencies": [
    "motion"
  ],
  "registryDependencies": [
    "https://ui.minidev.pro/r/button.json",
    "https://ui.minidev.pro/r/callout.json",
    "https://ui.minidev.pro/r/code-block.json",
    "https://ui.minidev.pro/r/scroll-reveal.json",
    "https://ui.minidev.pro/r/search-input.json",
    "https://ui.minidev.pro/r/toc.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/premium/docs-marketing.tsx",
      "type": "registry:ui",
      "target": "components/ui/docs-marketing.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { motion, useReducedMotion } from \"motion/react\"\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { SearchInput } from \"@/components/ui/search-input\"\nimport { Callout } from \"@/components/ui/callout\"\nimport { CodeBlock } from \"@/components/ui/code-block\"\nimport { Toc } from \"@/components/ui/toc\"\nimport { ScrollReveal } from \"@/components/ui/scroll-reveal\"\n\nfunction DocsMarketing({ className }: { className?: string }) {\n  const reduce = useReducedMotion()\n  return (\n    <div data-slot=\"docs-marketing\" data-tier=\"premium\" className={cn(\"space-y-12\", className)}>\n      <section className=\"rounded-2xl border border-border bg-sunken px-6 py-16 text-center\">\n        <motion.p initial={reduce ? false : { opacity: 0 }} animate={{ opacity: 1 }} className=\"text-xs font-medium tracking-[0.01em] text-fg-muted uppercase\">\n          Documentation\n        </motion.p>\n        <motion.h1\n          initial={reduce ? false : { opacity: 0, y: 10 }}\n          animate={{ opacity: 1, y: 0 }}\n          className=\"mt-3 text-4xl font-medium tracking-[-0.026em] text-fg\"\n        >\n          Build faster with MiniDev UI\n        </motion.h1>\n        <p className=\"mx-auto mt-3 max-w-lg text-sm text-fg-muted\">\n          Guides, API references, and copy-paste recipes — styled like the product.\n        </p>\n        <div className=\"mx-auto mt-6 max-w-md\">\n          <SearchInput aria-label=\"Search docs\" placeholder=\"Search docs…\" />\n        </div>\n        <div className=\"mt-6 flex justify-center gap-3\">\n          <Button>Get started</Button>\n          <Button variant=\"outline\">API reference</Button>\n        </div>\n      </section>\n      <div className=\"grid gap-10 lg:grid-cols-[200px_1fr]\">\n        <Toc\n          items={[\n            { id: \"install\", title: \"Install\" },\n            { id: \"tokens\", title: \"Tokens\", level: 2 },\n            { id: \"premium\", title: \"Premium\", level: 2 },\n          ]}\n          activeId=\"install\"\n        />\n        <div className=\"space-y-6\">\n          <ScrollReveal>\n            <h2 id=\"install\" className=\"text-2xl font-medium tracking-[-0.018em] text-fg\">Install</h2>\n            <p className=\"mt-2 text-sm text-fg-muted\">Add components from the registry into your Next.js app.</p>\n            <div className=\"mt-4\">\n              <CodeBlock code=\"npx shadcn@latest add @minidev/button\" language=\"bash\" />\n            </div>\n          </ScrollReveal>\n          <ScrollReveal delay={0.05}>\n            <h2 id=\"tokens\" className=\"text-2xl font-medium tracking-[-0.018em] text-fg\">Tokens</h2>\n            <Callout title=\"Rule\" tone=\"info\">Every value comes from DESIGN.md. Invent nothing.</Callout>\n          </ScrollReveal>\n          <ScrollReveal delay={0.1}>\n            <h2 id=\"premium\" className=\"text-2xl font-medium tracking-[-0.018em] text-fg\">Premium</h2>\n            <p className=\"mt-2 text-sm text-fg-muted\">Motion blocks live under <code className=\"rounded border border-border bg-sunken px-1\">src/registry/premium</code>.</p>\n          </ScrollReveal>\n        </div>\n      </div>\n    </div>\n  )\n}\nexport { DocsMarketing }\n"
    }
  ]
}