meet-the-team/
├── meet-the-team.tsx      # Main editorial grid & pagination logic
├── index.ts               # Module entry point (re-exports)
└── block.json             # Block metadata configuration

import { MeetTheTeam } from "@/components/blocks/meet-the-team";
 
export default function Page() {
  return (
    <MeetTheTeam
      members={[
        {
          name: "Liora Gwen",
          role: "Head of Design",
          about: "Crafts interfaces that feel alive — blending motion and clarity into every pixel.",
          image: "https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=300&q=80",
        },
        {
          name: "Aria Voss",
          role: "Lead Engineer",
          about: "Turns complex systems into elegant, maintainable code at any scale.",
          image: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=300&q=80",
        },
        {
          name: "Sena Park",
          role: "Product Strategist",
          about: "Bridges user needs and business goals with sharp product instinct.",
          image: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=300&q=80",
        },
      ]}
    />
  );
}

interface TeamMember {
  name: string
  role: string
  about: string
  image: string       // Photo URL
  number?: number     // Card number shown top-right
}