# Next on your calendar

<Card title="Upcoming meeting">
<Columns>
<div>
### Product Sync — Q3 Planning
<Badge tone="info">In 25 minutes</Badge>
<KeyValue title="Details">
| | |
|---|---|
| Start | 10:00 AM |
| Duration | 45 min |
| Location | Google Meet |
</KeyValue>
</div>
<div>
<Avatar name="Maya Chen" src="find" />
<Avatar name="Alex Rivera" src="find" />
<Avatar name="Sam Patel" src="find" />
<Avatar name="Jordan Lee" src="find" />
<Avatar name="+3" />
</div>
</Columns>
<Button variant="primary" icon="video-camera">Join call</Button>
<Button variant="secondary" icon="calendar">View full agenda</Button>
</Card>

<Card title="Who's attending">
<Columns>
<div>
<Avatar name="Maya Chen" src="find" subtitle="Product Manager" />
<Avatar name="Alex Rivera" src="find" subtitle="Engineering Lead" />
<Avatar name="Sam Patel" src="find" subtitle="Design Director" />
</div>
<div>
<Avatar name="Jordan Lee" src="find" subtitle="Data Analyst" />
<Avatar name="Priya Nair" src="find" subtitle="Marketing" />
<Avatar name="Tomás García" src="find" subtitle="Customer Success" />
</div>
</Columns>
</Card>

<Card title="How to join">
<Steps>
<Step title="Open the Meet link" status="done">The meeting link was sent in the calendar invite.</Step>
<Step title="Check your mic & camera" status="current">Test before joining — especially if it's your first call today.</Step>
<Step title="Join the call" status="todo">Tap the join button above right at 10:00 AM.</Step>
</Steps>
<Callout tone="info" title="Tip">You can join 5 minutes early to check audio and video.</Callout>
</Card>

<FollowUps>
- What's the agenda for this meeting?
- Who's the meeting owner?
- Can you move this to tomorrow?
</FollowUps>