BLNK Agency Page
An Obys-inspired agency homepage branded BLNK: black preloader with progress and a split logo intro, fixed difference-blend header with live timezone clock and contact copy, studio caption, and three wheel-driven infinite work galleries (vertical image stack with title rail, horizontal rotated rail, and a numbered grid with center expand previews). Idle scroll snaps to the nearest project. Includes an About route. GSAP preloader; Instrument Sans; existing award-list and portfolio imagery.
npx shadcn@latest add https://ui.aryank.space/r/blnk-agency-page.jsonInstalls from ui.aryank.space. To add it by hand, copy the files in Usage below, or register the @compronents namespace via the docs.
| Prop | Type | Default | Description |
|---|---|---|---|
| projects | BlnkAgencyProject[] | 19 BLNK projects | Work items powering all three layouts and the active meta rail. |
| studioName | string | "BLNK" | Header wordmark and about mark. |
| string | "[email protected]" | Contact button copies this; caption and about link it. | |
| initialMode | "vertical" | "horizontal" | "grid" | "vertical" | Which work layout is active on mount. |
| initialRoute | "work" | "about" | "work" | Work stage or About page. |
| skipPreloader | boolean | false | Skip the black progress intro (studio uses true). |
studioName / emailtextWordmark and contact target used across header and caption.
projectstextName, category, service, aspect, width, image, and grid placement per project.
initialMode / initialRoutetextStart on work (vertical, horizontal, grid) or about.
gsap