Explore use of @layer5/meshery-design-embed for hero section enhancement

[KhushamBansal]

Current Behavior

The right half of the hero section needs an overhaul.

Desired Behavior

Explore the use of the @layer5/meshery-design-embed package to embed an interactive Meshery design within the hero section.

Reference:

https://www.npmjs.com/package/@layer5/meshery-design-embed

---

Contributor Guides and Handbook

• 🛠 Meshery Build & Release Strategy
• 📚 Instructions for contributing to documentation
  • Meshery documentation site and source
• 🎨 Wireframes and designs for Meshery UI in Figma
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[Riya379]

Hi @KhushamBansal, I’d like to take up this issue. Could you please assign it to me?

[KhushamBansal]

@Riya379 Thanks for your interest! Tagging @Bhumikagarggg to assign the issue.

[Riya379]

Okay sure.

[Bhumikagarggg]

@Riya379 Assign to you

[Riya379]

Thank you, @Bhumikagarggg. I’ll submit a PR shortly.

[Riya379]

Hi @Bhumikagarggg, is this design looking okay?
I chose this one because the Meshery symbol isn’t superimposing on the design, so everything looks much cleaner and more readable. It also feels more beginner-friendly and easier to understand at a glance.

[KhushamBansal]

@Riya379
We need to replace the graph in the right side of the hero section with a Meshery design.

[Riya379]

@KhushamBansal
Sure, I’ll work on replacing the graph with a Meshery style design. Just to confirm, should I use the design from the screenshot I shared as the replacement or would you like something different?

[KhushamBansal]

@leecalcote @Bhumikagarggg could you confirm should we proceed with the design from the shared screenshot?

[KhushamBansal]

@Riya379
Does the component you added support user interaction, or is it just static?