var/cache/dev/twig/b2/b2f762c985f32fe496d36817cc9630f1f1519b6c36f4f0a2fb85636b10d07144.php line 34

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  16. /* @HoneybeeWeb/pages/solutions.html.twig */
  17. class __TwigTemplate_2579dbf65b84d3224e894badafc364c34cc945a4f6b7a3339d82baecc1f650aa extends Template
  18. {
  19.     private $source;
  20.     private $macros = [];
  22.     public function __construct(Environment $env)
  23.     {
  24.         parent::__construct($env);
  26.         $this->source = $this->getSourceContext();
  28.         $this->parent = false;
  30.         $this->blocks = [
  31.         ];
  32.     }
  34.     protected function doDisplay(array $context, array $blocks = [])
  35.     {
  36.         $macros = $this->macros;
  37.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  38.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@HoneybeeWeb/pages/solutions.html.twig"));
  40.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  41.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@HoneybeeWeb/pages/solutions.html.twig"));
  43.         // line 1
  44.         yield from         $this->loadTemplate("@Application/inc/central_header.html.twig", "@HoneybeeWeb/pages/solutions.html.twig", 1)->unwrap()->yield($context);
  45.         // line 2
  46.         yield "
  47. <style>
  48. /* ── Design Tokens ─────────────────────────────────────────────────────────── */
  49. :root {
  50.     --pol-amber:   #C07D2A;
  51.     --pol-dark:    #1A1D2E;
  52.     --pol-dark-2:  #252840;
  53.     --pol-cream:   #F7F5F0;
  54.     --pol-cream-2: #F0EDE5;
  55.     --pol-white:   #FFFFFF;
  56.     --pol-muted:   #6B6E7F;
  57.     --pol-muted-2: #9395A5;
  58.     --pol-border:  rgba(26,29,46,.09);
  59.     --pol-border-md: rgba(26,29,46,.12);
  60.     --pol-shadow-sm: 0 2px 12px rgba(26,29,46,.07);
  61.     --pol-shadow-md: 0 8px 32px rgba(26,29,46,.09);
  62.     --pol-radius:  12px;
  63.     --pol-font:    'DM Sans', system-ui, sans-serif;
  64. }
  65. *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  66. body { background: var(--pol-cream); font-family: var(--pol-font); color: var(--pol-dark); text-align: left; }
  67. a { text-decoration: none; }
  69. /* ── Utilities ─────────────────────────────────────────────────────────────── */
  70. .sol-wrap    { max-width: 1160px; margin: 0 auto; padding: 0 28px; }
  71. .sol-wrap-sm { max-width: 760px;  margin: 0 auto; padding: 0 28px; }
  72. .sol-sec     { padding: 80px 0; }
  73. .sol-label {
  74.     display: inline-flex; align-items: center; gap: 8px;
  75.     font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
  76.     color: var(--pol-amber); margin-bottom: 16px;
  77. }
  78. .sol-label::before { content:''; width: 18px; height: 1.5px; background: currentColor; border-radius: 2px; }
  79. .sol-h1 { font-family:'Montserrat',sans-serif; font-size: clamp(30px,4vw,52px); font-weight: 900; line-height: 1.08; letter-spacing: -.025em; color: var(--pol-dark); }
  80. .sol-h1 em { font-style: italic; color: var(--pol-amber); }
  81. .sol-h2 { font-family:'Montserrat',sans-serif; font-size: clamp(24px,2.8vw,38px); font-weight: 800; line-height: 1.12; letter-spacing: -.02em; color: var(--pol-dark); }
  82. .sol-body   { font-size: 16px; line-height: 1.75; color: var(--pol-muted); }
  83. .sol-center { text-align: center; }
  84. .sol-center .sol-label { justify-content: center; }
  86. /* ── Button ─────────────────────────────────────────────────────────────────── */
  87. .n-btn {
  88.     display: inline-flex; align-items: center; gap: 8px;
  89.     padding: 12px 26px; border-radius: 8px;
  90.     font-size: 14px; font-weight: 600; border: none;
  91.     cursor: pointer; text-decoration: none; transition: all .18s; font-family: var(--pol-font);
  92. }
  93. .n-btn-amber { background: var(--pol-amber); color: #fff; }
  94. .n-btn-amber:hover { background: #a96c22; color: #fff; transform: translateY(-1px); }
  95. .n-btn-outline { background: transparent; border: 1.5px solid var(--pol-border-md); color: var(--pol-dark); }
  96. .n-btn-outline:hover { border-color: var(--pol-dark); transform: translateY(-1px); }
  97. .n-btn-light  { background: #fff; color: var(--pol-dark); }
  98. .n-btn-light:hover { background: var(--pol-cream-2); }
  99. .n-btn-ghost-light { background: rgba(255,255,255,.08); border: 1.5px solid rgba(255,255,255,.2); color: #fff; }
  100. .n-btn-ghost-light:hover { background: rgba(255,255,255,.16); color: #fff; }
  102. /* ── Hero ───────────────────────────────────────────────────────────────────── */
  103. .sol-hero {
  104.     background: var(--pol-cream);
  105.     padding: 120px 0 72px;
  106.     position: relative; overflow: hidden;
  107.     border-bottom: 1px solid var(--pol-border);
  108. }
  109. .sol-hero::before {
  110.     content: '';
  111.     position: absolute; top: 0; right: 0; width: 55%; height: 100%;
  112.     background: radial-gradient(ellipse 80% 80% at 80% 50%, rgba(192,125,42,.06) 0%, transparent 70%);
  113.     pointer-events: none;
  114. }
  116. /* ── Solution Cards Grid ────────────────────────────────────────────────────── */
  117. .sol-grid {
  118.     display: grid;
  119.     grid-template-columns: repeat(2, 1fr);
  120.     gap: 24px;
  121.     margin-top: 48px;
  122. }
  123. .sol-card {
  124.     background: var(--pol-white);
  125.     border: 1px solid var(--pol-border);
  126.     border-radius: var(--pol-radius);
  127.     padding: 30px;
  128.     transition: box-shadow .2s, border-color .2s, transform .2s;
  129. }
  130. .sol-card:hover {
  131.     border-color: var(--pol-border-md);
  132.     box-shadow: var(--pol-shadow-md);
  133.     transform: translateY(-2px);
  134. }
  135. .sol-card-icon {
  136.     width: 48px; height: 48px; border-radius: 10px;
  137.     background: rgba(192,125,42,.10);
  138.     display: flex; align-items: center; justify-content: center;
  139.     margin-bottom: 20px;
  140.     color: var(--pol-amber); font-size: 20px;
  141. }
  142. .sol-card h3 {
  143.     font-family: 'Montserrat', sans-serif;
  144.     font-size: 18px; font-weight: 800; color: var(--pol-dark);
  145.     margin-bottom: 10px;
  146.     display: flex; align-items: center; gap: 10px;
  147. }
  148. .sol-card h3::before {
  149.     content: ''; display: block;
  150.     width: 3px; height: 18px; background: var(--pol-amber);
  151.     border-radius: 2px; flex-shrink: 0;
  152. }
  153. .sol-card-intro {
  154.     font-size: 14px; line-height: 1.7; color: var(--pol-muted);
  155.     margin-bottom: 16px;
  156. }
  157. .sol-card ul {
  158.     list-style: none; padding: 0; margin: 0;
  159. }
  160. .sol-card ul li {
  161.     font-size: 13.5px; color: var(--pol-muted); line-height: 1.65;
  162.     padding: 6px 0 6px 20px;
  163.     position: relative;
  164.     border-top: 1px solid var(--pol-border);
  165. }
  166. .sol-card ul li:first-child { border-top: none; }
  167. .sol-card ul li::before {
  168.     content: '→';
  169.     position: absolute; left: 0;
  170.     color: var(--pol-amber); font-size: 12px; font-weight: 700;
  171.     line-height: 1.65;
  172. }
  174. /* Wide card (last one if odd count) */
  175. .sol-card-wide { grid-column: 1 / -1; }
  177. /* ── CTA Section ────────────────────────────────────────────────────────────── */
  178. .sol-cta {
  179.     background: var(--pol-dark);
  180.     padding: 96px 0;
  181.     text-align: center;
  182.     position: relative; overflow: hidden;
  183. }
  184. .sol-cta::before {
  185.     content: '';
  186.     position: absolute; top: -40%; left: 50%; transform: translateX(-50%);
  187.     width: 80%; height: 200%;
  188.     background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(192,125,42,.10) 0%, transparent 65%);
  189.     pointer-events: none;
  190. }
  191. .sol-cta-label { color: var(--pol-amber); justify-content: center; }
  192. .sol-cta h2 { font-family:'Montserrat',sans-serif; font-size: clamp(24px,2.8vw,38px); font-weight: 900; color: #fff; margin-bottom: 16px; }
  193. .sol-cta h2 em { font-style: italic; color: var(--pol-amber); }
  194. .sol-cta p { font-size: 16px; color: rgba(255,255,255,.6); max-width: 52ch; margin: 0 auto 32px; line-height: 1.7; }
  195. .sol-cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
  197. /* ── Responsive ─────────────────────────────────────────────────────────────── */
  198. @media (max-width: 860px) {
  199.     .sol-grid { grid-template-columns: 1fr; }
  200.     .sol-card-wide { grid-column: auto; }
  201. }
  202. @media (max-width: 640px) {
  203.     .sol-hero { padding: 90px 0 56px; }
  204. }
  205. </style>
  207. ";
  208.         // line 164
  209.         yield "<section class=\"sol-hero\">
  210.     <div class=\"sol-wrap\" style=\"position:relative;z-index:2\">
  211.         <div class=\"sol-label\">Solutions</div>
  212.         <h1 class=\"sol-h1\" style=\"max-width:820px;margin-bottom:24px\">
  213.             Built for companies managing projects, sites, assets, and operational data across <em>multiple locations.</em>
  214.         </h1>
  215.         <p class=\"sol-body\" style=\"max-width:620px;margin-bottom:16px\">
  216.             HoneyBee is the operating layer for EPC companies, system integrators, energy asset owners, and multi-site industrial businesses.
  217.         </p>
  218.         <p style=\"font-size:13px;color:rgba(26,29,46,.45);max-width:560px;margin-bottom:32px;line-height:1.6\">
  219.             <strong style=\"color:rgba(26,29,46,.6)\">Important:</strong> HoneyBee is not an EPC contractor or project developer. It provides the digital platform these companies use to manage their own projects, sites, billing, O&M, and operational workflows.
  220.         </p>
  221.         <a href=\"";
  222.         // line 176
  223.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("honeybee_contact");
  224.         yield "\" class=\"n-btn n-btn-amber\">
  225.             <i class=\"fa-solid fa-arrow-right\"></i> Request Project Solution
  226.         </a>
  227.     </div>
  228. </section>
  230. ";
  231.         // line 183
  232.         yield "<section class=\"sol-sec\" style=\"background:var(--pol-cream)\">
  233.     <div class=\"sol-wrap\">
  234.         <div class=\"sol-center\">
  235.             <div class=\"sol-label\">Who we serve</div>
  236.             <h2 class=\"sol-h2\">Built for the companies that <em>build and operate.</em></h2>
  237.         </div>
  238.         <div style=\"max-width:720px;margin:24px auto 0;padding:20px 24px;background:var(--pol-white);border:1px solid var(--pol-border-md);border-radius:var(--pol-radius)\">
  239.             <div style=\"font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pol-amber);margin-bottom:14px\">Who is this for?</div>
  240.             <div style=\"display:flex;flex-wrap:wrap;gap:10px;\">
  241.                 <span style=\"padding:6px 16px;border-radius:100px;background:rgba(192,125,42,.08);border:1px solid rgba(192,125,42,.2);font-size:13px;font-weight:600;color:var(--pol-dark)\">EPC companies</span>
  242.                 <span style=\"padding:6px 16px;border-radius:100px;background:rgba(192,125,42,.08);border:1px solid rgba(192,125,42,.2);font-size:13px;font-weight:600;color:var(--pol-dark)\">System integrators</span>
  243.                 <span style=\"padding:6px 16px;border-radius:100px;background:rgba(192,125,42,.08);border:1px solid rgba(192,125,42,.2);font-size:13px;font-weight:600;color:var(--pol-dark)\">Energy asset owners / IPP / OPEX / PPA operators</span>
  244.                 <span style=\"padding:6px 16px;border-radius:100px;background:rgba(192,125,42,.08);border:1px solid rgba(192,125,42,.2);font-size:13px;font-weight:600;color:var(--pol-dark)\">Multi-site industrial companies</span>
  245.             </div>
  246.         </div>
  248.         <div class=\"sol-grid\">
  250.             ";
  251.         // line 202
  252.         yield "            <div class=\"sol-card\">
  253.                 <div class=\"sol-card-icon\"><i class=\"fa-solid fa-hard-hat\"></i></div>
  254.                 <h3>EPC Companies</h3>
  255.                 <p class=\"sol-card-intro\"><strong style=\"color:var(--pol-dark)\">Problem:</strong> Projects are managed across Excel, emails, and disconnected systems. Margin leaks between proposal and execution. Site data and billing are not connected.</p>
  256.                 <p class=\"sol-card-intro\" style=\"margin-top:10px\"><strong style=\"color:var(--pol-dark)\">Solution:</strong> HoneyBee connects proposal, project execution, procurement, cost tracking, billing, and O&M into one system — so every project stays controlled from quotation to handover.</p>
  257.                 <ul>
  258.                     <li>Proposals, bid management, and quotation workflow</li>
  259.                     <li>Procurement, RFQ, supplier tracking, and purchase orders</li>
  260.                     <li>Site execution, WBS, milestones, and commissioning</li>
  261.                     <li>Cost control, project finance, and budget vs actual</li>
  262.                     <li>O&amp;M handover documentation and field operations</li>
  263.                     <li>Multi-project visibility from one command center</li>
  264.                 </ul>
  265.             </div>
  267.             ";
  268.         // line 218
  269.         yield "            <div class=\"sol-card\">
  270.                 <div class=\"sol-card-icon\"><i class=\"fa-solid fa-network-wired\"></i></div>
  271.                 <h3>System Integrators</h3>
  272.                 <p class=\"sol-card-intro\"><strong style=\"color:var(--pol-dark)\">Problem:</strong> Requirements, integrations, configurations, and commissioning are scattered across documents and tools, with no structured delivery control.</p>
  273.                 <p class=\"sol-card-intro\" style=\"margin-top:10px\"><strong style=\"color:var(--pol-dark)\">Solution:</strong> HoneyBee manages delivery workflows, integrations, technical coordination, commissioning tracking, and support operations in one controlled environment.</p>
  274.                 <ul>
  275.                     <li>Technical project delivery and configuration management</li>
  276.                     <li>Hardware deployment and local infrastructure coordination</li>
  277.                     <li>Customer-specific integration workflow tracking</li>
  278.                     <li>Support operations and service management</li>
  279.                     <li>Recurring service billing and customer records</li>
  280.                     <li>Multi-customer project visibility</li>
  281.                 </ul>
  282.             </div>
  284.             ";
  285.         // line 234
  286.         yield "            <div class=\"sol-card\">
  287.                 <div class=\"sol-card-icon\"><i class=\"fa-solid fa-solar-panel\"></i></div>
  288.                 <h3>Energy Asset Owners</h3>
  289.                 <p class=\"sol-card-intro\"><strong style=\"color:var(--pol-dark)\">Problem:</strong> Site data, billing, and operations are disconnected. Revenue visibility depends on manual reporting.</p>
  290.                 <p class=\"sol-card-intro\" style=\"margin-top:10px\"><strong style=\"color:var(--pol-dark)\">Solution:</strong> HoneyBee connects Edge+ and site data with billing, O&M, and reporting — enabling data-driven revenue and performance visibility.</p>
  291.                 <ul>
  292.                     <li>Asset performance and availability monitoring</li>
  293.                     <li>Edge+ site data connected to billing workflows</li>
  294.                     <li>Financial models and project finance workflows</li>
  295.                     <li>O&amp;M tracking and service management</li>
  296.                     <li>Reporting and documentation for stakeholders</li>
  297.                     <li>IoT and Edge+ integration for operational visibility</li>
  298.                 </ul>
  299.             </div>
  301.             ";
  302.         // line 250
  303.         yield "            <div class=\"sol-card\">
  304.                 <div class=\"sol-card-icon\"><i class=\"fa-solid fa-bolt\"></i></div>
  305.                 <h3>IPP / OPEX / PPA Operators</h3>
  306.                 <p class=\"sol-card-intro\"><strong style=\"color:var(--pol-dark)\">Problem:</strong> Site data, billing, and operations are disconnected. Revenue visibility depends on manual reporting from multiple sources.</p>
  307.                 <p class=\"sol-card-intro\" style=\"margin-top:10px\"><strong style=\"color:var(--pol-dark)\">Solution:</strong> HoneyBee connects Edge+ and site data with billing, O&M, and reporting — enabling data-driven revenue and performance visibility across the asset portfolio.</p>
  308.                 <ul>
  309.                     <li>HoneyBee Edge+ integration at site level</li>
  310.                     <li>Consumption-based billing from IoT meter data</li>
  311.                     <li>O&amp;M workflow management and issue tracking</li>
  312.                     <li>Performance, availability, and SLA reporting</li>
  313.                     <li>Project finance visibility for energy assets</li>
  314.                     <li>Multi-site operational command</li>
  315.                 </ul>
  316.             </div>
  318.             ";
  319.         // line 266
  320.         yield "            <div class=\"sol-card sol-card-wide\">
  321.                 <div class=\"sol-card-icon\"><i class=\"fa-solid fa-building-shield\"></i></div>
  322.                 <h3>Multi-Site Industrial Operators</h3>
  323.                 <p class=\"sol-card-intro\"><strong style=\"color:var(--pol-dark)\">Problem:</strong> Operations across factories, plants, or sites are fragmented, with no centralized control over performance, cost, or reporting.</p>
  324.                 <p class=\"sol-card-intro\" style=\"margin-top:10px\"><strong style=\"color:var(--pol-dark)\">Solution:</strong> HoneyBee provides one command center to manage operations, finance, teams, and site-level data across all locations.</p>
  325.                 <ul style=\"columns:2;column-gap:32px\">
  326.                     <li>Multi-site project and asset management</li>
  327.                     <li>Cross-functional team and responsibility tracking</li>
  328.                     <li>Finance and cost visibility across locations</li>
  329.                     <li>Maintenance, field operations, and issue management</li>
  330.                     <li>IoT and Edge+ monitoring per site</li>
  331.                     <li>AI reporting across the operational portfolio</li>
  332.                 </ul>
  333.             </div>
  335.         </div>
  337.         ";
  338.         // line 284
  339.         yield "        <div style=\"margin-top:56px;padding-top:48px;border-top:1px solid var(--pol-border)\">
  340.             <h3 style=\"font-family:'Montserrat',sans-serif;font-size:clamp(20px,2.2vw,28px);font-weight:800;color:var(--pol-dark);margin-bottom:20px\">What you get with HoneyBee</h3>
  341.             <div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;\">
  342.                 <div style=\"display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--pol-white);border:1px solid var(--pol-border);border-radius:10px;\"><span style=\"color:var(--pol-amber);font-family:monospace;flex-shrink:0\">→</span><span style=\"font-size:13.5px;color:var(--pol-dark)\">One system across sales, projects, finance, and operations</span></div>
  343.                 <div style=\"display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--pol-white);border:1px solid var(--pol-border);border-radius:10px;\"><span style=\"color:var(--pol-amber);font-family:monospace;flex-shrink:0\">→</span><span style=\"font-size:13.5px;color:var(--pol-dark)\">Real-time visibility across projects and sites</span></div>
  344.                 <div style=\"display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--pol-white);border:1px solid var(--pol-border);border-radius:10px;\"><span style=\"color:var(--pol-amber);font-family:monospace;flex-shrink:0\">→</span><span style=\"font-size:13.5px;color:var(--pol-dark)\">Connected workflows from proposal to billing</span></div>
  345.                 <div style=\"display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--pol-white);border:1px solid var(--pol-border);border-radius:10px;\"><span style=\"color:var(--pol-amber);font-family:monospace;flex-shrink:0\">→</span><span style=\"font-size:13.5px;color:var(--pol-dark)\">Mobile field operations without Excel or WhatsApp</span></div>
  346.                 <div style=\"display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--pol-white);border:1px solid var(--pol-border);border-radius:10px;\"><span style=\"color:var(--pol-amber);font-family:monospace;flex-shrink:0\">→</span><span style=\"font-size:13.5px;color:var(--pol-dark)\">AI-assisted reporting and decision support</span></div>
  347.                 <div style=\"display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--pol-white);border:1px solid var(--pol-border);border-radius:10px;\"><span style=\"color:var(--pol-amber);font-family:monospace;flex-shrink:0\">→</span><span style=\"font-size:13.5px;color:var(--pol-dark)\">Optional Edge+ integration for site data</span></div>
  348.                 <div style=\"display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--pol-white);border:1px solid var(--pol-border);border-radius:10px;\"><span style=\"color:var(--pol-amber);font-family:monospace;flex-shrink:0\">→</span><span style=\"font-size:13.5px;color:var(--pol-dark)\">Audit-ready records and structured workflows</span></div>
  349.             </div>
  350.         </div>
  352.         ";
  353.         // line 298
  354.         yield "        <div style=\"margin-top:40px;padding:28px 32px;background:rgba(192,125,42,.06);border:1px solid rgba(192,125,42,.2);border-radius:var(--pol-radius)\">
  355.             <div style=\"font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pol-amber);margin-bottom:12px\">From site data to business decisions</div>
  356.             <p style=\"font-size:15px;color:var(--pol-muted);line-height:1.7;margin-bottom:14px\">HoneyBee can connect plant and site data through Edge+. This enables billing based on real energy or usage data, O&M and service tracking, operational monitoring, cost and performance visibility, and audit and reporting evidence.</p>
  357.             <p style=\"font-size:13px;font-weight:600;color:var(--pol-amber)\">Edge+, IoT hardware, sensors, gateways, and deployments are designed and quoted per project.</p>
  358.         </div>
  360.         ";
  361.         // line 305
  362.         yield "        <div style=\"margin-top:40px;text-align:center;padding:20px;background:var(--pol-white);border:1px solid var(--pol-border);border-radius:10px;\">
  363.             <p style=\"font-size:15px;color:var(--pol-muted);line-height:1.7\">HoneyBee does not replace EPCs or integrators. It enables them to operate with control, visibility, and scalability.</p>
  364.         </div>
  365.     </div>
  366. </section>
  368. ";
  369.         // line 312
  370.         yield "<section class=\"sol-cta\">
  371.     <div class=\"sol-wrap\" style=\"position:relative;z-index:2\">
  372.         <div class=\"sol-label sol-cta-label\">Get started</div>
  373.         <h2>Not sure how HoneyBee fits <em>your company?</em></h2>
  374.         <p>Tell us about your projects, sites, and operations. We will recommend the right setup — software, Edge+, IoT, AI, and deployment approach.</p>
  375.         <div class=\"sol-cta-btns\">
  376.             <a href=\"";
  377.         // line 318
  378.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("honeybee_contact");
  379.         yield "\" class=\"n-btn n-btn-light\">
  380.                 <i class=\"fa-solid fa-arrow-right\"></i> Request Project Solution
  381.             </a>
  382.             <a href=\"";
  383.         // line 321
  384.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("honeybee_contact");
  385.         yield "\" class=\"n-btn n-btn-ghost-light\">
  386.                 <i class=\"fa-solid fa-calendar-check\"></i> Book Technical Call
  387.             </a>
  388.         </div>
  389.     </div>
  390. </section>
  392. ";
  393.         // line 328
  394.         yield from         $this->loadTemplate("@HoneybeeWeb/footer/central_footer.html.twig", "@HoneybeeWeb/pages/solutions.html.twig", 328)->unwrap()->yield($context);
  395.         // line 329
  396.         yield "
  397. <script>
  398. (function () {
  399.     var cards = document.querySelectorAll('.sol-card');
  400.     cards.forEach(function (el) {
  401.         el.style.opacity = '0';
  402.         el.style.transform = 'translateY(18px)';
  403.         el.style.transition = 'opacity .42s ease, transform .42s ease';
  404.     });
  405.     var io = new IntersectionObserver(function (entries) {
  406.         entries.forEach(function (en) {
  407.             if (en.isIntersecting) {
  408.                 en.target.style.opacity = '1';
  409.                 en.target.style.transform = 'translateY(0)';
  410.                 io.unobserve(en.target);
  411.             }
  412.         });
  413.     }, { threshold: 0.08 });
  414.     cards.forEach(function (el, i) {
  415.         el.style.transitionDelay = (i % 2 * 0.08) + 's';
  416.         io.observe(el);
  417.     });
  418. })();
  419. </script>
  420. ";
  421.         
  422.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  424.         
  425.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  427.         return; yield '';
  428.     }
  430.     /**
  431.      * @codeCoverageIgnore
  432.      */
  433.     public function getTemplateName()
  434.     {
  435.         return "@HoneybeeWeb/pages/solutions.html.twig";
  436.     }
  438.     /**
  439.      * @codeCoverageIgnore
  440.      */
  441.     public function isTraitable()
  442.     {
  443.         return false;
  444.     }
  446.     /**
  447.      * @codeCoverageIgnore
  448.      */
  449.     public function getDebugInfo()
  450.     {
  451.         return array (  396 => 329,  394 => 328,  384 => 321,  378 => 318,  370 => 312,  362 => 305,  354 => 298,  339 => 284,  320 => 266,  303 => 250,  286 => 234,  269 => 218,  252 => 202,  232 => 183,  223 => 176,  209 => 164,  46 => 2,  44 => 1,);
  452.     }
  454.     public function getSourceContext()
  455.     {
  456.         return new Source("{% include '@Application/inc/central_header.html.twig' %}
  458. <style>
  459. /* ── Design Tokens ─────────────────────────────────────────────────────────── */
  460. :root {
  461.     --pol-amber:   #C07D2A;
  462.     --pol-dark:    #1A1D2E;
  463.     --pol-dark-2:  #252840;
  464.     --pol-cream:   #F7F5F0;
  465.     --pol-cream-2: #F0EDE5;
  466.     --pol-white:   #FFFFFF;
  467.     --pol-muted:   #6B6E7F;
  468.     --pol-muted-2: #9395A5;
  469.     --pol-border:  rgba(26,29,46,.09);
  470.     --pol-border-md: rgba(26,29,46,.12);
  471.     --pol-shadow-sm: 0 2px 12px rgba(26,29,46,.07);
  472.     --pol-shadow-md: 0 8px 32px rgba(26,29,46,.09);
  473.     --pol-radius:  12px;
  474.     --pol-font:    'DM Sans', system-ui, sans-serif;
  475. }
  476. *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  477. body { background: var(--pol-cream); font-family: var(--pol-font); color: var(--pol-dark); text-align: left; }
  478. a { text-decoration: none; }
  480. /* ── Utilities ─────────────────────────────────────────────────────────────── */
  481. .sol-wrap    { max-width: 1160px; margin: 0 auto; padding: 0 28px; }
  482. .sol-wrap-sm { max-width: 760px;  margin: 0 auto; padding: 0 28px; }
  483. .sol-sec     { padding: 80px 0; }
  484. .sol-label {
  485.     display: inline-flex; align-items: center; gap: 8px;
  486.     font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
  487.     color: var(--pol-amber); margin-bottom: 16px;
  488. }
  489. .sol-label::before { content:''; width: 18px; height: 1.5px; background: currentColor; border-radius: 2px; }
  490. .sol-h1 { font-family:'Montserrat',sans-serif; font-size: clamp(30px,4vw,52px); font-weight: 900; line-height: 1.08; letter-spacing: -.025em; color: var(--pol-dark); }
  491. .sol-h1 em { font-style: italic; color: var(--pol-amber); }
  492. .sol-h2 { font-family:'Montserrat',sans-serif; font-size: clamp(24px,2.8vw,38px); font-weight: 800; line-height: 1.12; letter-spacing: -.02em; color: var(--pol-dark); }
  493. .sol-body   { font-size: 16px; line-height: 1.75; color: var(--pol-muted); }
  494. .sol-center { text-align: center; }
  495. .sol-center .sol-label { justify-content: center; }
  497. /* ── Button ─────────────────────────────────────────────────────────────────── */
  498. .n-btn {
  499.     display: inline-flex; align-items: center; gap: 8px;
  500.     padding: 12px 26px; border-radius: 8px;
  501.     font-size: 14px; font-weight: 600; border: none;
  502.     cursor: pointer; text-decoration: none; transition: all .18s; font-family: var(--pol-font);
  503. }
  504. .n-btn-amber { background: var(--pol-amber); color: #fff; }
  505. .n-btn-amber:hover { background: #a96c22; color: #fff; transform: translateY(-1px); }
  506. .n-btn-outline { background: transparent; border: 1.5px solid var(--pol-border-md); color: var(--pol-dark); }
  507. .n-btn-outline:hover { border-color: var(--pol-dark); transform: translateY(-1px); }
  508. .n-btn-light  { background: #fff; color: var(--pol-dark); }
  509. .n-btn-light:hover { background: var(--pol-cream-2); }
  510. .n-btn-ghost-light { background: rgba(255,255,255,.08); border: 1.5px solid rgba(255,255,255,.2); color: #fff; }
  511. .n-btn-ghost-light:hover { background: rgba(255,255,255,.16); color: #fff; }
  513. /* ── Hero ───────────────────────────────────────────────────────────────────── */
  514. .sol-hero {
  515.     background: var(--pol-cream);
  516.     padding: 120px 0 72px;
  517.     position: relative; overflow: hidden;
  518.     border-bottom: 1px solid var(--pol-border);
  519. }
  520. .sol-hero::before {
  521.     content: '';
  522.     position: absolute; top: 0; right: 0; width: 55%; height: 100%;
  523.     background: radial-gradient(ellipse 80% 80% at 80% 50%, rgba(192,125,42,.06) 0%, transparent 70%);
  524.     pointer-events: none;
  525. }
  527. /* ── Solution Cards Grid ────────────────────────────────────────────────────── */
  528. .sol-grid {
  529.     display: grid;
  530.     grid-template-columns: repeat(2, 1fr);
  531.     gap: 24px;
  532.     margin-top: 48px;
  533. }
  534. .sol-card {
  535.     background: var(--pol-white);
  536.     border: 1px solid var(--pol-border);
  537.     border-radius: var(--pol-radius);
  538.     padding: 30px;
  539.     transition: box-shadow .2s, border-color .2s, transform .2s;
  540. }
  541. .sol-card:hover {
  542.     border-color: var(--pol-border-md);
  543.     box-shadow: var(--pol-shadow-md);
  544.     transform: translateY(-2px);
  545. }
  546. .sol-card-icon {
  547.     width: 48px; height: 48px; border-radius: 10px;
  548.     background: rgba(192,125,42,.10);
  549.     display: flex; align-items: center; justify-content: center;
  550.     margin-bottom: 20px;
  551.     color: var(--pol-amber); font-size: 20px;
  552. }
  553. .sol-card h3 {
  554.     font-family: 'Montserrat', sans-serif;
  555.     font-size: 18px; font-weight: 800; color: var(--pol-dark);
  556.     margin-bottom: 10px;
  557.     display: flex; align-items: center; gap: 10px;
  558. }
  559. .sol-card h3::before {
  560.     content: ''; display: block;
  561.     width: 3px; height: 18px; background: var(--pol-amber);
  562.     border-radius: 2px; flex-shrink: 0;
  563. }
  564. .sol-card-intro {
  565.     font-size: 14px; line-height: 1.7; color: var(--pol-muted);
  566.     margin-bottom: 16px;
  567. }
  568. .sol-card ul {
  569.     list-style: none; padding: 0; margin: 0;
  570. }
  571. .sol-card ul li {
  572.     font-size: 13.5px; color: var(--pol-muted); line-height: 1.65;
  573.     padding: 6px 0 6px 20px;
  574.     position: relative;
  575.     border-top: 1px solid var(--pol-border);
  576. }
  577. .sol-card ul li:first-child { border-top: none; }
  578. .sol-card ul li::before {
  579.     content: '→';
  580.     position: absolute; left: 0;
  581.     color: var(--pol-amber); font-size: 12px; font-weight: 700;
  582.     line-height: 1.65;
  583. }
  585. /* Wide card (last one if odd count) */
  586. .sol-card-wide { grid-column: 1 / -1; }
  588. /* ── CTA Section ────────────────────────────────────────────────────────────── */
  589. .sol-cta {
  590.     background: var(--pol-dark);
  591.     padding: 96px 0;
  592.     text-align: center;
  593.     position: relative; overflow: hidden;
  594. }
  595. .sol-cta::before {
  596.     content: '';
  597.     position: absolute; top: -40%; left: 50%; transform: translateX(-50%);
  598.     width: 80%; height: 200%;
  599.     background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(192,125,42,.10) 0%, transparent 65%);
  600.     pointer-events: none;
  601. }
  602. .sol-cta-label { color: var(--pol-amber); justify-content: center; }
  603. .sol-cta h2 { font-family:'Montserrat',sans-serif; font-size: clamp(24px,2.8vw,38px); font-weight: 900; color: #fff; margin-bottom: 16px; }
  604. .sol-cta h2 em { font-style: italic; color: var(--pol-amber); }
  605. .sol-cta p { font-size: 16px; color: rgba(255,255,255,.6); max-width: 52ch; margin: 0 auto 32px; line-height: 1.7; }
  606. .sol-cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
  608. /* ── Responsive ─────────────────────────────────────────────────────────────── */
  609. @media (max-width: 860px) {
  610.     .sol-grid { grid-template-columns: 1fr; }
  611.     .sol-card-wide { grid-column: auto; }
  612. }
  613. @media (max-width: 640px) {
  614.     .sol-hero { padding: 90px 0 56px; }
  615. }
  616. </style>
  618. {# ══ HERO ══════════════════════════════════════════════════════════════════════ #}
  619. <section class=\"sol-hero\">
  620.     <div class=\"sol-wrap\" style=\"position:relative;z-index:2\">
  621.         <div class=\"sol-label\">Solutions</div>
  622.         <h1 class=\"sol-h1\" style=\"max-width:820px;margin-bottom:24px\">
  623.             Built for companies managing projects, sites, assets, and operational data across <em>multiple locations.</em>
  624.         </h1>
  625.         <p class=\"sol-body\" style=\"max-width:620px;margin-bottom:16px\">
  626.             HoneyBee is the operating layer for EPC companies, system integrators, energy asset owners, and multi-site industrial businesses.
  627.         </p>
  628.         <p style=\"font-size:13px;color:rgba(26,29,46,.45);max-width:560px;margin-bottom:32px;line-height:1.6\">
  629.             <strong style=\"color:rgba(26,29,46,.6)\">Important:</strong> HoneyBee is not an EPC contractor or project developer. It provides the digital platform these companies use to manage their own projects, sites, billing, O&M, and operational workflows.
  630.         </p>
  631.         <a href=\"{{ url('honeybee_contact') }}\" class=\"n-btn n-btn-amber\">
  632.             <i class=\"fa-solid fa-arrow-right\"></i> Request Project Solution
  633.         </a>
  634.     </div>
  635. </section>
  637. {# ══ SOLUTION CARDS ════════════════════════════════════════════════════════════ #}
  638. <section class=\"sol-sec\" style=\"background:var(--pol-cream)\">
  639.     <div class=\"sol-wrap\">
  640.         <div class=\"sol-center\">
  641.             <div class=\"sol-label\">Who we serve</div>
  642.             <h2 class=\"sol-h2\">Built for the companies that <em>build and operate.</em></h2>
  643.         </div>
  644.         <div style=\"max-width:720px;margin:24px auto 0;padding:20px 24px;background:var(--pol-white);border:1px solid var(--pol-border-md);border-radius:var(--pol-radius)\">
  645.             <div style=\"font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pol-amber);margin-bottom:14px\">Who is this for?</div>
  646.             <div style=\"display:flex;flex-wrap:wrap;gap:10px;\">
  647.                 <span style=\"padding:6px 16px;border-radius:100px;background:rgba(192,125,42,.08);border:1px solid rgba(192,125,42,.2);font-size:13px;font-weight:600;color:var(--pol-dark)\">EPC companies</span>
  648.                 <span style=\"padding:6px 16px;border-radius:100px;background:rgba(192,125,42,.08);border:1px solid rgba(192,125,42,.2);font-size:13px;font-weight:600;color:var(--pol-dark)\">System integrators</span>
  649.                 <span style=\"padding:6px 16px;border-radius:100px;background:rgba(192,125,42,.08);border:1px solid rgba(192,125,42,.2);font-size:13px;font-weight:600;color:var(--pol-dark)\">Energy asset owners / IPP / OPEX / PPA operators</span>
  650.                 <span style=\"padding:6px 16px;border-radius:100px;background:rgba(192,125,42,.08);border:1px solid rgba(192,125,42,.2);font-size:13px;font-weight:600;color:var(--pol-dark)\">Multi-site industrial companies</span>
  651.             </div>
  652.         </div>
  654.         <div class=\"sol-grid\">
  656.             {# EPC Companies #}
  657.             <div class=\"sol-card\">
  658.                 <div class=\"sol-card-icon\"><i class=\"fa-solid fa-hard-hat\"></i></div>
  659.                 <h3>EPC Companies</h3>
  660.                 <p class=\"sol-card-intro\"><strong style=\"color:var(--pol-dark)\">Problem:</strong> Projects are managed across Excel, emails, and disconnected systems. Margin leaks between proposal and execution. Site data and billing are not connected.</p>
  661.                 <p class=\"sol-card-intro\" style=\"margin-top:10px\"><strong style=\"color:var(--pol-dark)\">Solution:</strong> HoneyBee connects proposal, project execution, procurement, cost tracking, billing, and O&M into one system — so every project stays controlled from quotation to handover.</p>
  662.                 <ul>
  663.                     <li>Proposals, bid management, and quotation workflow</li>
  664.                     <li>Procurement, RFQ, supplier tracking, and purchase orders</li>
  665.                     <li>Site execution, WBS, milestones, and commissioning</li>
  666.                     <li>Cost control, project finance, and budget vs actual</li>
  667.                     <li>O&amp;M handover documentation and field operations</li>
  668.                     <li>Multi-project visibility from one command center</li>
  669.                 </ul>
  670.             </div>
  672.             {# System Integrators #}
  673.             <div class=\"sol-card\">
  674.                 <div class=\"sol-card-icon\"><i class=\"fa-solid fa-network-wired\"></i></div>
  675.                 <h3>System Integrators</h3>
  676.                 <p class=\"sol-card-intro\"><strong style=\"color:var(--pol-dark)\">Problem:</strong> Requirements, integrations, configurations, and commissioning are scattered across documents and tools, with no structured delivery control.</p>
  677.                 <p class=\"sol-card-intro\" style=\"margin-top:10px\"><strong style=\"color:var(--pol-dark)\">Solution:</strong> HoneyBee manages delivery workflows, integrations, technical coordination, commissioning tracking, and support operations in one controlled environment.</p>
  678.                 <ul>
  679.                     <li>Technical project delivery and configuration management</li>
  680.                     <li>Hardware deployment and local infrastructure coordination</li>
  681.                     <li>Customer-specific integration workflow tracking</li>
  682.                     <li>Support operations and service management</li>
  683.                     <li>Recurring service billing and customer records</li>
  684.                     <li>Multi-customer project visibility</li>
  685.                 </ul>
  686.             </div>
  688.             {# Energy Project Developers #}
  689.             <div class=\"sol-card\">
  690.                 <div class=\"sol-card-icon\"><i class=\"fa-solid fa-solar-panel\"></i></div>
  691.                 <h3>Energy Asset Owners</h3>
  692.                 <p class=\"sol-card-intro\"><strong style=\"color:var(--pol-dark)\">Problem:</strong> Site data, billing, and operations are disconnected. Revenue visibility depends on manual reporting.</p>
  693.                 <p class=\"sol-card-intro\" style=\"margin-top:10px\"><strong style=\"color:var(--pol-dark)\">Solution:</strong> HoneyBee connects Edge+ and site data with billing, O&M, and reporting — enabling data-driven revenue and performance visibility.</p>
  694.                 <ul>
  695.                     <li>Asset performance and availability monitoring</li>
  696.                     <li>Edge+ site data connected to billing workflows</li>
  697.                     <li>Financial models and project finance workflows</li>
  698.                     <li>O&amp;M tracking and service management</li>
  699.                     <li>Reporting and documentation for stakeholders</li>
  700.                     <li>IoT and Edge+ integration for operational visibility</li>
  701.                 </ul>
  702.             </div>
  704.             {# IPP / OPEX / PPA Operators #}
  705.             <div class=\"sol-card\">
  706.                 <div class=\"sol-card-icon\"><i class=\"fa-solid fa-bolt\"></i></div>
  707.                 <h3>IPP / OPEX / PPA Operators</h3>
  708.                 <p class=\"sol-card-intro\"><strong style=\"color:var(--pol-dark)\">Problem:</strong> Site data, billing, and operations are disconnected. Revenue visibility depends on manual reporting from multiple sources.</p>
  709.                 <p class=\"sol-card-intro\" style=\"margin-top:10px\"><strong style=\"color:var(--pol-dark)\">Solution:</strong> HoneyBee connects Edge+ and site data with billing, O&M, and reporting — enabling data-driven revenue and performance visibility across the asset portfolio.</p>
  710.                 <ul>
  711.                     <li>HoneyBee Edge+ integration at site level</li>
  712.                     <li>Consumption-based billing from IoT meter data</li>
  713.                     <li>O&amp;M workflow management and issue tracking</li>
  714.                     <li>Performance, availability, and SLA reporting</li>
  715.                     <li>Project finance visibility for energy assets</li>
  716.                     <li>Multi-site operational command</li>
  717.                 </ul>
  718.             </div>
  720.             {# Multi-Site Industrial Operators — full width #}
  721.             <div class=\"sol-card sol-card-wide\">
  722.                 <div class=\"sol-card-icon\"><i class=\"fa-solid fa-building-shield\"></i></div>
  723.                 <h3>Multi-Site Industrial Operators</h3>
  724.                 <p class=\"sol-card-intro\"><strong style=\"color:var(--pol-dark)\">Problem:</strong> Operations across factories, plants, or sites are fragmented, with no centralized control over performance, cost, or reporting.</p>
  725.                 <p class=\"sol-card-intro\" style=\"margin-top:10px\"><strong style=\"color:var(--pol-dark)\">Solution:</strong> HoneyBee provides one command center to manage operations, finance, teams, and site-level data across all locations.</p>
  726.                 <ul style=\"columns:2;column-gap:32px\">
  727.                     <li>Multi-site project and asset management</li>
  728.                     <li>Cross-functional team and responsibility tracking</li>
  729.                     <li>Finance and cost visibility across locations</li>
  730.                     <li>Maintenance, field operations, and issue management</li>
  731.                     <li>IoT and Edge+ monitoring per site</li>
  732.                     <li>AI reporting across the operational portfolio</li>
  733.                 </ul>
  734.             </div>
  736.         </div>
  738.         {# What you get #}
  739.         <div style=\"margin-top:56px;padding-top:48px;border-top:1px solid var(--pol-border)\">
  740.             <h3 style=\"font-family:'Montserrat',sans-serif;font-size:clamp(20px,2.2vw,28px);font-weight:800;color:var(--pol-dark);margin-bottom:20px\">What you get with HoneyBee</h3>
  741.             <div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;\">
  742.                 <div style=\"display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--pol-white);border:1px solid var(--pol-border);border-radius:10px;\"><span style=\"color:var(--pol-amber);font-family:monospace;flex-shrink:0\">→</span><span style=\"font-size:13.5px;color:var(--pol-dark)\">One system across sales, projects, finance, and operations</span></div>
  743.                 <div style=\"display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--pol-white);border:1px solid var(--pol-border);border-radius:10px;\"><span style=\"color:var(--pol-amber);font-family:monospace;flex-shrink:0\">→</span><span style=\"font-size:13.5px;color:var(--pol-dark)\">Real-time visibility across projects and sites</span></div>
  744.                 <div style=\"display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--pol-white);border:1px solid var(--pol-border);border-radius:10px;\"><span style=\"color:var(--pol-amber);font-family:monospace;flex-shrink:0\">→</span><span style=\"font-size:13.5px;color:var(--pol-dark)\">Connected workflows from proposal to billing</span></div>
  745.                 <div style=\"display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--pol-white);border:1px solid var(--pol-border);border-radius:10px;\"><span style=\"color:var(--pol-amber);font-family:monospace;flex-shrink:0\">→</span><span style=\"font-size:13.5px;color:var(--pol-dark)\">Mobile field operations without Excel or WhatsApp</span></div>
  746.                 <div style=\"display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--pol-white);border:1px solid var(--pol-border);border-radius:10px;\"><span style=\"color:var(--pol-amber);font-family:monospace;flex-shrink:0\">→</span><span style=\"font-size:13.5px;color:var(--pol-dark)\">AI-assisted reporting and decision support</span></div>
  747.                 <div style=\"display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--pol-white);border:1px solid var(--pol-border);border-radius:10px;\"><span style=\"color:var(--pol-amber);font-family:monospace;flex-shrink:0\">→</span><span style=\"font-size:13.5px;color:var(--pol-dark)\">Optional Edge+ integration for site data</span></div>
  748.                 <div style=\"display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--pol-white);border:1px solid var(--pol-border);border-radius:10px;\"><span style=\"color:var(--pol-amber);font-family:monospace;flex-shrink:0\">→</span><span style=\"font-size:13.5px;color:var(--pol-dark)\">Audit-ready records and structured workflows</span></div>
  749.             </div>
  750.         </div>
  752.         {# Edge+ value block #}
  753.         <div style=\"margin-top:40px;padding:28px 32px;background:rgba(192,125,42,.06);border:1px solid rgba(192,125,42,.2);border-radius:var(--pol-radius)\">
  754.             <div style=\"font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pol-amber);margin-bottom:12px\">From site data to business decisions</div>
  755.             <p style=\"font-size:15px;color:var(--pol-muted);line-height:1.7;margin-bottom:14px\">HoneyBee can connect plant and site data through Edge+. This enables billing based on real energy or usage data, O&M and service tracking, operational monitoring, cost and performance visibility, and audit and reporting evidence.</p>
  756.             <p style=\"font-size:13px;font-weight:600;color:var(--pol-amber)\">Edge+, IoT hardware, sensors, gateways, and deployments are designed and quoted per project.</p>
  757.         </div>
  759.         {# Trust line #}
  760.         <div style=\"margin-top:40px;text-align:center;padding:20px;background:var(--pol-white);border:1px solid var(--pol-border);border-radius:10px;\">
  761.             <p style=\"font-size:15px;color:var(--pol-muted);line-height:1.7\">HoneyBee does not replace EPCs or integrators. It enables them to operate with control, visibility, and scalability.</p>
  762.         </div>
  763.     </div>
  764. </section>
  766. {# ══ CTA ═══════════════════════════════════════════════════════════════════════ #}
  767. <section class=\"sol-cta\">
  768.     <div class=\"sol-wrap\" style=\"position:relative;z-index:2\">
  769.         <div class=\"sol-label sol-cta-label\">Get started</div>
  770.         <h2>Not sure how HoneyBee fits <em>your company?</em></h2>
  771.         <p>Tell us about your projects, sites, and operations. We will recommend the right setup — software, Edge+, IoT, AI, and deployment approach.</p>
  772.         <div class=\"sol-cta-btns\">
  773.             <a href=\"{{ url('honeybee_contact') }}\" class=\"n-btn n-btn-light\">
  774.                 <i class=\"fa-solid fa-arrow-right\"></i> Request Project Solution
  775.             </a>
  776.             <a href=\"{{ url('honeybee_contact') }}\" class=\"n-btn n-btn-ghost-light\">
  777.                 <i class=\"fa-solid fa-calendar-check\"></i> Book Technical Call
  778.             </a>
  779.         </div>
  780.     </div>
  781. </section>
  783. {% include '@HoneybeeWeb/footer/central_footer.html.twig' %}
  785. <script>
  786. (function () {
  787.     var cards = document.querySelectorAll('.sol-card');
  788.     cards.forEach(function (el) {
  789.         el.style.opacity = '0';
  790.         el.style.transform = 'translateY(18px)';
  791.         el.style.transition = 'opacity .42s ease, transform .42s ease';
  792.     });
  793.     var io = new IntersectionObserver(function (entries) {
  794.         entries.forEach(function (en) {
  795.             if (en.isIntersecting) {
  796.                 en.target.style.opacity = '1';
  797.                 en.target.style.transform = 'translateY(0)';
  798.                 io.unobserve(en.target);
  799.             }
  800.         });
  801.     }, { threshold: 0.08 });
  802.     cards.forEach(function (el, i) {
  803.         el.style.transitionDelay = (i % 2 * 0.08) + 's';
  804.         io.observe(el);
  805.     });
  806. })();
  807. </script>
  808. ", "@HoneybeeWeb/pages/solutions.html.twig", "/home/u405565514/domains/ourhoneybee.eu/public_html/honeybee_main/src/ApplicationBundle/Modules/HoneybeeWeb/Resources/views/pages/solutions.html.twig");
  809.     }
  810. }