{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "onboarding3",
  "title": "Minimal Welcome with Icon",
  "description": "Clean, centered welcome screen with a branded icon, heading, and single call-to-action. Perfect for simple app introductions that prioritize clarity over complexity.",
  "dependencies": [
    "clsx",
    "tailwind-merge",
    "lucide-react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "registry/onboarding3/onboarding3.tsx",
      "content": "\"use client\";\n\nimport { ArrowRight, Boxes } from \"lucide-react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport Link from \"next/link\";\nimport { cn } from \"@/lib/utils\";\n\ninterface Onboarding3Props {\n  icon?: React.ReactNode;\n  heading?: string;\n  description?: string;\n  primaryButton?: {\n    label: string;\n    href: string;\n  };\n  className?: string;\n}\n\nexport const onboarding3Demo: Onboarding3Props = {\n  heading: \"Welcome to Acme\",\n  description:\n    \"Your workspace is ready. Let's take a quick tour to help you get the most out of your experience.\",\n  primaryButton: {\n    label: \"Let's Go\",\n    href: \"https://beste.co\",\n  },\n};\n\nexport function Onboarding3({\n  icon,\n  heading,\n  description,\n  primaryButton,\n  className,\n}: Onboarding3Props) {\n  return (\n    <section className={cn(\"py-16 md:py-24 w-full\", className)}>\n      <div className=\"mx-auto max-w-md px-4 md:px-6\">\n        <div className=\"flex flex-col items-center text-center\">\n          {/* Icon */}\n          <div className=\"mb-6 flex size-16 items-center justify-center rounded-2xl bg-primary/10\">\n            {icon ?? <Boxes className=\"size-8 text-primary\" />}\n          </div>\n\n          {/* Heading */}\n          {heading && <h1 className=\"mb-3 text-2xl font-bold md:text-3xl\">{heading}</h1>}\n\n          {/* Description */}\n          {description && <p className=\"mb-8 text-muted-foreground\">{description}</p>}\n\n          {/* Button */}\n          {primaryButton && (\n            <Button size=\"lg\" asChild>\n              <Link href={primaryButton.href}>\n                {primaryButton.label}\n                <ArrowRight className=\"size-4\" />\n              </Link>\n            </Button>\n          )}\n        </div>\n      </div>\n    </section>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/beste/block/onboarding3.tsx"
    }
  ],
  "type": "registry:block"
}