Settings Profile 1 A block design & features
SettingsProfile1a is a profile settings form built with shadcn/ui inputs, labels, selects, and buttons, organized under a section heading and muted disclaimer banner. A circular avatar preview sits beside upload and remove controls with hidden file input support, followed by text fields for first and last name, a read-style email row, and dropdowns for timezone and preferred week start.
Light app surfaces with a bordered section header, rounded avatar crop, and vertically stacked form groups that switch to a side-by-side avatar and fields layout on wider screens. Select menus carry predefined timezone and weekday options while buttons use standard outline and default variants.
Practical and form-forward with moderate complexity from client-side avatar preview handling. Content-driven rather than decorative: teams need user defaults, disclaimer copy, and valid option lists. The layout reads like a standard account settings panel rather than a marketing block.
On mobile the avatar block stacks above the form fields while labels and inputs remain full width.