src/ApplicationBundle/Modules/HoneybeeWeb/Resources/views/pages/pricing.html.twig line 1

Open in your IDE?
  1. {% include '@Application/inc/central_header.html.twig' %}
  3. {# WEB-1 — /pricing rebuilt to the Conversion Spec §16 on THE ONE CENTRAL PRICE STORE.
  4.    Every figure renders from `prices` (PricingBook::publicBook() — the founder anchors).
  5.    THE ONE-STORE LAW: this template contains ZERO literal euro-amounts; change a price in
  6.    PricingBook and every page follows. THE WALL: the partner price is not in the store and
  7.    never renders here (inno:web-pricing-selftest scans every public template).
  8.    ★ OWNER-DECISION SLOT below (grandfathering): the old page publicly promised seats
  9.    "locked in at the launch price permanently" — the neutral line shipped here holds that
  10.    direction; the owner's precise grandfathering rule replaces it when decided. #}
  12. {% set p = prices %}
  14. <style>
  15. :root {
  16.     --n-cream:#F7F5F0; --n-cream-2:#F0EDE5; --n-white:#FFFFFF; --n-dark:#1A1D2E;
  17.     --n-dark-2:#252840; --n-amber:#C07D2A; --n-amber-lt:#D4954A; --n-amber-dim:rgba(192,125,42,.10);
  18.     --n-sage:#3D6B52; --n-sage-dim:rgba(61,107,82,.09); --n-muted:#6B6E7F; --n-muted-2:#9395A5;
  19.     --n-border:rgba(26,29,46,.07); --n-border-md:rgba(26,29,46,.12);
  20.     --n-shadow-sm:0 2px 12px rgba(26,29,46,.07); --n-shadow-md:0 8px 32px rgba(26,29,46,.09);
  21.     --n-radius:14px; --n-radius-sm:8px; --n-font:'DM Sans','Poppins',system-ui,sans-serif;
  22.     --n-display:'Montserrat','DM Sans',system-ui,sans-serif; /* ONE display face site-wide */
  23. }
  24. .pr-hero h1, .pr-sec h2, .pr-price, .pr-card h3, .pr-tier b { font-family:var(--n-display); }
  25. *,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
  26. body { background:var(--n-cream); font-family:var(--n-font); color:var(--n-dark); text-align:left; }
  27. a { text-decoration:none; }
  28. .pr-wrap { max-width:1140px; margin:0 auto; padding:0 20px 80px; }
  29. .pr-hero { text-align:center; padding:64px 0 30px; }
  30. .pr-hero h1 { font-size:clamp(26px,4vw,40px); font-weight:800; letter-spacing:-.02em; }
  31. .pr-hero .sub { color:var(--n-muted); font-size:16px; margin:12px auto 0; max-width:620px; line-height:1.55; }
  32. .pr-hero .motto { display:inline-block; margin-top:16px; background:var(--n-amber-dim); color:var(--n-amber); font-weight:700; font-size:13px; padding:7px 16px; border-radius:100px; }
  33. .pr-jump { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin:26px 0 8px; }
  34. .pr-jump a { background:var(--n-white); border:1.5px solid var(--n-border-md); border-radius:100px; padding:9px 20px; font-size:13.5px; font-weight:700; color:var(--n-dark); }
  35. .pr-jump a:hover { border-color:var(--n-amber); color:var(--n-amber); }
  36. .pr-sec { margin-top:56px; }
  37. .pr-sec h2 { font-size:24px; font-weight:800; letter-spacing:-.01em; }
  38. .pr-sec .lead { color:var(--n-muted); font-size:14.5px; margin:6px 0 20px; max-width:640px; line-height:1.55; }
  39. .pr-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; }
  40. .pr-card { background:var(--n-white); border:1px solid var(--n-border-md); border-radius:var(--n-radius); padding:22px; box-shadow:var(--n-shadow-sm); display:flex; flex-direction:column; }
  41. .pr-card.hl { border-color:var(--n-amber); box-shadow:var(--n-shadow-md); }
  42. .pr-card .tier { font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--n-muted); }
  43. .pr-card .price { font-size:32px; font-weight:800; margin:8px 0 2px; }
  44. .pr-card .price small { font-size:13px; font-weight:600; color:var(--n-muted); }
  45. .pr-card .from { font-size:12px; color:var(--n-muted-2); font-weight:600; }
  46. .pr-card ul { list-style:none; margin:14px 0 0; flex:1; }
  47. .pr-card li { font-size:13px; color:var(--n-muted); padding:4px 0 4px 20px; position:relative; line-height:1.45; }
  48. .pr-card li::before { content:'✓'; position:absolute; left:0; color:var(--n-sage); font-weight:800; }
  49. .pr-note { background:var(--n-sage-dim); border-radius:var(--n-radius-sm); padding:12px 16px; font-size:13px; color:var(--n-dark); margin-top:16px; line-height:1.5; }
  50. .pr-note b { color:var(--n-sage); }
  51. .pr-cta { display:inline-block; margin-top:16px; background:var(--n-dark); color:#fff; border-radius:var(--n-radius-sm); padding:11px 22px; font-size:13.5px; font-weight:700; text-align:center; }
  52. .pr-cta.amber { background:var(--n-amber); }
  53. .pr-cta:hover { filter:brightness(1.1); color:#fff; }
  54. .pr-tbl { width:100%; border-collapse:collapse; background:var(--n-white); border:1px solid var(--n-border-md); border-radius:var(--n-radius); overflow:hidden; box-shadow:var(--n-shadow-sm); }
  55. .pr-tbl th, .pr-tbl td { padding:12px 16px; font-size:13.5px; text-align:left; border-bottom:1px solid var(--n-border); }
  56. .pr-tbl th { background:var(--n-cream-2); font-size:12px; letter-spacing:.05em; text-transform:uppercase; color:var(--n-muted); }
  57. .pr-tbl td.num { font-weight:800; white-space:nowrap; }
  58. .pr-fine { color:var(--n-muted-2); font-size:12.5px; margin-top:12px; line-height:1.55; }
  59. @media (max-width:700px) { .pr-hero { padding:40px 0 16px; } }
  60. </style>
  62. <div class="pr-wrap">
  64.     <div class="pr-hero">
  65.         <h1>Enterprise capability without enterprise pricing complexity.</h1>
  66.         <div class="sub">Every entry price is public. Engineering, hardware and rollout are scoped
  67.             transparently — custom work is quoted after assessment, never hidden in a subscription.</div>
  68.         <div class="motto">Affordable to enter · Fair to use · Powerful to scale</div>
  69.         <div class="pr-jump">
  70.             <a href="#business">Business Suite</a>
  71.             <a href="#ai">AI Workforce</a>
  72.             <a href="#honeycore">HoneyCore</a>
  73.             <a href="#honeywatt">HoneyWatt</a>
  74.         </div>
  75.         {# OWNER (2026-08-10): "pricing options not clickable" — a legacy header script
  76.            preventDefaults bare # anchors, so the jumps do their own scrolling (capture
  77.            phase beats the legacy handler; scroll-margin keeps headings under the nav). #}
  78.         <style>.pr-sec { scroll-margin-top: 90px; } .pr-jump a { cursor: pointer; }</style>
  79.         <script>
  80.         (function () {
  81.             document.querySelectorAll('.pr-jump a').forEach(function (a) {
  82.                 a.addEventListener('click', function (ev) {
  83.                     ev.preventDefault(); ev.stopPropagation();
  84.                     var el = document.querySelector(a.getAttribute('href'));
  85.                     if (el) { el.scrollIntoView({ behavior: 'smooth', block: 'start' }); }
  86.                 }, true);
  87.             });
  88.         })();
  89.         </script>
  90.     </div>
  92.     {# ── Business ─────────────────────────────────────────────────────────── #}
  93.     <div class="pr-sec" id="business">
  94.         <h2>HoneyBee Business Suite</h2>
  95.         <div class="lead">Sales, procurement, projects, finance, HR and operational workflows in one system.</div>
  96.         <div class="pr-grid">
  97.             <div class="pr-card">
  98.                 <div class="tier">General User · Work</div>
  99.                 <div class="price">€{{ p.business.general }}<small>/user/month</small></div>
  100.                 <ul>
  101.                     <li>Operational workflows, tasks, documents</li>
  102.                     <li>Mobile access with Beezeness</li>
  103.                 </ul>
  104.             </div>
  105.             <div class="pr-card">
  106.                 <div class="tier">Admin · Manage</div>
  107.                 <div class="price">€{{ p.business.admin }}<small>/user/month</small></div>
  108.                 <ul>
  109.                     <li>Approvals, finance, HR, project management</li>
  110.                     <li>Reporting and administration</li>
  111.                 </ul>
  112.             </div>
  113.             <div class="pr-card hl">
  114.                 <div class="tier">HiveMind AI Admin · Manage with AI</div>
  115.                 <div class="price">€{{ p.business.hivemind_admin }}<small>/user/month</small></div>
  116.                 <ul>
  117.                     <li>Everything in Admin — this price <b>replaces</b> the Admin seat, it is never added on top</li>
  118.                     <li>AI assistance for reporting, decisions and drafts</li>
  119.                     <li>Optional per Admin — enable only who needs it</li>
  120.                 </ul>
  121.             </div>
  122.         </div>
  123.         <div class="pr-note"><b>Rollout included:</b> {{ p.erp.rollout_days_free }} working days
  124.             (up to {{ p.erp.rollout_hours_max }} consulting hours) of standard implementation
  125.             assistance are free. Optional Customer Success &amp; Consulting:
  126.             €{{ p.erp.customer_success_quarter|number_format(0, '.', ',') }} per quarter.
  127.             Standard platform support and updates are always part of the subscription.</div>
  128.         <a class="pr-cta" href="/Contact">Book Business Suite Demo</a>
  129.     </div>
  131.     {# ── AI Workforce ─────────────────────────────────────────────────────── #}
  132.     <div class="pr-sec" id="ai">
  133.         <h2>AI Workforce — HoneyBee Agents</h2>
  134.         <div class="lead">Specialized digital workers for your organization — priced per organization, not per employee.</div>
  135.         <div class="pr-grid">
  136.             <div class="pr-card">
  137.                 <div class="tier">Starter</div>
  138.                 <div class="price">€{{ p.agents.starter }}<small>/org/month</small></div>
  139.                 <ul><li>Any 4 agents</li></ul>
  140.             </div>
  141.             <div class="pr-card">
  142.                 <div class="tier">Growth</div>
  143.                 <div class="price">€{{ p.agents.growth }}<small>/org/month</small></div>
  144.                 <ul><li>Any 8 agents</li></ul>
  145.             </div>
  146.             <div class="pr-card hl">
  147.                 <div class="tier">Complete</div>
  148.                 <div class="price">€{{ p.agents.complete }}<small>/org/month</small></div>
  149.                 <ul><li>All 16 agents</li><li>Best value for automated teams</li></ul>
  150.             </div>
  151.             <div class="pr-card">
  152.                 <div class="tier">Enterprise</div>
  153.                 <div class="price">Custom</div>
  154.                 <ul><li>Private and custom-built agents</li></ul>
  155.             </div>
  156.         </div>
  157.         <div class="pr-fine">Fair use applies through HoneyCredits — a generous standard allowance
  158.             is included; heavy automation scales transparently instead of being silently throttled.</div>
  159.         <a class="pr-cta" href="/Contact">Explore AI Workforce</a>
  160.     </div>
  162.     {# ── HoneyCore ────────────────────────────────────────────────────────── #}
  163.     <div class="pr-sec" id="honeycore">
  164.         <h2>HoneyCore 4.0 — Industrial Edge &amp; Control</h2>
  165.         <div class="lead">One device, multiple applications: hybrid control, fuel saving, EMS, BMS, industrial IoT.</div>
  166.         <div class="pr-grid">
  167.             <div class="pr-card">
  168.                 <div class="tier">HoneyCore 4.0 Hardware</div>
  169.                 <div class="price">By proposal<small>/unit</small></div>
  170.                 <div class="from">Direct C&amp;I list price</div>
  171.                 <ul>
  172.                     <li>Industrial edge &amp; control platform</li>
  173.                     <li>Standard commissioning
  174.                         €{{ p.honeycore.commissioning_standard }} (remote, against an agreed architecture)</li>
  175.                 </ul>
  176.             </div>
  177.             <div class="pr-card hl">
  178.                 <div class="tier">Hybrid Control</div>
  179.                 <div class="price">€{{ p.honeycore.hybrid_site_month }}<small>/site/month</small></div>
  180.                 <ul>
  181.                     <li>PV + Grid · PV + DG · PV + BESS · full hybrid combinations</li>
  182.                     <li><b>Capacity-neutral</b> — the price never depends on your plant's MW size</li>
  183.                 </ul>
  184.             </div>
  185.         </div>
  187.         <div style="margin-top:22px; display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:16px;">
  188.             <div>
  189.                 <table class="pr-tbl">
  190.                     <tr><th colspan="3">HoneyCore EMS — per site/month</th></tr>
  191.                     <tr><td>Insight</td><td>up to {{ p.ems.endpoints.insight }} energy endpoints</td><td class="num">€{{ p.ems.insight }}</td></tr>
  192.                     <tr><td>Optimize</td><td>up to {{ p.ems.endpoints.optimize }}</td><td class="num">€{{ p.ems.optimize }}</td></tr>
  193.                     <tr><td>Autonomous</td><td>up to {{ p.ems.endpoints.autonomous }}</td><td class="num">€{{ p.ems.autonomous }}</td></tr>
  194.                     <tr><td>Enterprise</td><td>beyond / multi-site</td><td class="num">from €{{ p.ems.enterprise_from }}</td></tr>
  195.                 </table>
  196.             </div>
  197.             <div>
  198.                 <table class="pr-tbl">
  199.                     <tr><th colspan="3">HoneyCore BMS — per month</th></tr>
  200.                     <tr><td>Essential</td><td>≤{{ p.bms.points.essential }} billable points</td><td class="num">€{{ p.bms.essential }}</td></tr>
  201.                     <tr><td>Advanced</td><td>≤{{ p.bms.points.advanced|number_format(0, '.', ',') }}</td><td class="num">€{{ p.bms.advanced }}</td></tr>
  202.                     <tr><td>Professional</td><td>≤{{ p.bms.points.professional|number_format(0, '.', ',') }}</td><td class="num">€{{ p.bms.professional }}</td></tr>
  203.                     <tr><td>Enterprise</td><td>≤{{ p.bms.points.enterprise|number_format(0, '.', ',') }}</td><td class="num">from €{{ p.bms.enterprise_from }}</td></tr>
  204.                 </table>
  205.             </div>
  206.         </div>
  208.         <div class="pr-note"><b>Transparent engineering:</b> EMS/BMS rollout is a customized
  209.             <b>Enterprise Deployment &amp; Engineering</b> quotation — feasibility, communication
  210.             topology, integration and commissioning are scoped before you commit. Recurring
  211.             billing starts after successful commissioning / Site Acceptance, never at hardware
  212.             shipment. 12-month minimum subscription after commissioning. Essential safe local
  213.             control never depends on cloud connectivity.</div>
  214.         <div class="pr-fine">Authorized EPC and integration-partner pricing available —
  215.             <a href="/partners" style="color:var(--n-amber); font-weight:700;">become a partner</a>.</div>
  216.         <a class="pr-cta" href="/Contact">Request HoneyCore Solution</a>
  217.     </div>
  219.     {# ── HoneyWatt ────────────────────────────────────────────────────────── #}
  220.     <div class="pr-sec" id="honeywatt">
  221.         <h2>HoneyWatt — Solar Engineering</h2>
  222.         <div class="lead">Learn free. Design free. Pay when the project gets serious — no per-seat subscription.</div>
  223.         <div class="pr-grid">
  224.             <div class="pr-card hl">
  225.                 <div class="tier">Start Free</div>
  226.                 <div class="price">Free</div>
  227.                 <ul>
  228.                     <li>Account, Academy training and preliminary designs — free</li>
  229.                     <li>No per-seat fees for your team</li>
  230.                     <li>{{ p.honeywatt.trial_days }}-day full-feature trial</li>
  231.                 </ul>
  232.             </div>
  233.             <div class="pr-card">
  234.                 <div class="tier">Detailed Design — per project</div>
  235.                 <div class="price">from €{{ p.honeywatt.detailed_100kwp }}<small>/project</small></div>
  236.                 <ul>
  237.                     <li>≤100 kWp — €{{ p.honeywatt.detailed_100kwp }}</li>
  238.                     <li>≤1 MWp — €{{ p.honeywatt.detailed_1mwp }}</li>
  239.                     <li>≤5 MWp — €{{ p.honeywatt.detailed_5mwp }}</li>
  240.                     <li>≤20 MWp — €{{ p.honeywatt.detailed_20mwp }} · larger — custom</li>
  241.                     <li>{{ p.honeywatt.revisions_included }} design revisions included per project</li>
  242.                 </ul>
  243.             </div>
  244.             <div class="pr-card">
  245.                 <div class="tier">Project Packs</div>
  246.                 <div class="price">−{{ p.honeywatt.pack10_pct }}<small>% to</small> −{{ p.honeywatt.pack100_pct }}<small>%</small></div>
  247.                 <ul>
  248.                     <li>10 projects — {{ p.honeywatt.pack10_pct }}% off</li>
  249.                     <li>50 projects — {{ p.honeywatt.pack50_pct }}% off</li>
  250.                     <li>100+ — up to {{ p.honeywatt.pack100_pct }}% / Enterprise</li>
  251.                 </ul>
  252.             </div>
  253.         </div>
  254.         <div class="pr-fine">A HoneyWatt Detailed Design is software-generated engineering output.
  255.             Professional verification, statutory certification and local stamping are a separate
  256.             Expert Engineering Review, quoted on request.</div>
  257.         <a class="pr-cta amber" href="/tools/rooftop-estimate">Start HoneyWatt</a>
  258.     </div>
  260.     {# ── Discounts + implementation transparency ─────────────────────────── #}
  261.     <div class="pr-sec">
  262.         <h2>Discounts, simply</h2>
  263.         <div class="lead">Annual prepayment saves {{ p.discounts.annual_pct }}%. Using two product
  264.             families saves {{ p.discounts.ecosystem_2_families_pct }}%, three or more
  265.             {{ p.discounts.ecosystem_3_families_pct }}%. Combined recurring-software discounts
  266.             never exceed {{ p.discounts.max_combined_pct }}% — and discounts never silently apply
  267.             to hardware, engineering or project credits.</div>
  269.         {# ★ OWNER-DECISION SLOT — grandfathering. The previous pricing page promised launch
  270.            prices "locked in permanently"; the owner's precise rule replaces this neutral line. #}
  271.         <div class="pr-note"><b>Existing customers:</b> your current agreed plan terms continue to
  272.             apply.</div>
  273.     </div>
  275.     <div class="pr-hero" style="padding:48px 0 20px;">
  276.         <h1 style="font-size:24px;">Where should HoneyBee start in your organization?</h1>
  277.         <div class="pr-jump" style="margin-top:18px;">
  278.             <a href="/Contact" style="background:var(--n-dark); color:#fff; border-color:var(--n-dark);">Book a Demo</a>
  279.             <a href="/tools/rooftop-estimate">Trying HoneyWatt? Start free →</a>
  280.         </div>
  281.     </div>
  283. </div>
  285. {% include '@HoneybeeWeb/footer/central_footer.html.twig' %}