Team5
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.
All available props for the Team5 component are defined and handled within Component usage path file. This allows for easy modifications to the content of the Team section.
Component path: src/blocks/team/Team5.tsx
Component usage path: src/app/blocks/team/team5/page.tsx
Preview link: https://www.saasable.io/blocks/team/team5
Props Details
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."
Last updated