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.webp" 
  />
</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. |