Team Section

The Team component allows you to display your team members in a responsive grid.

Usage

import TeamSection from '~/components/sections/TeamSection.astro';
import TeamMember from '~/components/ui/TeamMember.astro';

<TeamSection title="Meet the Team" description="The people behind the magic.">
  <TeamMember 
    name="John Doe" 
    role="CEO" 
    image="https://example.com/john.jpg" 
  />
</TeamSection>

Example

Props

TeamSection

Prop	Type	Default	Description
title	string	undefined	Optional heading for the section.
description	string	undefined	Optional subtext for the section.

TeamMember

Prop	Type	Default	Description
name	string	Required	The name of the team member.
role	string	Required	The job title or role.
image	string	Required	URL of the profile picture.