[UI] Add Real Examples Demonstrating What Users Can Build with Kanvas

[Bhumikagarggg]

Current Behavior

The current homepage highlights Kanvas visually, but it does not clearly demonstrate practical examples of what users can build or how Kanvas helps solve real problems.

Desired Behavior

Add a section showcasing multiple real-world examples of what users can create using Kanvas. Present examples in a visual/image-based format.

---

Contributor Guides and Handbook

• 🎨 Wireframes and designs for Meshery UI in Figma (open invite)
• 🖥 Contributing to Meshery UI
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[github-actions]

This issue has been labeled with 'component/ui'. 🧰 Here are docs on Contributing to Meshery UI. 🎨 Here is the Meshery UI Figma File File. Lastly, here are docs on Contributing to Meshery's End-to-End Tests.

---

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

[asarephilip]

@Bhumikagarggg
I would like to work on this ticket, but the task looks very broad.
There are several sections under the homepage, and almost all of them can make use of visual demonstration.

Could you clarify which particular section this ticket is targeting? Or if possible we break it down into smaller tasks?

[Bhumikagarggg]

@asarephilip
Since we are working on the new homepage redesign, for now the first task is to create a real example using Kanvas.
Please submit it for review once ready, and after that I’ll guide you on the exact section where it should be placed.
We can break the work into smaller tasks after reviewing the first example.

[Prasad8830]

@Bhumikagarggg, can I work on this issue?

[asarephilip]

@Bhumikagarggg
I thank you for the clarification.
I will find a different task since this issue has been assigned to a different person.

[Bhumikagarggg]

@asarephilip there are several open issues currently. Please feel free to take a look at those as well.

[Prasad8830]

Hi @Bhumikagarggg, I have some questions regarding this issue.

1. Where should we source the examples from? (existing projects, users, internal demos, or new builds)
2. How many examples do you think we should showcase?
3. What should each example include? (image, description, tech stack, features)
4. Where should this section appear on the homepage?

[Bhumikagarggg]

@Prasad8830 Thank you for asking this question! Let's discuss this during the website call tomorrow at 6:30 PM IST | 7 AM CST Add it as an agenda item to the meeting minutes, if you would 🙂