[UI/UX] Make SVG illustrations clickable to navigate to their respective sections
@tejaswiverma121-byte is already working on this.
Since Sep 8, 2026.
- Dominant language
- JavaScript
- Stars
- 1.1k
- Forks
- 1.6k
- Avg merge
- 2d 10h
- Merged PRs (30d)
- 18
Description
Description
In https://layer5.io/cloud-native-management/meshery/getting-started , I noticed that some of the SVG illustrations displayed on the page are currently static and do not provide any interaction.
These SVGs could be made clickable and linked to their respective sections/pages. When a user clicks on an SVG, they would be redirected to the relevant section, making the illustrations more useful as navigation elements.
Proposed Solution
- Make each relevant SVG clickable.
- Add a link to the corresponding section/page for each SVG.
- Ensure the navigation works correctly across supported screen sizes.
- Preserve the existing appearance and styling of the SVGs.
- Provide an appropriate hover state or other visual indication that the SVG is clickable.
Expected Outcome
Users should be able to click on an SVG and navigate directly to the section or page associated with it.
This would make the UI more interactive and improve navigation and discoverability.
Screen Recording
https://github.com/user-attachments/assets/30eef941-1baa-434e-a8f0-16c2e282909e
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.