feat: update team member profiles with new images, designations, and bios

Author: jeromehardaway

src/components/team-card/index.tsx

@@ -15,20 +15,22 @@ const TeamCard = forwardRef<HTMLDivElement, TProps>(
             <div className="team-member tw-group" ref={ref}>
                 <figure className="tw-relative tw-overflow-hidden">
                     {image?.src ? (
-                        <img
-                            className="tw-w-full tw-transition-transform tw-duration-1000 tw-ease-out group-hover:tw-scale-110"
-                            src={image.src}
-                            alt={image?.alt || name}
-                            width={image?.width || 350}
-                            height={image?.height || 430}
-                            loading="lazy"
-                            onError={(e) => {
-                                // Fallback to a placeholder if image fails to load
-                                const target = e.target as HTMLImageElement;
-                                target.onerror = null; // Prevent infinite loop
-                                target.src = "/images/profile/placeholder-profile.jpg";
-                            }}
-                        />
+                        <div className="tw-relative">
+                            <img
+                                className="tw-h-[430px] tw-w-[350px] tw-object-cover tw-grayscale tw-transition-all tw-duration-1000 tw-ease-out group-hover:tw-scale-110 group-hover:tw-grayscale-0"
+                                src={image.src}
+                                alt={image?.alt || name}
+                                width={image?.width || 350}
+                                height={image?.height || 430}
+                                loading="lazy"
+                                onError={(e) => {
+                                    // Fallback to a placeholder if image fails to load
+                                    const target = e.target as HTMLImageElement;
+                                    target.onerror = null; // Prevent infinite loop
+                                    target.src = "/images/profile/placeholder-profile.jpg";
+                                }}
+                            />
+                        </div>
                     ) : (
                         <div className="tw-flex tw-h-[430px] tw-w-[350px] tw-items-center tw-justify-center tw-bg-gray-200">
                             <span className="tw-text-gray-500">No Image</span>
@@ -39,7 +41,7 @@ const TeamCard = forwardRef<HTMLDivElement, TProps>(
                             color="dark"
                             size="xl"
                             tooltip
-                            className="tw-absolute tw-bottom-5 tw-left-5 tw-right-5 tw-justify-center tw-bg-white tw-py-2.5 tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"
+                            className="tw-absolute tw-bottom-3 tw-left-3 tw-right-3 tw-justify-center tw-bg-white tw-py-2.5 tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"
                         >
                             {socials.map((social) => (
                                 <SocialLink

src/data/board-members.json

@@ -1,55 +1,55 @@
 [
     {
         "id": 1,
-        "name": "John Smith",
-        "slug": "john-smith",
-        "path": "/team/john-smith",
+        "name": "Addy Osmani",
+        "slug": "addy-osmani",
+        "path": "/team/addy-osmani",
         "url": "",
         "image": {
-            "src": "/images/team/350/board-placeholder-1.jpg",
+            "src": "https://addyosmani.com/press/img/55.jpg",
             "width": 350,
             "height": 430,
-            "alt": "Board Member Placeholder"
+            "alt": "Engineering Leader, Google Chrome & Author"
         },
-        "designation": "Board Chair",
-        "bio": "John Smith is the Board Chair of Vets Who Code. He is a veteran of the United States Marine Corps and has over 15 years of experience in the technology industry. As Board Chair, John provides strategic leadership and governance oversight, ensuring that Vets Who Code fulfills its mission of helping veterans transition into the tech industry. With a background in software engineering and executive leadership, John brings valuable insights and connections to the organization. He is passionate about supporting fellow veterans and creating pathways for their success in civilian careers.",
+        "designation": "Board Member",
+        "bio": "Addy Osmani is an Engineering Leader at Google, where he heads the Chrome Developer Experience team and contributes to Gemini with Google DeepMind. He is an Irish software engineer with more than 25 years of development experience and has been at Google for over thirteen years. In his role, Addy focuses on reducing friction for users and web developers, shaping the future of the web through performance, usability, and developer tools. With a background in large-scale systems, open-source projects, and web platform innovation, he brings deep technical expertise and strategic insight to his work. He is passionate about advancing the web ecosystem, empowering developers worldwide, and making technology more accessible and reliable for everyone.",
         "socials": [
             {
                 "label": "LinkedIn",
                 "icon": "fab fa-linkedin",
-                "url": "https://linkedin.com"
+                "url": "https://www.linkedin.com/in/addyosmani/"
             },
             {
-                "label": "Twitter",
-                "icon": "fab fa-twitter",
-                "url": "https://twitter.com"
+                "label": "GitHub",
+                "icon": "fab fa-github",
+                "url": "https://github.com/addyosmani"
             }
         ]
     },
     {
         "id": 2,
-        "name": "Jane Doe",
-        "slug": "jane-doe",
-        "path": "/team/jane-doe",
+        "name": "Brian Holt",
+        "slug": "brian-holt",
+        "path": "/team/brian-holt",
         "url": "",
         "image": {
-            "src": "/images/team/350/board-placeholder-2.jpg",
+            "src": "https://res.cloudinary.com/vetswhocode/image/upload/v1756348115/brian2022_fpbsyq.jpg",
             "width": 350,
             "height": 430,
-            "alt": "Board Member Placeholder"
+            "alt": "Board Member"
         },
-        "designation": "Board Secretary",
-        "bio": "Jane Doe serves as the Board Secretary for Vets Who Code. As a veteran of the United States Army and a successful software engineer, Jane is uniquely positioned to understand the challenges and opportunities facing veterans transitioning into tech careers. With a Master's degree in Computer Science and extensive experience in both startup and enterprise environments, she provides valuable guidance on curriculum development and industry partnerships. Jane is responsible for maintaining board records, documenting decisions, and ensuring organizational compliance. Her dedication to mentoring and supporting underrepresented groups in tech extends beyond her board role, as she regularly volunteers as a mentor for program participants.",
+        "designation": "Board Member",
+        "bio": "Brian Holt is a senior product leader at Databricks and a renowned instructor at Frontend Masters, where he has taught workshops viewed for over a century of human-hours by developers worldwide. With over a decade of experience in tech, Brian has held senior product and engineering roles at companies including Stripe, Microsoft, Netflix, and Reddit, focusing on developer tools and experiences that help engineers write effective, secure, and performant code. As a college dropout who navigated his own non-traditional path into technology, Brian understands firsthand the challenges of breaking into the industry without a conventional background. Growing up as the son of a veteran, he has deep appreciation for the military community and is passionate about helping veterans translate their unique skills and discipline into successful tech careers. Through his work with Vets Who Code, Brian combines his expertise in developer education and his understanding of alternative pathways into technology to support veterans in their transition to meaningful careers in software development.",
         "socials": [
             {
                 "label": "LinkedIn",
                 "icon": "fab fa-linkedin",
-                "url": "https://linkedin.com"
+                "url": "https://www.linkedin.com/in/btholt/"
             },
             {
                 "label": "GitHub",
                 "icon": "fab fa-github",
-                "url": "https://github.com"
+                "url": "https://github.com/btholt"
             }
         ]
     }

src/data/team-members.json

@@ -32,11 +32,11 @@
         "path": "/team/ayumi-bennett",
         "url": "",
         "image": {
-            "src": "/images/author/author-02.jpeg",
+            "src": "https://res.cloudinary.com/vetswhocode/image/upload/v1671657545/Headshots/ayumi_m1hc2r.png",
             "width": 350,
             "height": 430
         },
-        "designation": "Director of Engineering",
+        "designation": "Chief of Staff",
         "bio": "Ayumi Bennett is the Director of Engineering at Vets Who Code.",
         "socials": []
     }