From d6212e5889d5b42ce2243360584c66ef6626d82d Mon Sep 17 00:00:00 2001 From: Dimitrie Hoekstra Date: Fri, 24 Jul 2026 11:41:27 +0200 Subject: [PATCH 1/4] Add animated video heroes to industry pages --- lib/image-handler.js | 16 ++++- src/_includes/layouts/industry.njk | 81 +++++++++++++++--------- src/industries.njk | 24 ++++--- src/industries/aerospace-components.md | 25 +++++--- src/industries/automotive.njk | 70 +++++++++++++++----- src/industries/aviation-aerospace.md | 22 ++++--- src/industries/electronics-appliances.md | 20 ++++-- src/industries/food-beverage.md | 23 ++++--- src/industries/life-sciences.md | 29 +++++---- src/industries/renewables.md | 5 ++ src/industries/semiconductors.md | 9 ++- 11 files changed, 221 insertions(+), 103 deletions(-) diff --git a/lib/image-handler.js b/lib/image-handler.js index ed5bb39690..da3ab85c7d 100644 --- a/lib/image-handler.js +++ b/lib/image-handler.js @@ -217,10 +217,22 @@ module.exports = function imageHandler( // Instead it generates HTML picture tags are equivalent of how the pipeline would work // But containing only one, non-converted, resized or compressed, image if (DEV_MODE) { - // Naive copy of the image to the output folder + // Naive copy of the image to the output folder. + // Disambiguate the output filename with a short hash of the resolved + // source path so two different source images that share a basename + // (e.g. a hero foreground "industries/food-beverage.jpg" and a hero + // video poster "industries/hero-video/food-beverage.jpg") don't + // overwrite each other at /img/. Production is unaffected: + // its pipeline already hashes by content via filenameFormat above. + const parsedName = path.parse(imgPath) + const srcHash = require("crypto") + .createHash("sha1") + .update(imgPath) + .digest("hex") + .slice(0, 8) const imgOutputPath = path.join( imgOpts.outputDir, - path.basename(imgPath) + `${parsedName.name}-${srcHash}${parsedName.ext}` ) const imgOutputURL = path.join( "/", diff --git a/src/_includes/layouts/industry.njk b/src/_includes/layouts/industry.njk index 655b73522a..09d60c0ef6 100644 --- a/src/_includes/layouts/industry.njk +++ b/src/_includes/layouts/industry.njk @@ -6,15 +6,33 @@ layout: default -
-
-
+
+ {% if hero.video %} + + + {% endif %} +
+
-

+ {% if hero.eyebrow %} +
+ + {% if hero.eyebrowIcon %}{% include hero.eyebrowIcon %}{% endif %} + {{ hero.eyebrow }} + +
+ {% endif %} +

{{ hero.heading | safe }}

{{ hero.description }}

@@ -40,8 +55,9 @@ layout: default {% image ["./", hero.image] | join, hero.imageAlt, [496] %}
-
-
+
+ {% if hero.subCta %}

{{ hero.subCta }}

{% endif %} +
@@ -49,16 +65,13 @@ layout: default {{ hero.primaryCta }} - - - {{ hero.secondaryCta }} - {% include "components/icons/arrow-right.svg" %} - + {{ hero.secondaryCta }} + {% include "components/icons/arrow-right.svg" %}
-

{{ hero.subCta }}

@@ -75,8 +88,8 @@ layout: default
    {% for problem in problems %}
  • - - {% include "components/icons/x-mark.svg" %} + + {% include "components/icons/x-mark.svg" %}

    {{ problem }}

    • @@ -139,6 +152,21 @@ layout: default
+ +
+
+
+

Trusted by our customers

+
+
+ {% include "social-proof.njk" %} +
+
+
+ @@ -177,21 +205,14 @@ layout: default
-
-
-

{{ socialProofText }}

-
- {% include "social-proof.njk" %} -
-
-
+ {% include "components/industry-use-cases.njk" %} -
+

{{ cta.title }}

{{ cta.description }}

diff --git a/src/industries.njk b/src/industries.njk index 40f927398e..c033dac472 100644 --- a/src/industries.njk +++ b/src/industries.njk @@ -13,7 +13,7 @@ meta:

Industries

Built for the way your industry operates

-

FlowFuse meets manufacturers where they are — connecting OT and IT systems, automating workflows, and standardizing operations across every site.

+

FlowFuse meets manufacturers where they are, connecting OT and IT systems, automating workflows, and standardizing operations across every site.

Talk to an expert
@@ -25,13 +25,21 @@ meta:
{% for industry in collections["industry"] | sort(false, true, "data.meta.title") %} - -

{{ industry.data.meta.title | replace(" | FlowFuse", "") | replace("| FlowFuse", "") }}

-

{{ industry.data.meta.description }}

- - View industry - {% include "components/icons/arrow-right.svg" %} - + {% set cardImage = industry.data.hero.video.poster or industry.data.hero.image %} + + {% if cardImage %} +
+ {% image ["./", cardImage] | join, industry.data.hero.imageAlt or industry.data.meta.title, [560] %} +
+ {% endif %} +
+

{{ industry.data.meta.title | replace(" | FlowFuse", "") | replace("| FlowFuse", "") }}

+

{{ industry.data.meta.description }}

+ + View industry + {% include "components/icons/arrow-right.svg" %} + +
{% endfor %}
diff --git a/src/industries/aerospace-components.md b/src/industries/aerospace-components.md index eab9765a19..382ca58e4a 100644 --- a/src/industries/aerospace-components.md +++ b/src/industries/aerospace-components.md @@ -4,6 +4,8 @@ meta: title: "Aerospace Component Manufacturing Platform | FlowFuse" description: "Connect ERP, CMMs, machining centres, and inspection systems in one place. FlowFuse helps aerospace component shops automate FAI, enforce compliance, and standardize workflows across cells and sites." hero: + eyebrow: "Aerospace Components" + eyebrowIcon: "components/icons/cog-6-tooth.svg" heading: "First Article Inspection shouldn't take days to assemble. Neither should a SCAR response." description: "Connect ERP, CMMs, machining centres, special process suppliers, and inspection systems in one place. FlowFuse helps component shops automate traceability, enforce NADCAP and customer compliance, and standardize workflows across cells and sites." primaryCta: "BOOK A 30-MINUTE DEMO" @@ -12,11 +14,14 @@ hero: secondaryCtaLink: "/contact-us/" image: "/images/industries/aerospace-components.jpg" imageAlt: "Quality engineer inspecting a precision-machined aerospace component using a coordinate measuring machine (CMM)" + video: + mp4: /images/industries/hero-video/aerospace-components.mp4 + poster: /images/industries/hero-video/aerospace-components.jpg problemImage: "images/industries/aerospace-components-problem.svg" problems: - - "FAI packages are assembled manually by quality engineers from multiple disconnected sources — machining centres, CMMs, material certs, and paper records — delaying new programme entry and customer approval." + - "FAI packages are assembled manually by quality engineers from multiple disconnected sources, machining centres, CMMs, material certs, and paper records, delaying new programme entry and customer approval." - "Job travelers are printed at job release with no guarantee of revision currency; engineering changes reach some active jobs late or not at all, creating non-conformance and AS9100 audit exposure." - - "NADCAP and customer-specific approval status is tracked in spreadsheets, not enforced at point of production — expired approvals are discovered after parts have already been processed." + - "NADCAP and customer-specific approval status is tracked in spreadsheets, not enforced at point of production, expired approvals are discovered after parts have already been processed." solution: title: "What You Get with FlowFuse" benefits: @@ -33,32 +38,32 @@ outcomes: items: - svgPath: "components/icons/bolt.svg" title: "Cut FAI cycle time" - description: "by assembling dimensional results, process parameters, and operator sign-offs continuously during production — submission-ready without manual reconstruction." + description: "by assembling dimensional results, process parameters, and operator sign-offs continuously during production, submission-ready without manual reconstruction." - svgPath: "components/icons/clipboard-document-check.svg" title: "Eliminate traveler revision escapes" - description: "with digital travelers always issued from a single controlled source — the current approved revision, every time." + description: "with digital travelers always issued from a single controlled source, the current approved revision, every time." - svgPath: "components/icons/shield-check.svg" title: "Enforce NADCAP and customer approval compliance" - description: "at point of production — expired approvals block job progression automatically, with proactive renewal workflow triggered before expiry." + description: "at point of production, expired approvals block job progression automatically, with proactive renewal workflow triggered before expiry." - svgPath: "components/icons/clock.svg" title: "Improve SCAR response time" - description: "with full production context captured automatically at the point of non-conformance — no manual evidence assembly required." + description: "with full production context captured automatically at the point of non-conformance, no manual evidence assembly required." useCases: title: "Use Cases" items: - image: "/images/industries/aerospace-components-use-case-1.jpg" imageAlt: "Operator scanning a machined aerospace component while inspection data is captured during production" - description: "Continuous FAI data assembly — CMM results, material certs, and operator sign-offs captured at each operation and compiled into the AS9102 Form 1, 2, and 3 package automatically, available on demand for any part number or revision." + description: "Continuous FAI data assembly
CMM results, material certs, and operator sign-offs captured at each operation and compiled into the AS9102 Form 1, 2, and 3 package automatically, available on demand for any part number or revision." - image: "/images/industries/aerospace-components-use-case-2.jpg" imageAlt: "CNC machine operator following digital work instructions on an industrial tablet" - description: "Digital job traveler with automatic engineering change propagation — every active job runs from the current approved revision; changes trigger update workflow with mandatory operator acknowledgment before production continues." + description: "Digital job traveler with automatic engineering change propagation
every active job runs from the current approved revision; changes trigger update workflow with mandatory operator acknowledgment before production continues." - image: "/images/industries/aerospace-components-use-case-3.jpg" imageAlt: "Quality inspector verifying material certificates and production approvals before releasing a machined aerospace component" - description: "Special process compliance enforcement — NADCAP and customer approval status checked before job release; expiry triggers proactive renewal workflow; certs linked to the part serial and job record at point of receipt." + description: "Special process compliance enforcement
NADCAP and customer approval status checked before job release; expiry triggers proactive renewal workflow; certs linked to the part serial and job record at point of receipt." socialProofText: "Used by aerospace component shops to automate compliance and standardize operations on top of Node-RED." cta: title: "Ready to see your shop floor compliance in one view?" description: "Share a sample of your active jobs and quality requirements and the team will show how FlowFuse would manage traceability, compliance, and delivery in real time." buttonText: "BOOK YOUR DEMO" buttonLink: "/book-demo/" ---- \ No newline at end of file +--- diff --git a/src/industries/automotive.njk b/src/industries/automotive.njk index 6e5196d291..4b41508fde 100644 --- a/src/industries/automotive.njk +++ b/src/industries/automotive.njk @@ -20,6 +20,8 @@ meta: answer: > Yes. FlowFuse combines low-code development with FlowFuse AI, enabling engineering and manufacturing teams to build industrial applications faster. AI-powered expert assistance and agentic development help accelerate application creation, while developers retain full control to customize logic and integrations as needed. hero: + eyebrow: "Automotive Manufacturing" + eyebrowIcon: "components/icons/car.svg" heading: 'Scale automotive operations without rewiring your stack' description: "Connect PLCs, SCADA, MES, and plant IT systems in one place. FlowFuse helps teams monitor, automate, and standardize production workflows across plants in real time." primaryCta: "BOOK A DEMO" @@ -28,8 +30,12 @@ hero: secondaryCtaLink: "/pricing/" image: "/images/industries/automotive.jpg" imageAlt: "Aerial view of an automotive manufacturing plant floor" + video: + mp4: /images/industries/hero-video/automotive.mp4 + poster: /images/industries/hero-video/automotive.jpg + speed: 0.24 testimonial: - quote: "At PennEngineering, I built out the FlowFuse deployment from scratch — machine monitoring, machine dashboards, ERP integration. What FlowFuse gave us was revision control and a platform the whole team could own. That made the deployment self-sustaining." + quote: "At PennEngineering, I built out the FlowFuse deployment from scratch: machine monitoring, machine dashboards, ERP integration. What FlowFuse gave us was revision control and a platform the whole team could own. That made the deployment self-sustaining." name: "Lidiya Shutaya" title: "Sr. Operational Technology System Architect," company: "PennEngineering (formerly)" @@ -95,7 +101,7 @@ applications: variant: "mixed" enterprise: heading: 'Built for Enterprise Manufacturing' - description: "FlowFuse is SOC 2 Type I and Type II certified, with role-based access control, single sign-on, audit logging, and air-gapped, self-hosted deployment options — built for the security and compliance requirements of large-scale manufacturing organizations." + description: "FlowFuse is SOC 2 Type I and Type II certified, with role-based access control, single sign-on, audit logging, and air-gapped, self-hosted deployment options, built for the security and compliance requirements of large-scale manufacturing organizations." badge: "components/icons/soc-2-badge.svg" badgeLabel: "SOC 2 Type II" items: @@ -119,10 +125,28 @@ cta: -
-
-
+
+
+ {% if hero.video %} + + + {% endif %} +
+
+ {% if hero.eyebrow %} +
+ + {% if hero.eyebrowIcon %}{% include hero.eyebrowIcon %}{% endif %} + {{ hero.eyebrow }} + +
+ {% endif %}

{{ hero.heading | safe }}

@@ -133,11 +157,11 @@ cta: onclick="capture('cta-book-demo', {'position': 'hero'})"> {{ hero.primaryCta }} - - {{ hero.secondaryCta }} - {% include "components/icons/arrow-right.svg" %} + {{ hero.secondaryCta }} + {% include "components/icons/arrow-right.svg" %}
@@ -161,12 +185,9 @@ cta: {% endif %}
-
-

{{ hero.trustedByText }}

-
- {% include "social-proof.njk" %} -
+
+
{% for metric in metrics %} @@ -178,8 +199,6 @@ cta:
-
-
+
+
+
+

Trusted by our customers

+
+
+ {% include "social-proof.njk" %} +
+
+
+ + +{% set industryDisplayName = "Automotive" %} +{% include "components/industry-use-cases.njk" %} + diff --git a/src/industries/aviation-aerospace.md b/src/industries/aviation-aerospace.md index cacf4c0b05..006380e4f8 100644 --- a/src/industries/aviation-aerospace.md +++ b/src/industries/aviation-aerospace.md @@ -4,7 +4,9 @@ meta: title: "Aviation & Aerospace Manufacturing Operations Platform | FlowFuse" description: "Connect ERP, MES, torque tools, NDT systems, and shop floor stations in one place. FlowFuse helps aerospace manufacturing teams automate traceability, standardize workflows, and maintain build record integrity across programs and sites." hero: - heading: "Build the complete traceability record your AS9100 audit requires — without manual reconstruction." + eyebrow: "Aviation & Aerospace" + eyebrowIcon: "components/icons/airplane.svg" + heading: "Build the complete traceability record your AS9100 audit requires, without manual reconstruction." description: "Connect ERP, MES, torque tools, NDT systems, and shop floor stations in one place. FlowFuse helps teams link process data to part serials at point of operation, automate NCR workflows, and standardize execution across programs and sites." primaryCta: "BOOK A 30-MINUTE DEMO" primaryCtaLink: "/book-demo/" @@ -12,12 +14,16 @@ hero: secondaryCtaLink: "/contact-us/" image: "/images/industries/aviation-aerospace.jpg" imageAlt: "Technicians assembling aircraft structures across multiple aerospace production stations in a large manufacturing facility" + video: + mp4: /images/industries/hero-video/aviation-aerospace.mp4 + poster: /images/industries/hero-video/aviation-aerospace.jpg + speed: 0.5 subCta: "" problemImage: "images/industries/aviation-aerospace-problem.svg" problems: - - "Critical process data — torque values, weld energy, NDT results — is collected at each operation but never automatically linked to the serialized part or build record, leaving teams to reconstruct it manually for every audit or in-service event." + - "Critical process data, torque values, weld energy, NDT results, is collected at each operation but never automatically linked to the serialized part or build record, leaving teams to reconstruct it manually for every audit or in-service event." - "Non-conformances are reported verbally or on paper, disposition decisions are made informally, and containment scope is determined without full part-serial traceability context." - - "The same manufacturing process is executed across multiple programs and plants, but each site builds its own version — making standardization and audit readiness costly to maintain." + - "The same manufacturing process is executed across multiple programs and plants, but each site builds its own version, making standardization and audit readiness costly to maintain." solution: title: "What You Get with FlowFuse" benefits: @@ -34,7 +40,7 @@ outcomes: items: - svgPath: "components/icons/document-check.svg" title: "Eliminate manual build record assembly" - description: "with process data captured and linked to part serials at point of operation — audit-ready on demand, not built manually per request." + description: "with process data captured and linked to part serials at point of operation, audit-ready on demand, not built manually per request." - svgPath: "components/icons/bell-alert.svg" title: "Accelerate NCR containment and response" description: "with automated NCR workflows that route, hold, and trigger disposition with full part-serial context attached." @@ -43,19 +49,19 @@ outcomes: description: "with condition-triggered CMMS work orders created before failure occurs." - svgPath: "components/icons/arrows-pointing-out.svg" title: "Deploy standard work across programs and sites" - description: "from a single controlled platform — changes propagate instantly to all deployed instances." + description: "from a single controlled platform, changes propagate instantly to all deployed instances." useCases: title: "Use Cases" items: - image: "/images/industries/aviation-aerospace-use-case-1.jpg" imageAlt: "Technician using an electronic torque tool to assemble an aircraft structure on the production line" - description: "Process data capture and real-time build record linkage — torque tool, weld controller, and oven data captured via OPC-UA or MQTT and linked automatically to part serial and work order, eliminating manual transcription from safety-critical records." + description: "Process data capture and real-time build record linkage
torque tool, weld controller, and oven data captured via OPC-UA or MQTT and linked automatically to part serial and work order, eliminating manual transcription from safety-critical records." - image: "/images/industries/aviation-aerospace-use-case-2.jpg" imageAlt: "Quality engineer inspecting an aircraft component in a quality hold area before disposition" - description: "NCR and containment workflows — quality events trigger automated routing to quality engineers, initiate hold with full part-serial context, and enforce disposition approval gates before release or scrap." + description: "NCR and containment workflows
quality events trigger automated routing to quality engineers, initiate hold with full part-serial context, and enforce disposition approval gates before release or scrap." - image: "/images/industries/aviation-aerospace-use-case-3.jpg" imageAlt: "Assembly technician reviewing updated digital work instructions at an aerospace production station" - description: "Work order release and engineering change management — ECNs propagate automatically from ERP/MRO to all affected shop floor stations, with mandatory acknowledgment before work continues." + description: "Work order release and engineering change management
ECNs propagate automatically from ERP/MRO to all affected shop floor stations, with mandatory acknowledgment before work continues." socialProofText: "Used by aerospace and defence manufacturing teams to standardize operations and maintain AS9100 traceability on top of Node-RED" cta: title: "Ready to see your build records in one view?" diff --git a/src/industries/electronics-appliances.md b/src/industries/electronics-appliances.md index 173c874e13..6aff290278 100644 --- a/src/industries/electronics-appliances.md +++ b/src/industries/electronics-appliances.md @@ -4,19 +4,25 @@ meta: title: "Electronics & Appliances Manufacturing Operations Platform" description: "Connect SMT lines, test stations, ERP, PLM, and inspection systems in one place. FlowFuse helps electronics and appliance manufacturers automate fault response, maintain traceability, and standardize execution across lines and sites." hero: + eyebrow: "Electronics & Appliances" + eyebrowIcon: "components/icons/computer-desktop.svg" heading: "Process variation visible in your data but never acted on is what drives field failures" - description: "Connect SMT lines, test stations, ERP, PLM, and inspection systems in one place. FlowFuse helps teams turn process signals into immediate operational responses — and maintain serialized traceability from line to field." + description: "Connect SMT lines, test stations, ERP, PLM, and inspection systems in one place. FlowFuse helps teams turn process signals into immediate operational responses, and maintain serialized traceability from line to field." primaryCta: "BOOK A 30-MINUTE DEMO" primaryCtaLink: "/book-demo/" secondaryCta: "CONTACT US" secondaryCtaLink: "/contact-us/" image: "/images/industries/electronics-appliances.jpg" imageAlt: "Automated SMT production line with pick-and-place machines and PCB conveyors inside a modern electronics manufacturing facility" + video: + mp4: /images/industries/hero-video/electronics-appliances.mp4 + poster: /images/industries/hero-video/electronics-appliances.jpg + speed: 2 subCta: "" problemImage: "images/industries/electronics-appliances-problem.svg" problems: - - "SMT line faults and AOI rejections trigger operator-dependent, inconsistent responses — downtime reason codes entered manually at shift end, if at all, making OEE data unreliable and real-time improvement impossible." - - "Test and inspection failures are dispositioned informally, with re-test results not linked to the original failure record or serialized unit history — creating field quality and warranty exposure." + - "SMT line faults and AOI rejections trigger operator-dependent, inconsistent responses, downtime reason codes entered manually at shift end, if at all, making OEE data unreliable and real-time improvement impossible." + - "Test and inspection failures are dispositioned informally, with re-test results not linked to the original failure record or serialized unit history, creating field quality and warranty exposure." - "Engineering change orders reach different sites and contract manufacturers at different times, leaving some lines running on outdated specifications and creating customer-visible quality inconsistencies." solution: title: "What You Get with FlowFuse" @@ -37,7 +43,7 @@ outcomes: description: "with automated fault escalation routing the right team the moment a machine state change or AOI rejection occurs." - svgPath: "components/icons/arrow-trending-up.svg" title: "Improve first-pass yield" - description: "with process exceedances — SPI volume, reflow profile deviation, torque out-of-spec — triggering immediate hold and investigation, not retrospective analysis." + description: "with process exceedances, SPI volume, reflow profile deviation, torque out-of-spec, triggering immediate hold and investigation, not retrospective analysis." - svgPath: "components/icons/document-check.svg" title: "Eliminate serialized traceability gaps" description: "by linking test results, component lots, and disposition records to serialized unit history automatically at each production stage." @@ -49,13 +55,13 @@ useCases: items: - image: "/images/industries/electronics-appliances-use-case-1.jpg" imageAlt: "Automated optical inspection (AOI) station detecting a PCB defect on an SMT production line while a technician approaches the machine" - description: "SMT fault detection and structured escalation — machine state change, AOI rejection, or alarm triggers immediate routing to process engineering, quality, or maintenance with fault context attached; escalation logic fires automatically if no acknowledgment within the defined window." + description: "SMT fault detection and structured escalation
machine state change, AOI rejection, or alarm triggers immediate routing to process engineering, quality, or maintenance with fault context attached; escalation logic fires automatically if no acknowledgment within the defined window." - image: "/images/industries/electronics-appliances-use-case-2.jpg" imageAlt: "Technician removing a failed electronic control board from a functional test station for rework and traceability" - description: "Test failure disposition and traceability — failed unit flagged automatically, rework order raised, routing updated, and re-test result linked to the original failure record and serialized unit history; yield trends and repeat-failure patterns visible within the shift." + description: "Test failure disposition and traceability
failed unit flagged automatically, rework order raised, routing updated, and re-test result linked to the original failure record and serialized unit history; yield trends and repeat-failure patterns visible within the shift." - image: "/images/industries/electronics-appliances-use-case-3.jpg" imageAlt: "Production operator confirming a digital work order at an SMT manufacturing station before starting a new production run" - description: "ERP/PLM-to-line synchronization — work order release propagates current BOM and specification to all production stations; ECOs deployed simultaneously across all sites and CMs with mandatory acknowledgment before the new revision becomes active." + description: "ERP/PLM-to-line synchronization
work order release propagates current BOM and specification to all production stations; ECOs deployed simultaneously across all sites and CMs with mandatory acknowledgment before the new revision becomes active." socialProofText: "Used by electronics, appliance, and industrial controls manufacturers to standardize operations and maintain end-to-end traceability on top of Node-RED" cta: title: "Ready to see your production lines in one view?" diff --git a/src/industries/food-beverage.md b/src/industries/food-beverage.md index 575ace7d2b..527a759de3 100644 --- a/src/industries/food-beverage.md +++ b/src/industries/food-beverage.md @@ -4,7 +4,9 @@ meta: title: "Food & Beverage Manufacturing Operations Platform" description: "Connect filling lines, packaging equipment, MES, ERP, and lab systems in one place. FlowFuse helps food and beverage teams respond faster, standardize across sites, and maintain complete batch traceability in real time." hero: - heading: "When a CCP breaches, containment should be automatic — not operator-dependent." + eyebrow: "Food & Beverage" + eyebrowIcon: "components/icons/factory.svg" + heading: "When a CCP breaches, containment should be automatic, not operator-dependent." description: "Connect filling lines, packaging equipment, MES, ERP, and lab systems in one place. FlowFuse helps teams automate food safety response, maintain complete lot traceability, and standardize workflows across every line and site." primaryCta: "BOOK A 30-MINUTE DEMO" primaryCtaLink: "/book-demo/" @@ -12,12 +14,15 @@ hero: secondaryCtaLink: "/contact-us/" image: "/images/industries/food-beverage.jpg" imageAlt: "Wide-angle view of a modern beverage manufacturing plant with automated bottling lines, stainless steel processing equipment, and high-speed conveyors transporting bottles through production." + video: + mp4: /images/industries/hero-video/food-beverage.mp4 + poster: /images/industries/hero-video/food-beverage.jpg subCta: "" problemImage: "images/industries/food-beverage-problem.svg" problems: - - "CCP breaches and food safety events trigger manual containment: operators stop lines based on individual judgment, and containment scope is determined without full lot traceability context — increasing recall risk and audit exposure." + - "CCP breaches and food safety events trigger manual containment: operators stop lines based on individual judgment, and containment scope is determined without full lot traceability context, increasing recall risk and audit exposure." - "Recipe and specification changes are communicated via email and printed sheets, leaving some lines running on outdated versions until someone notices." - - "Batch and lot traceability is fragmented across ERP, MES, historian, and paper records — making recall simulations slow, costly, and difficult to pass under BRC, SQF, or FDA audit." + - "Batch and lot traceability is fragmented across ERP, MES, historian, and paper records, making recall simulations slow, costly, and difficult to pass under BRC, SQF, or FDA audit." solution: title: "What You Get with FlowFuse" benefits: @@ -34,28 +39,28 @@ outcomes: items: - svgPath: "components/icons/shield-check.svg" title: "Accelerate food safety response" - description: "with automatic CCP breach workflows that flag affected lots and route disposition through quality approval gates — no manual containment decisions." + description: "with automatic CCP breach workflows that flag affected lots and route disposition through quality approval gates, no manual containment decisions." - svgPath: "components/icons/document-check.svg" title: "Reduce recall scope and cost" - description: "by maintaining complete lot-to-lot traceability in real time — one-up/one-down trace report generated in minutes, not hours." + description: "by maintaining complete lot-to-lot traceability in real time, one-up/one-down trace report generated in minutes, not hours." - svgPath: "components/icons/arrows-pointing-out.svg" title: "Standardize recipe rollout across all lines and sites" description: "with confirmation gates that prevent production before the correct specification version is acknowledged." - svgPath: "components/icons/bolt.svg" title: "Improve OEE data accuracy" - description: "with downtime reasons captured at the moment of event — not at shift end — linked to line, shift, and work order." + description: "with downtime reasons captured at the moment of event, not at shift end, linked to line, shift, and work order." useCases: title: "Use Cases" items: - image: "/images/industries/food-beverage-use-case-1.jpg" imageAlt: "Bottling line control panel displaying a CCP breach alert while glass bottles move through an automated beverage production line in the background." - description: "CCP breach and food safety containment — automatic hold workflow flags affected line, lot, and downstream product instantly; containment scope determined from live traceability data; disposition routes through quality approval before release." + description: "CCP breach and food safety containment
automatic hold workflow flags affected line, lot, and downstream product instantly; containment scope determined from live traceability data; disposition routes through quality approval before release." - image: "/images/industries/food-beverage-use-case-2.jpg" imageAlt: "Production station touchscreen showing recipe deployment and version confirmation for a beverage filling line with glass bottles moving through the factory." - description: "Recipe and specification change management — recipe change triggers controlled deployment workflow across all affected lines and sites; station confirmation required before production release; version history logged with author, approval, and timestamp." + description: "Recipe and specification change management
recipe change triggers controlled deployment workflow across all affected lines and sites; station confirmation required before production release; version history logged with author, approval, and timestamp." - image: "/images/industries/food-beverage-use-case-3.jpg" imageAlt: "Food and beverage production line showing ingredient lots, processing equipment, bottled products, and finished goods with batch identification throughout the manufacturing process." - description: "Batch traceability from goods receipt to dispatch — ingredient lot, batch, and process parameters captured at each production stage and written to a central traceability record in real time, available in minutes for recall simulation or regulatory audit." + description: "Batch traceability from goods receipt to dispatch
ingredient lot, batch, and process parameters captured at each production stage and written to a central traceability record in real time, available in minutes for recall simulation or regulatory audit." socialProofText: "Used by food and beverage manufacturing teams to standardize operations and maintain audit-ready traceability on top of Node-RED" cta: title: "Ready to see your batch traceability in one view?" diff --git a/src/industries/life-sciences.md b/src/industries/life-sciences.md index a35d2ccf8e..23bb56bf79 100644 --- a/src/industries/life-sciences.md +++ b/src/industries/life-sciences.md @@ -4,7 +4,9 @@ meta: title: "Life Sciences Manufacturing Operations Platform" description: "Connect bioreactors, analytical instruments, LIMS, MES, ELN, and ERP in one place. FlowFuse helps life sciences teams automate batch coordination, maintain data integrity, and accelerate the path from development to GMP production." hero: - heading: "Your Electronic Batch Record should be built during production — not assembled after it ends" + eyebrow: "Life Sciences" + eyebrowIcon: "components/icons/academic-cap.svg" + heading: "Your Electronic Batch Record should be built during production, not assembled after it ends" description: "Connect bioreactors, analytical instruments, LIMS, MES, ELN, and ERP in one place. FlowFuse helps teams automate batch stage coordination, maintain 21 CFR Part 11 data integrity, and carry process logic from development through to commercial GMP production." primaryCta: "BOOK A 30-MINUTE DEMO" primaryCtaLink: "/book-demo/" @@ -12,17 +14,20 @@ hero: secondaryCtaLink: "/contact-us/" image: "/images/industries/life-sciences.jpg" imageAlt: "Wide view of a GMP biopharmaceutical manufacturing facility with stainless steel bioreactors, automated process equipment, and cleanroom production infrastructure." + video: + mp4: /images/industries/hero-video/life-sciences.mp4 + poster: /images/industries/hero-video/life-sciences.jpg subCta: "" problemImage: "images/industries/life-sciences-problem.svg" problems: - - "Scientific instruments operate as isolated systems — process events on one cannot trigger actions on another without manual intervention, consuming scientist and operator time that should be spent on higher-value work." - - "Electronic Batch Records are assembled after production by pulling data from MES, LIMS, historian, and paper logs — delaying batch release, introducing data integrity risk, and failing the contemporaneous data standard that FDA and EMA inspectors require." - - "Scale-up and technology transfer require rebuilding operational workflows at each stage — development process logic doesn't carry forward without significant rework, extending time to first GMP batch." + - "Scientific instruments operate as isolated systems, process events on one cannot trigger actions on another without manual intervention, consuming scientist and operator time that should be spent on higher-value work." + - "Electronic Batch Records are assembled after production by pulling data from MES, LIMS, historian, and paper logs, delaying batch release, introducing data integrity risk, and failing the contemporaneous data standard that FDA and EMA inspectors require." + - "Scale-up and technology transfer require rebuilding operational workflows at each stage, development process logic doesn't carry forward without significant rework, extending time to first GMP batch." solution: title: "What You Get with FlowFuse" benefits: - svgPath: "components/icons/link.svg" - text: "One platform to connect instruments and systems (bioreactors, analysers, LIMS, MES, ELN) via open protocols — without replacing any of them or renegotiating vendor contracts." + text: "One platform to connect instruments and systems (bioreactors, analysers, LIMS, MES, ELN) via open protocols, without replacing any of them or renegotiating vendor contracts." - svgPath: "components/icons/bolt.svg" text: "Low-code automation built on Node-RED so scientists and engineers can configure and iterate workflows without vendor dependency or specialist IT." - svgPath: "components/icons/rectangle-stack.svg" @@ -34,28 +39,28 @@ outcomes: items: - svgPath: "components/icons/document-check.svg" title: "Complete EBR at end of production" - description: "with process parameters, quality results, and operator confirmations captured continuously as the batch progresses — QA-ready without post-production compilation." + description: "with process parameters, quality results, and operator confirmations captured continuously as the batch progresses, QA-ready without post-production compilation." - svgPath: "components/icons/bolt.svg" title: "Accelerate batch stage transitions" - description: "by automating hold/release decisions and downstream equipment scheduling from LIMS results — eliminating manual coordination delays between operations." + description: "by automating hold/release decisions and downstream equipment scheduling from LIMS results, eliminating manual coordination delays between operations." - svgPath: "components/icons/arrows-pointing-out.svg" title: "Reduce tech transfer and scale-up rework" - description: "with parameterized workflow templates that carry process logic from development through clinical to commercial GMP — configuration, not rebuild." + description: "with parameterized workflow templates that carry process logic from development through clinical to commercial GMP, configuration, not rebuild." - svgPath: "components/icons/bell-alert.svg" title: "Improve deviation response" - description: "with automatic workflow initiation at point of parameter exceedance — full batch context captured without manual reconstruction, CAPA initiated with full linkage." + description: "with automatic workflow initiation at point of parameter exceedance, full batch context captured without manual reconstruction, CAPA initiated with full linkage." useCases: title: "Use Cases" items: - image: "/images/industries/life-sciences-use-case-1.jpg" imageAlt: "Bioreactor, process skid, and analytical instrument connected in a GMP biopharmaceutical manufacturing facility." - description: "Instrument integration and automated batch stage coordination — bioreactor phase completion, LIMS in-process results, and equipment scheduling for the next operation connected automatically; hold/release decisions executed without manual intervention for standard cases; full stage transition record maintained without separate documentation effort." + description: "Instrument integration and automated batch stage coordination
bioreactor phase completion, LIMS in-process results, and equipment scheduling for the next operation connected automatically; hold/release decisions executed without manual intervention for standard cases; full stage transition record maintained without separate documentation effort." - image: "/images/industries/life-sciences-use-case-2.jpg" imageAlt: "Electronic Batch Record interface beside a bioreactor in a GMP biopharmaceutical manufacturing facility." - description: "Continuous Electronic Batch Record assembly — process parameters, equipment status, operator confirmations, and quality results captured at each step as the batch progresses; EBR complete and QA-ready at end of production with discrepancies flagged in real time, not during post-production review." + description: "Continuous Electronic Batch Record assembly
process parameters, equipment status, operator confirmations, and quality results captured at each step as the batch progresses; EBR complete and QA-ready at end of production with discrepancies flagged in real time, not during post-production review." - image: "/images/industries/life-sciences-use-case-3.jpg" imageAlt: "Deviation management and CAPA workflow displayed on an industrial control panel in a GMP biopharmaceutical manufacturing facility." - description: "Deviation and CAPA workflow — parameter exceedance or alarm condition triggers automatic deviation workflow; batch position, process parameters, and equipment state captured at point of event; CAPA initiated directly from deviation record with full data linkage; deviation data aggregated continuously for trend analysis and proactive escalation." + description: "Deviation and CAPA workflow
parameter exceedance or alarm condition triggers automatic deviation workflow; batch position, process parameters, and equipment state captured at point of event; CAPA initiated directly from deviation record with full data linkage; deviation data aggregated continuously for trend analysis and proactive escalation." socialProofText: "Used by biopharmaceutical and life sciences operations teams to automate batch workflows, maintain GMP data integrity, and scale digital initiatives beyond the pilot on top of Node-RED" cta: title: "Ready to see your batch operations in one view?" diff --git a/src/industries/renewables.md b/src/industries/renewables.md index 2c3ef96dfb..382fa85f13 100644 --- a/src/industries/renewables.md +++ b/src/industries/renewables.md @@ -4,6 +4,8 @@ meta: title: "Renewable Energy Operations Platform | FlowFuse" description: "Connect solar, wind, and storage assets in one place. FlowFuse helps your team monitor, automate, and optimize every site in real time, without rewriting your entire stack." hero: + eyebrow: "Renewable Energy" + eyebrowIcon: "components/icons/wind-turbine.svg" heading: "Scale renewable operations without vendor lock-in" description: "Connect solar, wind, and storage assets in one place. FlowFuse helps your team monitor, automate, and optimize every site in real time, without rewriting your entire stack." primaryCta: "BOOK A 30-MINUTE DEMO" @@ -13,6 +15,9 @@ hero: image: "/images/industries/renewable-energies.png" imageAlt: "Aerial view of a wind and solar farm with data overlay showing real-time monitoring metrics." subCta: "See a sample renewable dashboard" + video: + mp4: /images/industries/hero-video/renewables.mp4 + poster: /images/industries/hero-video/renewables.jpg problemImage: "images/industries/renewable-problem.svg" problems: - "Fragmented assets and legacy systems make it hard to see what is happening across all your sites." diff --git a/src/industries/semiconductors.md b/src/industries/semiconductors.md index 459b910d9f..ea85dc4c7e 100644 --- a/src/industries/semiconductors.md +++ b/src/industries/semiconductors.md @@ -2,16 +2,21 @@ layout: layouts/industry.njk meta: title: "Semiconductors & Electronics Manufacturing Platform | FlowFuse" - description: "FlowFuse unifies cleanroom monitoring, SMT orchestration, and yield optimization—whether you're running fabs or high-mix electronics lines. No proprietary lock-in." + description: "FlowFuse unifies cleanroom monitoring, SMT orchestration, and yield optimization, whether you're running fabs or high-mix electronics lines. No proprietary lock-in." hero: + eyebrow: "Semiconductors" + eyebrowIcon: "components/icons/chip.svg" heading: "Zero-Downtime Precision Manufacturing" - description: "FlowFuse unifies cleanroom monitoring, SMT orchestration, and yield optimization—whether you're running fabs or high-mix electronics lines. No proprietary lock-in." + description: "FlowFuse unifies cleanroom monitoring, SMT orchestration, and yield optimization, whether you're running fabs or high-mix electronics lines. No proprietary lock-in." primaryCta: "SCHEDULE PRECISION DEMO" primaryCtaLink: "/book-demo/" secondaryCta: "CONTACT US" secondaryCtaLink: "/contact-us/" image: "/images/industries/semiconductors.jpg" imageAlt: "Engineers monitoring semiconductor manufacturing equipment in a cleanroom production facility" + video: + mp4: /images/industries/hero-video/semiconductors.mp4 + poster: /images/industries/hero-video/semiconductors.jpg subCta: "See a sample precision manufacturing dashboard" problemTitle: "Shared Challenges" problemImage: "images/industries/semiconductors-problem.svg" From 9537f06f8a580fe8d0b5721a221a4162c5537697 Mon Sep 17 00:00:00 2001 From: Dimitrie Hoekstra Date: Fri, 24 Jul 2026 12:47:02 +0200 Subject: [PATCH 2/4] Trigger Netlify deploy preview build From ceb676420ac74200c331518fde9df0c37e142898 Mon Sep 17 00:00:00 2001 From: Dimitrie Hoekstra Date: Fri, 24 Jul 2026 13:18:14 +0200 Subject: [PATCH 3/4] Trigger Netlify deploy preview build --- src/_includes/layouts/industry.njk | 1 + 1 file changed, 1 insertion(+) diff --git a/src/_includes/layouts/industry.njk b/src/_includes/layouts/industry.njk index 09d60c0ef6..6c9710943a 100644 --- a/src/_includes/layouts/industry.njk +++ b/src/_includes/layouts/industry.njk @@ -226,3 +226,4 @@ layout: default
+ From 65ee9071382796e666284baabb22bff8063bdcdc Mon Sep 17 00:00:00 2001 From: Dimitrie Hoekstra Date: Fri, 24 Jul 2026 23:39:51 +0200 Subject: [PATCH 4/4] Rebuild AI page with sticky capability sections (#5379) Co-authored-by: Zeger-Jan van de Weg --- src/_data/site.json | 4 +- src/ai.njk | 380 ++++++++++++++++++++++++++------------------ src/index.njk | 62 +++++--- 3 files changed, 267 insertions(+), 179 deletions(-) diff --git a/src/_data/site.json b/src/_data/site.json index 5c66fb80c0..c0d134afd3 100644 --- a/src/_data/site.json +++ b/src/_data/site.json @@ -6,8 +6,8 @@ "em": "https://job-boards.greenhouse.io/flowfuse/jobs/5566913004" }, "messaging": { - "tagLine": "Build Industrial Applications That Scale Across Your Enterprise", - "subtitle": "Standardize, govern, and deploy operational applications across plants, production lines and teams from a single platform.", + "tagLine": "The edge-native platform for industrial applications", + "subtitle": "Build, deploy, and govern operational applications across every plant and production line, distributed to the edge and accelerated by AI.", "title": "Build workflows and integrations that optimize your industrial operations", "keywords": "Node-RED, Application Development, IoT, IIoT, Low-Code, open source, Integration, Workflow, Automation, Data Processing, Data Integration, Data Transformation, Data Visualization, Industrial Automation, Industrial IoT, Industry 4.0" }, diff --git a/src/ai.njk b/src/ai.njk index 3fa7eb23e9..b5850eeb62 100644 --- a/src/ai.njk +++ b/src/ai.njk @@ -1,151 +1,229 @@ ---- -layout: page -nohero: true -imageDescription: "Plant worker interacting with an HMI" -meta: - title: "FlowFuse Expert: LLMs for Industrial Teams" - description: "Turn natural language into reliable industrial applications with FlowFuse Expert, or LLM-powered copilot, deeply integrated into FlowFuse and Node-RED, designed for the constraints, protocols, and governance your plants require." -hero: - title: "FlowFuse Expert: LLMs for Industrial Teams" - description: - - "Turn natural language into reliable industrial applications with with FlowFuse Expert, our LLM-powered copilot, deeply integrated into FlowFuse and Node-RED. Built on Model Context Protocol (MCP), it connects AI directly to your machines, databases, and brokers—so it understands your constraints, protocols, and governance, not generic templates." - - "Scale Your Industrial Applications with AI." - buttonText: "Request a Demo" - buttonLink: "/book-demo/" - buttonReference: "ai" - img: ./images/ai/ai-hero.png - imgAlt: "FlowFuse Expert AI icon with connecting lines flowing out" -platform: - title: "Meet your AI-powered FlowFuse Expert" - subtitle: "Ask what you need. Let it build the application." - description: - - "FlowFuse Expert is the fastest, most secure way to build industrial applications and operate at scale—now with AI powered by Model Context Protocol (MCP) that grounds every suggestion in live plant data, so it understands your processes, systems, and governance needs in real time." - - "FlowFuse combines Node-RED's 5,000+ community nodes with with FlowFuse Expert, our LLM-powered copilot, built on MCP and enterprise governance, so IT and OT teams can collaborate and deploy across plants without waiting on scarce developers. MCP connects AI to your live industrial data, making FlowFuse the fastest, most secure way to build industrial applications and operate at scale." - image: images/ai/ai-ui.png - imgAlt: "FlowFuse Expert showing AI-generated flow suggestions" -solution: - title: "AI for Real Industrial Workflows" - benefits: - - svgPath: "components/icons/sparkles.svg" - title: "AI-Generated Industrial Flows" - description: "Generate Node-RED flows, JavaScript, and SQL from natural language using an industrial-tuned LLM, so you can connect machines, transform data, and build dashboards in minutes instead of months." - - svgPath: "components/icons/squares-plus.svg" - title: "Reusable Industrial Blueprints" - description: "Turn OT know-how into reusable blueprints for UNS, SCADA, MES, and middleware that your teams can deploy across plants with full version control and governance." - - svgPath: "components/icons/shield-check.svg" - title: "Governance You Trust" - description: "Keep humans in control with approval workflows, role-based access, audit trails, and the same enterprise-grade governance you use for all FlowFuse applications." -ctaSection: - title: "With FlowFuse Expert, teams can:" - list: - - "Generate Node-RED flows from natural language descriptions of a workflow or integration, so you can connect any machine and protocol faster." - - "Draft and edit Function node code (JavaScript), UI templates (HTML/CSS/JS), SQL queries, and JSON configurations using the FlowFuse Expert in the editor, so you can transform and model data in any platform without starting from scratch." - - "Empower Operations and Process Engineers to quickly build new dashboards, widgets, and queries using plain-language descriptions of the desired views or KPIs, reducing reliance on IT support." - - "Spin up LLM blueprints that expose industrial data to a chat agent via Model Context Protocol (MCP), so operators and engineers can query systems in natural language and get answers grounded in live machine state, alarms, and logs—not stale documentation." - img: ./images/ai/ai-cta.png - imgAlt: "Plant worker interacting with AI on a tablet, connected to the entire factory" ---- - -
-
-
-
-

- {{ hero.title | safe }} -

- {% for p in hero.description %} -

{{ p | safe }}

- {% endfor %} -
- - {% include "components/ai-chat-interface.njk" %} - - - {% include "components/ai-expert-modal.njk" %} -
-
-
-
-
- -
-
-
-

- {{ platform.title | safe }} -

-

{{ platform.subtitle }}

- {% for p in platform.description %} -

- {{ p | safe }} -

- {% endfor %} -
-
-
-
- {% set imageSrc = ["./", platform.image ] | join %} - {% image imageSrc, imageDescription, [1200] %} -
-
-
-
-
- -
-
-

{{ solution.title | safe }}

-
- {% for benefit in solution.benefits %} -
-
-
-
- {% include benefit.svgPath %} -
-
-
-
{{ benefit.title }} -
-
-
-
-
-

{{ benefit.description | safe }}

-
-
-
- {% endfor %} -
-
-
- -
-
-
-
- {% image ctaSection.img, ctaSection.imgAlt, [496] %} -
-
-
-

{{ ctaSection.title | safe }}

-
-
    - {% for item in ctaSection.list %} -
  • - {{ item | safe }} -
    • - {% endfor %} -
-
- - Try it on FlowFuse Cloud - -
-
-
-
-
- +--- +layout: page +nohero: true +imageDescription: "Plant worker interacting with an HMI" +meta: + title: "Industrial AI: FlowFuse Expert, Governed and Built-In" + description: "Industrial AI with FlowFuse: build industrial applications with FlowFuse Expert, act on live operations behind approvals, and give your company-sanctioned AI governed access. Every AI capability on one platform, with the permissions, RBAC, and audit your plants require." +hero: + title: "Industrial AI, Governed and Built-In" + description: + - "AI capability is table stakes in 2026. Governed access to your operations is the difference." + buttonText: "Request a Demo" + buttonLink: "/book-demo/" + buttonReference: "ai" + img: ./images/ai/ai-hero.png + imgAlt: "FlowFuse Expert AI icon with connecting lines flowing out" +capabilityIntro: + title: "Every way AI shows up in your operations" + subtitle: "From accelerating how you build, to acting inside live flows, to connecting the AI your company already trusts. Each one runs on the same governed platform." +capabilityGroups: + - title: "Accelerate engineering" + eyebrow: "Build" + subtitle: "FlowFuse Expert turns intent into working industrial applications, right in the editor." + items: + - name: "AI-assisted engineering" + svgPath: "components/icons/code-bracket.svg" + status: "Available" + statusKind: "live" + description: "Generate and edit Node-RED flows, Function node JavaScript, SQL queries and dashboard UI from plain language, and ask Expert to explain any existing flow so any engineer can pick it up. It works inline in the editor your team already uses, so there is no separate tool to context-switch into. That turns unfamiliar or inherited flows into something the whole team can read and maintain." + - name: "Prompt-to-app" + svgPath: "components/icons/sparkles.svg" + status: "Available" + statusKind: "live" + description: "Describe the application you need and FlowFuse Expert agentically builds the starting flows and logic directly in your workspace. You begin from a working draft instead of a blank canvas, then refine it like any other flow. Everything it creates stays inside the platform, so the same permissions and review apply from the first node." + - name: "Build your own AI agents" + svgPath: "components/icons/squares-plus.svg" + status: "Available" + statusKind: "live" + description: "Start from an agent blueprint, like the LLM chat agent or RAG chat agent, to stand up a task-specific AI agent grounded in your own data, tools and context. It gives you a proven structure to adapt rather than wiring an agent up from scratch. With MCP servers you can give the agent access to anything, including your RAG applications. Because it runs on the platform, the agent operates within the access you grant it." + - name: "Built-in product expert" + svgPath: "components/icons/book-open.svg" + status: "Available" + statusKind: "live" + description: "A chat assistant with answers grounded in FlowFuse and Node-RED documentation, so guidance comes from the product, not stale wikis. Ask how a node works or how to approach a build and get an answer without leaving your workspace. It shortens the path from question to working flow for new and experienced users alike." + - title: "Operate with AI, safely" + eyebrow: "Operate" + subtitle: "AI that acts inside your flows and answers questions about live operations, always behind your controls." + items: + - name: "Governed autonomous operations" + svgPath: "components/icons/bolt.svg" + status: "Available" + statusKind: "live" + description: "Platform Automations let AI act on live systems, with every write behind an approval card, session-scoped and fully audited. A person approves, edits or rejects each proposed change before it reaches a machine. Nothing runs outside the permissions and RBAC that already govern your teams." + - name: "Ask your plant anything" + svgPath: "components/icons/chat-bubble-left-right.svg" + status: "Available" + statusKind: "live" + description: "In Insights mode, ask questions in natural language and get answers grounded in live machine state, alarms and logs. Operators and engineers can check what is happening on the floor without building a report or querying a database by hand. Table and MQTT-broker reading are coming soon." + - name: "Automated visual inspection" + svgPath: "components/icons/camera.svg" + status: "Available" + statusKind: "live" + description: "Run ONNX vision models inside flows next to the machine, with camera ingest over RTSP, for inference that works offline and keeps data on your network. Detection results flow into the same logic as any other signal, so you can trigger alerts or actions from what the model sees. Running at the edge means no round trip to the cloud and no image data leaving the plant." + - name: "Use any model within flows" + svgPath: "components/icons/cog-6-tooth.svg" + status: "Available" + statusKind: "live" + description: "Certified LLM nodes bring OpenAI, Anthropic, Gemini or local models via Ollama into any flow with your own keys. Choose the provider that fits each task, or keep everything on local models when data cannot leave your network. Because you supply the keys, model access and spend stay under your control." + - title: "Connect and govern your AI" + eyebrow: "Connect" + subtitle: "Give the AI your company already trusts a governed door into operations, on a boundary you control." + items: + - name: "Connect your company's AI" + svgPath: "components/icons/arrows-right-left.svg" + status: "Coming soon" + statusKind: "soon" + description: "Expose flows as MCP tools so the AI your company already sanctioned, like Claude or Copilot, can reach operational data through a permissioned boundary. The AI reaches only what you expose, on the terms you set, rather than getting direct access to plant systems. This is our most-requested capability and is in active development." + - name: "AI that uses your tools" + svgPath: "components/icons/puzzle-piece.svg" + status: "Available" + statusKind: "live" + description: "Build your own MCP servers and let Insights-mode agents call your tools and services as part of a workflow. Wrap an internal API or system as a tool once, then let agents use it wherever it fits. The agent stays inside the workflow you designed, calling only the tools you register." +governance: + title: "Governance you can prove" + subtitle: "The control plane every AI action runs through, the same one that governs your teams." + items: + - svgPath: "components/icons/check-circle.svg" + title: "Approval cards on writes" + description: "Every write action AI proposes waits for a human to approve, reject or edit." + - svgPath: "components/icons/lock-closed.svg" + title: "Per-tool permissions" + description: "Grant read, write or delete per tool and per team, so AI only reaches what you allow." + - svgPath: "components/icons/shield-check.svg" + title: "Role-based access" + description: "The same RBAC that governs your teams governs what AI can see and do." + - svgPath: "components/icons/clipboard-document-check.svg" + title: "Audit on everything" + description: "Every action AI touches is logged, so you can show exactly what happened and when." +--- + +
+ + + +
+
+
+
+
+

+ {{ hero.title | safe }} +

+

The platform is the control plane. AI is the accelerator.

+ {% for p in hero.description %} +

{{ p | safe }}

+ {% endfor %} +
+
+ + {% include "components/ai-chat-interface.njk" %} + + + {% include "components/ai-expert-modal.njk" %} +
+
+
+
+
+ +
+ +
+
+
+

{{ capabilityIntro.title | safe }}

+

{{ capabilityIntro.subtitle }}

+
+ {% for group in capabilityGroups %} +
+ +
+

+ 0{{ loop.index }} + {{ group.eyebrow }} +

+

{{ group.title }}

+

{{ group.subtitle }}

+
+ +
+ {% for item in group.items %} +
+
+ +
+
+ {{ item.name }} + {% if item.statusKind == 'soon' %} + Coming soon + {% endif %} +
+

{{ item.description | safe }}

+
+
+
+ {% endfor %} +
+
+ {% endfor %} +
+
+ +
+
+
+

{{ governance.title | safe }}

+

{{ governance.subtitle }}

+
+
+ {% for g in governance.items %} +
+
{% include g.svgPath %}
+

{{ g.title }}

+

{{ g.description }}

+
+ {% endfor %} +
+
+
+ + + + +
+
+

Where AI meets your operations

+

The use cases pair with FlowFuse AI, from governed agent access to AI-assisted monitoring.

+ {% set featuredUseCases = ["production-monitoring", "shop-floor-communication"] %} + {% include "components/use-case-links.njk" %} +

See all use cases

+
+
+ diff --git a/src/index.njk b/src/index.njk index bce29d03f4..47e2407970 100644 --- a/src/index.njk +++ b/src/index.njk @@ -7,14 +7,14 @@ sections: description: "Operational logic stays local. The same problem gets solved differently at every site, by every team, every time." - svgPath: "components/icons/link-slash.svg" title: "Your core systems don't cover everything" - description: "MES, ERP, and SCADA solve standard problems well. The workflows in the gaps — quality gates, shift handovers, custom validation — fall back to custom code and manual workarounds." + description: "MES, ERP, and SCADA solve standard problems well. The workflows in the gaps (quality gates, shift handovers, custom validation) fall back to custom code and manual workarounds." - svgPath: "components/icons/building-office-2.svg" title: "What works on one line won't scale to fifty" description: "A working solution on one machine requires rebuilding from scratch for the next site. There is no system to standardize, deploy, and govern what works" capabilities: - capability: "Build operational workflows your core systems can't" feature: "Low-code development with FlowFuse Expert" - description: "Create the operational applications that MES, ERP, and SCADA platforms struggle to support natively — from quality validation and workforce assignment to shift handovers and production visibility. Describe what you need in plain language and FlowFuse Expert generates the starting logic directly in your workspace." + description: "Create the operational applications that MES, ERP, and SCADA platforms struggle to support natively, from quality validation and workforce assignment to shift handovers and production visibility. Describe what you need in plain language and FlowFuse Expert generates the starting logic directly in your workspace." imagePath: "images/home/home-node-red.png" imageAlt: "FlowFuse UI" linkText: "Learn more about FlowFuse Expert" @@ -28,7 +28,7 @@ capabilities: linkHref: "/platform/device-agent/" - capability: "Connect shop floor events to enterprise systems" feature: "Flow-based IT/OT connectivity" - description: "Move production events, work orders, alarms, and operational data securely between PLCs, edge devices, MES, ERP, cloud platforms, and operator interfaces — without brittle point-to-point integrations or exposing inbound firewall ports." + description: "Move production events, work orders, alarms, and operational data securely between PLCs, edge devices, MES, ERP, cloud platforms, and operator interfaces, without brittle point-to-point integrations or exposing inbound firewall ports." imagePath: "images/home/home-dashboard.png" imageAlt: "FlowFuse Dashboard" linkText: "Explore production monitoring" @@ -64,6 +64,7 @@ operationalSystem: - title: "PRODUCTION & OPERATIONS" items: - name: "Production Monitoring" + url: "/use-cases/production-monitoring/" description: "OEE tracking across lines, shifts, and plants." - name: "Continuous Improvement" description: "Digital CI workflow from suggestion to closure." @@ -72,6 +73,7 @@ operationalSystem: - name: "Workforce Assignment" description: "Dynamic operator allocation using training, ergonomics, and demand data." - name: "Shop Floor Communication" + url: "/use-cases/shop-floor-communication/" description: "Real-time alerts, escalation, and cross-site coordination." - title: "SYSTEM EXTENSIONS" items: @@ -91,19 +93,19 @@ meta: faq: - question: "What's the difference between Node-RED and FlowFuse?" answer: > - Node-RED is the open-source runtime FlowFuse is built on — it's how you build the logic. FlowFuse adds everything after the build: deployment across sites, version control, team access management, and enterprise security. You can use FlowFuse without prior Node-RED experience. + Node-RED is the open-source runtime FlowFuse is built on. It's how you build the logic. FlowFuse adds everything after the build: deployment across sites, version control, team access management, and enterprise security. You can use FlowFuse without prior Node-RED experience. - question: "Do I need Node-RED experience to use FlowFuse?" answer: > No. FlowFuse Expert, our AI-assisted development tool, lets your team describe what they need in plain language and generates the logic. Your team can build without a steep learning curve. - question: "Can FlowFuse work with our existing systems?" answer: > - Yes — FlowFuse is designed for brownfield environments. It connects to and extends your existing MES, ERP, SCADA, PLCs, and other systems without replacing them or requiring modifications to core platforms. + Yes, FlowFuse is designed for brownfield environments. It connects to and extends your existing MES, ERP, SCADA, PLCs, and other systems without replacing them or requiring modifications to core platforms. - question: "How does FlowFuse handle security and compliance?" answer: > FlowFuse is SOC 2 Type 1 and Type 2 certified. It supports RBAC, SSO, audit logs, and air-gapped self-hosted deployments for environments with strict network isolation requirements. - question: "How long does a typical deployment take?" answer: > - Most teams are operational within days. FlowFuse is designed to start with a single use case and expand — not require a multi-month implementation before delivering value. + Most teams are operational within days. FlowFuse is designed to start with a single use case and expand, not require a multi-month implementation before delivering value. hubspot: script: "hubspot/hs-form.njk" formId: 159c173d-dd95-49bd-922b-ff3ef243e90c @@ -129,7 +131,7 @@ hubspot:

- {{ site.messaging.tagLine | safe }} + {{ site.messaging.tagLine | safe }}
IT, OT, and IIOT

{{ site.messaging.subtitle | replace("-", "‑") | safe }} @@ -141,10 +143,10 @@ hubspot: BOOK A DEMO - - TRY IT OUT + TRY IT OUT {% include "components/icons/arrow-right.svg" %} @@ -256,11 +258,11 @@ hubspot:

The missing operational layer

FlowFuse is the industrial application platform that sits between your systems and your operations

-

Whether you're extending an existing system, standardizing a proven solution across sites, or connecting OT and IT data flows — FlowFuse gives your team the platform to build once and run everywhere.

+

Whether you're extending an existing system, standardizing a proven solution across sites, or connecting OT and IT data flows, FlowFuse gives your team the platform to build once and run everywhere.

BOOK A DEMO - TRY IT OUT {% include "components/icons/arrow-right.svg" %} + TRY IT OUT {% include "components/icons/arrow-right.svg" %}
@@ -304,23 +306,30 @@ hubspot:

What mature adoption looks like

From one-off solutions to an operational application system

-

These are not use cases — these are production applications running across the business. Built once, governed centrally, deployed across every site.

+

These are not use cases. They are production applications running across the business. Built once, governed centrally, deployed across every site.

Operational Application System

-
+
{% for category in operationalSystem.categories %} -
-
+
+
{{ category.title }}
-
+
{% for item in category.items %} + {% if item.url %} + +

{{ item.name }}

+

{{ item.description }}

+ + {% else %}

{{ item.name }}

{{ item.description }}

+ {% endif %} {% endfor %}
@@ -331,7 +340,7 @@ hubspot:

Every problem solved becomes a reusable application

-

That's how a small team manages operations across dozens of sites — without rebuilding from scratch every time.

+

That's how a small team manages operations across dozens of sites, without rebuilding from scratch every time.

Ready to build yours?

BOOK A DEMO @@ -371,11 +380,11 @@ hubspot:

AI accelerates the build

-

FlowFuse Expert, our industrial-tuned AI assistant, lets your team describe what they need in plain language — and generates flows, data transformations, and dashboard logic. No waiting on scarce developers.

+

FlowFuse Expert, our industrial-tuned AI assistant, lets your team describe what they need in plain language, and generates flows, data transformations, and dashboard logic. No waiting on scarce developers.

- - Learn more about FlowFuse AI - {% include "components/icons/arrow-long-right.svg" %} + + Learn more about FlowFuse AI + {% include "components/icons/arrow-long-right.svg" %}
@@ -386,11 +395,11 @@ hubspot:

FlowFuse governs the result

-

Speed without governance creates new debt. FlowFuse provides the production layer where AI-assisted work becomes visible, versioned, secure, and reusable — across the enterprise.

+

Speed without governance creates new debt. FlowFuse provides the production layer where AI-assisted work becomes visible, versioned, secure, and reusable, across the enterprise.

- - Book a demo - {% include "components/icons/arrow-long-right.svg" %} + + Book a demo + {% include "components/icons/arrow-long-right.svg" %}
@@ -411,7 +420,7 @@ hubspot: {% set cta = { title: "Get Started with FlowFuse", - description: "Your first operational application could be running this week. Book a demo to see how — or start a free trial and build it yourself.", + description: "Your first operational application could be running this week. Book a demo to see how, or start a free trial and build it yourself.", buttonText: "BOOK A DEMO", buttonLink: "/book-demo/", position: "get-started" @@ -425,3 +434,4 @@ hubspot:
+