Perpetual pricing section fixes

pricing/index.md
- Bold the entire "Starting from $4 999" label, not just the price
- Style "This solution is for you if:" as body copy (not <h4>)
- Replace "offline deployment" with "development deployment" in the bullets

pricing/pricing.sass
- Indent the Self-Managed section header (Subscription plans / License
  packages + descriptions) by 24px so it aligns with the card content
  that sits below it on PE PAYG / Perpetual

js/script.js
- Skip the FAQ-anchor click on tooltip icons inside #perpetual; they
  were scrolling a few px to nothing because the matching FAQ entries
  don't exist in this section. Tippy hover tooltips still work.

_includes/pricing/tb-perpetual-calculator.html
- Group all Prod Instance rows (Included, Complimentary, Extra,
  Extra Cost) together at the top of the Platform section in the
  on-screen Calculation summary panel
- Pre-fill the Contact Us button with the full calculation summary
  (subject + URL-encoded message), matching the pattern already used
  by tb-payg / tb-private-cloud calculators
- Mirror every line of the panel in the clipboard message (Included
  Devices/Prod Instances, Complimentary, White Labeling, Base Price,
  extras, full add-on breakdown for Edge / Trendz / Offline) so the
  Copy / Download / Contact Us flows all carry the same detail
- Fix the missing complimentaryProd argument in the inner
  tbSmPUpdateClipboard call so the Complimentary Prod Instances line
  actually appears in the message
- Open the Contact Us link in a new tab

Author: rusikv

_includes/pricing/tb-perpetual-calculator.html

@@ -418,18 +418,23 @@ <h4>
                 <div class="section-content">
                     ${tbSmPCreateItem('Included Devices', formatNumber(plan.includedDevices), null, true)}
                     ${tbSmPCreateItem('Included Prod Instances', formatNumber(plan.includedProdInstances), 'Number of production instances covered by the perpetual license base price.')}
-                    ${complimentaryProd > 0 ? tbSmPCreateItem('Complimentary Prod Instances', formatNumber(complimentaryProd), '1 Production Instance provided at no charge for every 5,000 extra devices.') : ''}
+                    ${complimentaryProd > 0 ? tbSmPCreateItem('Complimentary Prod Instances', formatNumber(complimentaryProd), '1 Production Instance provided at no charge for every 5,000 extra devices.') : ''}`;
+
+        // Group all Prod Instance info together at the top, immediately
+        // after Complimentary, before White Labeling / Base Price.
+        if (extraProd > 0) {
+            detailsHtml += tbSmPCreateItem('Extra Prod Instances', formatNumber(extraProd), 'Additional instances');
+            detailsHtml += tbSmPCreateItem('Extra Prod Instances Cost', formatCurrency(extraProdCost), `${formatNumber(extraProd)} × ${formatCurrency(plan.extraProdInstancePrice)}`);
+        }
+
+        detailsHtml += `
                     ${tbSmPCreateItem('White Labeling', '<span class="badge enabled">Enabled</span>', 'Customization of the platform interface with your corporate branding.')}
                     ${tbSmPCreateItem('Base Price', formatCurrency(plan.price), 'One-time license fee before extras and add-ons.')}`;
 
         if (extraDevices > 0) {
             detailsHtml += tbSmPCreateItem('Extra Devices', formatNumber(extraDevices), 'Devices beyond included');
             detailsHtml += tbSmPCreateItem('Extra Devices Cost', formatCurrency(extraDevicesCost), `${formatNumber(extraDevices)} × ${formatCurrency(plan.extraDevicePrice)}`);
         }
-        if (extraProd > 0) {
-            detailsHtml += tbSmPCreateItem('Extra Prod Instances', formatNumber(extraProd), 'Additional instances');
-            detailsHtml += tbSmPCreateItem('Extra Prod Instances Cost', formatCurrency(extraProdCost), `${formatNumber(extraProd)} × ${formatCurrency(plan.extraProdInstancePrice)}`);
-        }
         if (tbSmPState.devInstances > 0) {
             detailsHtml += tbSmPCreateItem('Extra Dev Instances', formatNumber(tbSmPState.devInstances));
             detailsHtml += tbSmPCreateItem('Extra Dev Instances Cost', formatCurrency(devCost), `${formatNumber(tbSmPState.devInstances)} × ${formatCurrency(plan.devQaExtraInstancePrice)}`);
@@ -470,13 +475,21 @@ <h3>Calculation summary</h3>
                         <span class="tooltip">${infoIcon}<span class="tooltip-text">${tooltips.join(' + ')}</span></span>
                     </span>
                 </div>
-                <a id="perpContactBtn" href="/docs/contact-us/" class="button">Contact Us</a>
+                <a id="perpContactBtn" href="/docs/contact-us/" class="button" target="_blank" rel="noopener noreferrer">Contact Us</a>
             </div>`;
 
         tbSmPInitExpandable();
         document.getElementById('perpCopyBtn')?.addEventListener('click', e => tbSmPCopy(e.currentTarget));
         document.getElementById('perpDownloadBtn')?.addEventListener('click', tbSmPDownload);
-        tbSmPUpdateClipboard({ plan, devices, extraDevices, extraDevicesCost, extraProd, extraProdCost, devCost, breakdown, totalPrice });
+        tbSmPUpdateClipboard({ plan, devices, extraDevices, extraDevicesCost, complimentaryProd, extraProd, extraProdCost, devCost, breakdown, totalPrice });
+
+        // Pre-fill the Contact Us form with the calculation summary —
+        // matches the pattern used by tb-payg / tb-private-cloud calculators.
+        const perpContactBtn = document.getElementById('perpContactBtn');
+        if (perpContactBtn) {
+            const subject = 'ThingsBoard Perpetual License';
+            perpContactBtn.href = `/docs/contact-us/?subject=${encodeURIComponent(subject)}&message=${encodeURIComponent(tbSmPState.clipboardMessage)}`;
+        }
     };
 
     const tbSmPGenAddons = (breakdown, plan) => {
@@ -561,22 +574,62 @@ <h3>Calculation summary</h3>
     };
 
     const tbSmPUpdateClipboard = ({ plan, devices, extraDevices, extraDevicesCost, complimentaryProd, extraProd, extraProdCost, devCost, breakdown, totalPrice }) => {
-        let msg = `Perpetual License: ${plan.name} (${formatCurrency(plan.price)})\n`;
-        msg += `- Devices: ${formatNumber(devices)}\n`;
-        msg += `- Prod Instances: ${formatNumber(tbSmPState.prodInstances)}`;
-        if (complimentaryProd > 0) msg += ` (${plan.includedProdInstances} included + ${complimentaryProd} complimentary)`;
-        msg += '\n';
-        msg += `- Dev Instances: ${formatNumber(tbSmPState.devInstances)}\n`;
-        if (extraDevices) msg += `- Extra Devices: ${formatNumber(extraDevices)} (${formatCurrency(extraDevicesCost)})\n`;
-        if (extraProd) msg += `- Extra Prod: ${formatNumber(extraProd)} (${formatCurrency(extraProdCost)})\n`;
-        if (tbSmPState.devInstances) msg += `- Dev Cost: ${formatCurrency(devCost)}\n`;
+        // Mirror the on-screen "Calculation summary" panel as faithfully as
+        // possible — single flat list under Platform, in the same order
+        // shown in the UI, so the contact form / clipboard / download all
+        // match what the user is looking at.
+        let msg = `Perpetual License: ${plan.name}\n\n`;
+
+        msg += `Platform: ${formatCurrency(plan.price)}\n`;
+        msg += `- Included Devices: ${formatNumber(plan.includedDevices)}\n`;
+        msg += `- Included Prod Instances: ${formatNumber(plan.includedProdInstances)}\n`;
+        if (complimentaryProd > 0) {
+            msg += `- Complimentary Prod Instances: ${formatNumber(complimentaryProd)}\n`;
+        }
+        if (extraProd > 0) {
+            msg += `- Extra Prod Instances: ${formatNumber(extraProd)}\n`;
+            msg += `- Extra Prod Instances Cost: ${formatCurrency(extraProdCost)}\n`;
+        }
+        msg += `- White Labeling: Enabled\n`;
+        msg += `- Base Price: ${formatCurrency(plan.price)}\n`;
+        if (extraDevices > 0) {
+            msg += `- Extra Devices: ${formatNumber(extraDevices)}\n`;
+            msg += `- Extra Devices Cost: ${formatCurrency(extraDevicesCost)}\n`;
+        }
+        if (tbSmPState.devInstances > 0) {
+            msg += `- Extra Dev Instances: ${formatNumber(tbSmPState.devInstances)}\n`;
+            msg += `- Extra Dev Instances Cost: ${formatCurrency(devCost)}\n`;
+        }
 
         if (Object.keys(breakdown).length) {
             msg += '\nAdd-ons:\n';
-            if (breakdown.edge) msg += `- Edge: ${formatCurrency(breakdown.edge.cost)} (${breakdown.edge.total} instances)\n`;
-            if (breakdown.trendz) msg += `- Trendz: ${formatCurrency(breakdown.trendz.cost)}\n`;
-            if (breakdown.offline) msg += `- Offline Mode: ${formatCurrency(breakdown.offline.cost)}\n`;
+
+            if (breakdown.edge) {
+                const edge = breakdown.edge;
+                msg += `\nEdge Computing: ${formatCurrency(edge.cost)}\n`;
+                msg += `- Included Edges: ${formatNumber(edge.included)}\n`;
+                msg += `- Add-on Base Price: ${formatCurrency(edge.base)}\n`;
+                if (edge.extra > 0) {
+                    msg += `- Extra Edges: ${formatNumber(edge.extra)}\n`;
+                    msg += `- Extra Edges Cost: ${formatCurrency(edge.extraCost)}\n`;
+                }
+            }
+
+            if (breakdown.trendz) {
+                const trendz = breakdown.trendz;
+                msg += `\nTrendz Analytics: ${formatCurrency(trendz.cost)}\n`;
+                msg += `- Add-on Base Price: ${formatCurrency(trendz.base)}\n`;
+                if (trendz.extraDevices > 0) {
+                    msg += `- Extra Devices: ${formatNumber(trendz.extraDevices)}\n`;
+                    msg += `- Extra Devices Cost: ${formatCurrency(trendz.extraCost)}\n`;
+                }
+            }
+
+            if (breakdown.offline) {
+                msg += `\nOffline Mode: ${formatCurrency(breakdown.offline.cost)}\n`;
+            }
         }
+
         tbSmPState.clipboardMessage = msg + `\nTotal: ${formatCurrency(totalPrice)}`;
     };
 

js/script.js

@@ -164,6 +164,9 @@ var tb = (function () {
 				let faqAnchor = this;
 				let nodeId = this.getAttribute('data-faq-id');
 				let faqLink = $(faqAnchor).children('a')[0];
+				if ($(faqAnchor).closest('#perpetual').length) {
+					return;
+				}
 				$(faqLink).on('click', function() {
 					navigateToFaq(nodeId);
 				});

pricing/index.md

@@ -1062,10 +1062,10 @@ defaultActivePricingSection: thingsboard-pe-options
                         <h3>Own Your IoT Solution. Perpetually.</h3>
                         <p class="subtitle">The one-time, enterprise-grade license for maximum security, permanent data control, and predictable costs.</p>
                         <p>A perpetual license transforms your core IoT platform into a permanent asset, giving you a predictable financial model and complete control over your technology roadmap. It's the ideal foundation for a long-term, large-scale enterprise deployment.</p>
-                        <p class="perpetual-price">Starting from <strong>$4 999</strong></p>
-                        <h4>This solution is for you if:</h4>
+                        <p class="perpetual-price"><strong>Starting from $4 999</strong></p>
+                        <p>This solution is for you if:</p>
                         <ul>
-                            <li>Your security policy requires an isolated, on-premises, or offline deployment.</li>
+                            <li>Your security policy requires an isolated, on-premises, or development deployment.</li>
                             <li>Your financial model favors a one-time capital investment (CAPEX) over recurring expenses.</li>
                             <li>Your business needs a unique, tailored solution, not a one-size-fits-all subscription.</li>
                         </ul>

pricing/pricing.sass

@@ -1,3 +1,5 @@
+#pricing #pricingContent #thingsboard-pe .pricing-content-description
+  padding-left: 24px
 
 .container
   &.top
@@ -1297,8 +1299,10 @@ html#pricing
       z-index: 6
       display: flex
       align-items: center
+      justify-content: center
 
       .pricing-hero-content
+        text-align: center
         padding-top: 40px
         @media (min-width: 992px)
           padding-top: 35px