60: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 61: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 62:T24bc,'use client' import { Avatar, AvatarFallback } from '@/components/ui/avatar' import { Badge } from '@/components/ui/badge' import { Button } from '@/components/ui/button' import { Card, CardContent } from '@/components/ui/card' import { cn } from '@/lib/utils' export interface TeamMember { name: string role: string bio?: string /** When any member has a department, the grid groups under uppercase headers. */ department?: string twitter?: string github?: string linkedin?: string } /** Stub roster — swap for your data source after installing. */ const DEFAULT_MEMBERS: TeamMember[] = [ { name: 'Amara Okafor', role: 'Co-founder & CEO', bio: 'Sets the vision and still reviews every release note before it ships.', twitter: 'https://x.com/amaraokafor', linkedin: 'https://linkedin.com/in/amaraokafor', }, { name: 'Jonas Lindqvist', role: 'Co-founder & CTO', bio: 'Owns architecture and keeps p95 latency under 80ms in every region.', github: 'https://github.com/jonaslindqvist', linkedin: 'https://linkedin.com/in/jonaslindqvist', }, { name: 'Priya Raghavan', role: 'Staff Engineer', bio: 'Leads the platform team and maintains our public REST and GraphQL APIs.', github: 'https://github.com/priyaraghavan', }, { name: 'Marco Deluca', role: 'Product Designer', bio: 'Turns messy workflows into calm interfaces and runs our weekly design critique.', twitter: 'https://x.com/marcodeluca', github: 'https://github.com/marcodeluca', linkedin: 'https://linkedin.com/in/marcodeluca', }, { name: 'Tomoko Saito', role: 'Head of People', bio: 'Builds hiring loops that respect candidates and onboarding that actually sticks.', linkedin: 'https://linkedin.com/in/tomokosaito', }, { name: 'Felix Adeyemi', role: 'Growth Engineer', bio: 'Experiments across onboarding and pricing pages; ships behind flags daily.', twitter: 'https://x.com/felixadeyemi', }, ] export interface TeamSectionProps { eyebrow?: string title?: string description?: string members?: TeamMember[] /** 'grid' shows full cards with bios; 'compact' tightens cards and drops them. */ variant?: 'grid' | 'compact' className?: string } interface MemberSection { department?: string members: TeamMember[] } function initialsFor(name: string): string { return name .split(/\s+/) .filter(Boolean) .slice(0, 2) .map((part) => part.charAt(0).toUpperCase()) .join('') } function getSections(members: TeamMember[]): MemberSection[] { if (!members.some((member) => member.department)) return [{ members }] const grouped = new Map() for (const member of members) { const key = member.department ?? '' if (!grouped.has(key)) grouped.set(key, []) grouped.get(key)!.push(member) } return Array.from(grouped.entries()).map(([department, groupedMembers]) => ({ department: department || undefined, members: groupedMembers, })) } function XIcon(props: React.SVGProps) { return ( ) } function GithubIcon(props: React.SVGProps) { return ( ) } function LinkedinIcon(props: React.SVGProps) { return ( ) } export function TeamSection({ eyebrow = 'Our team', title = 'The people behind the product', description = 'A small team with strong opinions about craft. We design, build and support everything ourselves — no outsourcing, no black boxes.', members = DEFAULT_MEMBERS, variant = 'grid', className, }: TeamSectionProps) { const compact = variant === 'compact' const showHeader = Boolean(eyebrow || title || description) const sections = getSections(members) return (

{showHeader && (

{eyebrow &&

{eyebrow}

} {title &&

{title}

} {description &&

{description}

}

)} {sections.map((section, i) => (

0 || showHeader ? 'mt-12' : undefined} > {section.department && (

{section.department}

)}

{section.members.map((member) => ( {initialsFor(member.name)}

{member.name}

{member.role} {!compact && member.bio && (

{member.bio}

)}

{(member.twitter || member.github || member.linkedin) && (

{member.twitter && ( )} {member.github && ( )} {member.linkedin && ( )}

)} ))}

))}

) } 5f:["$","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,["$","$L60",null,{"namespace":"@registrydirectory","registryDependencies":["https://uipkge.dev/r/react/avatar.json","https://uipkge.dev/r/react/badge.json","https://uipkge.dev/r/react/button.json","https://uipkge.dev/r/react/card.json"]}]]}],null]}],["$","$L61",null,{"files":[{"path":"packages/registry-react/blocks/team-section/TeamSection.tsx","content":"$62","type":"registry:block","target":"~/components/blocks/TeamSection.tsx"}],"className":"h-[70svh] min-h-80"}]]}]