The Team5 component creates a team section with a responsive layout that includes a heading, caption, optional action button, description, image, and a slider showcasing team members in chunks based on screen size.
Component path: src/blocks/team/Team5.tsx
Component usage path: src/app/blocks/team/team5/page.tsx
Preview link:
heading
string
Main title of the section.
"Meet Our Team"
caption
string (Optional)
Additional context or subtitle.
"Dedicated professionals driving our success."
members
ProfileProps[]
Contains data for each team member to be displayed in profile cards.
[{ name: "John Doe", role: "CEO", avatar: "path/to/avatar.jpg" }, ...]
image
ImageCommonProps (Optional)
Image path or object with light and dark image path.
"path-to-image.svg"
or
{ light: 'path-to-image-light.svg', dark: 'path-to-image-dark.svg' }
actionBtn
ButtonProps (Optional)
Optional button for additional actions.
{ href: "/contact", children: "Contact Us" }
description
string (Optional)
Description or additional text for the image section.
"Our team is composed of highly skilled individuals who are passionate about delivering excellence."