A
Anonymous

Team Member - Copy this React, Tailwind Component to your project

Const TeamMember = ({ name, role, description, image }) => ( <div className="bg white bg opacity 10 backdrop filter backdrop blur lg rounded xl p 6 border border white border opacity 20 text center"> {/* Image Container */} <div className="w 32 h 32 mx auto mb 4"> <img src={image} alt={`${name}'s profile`} className="w full h full object cover rounded sm" /> </div> <h3 className="text 2xl font semibold text white mb 2">{name}</h3> <p className="text lg text blue 400 mb 2">{role}</p> {/* Optional description */} <p className="text base text white">{description}</p> </div> ); redesign this so that the images of the members fit perfectly

Prompt
Component Preview

About

TeamMember - Showcase team profiles with images, names, roles, and descriptions in a stylish card. Built with React and Tailwind. Copy template now!

Share

Last updated 1 month ago