Team Section
Meet our team organism for showcasing team members across the site
The Team Section organism displays team members in a responsive grid layout. Designed to be used across various pages, it can showcase up to 16 team members in a clean 4x4 grid that adapts beautifully to different screen sizes.
Component Features
- • Responsive Grid: 1 column mobile, 2 tablet, 4 desktop
- • Professional Cards: Photo, name, role, and bio for each member
- • Hover Effects: Smooth transitions and elevated styling
- • Scalable: Supports 1-16 team members with consistent layout
- • Accessible: Semantic HTML and proper image alt tags
Full Team Display (4x4 Grid)
Meet Our Team
Our experienced team of insurance professionals is dedicated to protecting ministries across the country. Each advisor brings specialized expertise to help you navigate the complexities of ministry insurance.
Sarah Mitchell
Senior Insurance Advisor
Michael Chen
Risk Management Consultant
Emily Rodriguez
Benefits Specialist
David Thompson
Commercial Insurance Agent
Jennifer Park
Claims Advocate
Robert Williams
Property Insurance Expert
Amanda Lewis
HR Compliance Advisor
James Anderson
Cyber Security Specialist
Maria Gonzalez
Liability Coverage Advisor
Thomas Baker
Financial Planning Consultant
Lisa Turner
Workers Compensation Expert
Christopher Davis
Auto & Fleet Insurance Agent
Rachel Kim
Event Insurance Coordinator
Kevin Martinez
Multi-Site Coverage Specialist
Nicole Wright
Youth Ministry Insurance Advisor
Daniel Foster
Senior Account Manager
Usage Guidelines
Content Integration
- • Connect to Contentful via Team Member object model
- • Use boolean placement field to control page visibility
- • Limit to 16 members maximum for optimal grid display
- • Include professional headshots (400x400px minimum)
Implementation Notes
- • Can be used on homepage, about page, or dedicated team page
- • Future: Link to individual agent profile pages
- • Maintains consistent styling across all breakpoints
- • Uses Unsplash images as placeholders during development
Technical Specifications
Component Structure
Grid Behavior
- • Mobile (< 768px): 1 column
- • Tablet (768px - 1024px): 2 columns
- • Desktop (1024px - 1280px): 3 columns
- • Large Desktop (≥ 1280px): 4 columns
Contentful Integration (Future)
Team Member Object Model
Fields:
- • Name (Short Text)
- • Role/Title (Short Text)
- • Bio (Long Text, 250 char limit)
- • Photo (Media - Asset reference)
- • Display on Homepage (Boolean)
- • Display on About Page (Boolean)
- • Display on Team Page (Boolean)
- • Display Order (Integer)
The boolean placement fields allow flexible control over where each team member appears across the website, supporting the goal of showcasing different team members in different contexts.