4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T1651,/** * Agency — a studio or agency site, assembled from registry sections. * * Differs from `SaasLanding` in shape rather than in parts: a centred hero over * media, work as a card grid, a process as numbered steps, the people, and one * featured quote instead of a wall of them. Agencies sell judgement and people, * so the page leads with work and faces rather than with features and pricing. * * a11y: the same explicit outline discipline — the hero is the page's `

`, * every band an `

`, every item an `

`. The hero uses the `overlay` * placement, which always paints a scrim, because text over an arbitrary image * has no guaranteed contrast ratio. * * Dependencies: react, @/lib/types, @/components/sections/. / import type { ReactNode } from "react" import type { CtaItem, ImageComponent, LinkComponent } from "@/lib/types" import { CardList, type CardItem } from "@/components/sections/card-list" import { CtaBand } from "@/components/sections/cta-band" import { Footer, type FooterGroup, type FooterLink } from "@/components/sections/footer" import { HeroWithMedia } from "@/components/sections/hero-with-media" import { LogoCloud } from "@/components/sections/logo-cloud" import { NavTop, type NavItem } from "@/components/sections/nav-top" import { Stats } from "@/components/sections/stats" import { Steps, type StepItem } from "@/components/sections/steps" import { Team, type TeamMember } from "@/components/sections/team" import { TestimonialSingle } from "@/components/sections/testimonial-single" import type { LogoItem } from "@/components/ui/logo-mark" import type { StatItem } from "@/components/ui/stat" import type { TestimonialItem } from "@/components/ui/testimonial" export interface AgencyContent { brand: ReactNode nav: NavItem[] navActions?: CtaItem[] hero: { eyebrow?: string title: string description: string actions: CtaItem[] /** Decorative in overlay placement: give it `alt=""`. */ media: ReactNode } clients?: { title?: string; items: LogoItem[] } work: { eyebrow?: string title: string description?: string items: CardItem[] } process?: { eyebrow?: string title: string description?: string items: StepItem[] } stats?: { title?: string; eyebrow?: string; items: StatItem[] } quote?: { title?: string; item: TestimonialItem } team?: { eyebrow?: string title: string description?: string items: TeamMember[] } cta: { eyebrow?: string title: string description?: string actions: CtaItem[] } footer: { groups?: FooterGroup[] brand?: ReactNode copyright?: ReactNode legal?: FooterLink[] } } export interface AgencyProps { content: AgencyContent image?: ImageComponent link?: LinkComponent currentPath?: string banner?: ReactNode } export function Agency({ content, image, link, currentPath, banner }: AgencyProps) { const { hero, clients, work, process, stats, quote, team, cta, footer } = content return ( <> {banner}
{clients ? ( ) : null} {process ? ( ) : null} {quote ? ( ) : null} {stats ? ( ) : null} {team ? ( ) : null}

) } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4e",null,{"namespace":"@facade","registryDependencies":["https://facadeui.dev/r/card-list.json","https://facadeui.dev/r/cta-band.json","https://facadeui.dev/r/footer.json","https://facadeui.dev/r/hero-with-media.json","https://facadeui.dev/r/logo-cloud.json","https://facadeui.dev/r/logo-mark.json","https://facadeui.dev/r/nav-top.json","https://facadeui.dev/r/stat.json","https://facadeui.dev/r/stats.json","https://facadeui.dev/r/steps.json","https://facadeui.dev/r/team.json","https://facadeui.dev/r/testimonial.json","https://facadeui.dev/r/testimonial-single.json","https://facadeui.dev/r/types.json"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"src/templates/agency.tsx","content":"$50","type":"registry:component","target":"components/templates/agency.tsx"}],"className":"h-[70svh] min-h-80"}]]}]