Add self-hosted to pricing and FAQ areas

nuxt/content/faq/pricing.yml

@@ -3,6 +3,8 @@ title: 'Frequently Asked <span class="text-indigo-600">Questions</span>'
 items:
   - question: "What's the difference between Edge and Hub?"
     answer: "Edge is a product designed specifically for OT teams and the unique challenges they manage. With Edge, you can connect PLCs, machines, and systems, applying a standardised methodology for deploying automation at scale. This tier comes with everything in the FlowFuse core platform, but also includes support for Device Fleet Updates and Device Group Management. Additionally, this tier includes the OT Certified Nodes collection and deployable OT Application Blueprints.<br><br>Hub is a product better suited for IT teams moving data between their systems and orchestrating multi-plant installations. For this reason, it includes everything in the FlowFuse core platform, as well as some particularly useful features for this use case. It includes Git Integration, High Availability, BAA for HIPAA, and Protected Instances. It also includes the IT Certified Nodes collection and deployable IT Application Blueprints.<br><br>For customers requiring something between these two featuresets, please <a href='/contact-us'>Contact Us</a> so we can help build a tailored solution for your environment!"
+  - question: "Can I self-host FlowFuse, or is it cloud only?"
+    answer: "Both are available. Edge, Hub, and Fleet can run on FlowFuse Cloud, fully managed by us, or self-hosted on your own infrastructure - on-premise, in your private cloud, or in a fully air-gapped network. Self-hosted installs are supported on <a href='/docs/install/docker/'>Docker</a> and <a href='/docs/install/kubernetes/'>Kubernetes</a>; see the <a href='/docs/install/introduction/'>installation documentation</a> to get started, or <a href='/contact-us/'>Contact Us</a> to discuss a self-hosted deployment for your environment."
   - question: "How does customer support work for FlowFuse?"
     answer: "FlowFuse provides active support for Certified Nodes and the FlowFuse platform per the <a href='/handbook/sales/customer-success/#sla'>SLA</a>. Customers with these features can get support by <a href='/support'>filing a ticket</a> or via help information in the <a href='/support'>FlowFuse Support Portal</a>. For general issues related to Node-RED or third party modules, raise issues in the <a href='https://community.flowfuse.com/'>community forum</a>."
   - question: "How does FlowFuse secure my data?"

nuxt/pages/pricing/index.vue

@@ -73,6 +73,29 @@ useSchemaOrg([
         </UPricingPlan>
         </UPricingPlans>
 
+        <section class="mt-16 rounded-lg border border-indigo-100 bg-radial-[at_bottom_right] from-indigo-50 to-white p-6 sm:p-8">
+            <h3 class="text-xl font-semibold text-gray-900">Self-hosted deployments</h3>
+            <p class="mt-2 text-gray-600 max-w-3xl">FlowFuse is available in two ways. Pick the hosting model that fits your environment - and start building immediately.</p>
+            <div class="mt-6 grid gap-6 sm:grid-cols-2">
+                <div class="flex flex-col">
+                    <div class="flex items-center gap-2">
+                        <UIcon name="i-lucide-cloud" class="size-5 shrink-0 text-indigo-600" />
+                        <h4 class="text-lg font-semibold text-gray-900">FlowFuse Cloud</h4>
+                    </div>
+                    <p class="mt-2 text-sm text-gray-600 grow">Fully managed and maintained by us. Nothing to install, nothing to patch - start building in minutes.</p>
+                    <CtaSignUp variant="primary" position="pricing-hosting-cloud" class="mt-4 self-start" />
+                </div>
+                <div class="flex flex-col">
+                    <div class="flex items-center gap-2">
+                        <UIcon name="i-lucide-server" class="size-5 shrink-0 text-indigo-600" />
+                        <h4 class="text-lg font-semibold text-gray-900">Self-hosted / on-premise</h4>
+                    </div>
+                    <p class="mt-2 text-sm text-gray-600 grow">Run FlowFuse on your own infrastructure with Docker or Kubernetes - on-premise, in your private cloud, or fully air-gapped. See the <a href="/docs/install/introduction/" class="text-indigo-600 font-semibold hover:underline">installation docs</a>.</p>
+                    <CtaContactUs variant="primary-outlined" position="pricing-hosting-self-hosted" class="mt-4 self-start" />
+                </div>
+            </div>
+        </section>
+
         <SocialProof class="mt-16" />
     </div>
   </div>