Dealt Team Cards

A team section that deals itself out. Dashed placeholder frames rise into their slots as the section approaches, each popping its giant initial once the frame is most of the way up. The section then pins and the real cards fly in from off to the right, rotating flat and scaling up on staggered windows, so the last card is still arriving while the first has settled. GSAP ScrollTrigger with Lenis.

Component

Faces Behind the Frame

C

( Creative Director )

Caspian Merlow

E

( Executive Producer )

Evander Coren

L

( Head of Production )

Leopold Draven

Where Vision Becomes Work

Install

npx shadcn@latest add @compronents/dealt-team-cards

Installs from ui.aryank.space. Needs a registry token and a one-time @compronents entry in components.json. The docs walk through both.

Files

Checking access…

API

Prop	Type	Default	Description
members	TeamMember[]	Three BLANK team members	First name, last name, role, and portrait. The giant placeholder initial is taken from the first name.
heroHeading / outroHeading	string	BLANK copy	Copy on the screens around the team section.
embedded	boolean	true	Own the scroll container so it fits a bounded box. Set false to drive it from the window scroll.

Customize

memberstext

Names, roles, and portraits.

heroHeading / outroHeadingtext

The lead-in and closing screens.

Dependencies

gsaplenis