Add OPC UA landing page and interlink existing OPC UA content

[sumitshinde-84]

Description

Adds a new OPC UA pillar page and interlinks all 13 existing OPC UA blog posts back to it.

Since we already have a lot of content on OPC UA, and most of it is bringing in a good amount of traffic, it’s worth taking advantage of that existing content and building a pillar page around it.

The page is available at /integrations/opcua. The OPC UA item in the navigation bar previously linked directly to the docs, which can be too technical for users who are just taking a look or trying to understand what FlowFuse offers. Linking it to this pillar page gives users a better overview of what FlowFuse can do with OPC UA, along with links to all the relevant resources and content.

Planning to build similar pages for MQTT and Modbus in the upcoming weeks.

Related Issue(s)

Checklist

• I have read the contribution guidelines
• I have considered the performance impact of these changes
• Suitable unit/system level tests have been added and they pass
• Documentation has been updated
• For blog PRs, an Art Request has been created (instructions)

[github-actions]

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 70.3%, saving 1.4 MB.

Filename	Before	After	Improvement	Visual comparison
src/landing/images/opcua-landing-image.png	2.0 MB	593.9 KB	70.3%	View diff

[netlify]

✅ Deploy Preview for flowforge-website ready!

Name	Link
🔨 Latest commit	6b84375
🔍 Latest deploy log	https://app.netlify.com/projects/flowforge-website/deploys/6a8594221e72a9000878024a
😎 Deploy Preview	https://deploy-preview-5641--flowforge-website.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 61 (🟢 up 8 from production) Accessibility: 96 (no change from production) Best Practices: 100 (no change from production) SEO: 85 (no change from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[netlify]

✅ Deploy Preview for flowforge-website ready!

Name	Link
🔨 Latest commit	340e91b
🔍 Latest deploy log	https://app.netlify.com/projects/flowforge-website/deploys/6a8706a09a065800083483bc
😎 Deploy Preview	https://deploy-preview-5641--flowforge-website.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 61 (🟢 up 11 from production) Accessibility: 96 (no change from production) Best Practices: 100 (no change from production) SEO: 85 (🔴 down 7 from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[Yndira-E]

Hey @sumitshinde-84 has Joyce reviewed the content?

I think there’s too much text in some sections, especially What is OPC UA? and Backed by a FlowFuse Certified Node, the list of FAQs is really long too...

There are some minor stylistic issues too, but I’d say they’re non-blockers.

Also, new pages should be created directly in Nuxt; otherwise, it’s just one more page we’ll need to migrate later.

[ZJvandeWeg]

@Yndira-E Now we're adding new pages to 11ty, what is your game plan to prevent this?

[Yndira-E]

How about this? #5703