Signup 9 block design & features
Signup9 is a full-screen centered signup block built with Shadcn UI components. The layout stacks a logo icon, a heading, a Google sign-up button with the Google logo, a separator with "or" text, a rounded email input, a full-width continue button, and a login link. At the bottom is an auto-scrolling carousel of partner logos rendered at low opacity with edge fade gradients.
The Google button uses an outline variant with a rounded-full shape and generous height. The email input matches the rounded-full shape with muted background and no visible border. The continue button uses a foreground background color with background-colored text for an inverted look. Separators flank the "or" text. The logo carousel uses the embla-carousel-auto-scroll plugin with edge gradient overlays for a seamless looping effect.
The aesthetic is modern and polished with pill-shaped interactive elements and a single-column centered flow. The subdued logo carousel adds a trust signal without competing for attention. Moderate complexity due to the carousel plugin integration and the variety of sign-up pathways presented.
On mobile the layout remains centered and single-column with all elements stacking naturally. The carousel adjusts its basis values for smaller viewports.