Team Grid
Team
Source and install need .
pnpm dlx shadcn@latest add @assembli/about-valuesAbout Values
About-page section. A large mission statement brightens word by word as it scrolls into view, over a collage of three framed, captioned photos (a neutral placeholder frame until you pass your own). Then the company story beside a key-facts list, a numbered values grid with a cursor-lit hover, and a milestones strip that runs across on large screens and down on phones.
Props
Other props pass through to the root element.
eyebrow
React.ReactNode
Default
"About Quillmark"mission
string
Default
"We build the place where a team’s knowledge stays true, ea…Plain text, so it can reveal word by word.
story
React.ReactNode
Default
DEFAULT_STORYThe company story, usually two paragraphs (
<p>elements).facts
AboutFact[]
Default
DEFAULT_FACTSvalues
AboutValue[]
Default
DEFAULT_VALUESmilestones
AboutMilestone[]
Default
DEFAULT_MILESTONESphotos
AboutPhoto[]
Default
DEFAULT_PHOTOSUp to three framed photos under the mission, each with an optional caption chip. Pass
[]to leave the collage out.headings
{ story?: string; facts?: string; values?: string; milestones?: string }
| Prop | Type | Default | Description |
|---|---|---|---|
| eyebrow | React.ReactNode | "About Quillmark" | |
| mission | string | "We build the place where a team’s knowledge stays true, ea… | Plain text, so it can reveal word by word. |
| story | React.ReactNode | DEFAULT_STORY | The company story, usually two paragraphs (<p> elements). |
| facts | AboutFact[] | DEFAULT_FACTS | |
| values | AboutValue[] | DEFAULT_VALUES | |
| milestones | AboutMilestone[] | DEFAULT_MILESTONES | |
| photos | AboutPhoto[] | DEFAULT_PHOTOS | Up to three framed photos under the mission, each with an optional caption chip. Pass [] to leave the collage out. |
| headings | { story?: string; facts?: string; values?: string; milestones?: string } | – |
Related
Block
Open Roles
Team