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:T128a,import { GithubIcon } from "@/components/icons/github-icon"; import { LinkedinIcon } from "@/components/icons/linkedin-icon"; import { XIcon } from "@/components/icons/x-icon"; import { Avatar, AvatarFallback, AvatarImage, } from "@/components/ui/avatar"; import { Button } from "@/components/ui/button"; import { FullWidthDivider } from "@/components/full-width-divider"; type Social = { label: "X" | "GitHub" | "LinkedIn"; href: string; }; type TeamMember = { name: string; role: string; image: string; socials: Social[]; }; const socialIcons = { X: XIcon, GitHub: GithubIcon, LinkedIn: LinkedinIcon, } as const; const team: TeamMember[] = [ { name: "Shaban Haider", role: "Founder & CEO", image: "https://github.com/shabanhr.png", socials: [ { label: "X", href: "#" }, { label: "GitHub", href: "#" }, { label: "LinkedIn", href: "#" }, ], }, { name: "Jordan Blake", role: "Head of Product", image: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=800&q=80", socials: [ { label: "X", href: "#" }, { label: "GitHub", href: "#" }, ], }, { name: "Priya Nair", role: "Design Lead", image: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&w=800&q=80", socials: [ { label: "X", href: "#" }, { label: "LinkedIn", href: "#" }, ], }, { name: "Alex Rivera", role: "Engineering", image: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=800&q=80", socials: [ { label: "X", href: "#" }, { label: "GitHub", href: "#" }, ], }, { name: "Sam Okonkwo", role: "Growth", image: "https://images.unsplash.com/photo-1580489944761-15a19d654956?auto=format&fit=crop&w=800&q=80", socials: [ { label: "X", href: "#" }, { label: "LinkedIn", href: "#" }, ], }, { name: "Leo Park", role: "Developer Experience", image: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?auto=format&fit=crop&w=800&q=80", socials: [ { label: "X", href: "#" }, { label: "GitHub", href: "#" }, ], }, ]; export function TeamSection() { return (

Meet the team

The people who design, ship, and obsess over every Efferd block.

))}

Want to join us?

We're always looking for people who care about craft.

); } function TeamMemberCard({ member }: { member: TeamMember }) { const { name, role, image, socials } = member; return (

{getInitials(name)}

{name}

{role}

{socials.map((social) => { const Icon = socialIcons[social.label]; return ( ); })}

); } function getInitials(name: string) { return name .split(" ") .map((part) => part[0]) .join("") .slice(0, 2) .toUpperCase(); } 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":"@efferd","registryDependencies":["avatar","button","@efferd/full-width-divider","@efferd/github-icon","@efferd/linkedin-icon","@efferd/x-icon"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/blocks/team/2/team-section.tsx","content":"$50","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]