diff --git a/docs/src/components/productJoyUI/JoyUITestimonial.tsx b/docs/src/components/productJoyUI/JoyUITestimonial.tsx index bd09498b1a6844..f9b69ffa2c46a1 100644 --- a/docs/src/components/productJoyUI/JoyUITestimonial.tsx +++ b/docs/src/components/productJoyUI/JoyUITestimonial.tsx @@ -13,13 +13,13 @@ const additionalTestimonials = [ { testimonial: `“Joy UI brings the best bits from Material UI, with a cleaner and fresher look out of the box. The variants approach covers almost all of your UI edge cases, while the flexible theme configuration provides plenty of room for customization. I think that with the right approach, Joy UI should cater to all your front-end development needs.”`, author: 'Badal Saibo', - role: 'Frontend Engineer ', + workTitle: 'Frontend Engineer ', avatar: '/static/branding/joy-ui/badalsaibo.jpeg', }, { testimonial: `“Joy UI is a game-changer for our large-scale internal tool. It lets us focus on our complex system, not UI components. Even in alpha, it became our go-to library, thanks to the trust and expertise we have in the MUI team. The documentation is comprehensive, with many practical examples. Joy UI's support is outstanding; they respond quickly and pay attention to detail in UI/UX and DX. It's a must-have for developers and companies looking to boost productivity and streamline their UI development.”`, author: 'Marc Pacheco', - role: 'Lead Frontend Developer', + workTitle: 'Lead Frontend Developer', avatar: '/static/branding/joy-ui/marcpacheco.jpeg', }, { @@ -27,7 +27,7 @@ const additionalTestimonials = [ footprint, comprehensive documentation, and polished API. Using Joy UI is a delight, and the optimal React frontend choice.”`, author: 'Enrico Ros', - role: 'Product Management', + workTitle: 'Product Management', avatar: '/static/branding/joy-ui/enricoros.png', companyLogo: '/static/branding/joy-ui/big-agi-logo.svg', }, @@ -36,11 +36,16 @@ const additionalTestimonials = [ interface TestimonialAuthorProps { avatar: string; author: string; - role: string; + workTitle: string; companyLogo?: string; } -export function TestimonialAuthor({ avatar, author, role, companyLogo }: TestimonialAuthorProps) { +export function TestimonialAuthor({ + avatar, + author, + workTitle, + companyLogo, +}: TestimonialAuthorProps) { return ( @@ -51,7 +56,7 @@ export function TestimonialAuthor({ avatar, author, role, companyLogo }: Testimo {author} - {role} + {workTitle} {companyLogo && } @@ -117,14 +122,14 @@ export default function BaseUITestimonial() { - {additionalTestimonials.map(({ testimonial, author, role, avatar, companyLogo }) => ( + {additionalTestimonials.map(({ testimonial, author, workTitle, avatar, companyLogo }) => ( {testimonial}