{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "signup-01",
  "title": "Sign Up",
  "description": "An onboarding form paired with a concise product pitch.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "@rivelle/utils",
    "@rivelle/button",
    "@rivelle/checkbox",
    "@rivelle/input",
    "@rivelle/label"
  ],
  "files": [
    {
      "path": "registry/nova/blocks/signup-01.tsx",
      "content": "import * as React from \"react\";\nimport { ArrowRight, Check, Sparkles } from \"lucide-react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Checkbox } from \"@/components/ui/checkbox\";\nimport { Input } from \"@/components/ui/input\";\nimport { Label } from \"@/components/ui/label\";\nimport { cn } from \"@/lib/utils\";\n\nfunction Signup01({ className, ...props }: React.ComponentProps<\"section\">) {\n  return (\n    <section\n      className={cn(\n        \"grid min-h-[680px] overflow-hidden rounded-[2rem] border border-foreground/10 bg-[radial-gradient(circle_at_top_left,color-mix(in_oklch,var(--primary)_13%,transparent),transparent_36%),var(--background)] lg:grid-cols-2\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"flex items-center justify-center p-7 sm:p-12\">\n        <div className=\"w-full max-w-md\">\n          <div className=\"mb-8 flex items-center gap-2 text-sm font-semibold\">\n            <span className=\"grid size-8 place-items-center rounded-xl bg-primary text-primary-foreground\">\n              <Sparkles className=\"size-4\" />\n            </span>\n            Rivelle\n          </div>\n          <h1 className=\"text-3xl font-semibold tracking-[-.04em]\">\n            Create your workspace\n          </h1>\n          <p className=\"mt-2 text-sm text-muted-foreground\">\n            Start building your next product in a few seconds.\n          </p>\n          <form className=\"mt-8 grid gap-5\">\n            <div className=\"grid gap-5 sm:grid-cols-2\">\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"first-name\">First name</Label>\n                <Input id=\"first-name\" placeholder=\"Maya\" />\n              </div>\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"last-name\">Last name</Label>\n                <Input id=\"last-name\" placeholder=\"Chen\" />\n              </div>\n            </div>\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"signup-email\">Work email</Label>\n              <Input\n                id=\"signup-email\"\n                placeholder=\"maya@company.com\"\n                type=\"email\"\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"signup-password\">Password</Label>\n              <Input id=\"signup-password\" type=\"password\" />\n            </div>\n            <div className=\"flex items-start gap-3\">\n              <Checkbox id=\"terms\" />\n              <Label\n                className=\"font-normal leading-relaxed text-muted-foreground\"\n                htmlFor=\"terms\"\n              >\n                I agree to the terms and privacy policy.\n              </Label>\n            </div>\n            <Button size=\"lg\">\n              Create account <ArrowRight />\n            </Button>\n          </form>\n          <p className=\"mt-6 text-center text-sm text-muted-foreground\">\n            Already have an account?{\" \"}\n            <a className=\"font-semibold text-foreground\" href=\"#\">\n              Sign in\n            </a>\n          </p>\n        </div>\n      </div>\n      <div className=\"hidden items-center justify-center border-l border-foreground/8 bg-foreground/[.025] p-12 lg:flex\">\n        <div className=\"max-w-md\">\n          <p className=\"text-sm font-semibold text-primary\">\n            Everything you need\n          </p>\n          <h2 className=\"mt-3 text-4xl font-semibold leading-tight tracking-[-.05em]\">\n            From blank canvas to polished product.\n          </h2>\n          <div className=\"mt-9 space-y-5\">\n            {[\n              \"53 editable UI primitives\",\n              \"Production-ready application blocks\",\n              \"Server-first Next.js architecture\",\n            ].map((item) => (\n              <div\n                className=\"flex items-center gap-3 text-sm font-medium\"\n                key={item}\n              >\n                <span className=\"grid size-7 place-items-center rounded-full bg-primary/10 text-primary\">\n                  <Check className=\"size-3.5\" />\n                </span>\n                {item}\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport { Signup01 };\n",
      "type": "registry:block"
    }
  ],
  "type": "registry:block"
}