$129 intro price

Components

Team Section

Pro

A small team that answers its own email

Six people across five time zones. All of us still talk to customers every week.

  • Maya Chen

    Co-founder, CEOLisbon

  • Jonas Weber

    Co-founder, CTOBerlin

  • Elena Novak

    Head of designAmsterdam

  • Tomás Herrera

    EngineeringMexico City

  • Ada Okafor

    ProductLagos

  • Leo Marsh

    Customer successToronto
  • We're hiring

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/team-section

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$129 once · 159 Pro components · lifetime updates.

I have a licenseGet Pro
import { TeamSection } from "@/components/ui/TeamSection";

<TeamSection
  title="A small team that answers its own email"
  members={[
    { name: "Maya Chen", role: "Co-founder, CEO", location: "Lisbon" },
    { name: "Jonas Weber", role: "Co-founder, CTO", location: "Berlin", photo: "/team/jonas.webp" },
  ]}
  hiring={{ label: "We're hiring", href: "/careers" }}
/>

Use cases

  • About pages

    The team as a roster, with each person's photo following the cursor down the list.

  • Small studios and agencies

    Names large enough to read from across the room, roles and cities kept quiet on the right.

  • Careers pages

    The people you would work with, ending in a row that links to open roles.