Signup 8 block design & features
Signup8 is a two-column signup section built with shadcn/ui. The left side stacks an outlined pill badge with a chevron, an oversized three-line headline, a supporting paragraph, a Google sign-up button, an email sign-up button, and a no-credit-card note. The right side is a muted rounded frame that holds a browser-window card with traffic-light dots and a centered logo image.
The outer shell is a large rounded bordered container with generous padding. The headline is the dominant type element, tight tracking and stacked on three lines. Buttons are tall and full width. The browser mockup uses a muted inset, a bordered inner card, and a large centered mark. Static, no motion.
The block feels more like a marketing split than a compact auth card. The browser chrome and oversized type make it more elaborate than a standard centered form. Complexity is moderate and mixed: the mockup is code-driven decoration plus one logo image, while the left column is mostly copy.
Stacks to a single column on smaller screens with the mockup below the copy.