{# Each tab has one authentic capture, concise capabilities and one primary destination. #}{% set products = [{key:'business',tab:'Business software',name:'HoneyBee Business Suite',title:'Run the business. Keep the project in view.',text:'Keep commercial work, procurement and project finance in one business context.',route:'honeybee_business_suite',params:{},cta:'Explore Business Suite',markers:['Lead to quotation','RFQ to purchase order','Project costs and invoicing']},{key:'engineering',tab:'Energy engineering',name:'HoneyWatt',title:'Engineer the energy system. Not just the layout.',text:'Develop solar and storage designs with visible assumptions and engineering checks.',route:'honeybee_honeywatt',params:{},cta:'Explore HoneyWatt',markers:['Layout and stringing','Yield and economics','SLD and project reports']},{key:'operations',tab:'Energy control',name:'HoneyCore + Energy Operations',title:'Understand the site. Control what matters.',text:'Connect supported site equipment to a monitoring and control scope engineered for your deployment.',route:'honeybee_website_page',params:{page:'energy-operations'},cta:'Explore Energy Operations',markers:['Site power flow','Controller status','Alarms and history']}] %}<section class="section white" id="showroom" aria-labelledby="showroom-title"><div class="wrap"><div class="section-heading"><div><span class="eyebrow">Real product interfaces</span><h2 id="showroom-title">See what the products do.</h2></div></div><div class="hbp-showroom-tabs" data-showroom-tabs aria-label="Product showroom">{% for product in products %}<button type="button" id="showroom-tab-{{ product.key }}" data-showroom-tab aria-controls="showroom-{{ product.key }}">{{ product.tab }}</button>{% endfor %}</div>{% for product in products %}<section id="showroom-{{ product.key }}" data-showroom-panel aria-labelledby="showroom-tab-{{ product.key }}"><div class="hbp-showroom-layout"><div><span class="eyebrow">{{ product.name }}</span><h3>{{ product.title }}</h3><p>{{ product.text }}</p><ul class="hbp-capabilities">{% for marker in product.markers %}<li>{{ marker }}</li>{% endfor %}</ul><div class="actions"><a class="btn" data-wa="home_product_click" href="{{ path(product.route, product.params) }}">{{ product.cta }} <span aria-hidden="true">→</span></a></div></div><div>{% include '@HoneybeeWeb/website/product-screen.html.twig' with {screen_key:product.key} only %}{% if product.key == 'operations' %}<details class="hbp-screen-details" open><summary>See HoneyCore Edge hardware</summary>{% include '@HoneybeeWeb/website/honeycore-media.html.twig' %}</details>{% endif %}</div></div></section>{% endfor %}</div></section>