Signup 02

1"use client"
2 
3import { SignupForm } from "@/registry/radix-sera/blocks/signup-02/components/signup-form"
4import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder"
5 
6export default function SignupPage() {
7  return (
8    <div className="grid min-h-svh lg:grid-cols-2">
9      <div className="flex flex-col gap-4 p-6 md:p-10">
10        <div className="flex justify-center gap-2 md:justify-start">
11          <a href="#" className="flex items-center gap-2 font-medium">
12            <div className="flex size-6 items-center justify-center rounded-md bg-primary text-primary-foreground">
13              <IconPlaceholder
14                lucide="GalleryVerticalEndIcon"
15                tabler="IconLayoutRows"
16                hugeicons="LayoutBottomIcon"
17                phosphor="RowsIcon"
18                remixicon="RiGalleryLine"
19                className="size-4"
20              />
21            </div>
22            Acme Inc.
23          </a>
24        </div>
25        <div className="flex flex-1 items-center justify-center">
26          <div className="w-full max-w-xs">
27            <SignupForm />
28          </div>
29        </div>
30      </div>
31      <div className="relative hidden bg-muted lg:block">
32        <img
33          src="/placeholder.svg"
34          alt="Image"
35          className="absolute inset-0 h-full w-full object-cover dark:brightness-[0.2] dark:grayscale"
36        />
37      </div>
38    </div>
39  )
40}