Faces are one of the most easily recognizable elements that a human can see, therefore big photos of team members are used to create a more personal connection with the users.
We're hiring!
Meet Our Team
Our philosophy is simple — hire a team of diverse, passionate people and foster a culture that empowers you to do your best work.
Sarah Chen
CEO & Co-Founder
Former VP at TechCorp. Passionate about building great teams.
Michael Rodriguez
CTO
Full-stack engineer with 15 years of experience in scalable systems.
Emily Watson
Head of Design
Award-winning designer focused on user-centered experiences.
James Park
Lead Developer
Open source contributor and blockchain enthusiast.
npx shadcn@latest add https://www.payload.koszyka.com/r/team.jsonComponent.tsx
import type { TeamBlock as TeamBlockProps } from 'src/payload-types'import { cn } from '@/utilities/ui'import React from 'react'import TeamMembers from './TeamMembers'import { Button } from '@/components/ui/button'type Props = { className?: string} & TeamBlockPropsexport const TeamBlock: React.FC<Props> = ({ className, data, settings }) => { const teamMembers = data?.teamMembers ?? [] const showMemberButton = settings?.showMemberButton ?? false return ( <section className={cn('min-h-screen flex flex-col items-center justify-center px-6 py-12', className)} > <div className="flex flex-col justify-center py-8 sm:py-12 px-6 lg:px-8 max-w-(--breakpoint-xl) mx-auto gap-16"> <div className="text-center max-w-2xl mx-auto"> <b className="text-center text-muted-foreground text-sm font-semibold uppercase"> We're hiring! </b> <h2 className="mt-3 text-4xl sm:text-5xl font-semibold tracking-tighter"> Meet Our Team </h2> <p className="mt-6 text-base sm:text-lg text-muted-foreground"> Our philosophy is simple — hire a team of diverse, passionate people and foster a culture that empowers you to do you best work. </p> <div className="mt-8 flex flex-col sm:flex-row-reverse sm:justify-center gap-3"> <Button size="lg">Open Positions</Button> <Button size="lg" variant="outline"> About Us </Button> </div> </div> <TeamMembers teamMembers={teamMembers} showButton={showMemberButton} /> </div> </section> )}