[Screenshots] Fluentbit Skt under 'How it Works See It in Action' section

[saurabh100ni]

Current Behavior

Currently, every integration has only two old screenshots of the designer and visualizer in the 'How it Works See It in Action' section.

Desired Behavior

• Add new images and videos from the latest version of the software (MeshMap)
• Add screenshots for Fluentbit Skt integration.

Acceptance Tests

• Ensure your screenshot represents the use of a few specific integrations.
• The screenshot from the Designer mode should contain a valid design, refer to meshery catalog to use and view published designs.
• Add both Dark Mode and Light Mode screenshots.
• The screenshot should not be a snippet, take the full screenshot of your browser.
• Use Incognito mode on Chrome browser, to ensure your bookmark bar or any other items are not shown in the screenshot/video.

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[saurabh100ni]

@surajvast1 👀//

[srujan0404]

@saurabh100ni assign this issue to me

[Chay2203]

@saurabh100ni can you please assign this issue

[Tyagiquamar]

@saurabh100ni Hi I am a new contributor to layer5. I just completed my LFX mentorship in cloudforet. Can you assign this task to me or any other frontend related issue.

[vishalvivekm]

as @srujan0404 @Chay2203 already are working on similar issues and have open PRs, @Tyagiquamar please go ahead and let us know if you need any help along the way.

[hargunkaur286]

@vishalvivekm can I work on this issue if it is open?