Update Kanvas visuals and assets as per issue #6482

[AasthathecoderX]

Description

This PR fixes #6482

Notes for Reviewers

Signed commits

• Yes, I signed my commits.

[AasthathecoderX]

@Namanv0509 ,
This PR updates the Kanvas section as requested in issue #6482:

• Replaces the outdated WASM (WebAssembly) and eBPF images with new "Models" and "Design" logos in both static and animated sections.

Clarification needed:
The current Kanvas animation and catalog cards use SVG/PNG assets (such as singleton.svg, jwt.svg, etc.), which contain WASM and bee icons directly inside the images—not as separate imported SVGs. To fully reflect the requested update (including animation), it would require redesigning these image assets so their main icons feature the new "Design" and "Models" logos.

Could the maintainers confirm if this approach is correct, and if you need the icons changed inside all animated card assets(Image-2) ?
Let me know if you prefer a different logo style or additional changes to the animation implementation.

Thank you!

Attached images :

[l5io]

🚀 Preview for commit cfe6a40 at: https://68edb4aa889a46c372d11de0--layer5.netlify.app

[simihablo]

THis is better!

[FreemanBoss]

@AasthathecoderX kindly check. The linting check is failing

[AasthathecoderX]

Hi @FreemanBoss,
The linting errors reported are in these files:

src/components/Pricing/PricingAddons/index.js

src/sections/Community/Handbook/recognition.js

src/sections/Projects/Sistent/components/iconbutton/index.js

However, the only file I changed in this PR is:

src/sections/Kanvas/kanvas-catalog.js

These lint errors seem unrelated to my changes. Please let me know if you’d like me to address these, or if this will be handled separately.

Thanks

[FreemanBoss]

@AasthathecoderX I'm actually not a maintainer rather a co contributor. I'd suggest you try pulling updates and probably it might have been fixed already.

[l5io]

🚀 Preview for commit a65445f at: https://68f3812d7f664777b4b55dba--layer5.netlify.app

[l5io]

🚀 Preview for commit ed61338 at: https://68fa438a9173dd09b3e3333f--layer5.netlify.app

[l5io]

🚀 Preview for commit aff4af6 at: https://6909f76c3c5fb8970e5b8d46--layer5.netlify.app

[l5io]

🚀 Preview for commit 17152c1 at: https://6910eee4ebf4ddad24cd32a2--layer5.netlify.app

[M-DEV-1]

@AasthathecoderX LGTM 👍🏼

[Fireentity]

LGTM

[AasthathecoderX]

@AasthathecoderX LGTM 👍🏼

@M-DEV-1 ,thank you.Can you please merge it?

[l5io]

🚀 Preview for commit 6f080d7 at: https://692473f3fdf79f32d62fde24--layer5.netlify.app

[saurabhraghuvanshii]

@AasthathecoderX Thanks lgtm

[l5io]

🚀 Preview for commit 5652a95 at: https://69252bd7c10114838b7c42fd--layer5.netlify.app

[Namanv0509]

@M-DEV-1 these images used doesnt correspond to their name, like the Model has the logo of Catalog and Design will again have the logo of Service Mesh Patterns.
We might need a better alternative on what can be used here to replace the WASM filters and eBPF logo.
// @AasthathecoderX

[kishore08-07]

@AasthathecoderX
Thank you for your contribution!
Let's discuss this during the website call today at 6:30 PM IST | 8 AM CT
Add it as an agenda item to the meeting minutes, if you would 🙂

[AasthathecoderX]

@AasthathecoderX Thank you for your contribution! Let's discuss this during the website call today at 6:30 PM IST | 8 AM CT Add it as an agenda item to the meeting minutes, if you would 🙂

@kishore08-07 ,Sure I will

[AasthathecoderX]

@Namanv0509 I have replaced the logos

[saurabhraghuvanshii]

@AasthathecoderX build faling please address

[Fireentity]

@AasthathecoderX Thank you for your contribution! Let's discuss this during the website call tomorrow at 6:30 PM IST | 8 AM CT Add it as an agenda item to the meeting minutes, if you would 🙂

[kishore08-07]

@AasthathecoderX are you still working on this?

[github-actions]

Checking in... it has been awhile since we've heard from you on this issue. Are you still working on it? Please let us know and please don't hesitate to contact a MeshMate or any other community member for assistance.

---

        Be sure to join the community, if you haven't yet and please leave a ⭐ star on the project 😄

[github-actions]

Checking in... it has been awhile since we've heard from you on this issue. Are you still working on it? Please let us know and please don't hesitate to contact a MeshMate or any other community member for assistance.

---

        Be sure to join the community, if you haven't yet and please leave a ⭐ star on the project 😄

[AasthathecoderX]

@AasthathecoderX are you still working on this?

Yes I have asked @Rajesh-Nagarajan-11 which logos to use ,he told that he will ask and revert back.

[Rajesh-Nagarajan-11]

@AasthathecoderX are you still working on this?

Yes I have asked @Rajesh-Nagarajan-11 which logos to use ,he told that he will ask and revert back.

Use kanvas logo for design ? @saurabhraghuvanshii @kishore08-07 what do you think ?

[saurabhraghuvanshii]

@Rajesh-Nagarajan-11 yeah, Kanvas icon would be Good

[l5io]

🚀 Preview for commit b27b925 at: https://6961094b23995cc39e6be27b--layer5.netlify.app

[kishore08-07]

@AasthathecoderX are you still working on this?

Yes I have asked @Rajesh-Nagarajan-11 which logos to use ,he told that he will ask and revert back.

Use kanvas logo for design ? @saurabhraghuvanshii @kishore08-07 what do you think ?

Yes, that would be the apt one.

[Katotodan]

LGTM