Feature: Support dynamic testimonial avatar images on Careers page

[nishtha-agarwal-211]

Description

On the Careers page (/careers), the "What Our Team Says" testimonial carousel currently ignores the avatar field defined in the testimonials array and always displays a generic Lucide User icon instead.

Although testimonial objects contain avatar paths such as:

avatar: "/img/testimonial-sarah.jpg"

the UI does not render these images.

Current implementation:

<div className="mx-auto mb-6 flex h-20 w-20 items-center justify-center rounded-full bg-gradient-to-br from-blue-400 to-purple-500 shadow-inner">
  <User className="h-10 w-10 text-white" />
</div>

Additionally, the referenced testimonial image assets are missing from static/img.

---

Expected Behavior

• Display contributor avatar images when the avatar field exists
• Fall back to the default User icon if the image fails to load
• Ensure valid testimonial image assets are available

---

Suggested Solution

Update the avatar section in src/pages/careers/index.tsx to conditionally render the contributor image.

Proposed Code

<div className="mx-auto mb-6 h-20 w-20 relative rounded-full bg-gradient-to-br from-blue-400 to-purple-500 shadow-inner overflow-hidden flex items-center justify-center">
  {testimonials[activeTestimonial].avatar ? (
    <img 
      src={testimonials[activeTestimonial].avatar} 
      alt={testimonials[activeTestimonial].name} 
      className="h-full w-full object-cover"
      onError={(e) => {
        // Fallback if image fails to load
        e.currentTarget.style.display = 'none';
      }}
    />
  ) : (
    <User className="h-10 w-10 text-white" />
  )}
</div>

---

Benefits

• Improves UI personalization
• Makes testimonials visually engaging
• Properly utilizes existing testimonial data
• Adds graceful fallback handling for missing images

---

Files to Update

• src/pages/careers/index.tsx
• static/img/* (if local avatar assets are added)

[github-actions]

Thanks for opening this issue! 🎉 We'll look into it as soon as possible, estimated time for response is 5–8 hrs.

Don't raise PR unless assigned to you.

In the meantime, please provide all necessary details and context to your issue — screenshots or videos of your changes help speed up the review and assignment. If you have questions, reach out to LinkedIn. Your contributions are highly appreciated!😊

Note: I maintain the repo issue every day twice at 8:00 AM IST and 9:00 PM IST. If your issue goes stale for more than one day, you can tag and comment on this same issue by tagging @sanjay-kv.

We are here to help you on this journey of open source. Consistent contributions are eligible for sponsorship 💰

🎁 check our list of amazing people we sponsored so far: GitHub Sponsorship. ✨

📚Resources which can help you know more about Github 👇🏻

1. End to End GitHub Beginner Playlist: GitHub Playlist.

2. Build your GitHub Profile: GitHub Profile Optimisation.

3. GitHub Handbook for dummies: GitHub Blog for Beginners.

[github-actions]

Thanks for opening this issue. To help maintainers review it faster, please add the missing details below:

• Clarification on what specific assets are missing from static/img.
• Confirmation that the testimonial data structure is consistent and includes the avatar field for all entries.

[Adez017]

@sanjay-kv

[github-actions]

👤 Issue assigned to @nishtha-agarwal-211.