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

[l5io]

🚀 Preview for commit fa07940 at: https://69255a37177c5ae5dad98912--layer5.netlify.app

[AasthathecoderX]

Ok @Namanv0509 ,if @M-DEV-1 suggests me the changes that I have to make ,I will go about making the changes.

[leecalcote]

Merge conflicts...

[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