Minimal Team List

import {
  Feature,
  FeatureDescription,
  FeatureGroup,
  FeatureTitle,
} from "@/components/editorial/features"
import { Heading } from "@/components/editorial/heading"
import {
  Section,
  SectionContent,
  SectionDescription,
  SectionHeader,
  SectionTitleGroup,
} from "@/components/editorial/section"

// The copy: change text here, not in the markup.
const COPY = {
  title: "The team",
  body: "Eight people who build, support and write about Orbcore.",
} as const

const PEOPLE = [
  { name: "Anouk Brenner", role: "Co-founder, Product" },
  { name: "Rafael Ortega", role: "Co-founder, Engineering" },
  { name: "Sun-hee Park", role: "Design" },
  { name: "Tomas Vey", role: "Engineering" },
  { name: "Ines Halloran", role: "Operations" },
  { name: "Elias Quill", role: "Support" },
  { name: "Mara Ilves", role: "Writing" },
  { name: "Lena Orvik", role: "Engineering" },
] as const

export default function MinimalTeam01() {
  return (
    <Section>
      <SectionHeader>
        <SectionTitleGroup>
          <Heading>{COPY.title}</Heading>
        </SectionTitleGroup>
        <SectionDescription>{COPY.body}</SectionDescription>
      </SectionHeader>
      <SectionContent>
        <FeatureGroup cols={4}>
          {PEOPLE.map((person) => (
            <Feature key={person.name} variant="outline">
              <FeatureTitle>{person.name}</FeatureTitle>
              <FeatureDescription>{person.role}</FeatureDescription>
            </Feature>
          ))}
        </FeatureGroup>
      </SectionContent>
    </Section>
  )
}