Team Grid
No description available
---
import TeamGrid from "@components/page-sections/people/team-grid.astro";
---
<TeamGrid
eyebrow="Our team" heading="Meet the team" subtext="Get to know the people behind our work." teamMembers={
[
{
"name": "Michael Chen",
"role": "CEO & Founder",
"bio": "Michael brings over 15 years of experience in product development and team leadership.",
"imageSource": "/src/assets/images/component-library/profile.jpg",
"imageAlt": "Michael Chen"
},
{
"name": "Sarah Johnson",
"role": "Lead Developer",
"bio": "Sarah specializes in building scalable applications and mentoring engineering teams.",
"imageSource": "/src/assets/images/component-library/profile1.jpg",
"imageAlt": "Sarah Johnson"
},
{
"name": "David Kim",
"role": "Design Director",
"bio": "David creates beautiful, user-centered designs that solve real problems.",
"imageSource": "/src/assets/images/component-library/profile2.jpg",
"imageAlt": "David Kim"
},
{
"name": "Emily Rodriguez",
"role": "Product Manager",
"bio": "Emily ensures our products meet user needs while staying aligned with business goals.",
"imageSource": "/src/assets/images/component-library/profile3.jpg",
"imageAlt": "Emily Rodriguez"
},
{
"name": "Alex Thompson",
"role": "Marketing Director",
"bio": "Alex drives brand strategy and connects our products with the right audiences.",
"imageSource": "/src/assets/images/component-library/profile4.jpg",
"imageAlt": "Alex Thompson"
},
{
"name": "Jordan Martinez",
"role": "UX Researcher",
"bio": "Jordan uncovers user insights that shape our product decisions and improve experiences.",
"imageSource": "/src/assets/images/component-library/profile5.jpg",
"imageAlt": "Jordan Martinez"
}
]
}
/> ---
blocks:
_component: page-sections/people/team-grid
eyebrow: Our team
heading: Meet the team
subtext: Get to know the people behind our work.
teamMembers:
- name: Michael Chen
role: CEO & Founder
bio: Michael brings over 15 years of experience in product development and team leadership.
imageSource: /src/assets/images/component-library/profile.jpg
imageAlt: Michael Chen
- name: Sarah Johnson
role: Lead Developer
bio: Sarah specializes in building scalable applications and mentoring engineering teams.
imageSource: /src/assets/images/component-library/profile1.jpg
imageAlt: Sarah Johnson
- name: David Kim
role: Design Director
bio: David creates beautiful, user-centered designs that solve real problems.
imageSource: /src/assets/images/component-library/profile2.jpg
imageAlt: David Kim
- name: Emily Rodriguez
role: Product Manager
bio: Emily ensures our products meet user needs while staying aligned with business goals.
imageSource: /src/assets/images/component-library/profile3.jpg
imageAlt: Emily Rodriguez
- name: Alex Thompson
role: Marketing Director
bio: Alex drives brand strategy and connects our products with the right audiences.
imageSource: /src/assets/images/component-library/profile4.jpg
imageAlt: Alex Thompson
- name: Jordan Martinez
role: UX Researcher
bio: Jordan uncovers user insights that shape our product decisions and improve experiences.
imageSource: /src/assets/images/component-library/profile5.jpg
imageAlt: Jordan Martinez
--- Overview
Use Team Grid when you need to display multiple team members in a responsive grid layout. It automatically flows into columns based on screen size, keeping team member cards balanced and readable.
Properties
No properties available. Make sure the component has a valid .cloudcannon.structure-value.yml file.