# Team sections > The people behind the product, with round or square photos, bios and links, in grids, cards, mosaics, glass panels or a scrolling row. URL: https://apogee.avaui.dev/docs/team-sections Last updated: 2026-10-20 The people behind the product, with round or square photos, bios and links, in grids, cards, mosaics, glass panels or a scrolling row. Last updated October 20, 2026 Each example is a block: a [Section](https://apogee.avaui.dev/docs/section) with a [SectionHeader](https://apogee.avaui.dev/docs/section-header) and a list of people. Each person has a photo, a name (a heading), a role, and in most layouts a short bio and three links. The scrolling rows use [Carousel](https://apogee.avaui.dev/docs/carousel); the glass panels sit on the photo with a frosted surface that keeps the text readable. ```sh npx @ava-ui/apogee add team/simple-01 ``` ## Copy is props Every block in this family takes the same content props (`TeamContent` in `sections/_shared/team.ts`), with its sample copy as the defaults. A block ignores the props it has no place for, so you can swap one block for another and keep the copy. The [Team](https://apogee.avaui.dev/docs/sections/team) section takes the same names for the props they share. - `eyebrow`: The small label above the heading. - `heading`: The heading. - `description`: The line under the heading. - `label`: Accessible name for the landmark or the people carousel. - `items`: People. - `primaryAction`: The solid button by the heading. - `secondaryAction`: The outline button by the heading. - Pass `null` to hide an optional part, such as `description={null}`. - Some blocks add props of their own; the top of each block’s file lists them. [ ![](https://apogee.avaui.dev/thumbs/team-sections__simple-01.light.webp)![](https://apogee.avaui.dev/thumbs/team-sections__simple-01.dark.webp) Simple 01A centred heading over eight people with round photos, names and roles. ](https://apogee.avaui.dev/docs/team-sections/simple-01)[ ![](https://apogee.avaui.dev/thumbs/team-sections__simple-02.light.webp)![](https://apogee.avaui.dev/thumbs/team-sections__simple-02.dark.webp) Simple 02A heading over eight people with round photos, bios and links. ](https://apogee.avaui.dev/docs/team-sections/simple-02)[ ![](https://apogee.avaui.dev/thumbs/team-sections__simple-03.light.webp)![](https://apogee.avaui.dev/thumbs/team-sections__simple-03.dark.webp) Simple 03A heading and actions beside six people with round photos, bios and links. ](https://apogee.avaui.dev/docs/team-sections/simple-03)[ ![](https://apogee.avaui.dev/thumbs/team-sections__simple-04.light.webp)![](https://apogee.avaui.dev/thumbs/team-sections__simple-04.dark.webp) Simple 04A centred heading and actions over eight people in grey cards. ](https://apogee.avaui.dev/docs/team-sections/simple-04)[ ![](https://apogee.avaui.dev/thumbs/team-sections__image-card-01.light.webp)![](https://apogee.avaui.dev/thumbs/team-sections__image-card-01.dark.webp) Image card 01A centred heading and actions over eight people with square photos and bios. ](https://apogee.avaui.dev/docs/team-sections/image-card-01)[ ![](https://apogee.avaui.dev/thumbs/team-sections__image-card-02.light.webp)![](https://apogee.avaui.dev/thumbs/team-sections__image-card-02.dark.webp) Image card 02A heading with actions beside it, over eight people with square photos. ](https://apogee.avaui.dev/docs/team-sections/image-card-02)[ ![](https://apogee.avaui.dev/thumbs/team-sections__image-card-03.light.webp)![](https://apogee.avaui.dev/thumbs/team-sections__image-card-03.dark.webp) Image card 03A heading over eight people in two columns, each photo beside a bio and links. ](https://apogee.avaui.dev/docs/team-sections/image-card-03)[ ![](https://apogee.avaui.dev/thumbs/team-sections__image-card-04.light.webp)![](https://apogee.avaui.dev/thumbs/team-sections__image-card-04.dark.webp) Image card 04A heading with actions over a scrolling row of people with square photos and bios. ](https://apogee.avaui.dev/docs/team-sections/image-card-04)[ ![](https://apogee.avaui.dev/thumbs/team-sections__image-collage-01.light.webp)![](https://apogee.avaui.dev/thumbs/team-sections__image-collage-01.dark.webp) Image collage 01A centred heading and actions over a mosaic of eight people with details on glass panels. ](https://apogee.avaui.dev/docs/team-sections/image-collage-01)[ ![](https://apogee.avaui.dev/thumbs/team-sections__image-collage-02.light.webp)![](https://apogee.avaui.dev/thumbs/team-sections__image-collage-02.dark.webp) Image collage 02A heading and actions beside a collage of five team photos. ](https://apogee.avaui.dev/docs/team-sections/image-collage-02)[ ![](https://apogee.avaui.dev/thumbs/team-sections__image-glass-01.light.webp)![](https://apogee.avaui.dev/thumbs/team-sections__image-glass-01.dark.webp) Image glass 01A centred heading and actions over six portraits with details on inset glass panels. ](https://apogee.avaui.dev/docs/team-sections/image-glass-01)[ ![](https://apogee.avaui.dev/thumbs/team-sections__image-glass-02.light.webp)![](https://apogee.avaui.dev/thumbs/team-sections__image-glass-02.dark.webp) Image glass 02A heading with actions beside it, over six portraits with details on flush glass panels. ](https://apogee.avaui.dev/docs/team-sections/image-glass-02)[ ![](https://apogee.avaui.dev/thumbs/team-sections__image-glass-03.light.webp)![](https://apogee.avaui.dev/thumbs/team-sections__image-glass-03.dark.webp) Image glass 03A heading and actions beside four portraits with details on glass panels. ](https://apogee.avaui.dev/docs/team-sections/image-glass-03)[ ![](https://apogee.avaui.dev/thumbs/team-sections__image-glass-04.light.webp)![](https://apogee.avaui.dev/thumbs/team-sections__image-glass-04.dark.webp) Image glass 04A heading with actions over a scrolling row of portraits with glass panels. ](https://apogee.avaui.dev/docs/team-sections/image-glass-04)[ ![](https://apogee.avaui.dev/thumbs/team-sections__board-members.light.webp)![](https://apogee.avaui.dev/thumbs/team-sections__board-members.dark.webp) Board membersA centred heading on a grey band over four investors with round photos, their firm, a bio and links. ](https://apogee.avaui.dev/docs/team-sections/board-members) ## Related [ TeamPeople as a grid of cards or a list with bios. ](https://apogee.avaui.dev/docs/sections/team)[ ImageA responsive, lazy-loaded image — wraps astro:assets Image with sensible defaults. ](https://apogee.avaui.dev/docs/image)[ CarouselA horizontal scroll-snap track for browsing slides. Native scroll and swipe work with zero JS; arrows, dots, and autoplay are progressive enhancement. ](https://apogee.avaui.dev/docs/carousel)