Footer CTA
Footers
Source and install need .
pnpm dlx shadcn@latest add @assembli/office-locationsOffice Locations
Offices section for contact and about pages. A 24-hour timeline in the visitor's own time zone shows each office's working day, a live now line and the longest stretch when most offices are open at once. A card per office shows its local time, open or closed and when that changes, a sky arc tracing the sun or moon, the address with copy, directions, email and phone.
- Dependencies
- lucide-react(npm, opens in a new tab)
Props
Other props pass through to the root element.
eyebrow
React.ReactNode
Default
"Offices"title
React.ReactNode
Default
"Come and say hello"intro
React.ReactNode
offices*
OfficeLocation[]
showVisitor
boolean
Default
trueAdds the visitor's own 9-to-6 as the first row of the timeline.
accent
string
Accent for open hours and the overlap band, as any CSS color.
| Description | |||
|---|---|---|---|
| eyebrow | React.ReactNode | "Offices" | |
| title | React.ReactNode | "Come and say hello" | |
| intro | React.ReactNode | – | |
| offices* | OfficeLocation[] | – | |
| showVisitor | boolean | true | Adds the visitor's own 9-to-6 as the first row of the timeline. |
| accent | string | – | Accent for open hours and the overlap band, as any CSS color. |
