Minimal Testimonial Grid

import { Heading } from "@/components/editorial/heading"
import {
  Quote,
  QuoteAuthor,
  QuoteAuthorName,
  QuoteAuthorRole,
  QuoteFigure,
  QuoteGroup,
} from "@/components/editorial/quote"
import {
  Section,
  SectionContent,
  SectionHeader,
  SectionTitleGroup,
} from "@/components/editorial/section"

// The copy: change text here, not in the markup.
const COPY = {
  title: "Teams that ship with Orbcore",
} as const

const QUOTES = [
  {
    quote:
      "Every decision now lives next to the work it changed. New hires catch up in an afternoon.",
    name: "Tomas Vey",
    role: "Engineering Lead, Halo Street",
  },
  {
    quote:
      "Our Monday meeting went from an hour to ten minutes, because the digest already said it.",
    name: "Ines Halloran",
    role: "Operations, Meridian Way",
  },
  {
    quote:
      "Review comments close when the change ships. Nothing sits open for weeks any more.",
    name: "Elias Quill",
    role: "Design Director, Comet Lane",
  },
] as const

export default function MinimalTestimonials02() {
  return (
    <Section>
      <SectionHeader>
        <SectionTitleGroup>
          <Heading>{COPY.title}</Heading>
        </SectionTitleGroup>
      </SectionHeader>
      <SectionContent>
        <QuoteGroup cols={3}>
          {QUOTES.map((item) => (
            <QuoteFigure key={item.name} variant="muted">
              <Quote>
                <p>{item.quote}</p>
              </Quote>
              <QuoteAuthor>
                <QuoteAuthorName>{item.name}</QuoteAuthorName>
                <QuoteAuthorRole>{item.role}</QuoteAuthorRole>
              </QuoteAuthor>
            </QuoteFigure>
          ))}
        </QuoteGroup>
      </SectionContent>
    </Section>
  )
}