{# Owner-approved source captures; register and file hashes: docs/website-product-media.json. #}{% set screens = { "business": {"file": "business-projects.png", "width": 2560, "height": 1440, "alt": "Business Suite project dashboard with delivery status and milestones", "caption": "Business Suite · sample project dashboard. Figures illustrate the interface, not customer outcomes."}, "leads": {"file": "business-leads.png", "width": 2560, "height": 1440, "alt": "Business Suite lead report with funnel and follow-up attention", "caption": "Business Suite · sample lead report and follow-up view."}, "engineering": {"file": "honeywatt-layout.png", "width": 2560, "height": 1440, "alt": "HoneyWatt Studio showing roof zones, module layout and string checks", "caption": "HoneyWatt · demo feasibility layout. Engineering review is required before release."}, "yield": {"file": "honeywatt-yield.png", "width": 2560, "height": 1440, "alt": "HoneyWatt demo report showing monthly yield, assumptions and review grade", "caption": "HoneyWatt · demo yield report with assumptions and open checks. Modelled results, not a savings guarantee."}, "sld": {"file": "honeywatt-sld.png", "width": 2560, "height": 1440, "alt": "HoneyWatt demo single-line diagram with protection schedule and open review checks", "caption": "HoneyWatt · demo single-line diagram. Shown at client-proposal stage; qualified engineering review remains required."}, "operations": {"file": "honeycore-cloud.png", "width": 2560, "height": 1440, "alt": "HoneyCore Cloud demo executive overview with hybrid power flow and controller status", "caption": "HoneyCore Cloud · demo monitoring snapshot. Displayed figures are example data, not verified customer savings."}, "twin": {"file": "honeycore-site-twin.png", "width": 2560, "height": 1440, "alt": "HoneyBee APV site digital twin showing sensor positions over a solar installation", "caption": "HoneyBee APV · supplied site digital-twin capture. A static interface example, not a live feed."}, "alarms": {"file": "honeycore-alarms.png", "width": 2560, "height": 1440, "alt": "HoneyCore Cloud alarm history showing device telemetry gaps and acknowledgement states", "caption": "HoneyCore Cloud · supplied alarm-history capture. Status reflects the captured moment."}, "intelligence": {"file": "hivemind-approvals.jpg", "width": 1080, "height": 2340, "alt": "HiveMind mobile conversation summarising pending approvals and proposing review actions", "caption": "HiveMind · example approval conversation. Review proposed actions before confirming."}, "nectar": {"file": "nectar-approval.jpg", "width": 1080, "height": 2340, "alt": "Nectar Beezness mobile approval detail with document information and decision controls", "caption": "Nectar Beezness · example manager approval screen."}, "nectar-today": {"file": "nectar-today.jpg", "width": 1080, "height": 2340, "alt": "Nectar Beezness Today screen with business shortcuts and items needing attention", "caption": "Nectar Beezness · example daily workspace. Available modules depend on assigned access."}} %}{% set screen = screens[screen_key] %}<figure class="hbp-screen{% if screen.height > screen.width %} hbp-screen-mobile{% endif %}" data-product-screen="{{ screen_key }}">{% if screen_label|default('') %}<span class="hbp-screen-label">{{ screen_label }}</span>{% endif %}<a class="hbp-screen-open" href="{{ asset('honeybee_web_assets/images/products/' ~ screen.file) }}" aria-label="Enlarge screenshot: {{ screen.alt }}">{% set widths = screen.height > screen.width ? [320, 640, 960] : [480, 960, 1440] %}{% set stem = screen.file|split('.')|first %}<picture><source type="image/webp" srcset="{% for width in widths %}{{ asset('honeybee_web_assets/images/products/responsive/' ~ stem ~ '-' ~ width ~ '.webp') }} {{ width }}w{% if not loop.last %}, {% endif %}{% endfor %}" sizes="{{ screen_sizes|default(screen.height > screen.width ? '270px' : '(max-width: 767px) calc(100vw - 40px), (max-width: 1240px) 46vw, 600px') }}"><img src="{{ asset('honeybee_web_assets/images/products/' ~ screen.file) }}" width="{{ screen.width }}" height="{{ screen.height }}" alt="{{ screen.alt }}" loading="{{ screen_eager|default(false) ? 'eager' : 'lazy' }}" decoding="async"></picture></a><figcaption hidden data-screen-description>{{ screen.caption }}</figcaption></figure>