Stacked cards shuffle

import { TeamDeck } from '@/components/blocks/team-04'


<TeamDeck />


// Bring your own people
<TeamDeck
  heading="Say hello to the team"
  autoAdvance={7000}
  members={[
    {
      name: 'Jane Doe',
      role: 'Founder',
      line: 'Started the company at her kitchen table.',
      photo: { src: 'https://example.com/jane.jpg', alt: 'Jane Doe smiling' },
      socials: [{ label: 'Website', href: 'https://example.com/janedoe' }],
    },
    {
      name: 'Sam Lee',
      role: 'Engineer',
      line: 'Keeps the lights on and the builds fast.',
      photo: { src: 'https://example.com/sam.jpg', alt: 'Sam Lee in a grey jumper' },
    },
  ]}
  onChange={(index, member) => console.log(index, member.name)}
/>