Team Section This component provides a responsive and visually appealing section to introduce your team members. It uses framer-motion for smooth, on-scroll animations and is styled with shadcn/ui theme variables for easy adaptation to your project's light and dark modes.
import { TeamSection, TeamMember } from "@/components/ui/team-section-2"; // Adjust the import path as needed
// Sample data for team members
const teamMembers: TeamMember[] = [
{
name: "Matthew Bennet",
role: "CEO",
image: "https://i.pravatar.cc/150?u=matthew",
},
{
name: "Martin Paes",
role: "Market Analyst",
image: "https://i.pravatar.cc/150?u=martin",
},
{
name: "Raffael Struick",
role: "Financial Consultant",
image: "https://i.pravatar.cc/150?u=raffael",
},
];
/**
* A demo page showcasing the TeamSection component.
*/
export default function TeamSectionDemo() {
return (
<div className="w-full">
<TeamSection
title="Meet the Minds Behind Steerwise"
subtitle="Team Expertise"
members={teamMembers}
/>
</div>
);
}