src/ApplicationBundle/Modules/HoneybeeWeb/Resources/views/website/product-screen.html.twig line 1

Open in your IDE?
  1. {# Owner-approved source captures; register and file hashes: docs/website-product-media.json. #}
  2. {% set screens = {
  3.   "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."},
  4.   "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."},
  5.   "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."},
  6.   "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."},
  7.   "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."},
  8.   "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."},
  9.   "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."},
  10.   "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."},
  11.   "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."},
  12.   "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."},
  13.   "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."}
  14. } %}
  15. {% set screen = screens[screen_key] %}
  16. <figure class="hbp-screen{% if screen.height > screen.width %} hbp-screen-mobile{% endif %}" data-product-screen="{{ screen_key }}">
  17. <a class="hbp-screen-open" href="{{ asset('honeybee_web_assets/images/products/' ~ screen.file) }}" aria-label="Enlarge screenshot: {{ screen.alt }}">
  18. {% set widths = screen.height > screen.width ? [320, 640, 960] : [480, 960, 1440] %}
  19. {% set stem = screen.file|split('.')|first %}
  20. <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') }}">
  21. <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">
  22. </picture>
  23. </a><figcaption hidden data-screen-description>{{ screen.caption }}</figcaption>
  24. </figure>