Team 3 block design & features
Team3 is a team card grid built with shadcn/ui on a full-width gradient-tinted section. A centered gradient headline and supporting copy sit above cards that include avatar, name, pill-shaped role, and optional social links. Hover lifts each card, deepens shadow, and adds a soft gradient overlay with a glowing avatar ring and scaling social buttons.
Colored gradient atmosphere behind otherwise light card surfaces. Role pills and social controls add compact secondary chrome. Motion is hover-driven lift and scale rather than entrance animation. Density stays marketing-friendly with clear card separation.
More expressive than a flat roster, with a polished product-marketing mood. Moderate complexity from CSS hover treatments plus content-driven member data and social URLs.
The grid grows from one column to two on medium screens and three on large screens.