Login 6 block design & features
Login6 is a full-screen centered login form built with Shadcn UI inside a bordered rounded container. The form leads with a primary Google login Button at the top, followed by a horizontal rule with a centered "OR" label, then labeled email and password Inputs, and a secondary-variant submit Button. A logo appears above the card and a signup prompt sits below.
The section fills the viewport on the default background. The form container has a visible border, rounded-lg corners, and no shadow. The Google button uses the default primary style to visually prioritize social auth, while the credential submit button uses secondary styling to indicate it as the alternative path. The divider line is a thin border with a small background-colored label overlaid at center.
The hierarchy clearly signals Google sign-in as the preferred method while still offering traditional credentials. Complexity is low with no validation logic or state management. You supply a logo object and optional overrides for button text and the signup link.
The centered stack needs no responsive adjustments and remains consistent across all screen sizes.