{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "cookie-consent-03",
  "type": "registry:component",
  "title": "Cookie Consent",
  "author": "Toby Belhome",
  "description": "Ensure compliance and build trust with elegantly designed Tailwind CSS cookie consent sections. These layouts provide clear messaging, simple accept/reject options, and subtle visuals to inform users about cookies. Perfect for websites and SaaS platforms aiming for transparency and a modern, user-friendly experience.",
  "dependencies": [],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "examples/blocks/marketing/cookie-consent/03/page.tsx",
      "content": "import { Button } from \"@/components/ui/button\";\n\nexport default function CookieConsent() {\n  return (\n    <>\n      <div className=\"bg-background fixed bottom-5 left-5 mx-auto max-w-md rounded-2xl border p-4\">\n        <h4 className=\"font-semibold\">🍪 Cookie Notice</h4>\n\n        <p className=\"text-muted-foreground mt-4 text-sm\">\n          We use cookies to ensure that we give you the best experience on our website.{\" \"}\n          <a href=\"#\" className=\"text-blue-500 hover:underline\">\n            Read cookies policies\n          </a>\n          .\n        </p>\n\n        <div className=\"mt-4 flex shrink-0 items-center justify-between gap-x-4\">\n          <Button variant=\"link\" size=\"sm\" className=\"px-0 text-xs underline\">\n            Manage your preferences\n          </Button>\n          <Button size=\"sm\">Accept</Button>\n        </div>\n      </div>\n\n      {/* fake content */}\n      <div className=\"bg-muted/50 h-60\"></div>\n    </>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/cookie-consent-03.tsx"
    }
  ],
  "meta": {
    "isPro": true
  }
}