[seo] add proper opengraph image to solutions pages

[vishalvivekm]

Current Behavior

Each of solutions pages, should have an appropriate opengraph image

Desired Situation

pass a suitable image to image prop in seo component for each of these solutions pages:

• Developer-defined Infrastructure by @AmankeldinovaMadina
• Cloud Native Deployments by Diagram by @AmankeldinovaMadina
• Kubernetes Multi-cluster Operation by @AmankeldinovaMadina
• Collaborative GitOps
• GitOps with Cloud Native Insights
• Kubernetes & Cloud Native DevRel -> [Solutions] Opengraph image for DevRel page #6467

see #6467 on how to do this task.

Note

The image prop in the SEO component expects a relative URL to a file located in the /static/ directory.
For example, if the image is at /static/images/solutions-devrel.png, it should be passed as:
image="/images/solutions-devrel.png"

---

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.

[kirti763]

Hi! I'd like to work on this issue

[AmankeldinovaMadina]

I also want to work on this

[vishalvivekm]

Thank you @kirti763 @AmankeldinovaMadina
It can be that the two of you split the remaining 5 pages to update.

[vishalvivekm]

• Developer-defined Infrastructure

• Cloud Native Deployments by Diagram

• Kubernetes Multi-cluster Operation

Thank you @AmankeldinovaMadina very much for taking care of these ^^

[AmankeldinovaMadina]

@kirti763 Hello! Are you working on it? I think I understand how to do it, and I’d be happy to help if you need any assistance.

[AmankeldinovaMadina]

@vishalvivekm there are no obvious onengraph images for pages Collaborative GitOps
GitOps with Cloud Native Insights

So, is it ok to use this images for that?

Or should I use this dark theme ones?