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

Open in your IDE?
  1. {% include '@Application/inc/central_header.html.twig' %}
  2. {% include '@HoneybeeWeb/pages/inc/pp_style.html.twig' %}
  3. {# WEB-2 §19 — /agents. Pricing ABOVE the fold; the agents GROUPED by business outcome,
  4.    not sixteen equal cards. ONE primary CTA (§28): Explore Agent Setup. Every agent
  5.    drafts/chases/checks — humans approve risk; money never moves automatically. #}
  6. {% set p = prices %}
  7. <div class="pp-wrap">
  9.     <div class="pp-hero">
  10.         <span class="kicker">AI Agents</span>
  11.         <h1>Build your digital workforce.</h1>
  12.         <p class="sub">Agents work inside your HoneyBee data around the clock — drafting, chasing
  13.             and checking the routine work your team does by hand. Organization-level pricing:
  14.             every user benefits, nobody needs a seat.</p>
  15.         <div class="pp-grid c3" style="max-width:760px;margin:28px auto 0;">
  16.             <div class="pp-card"><span class="pp-chip">Starter</span>
  17.                 <div class="pp-price">€{{ p.agents.starter }}<small> /org/month</small></div>
  18.                 <p style="margin-top:6px;">Any 4 agents</p></div>
  19.             <div class="pp-card" style="border-color:var(--n-amber);"><span class="pp-chip">Growth</span>
  20.                 <div class="pp-price">€{{ p.agents.growth }}<small> /org/month</small></div>
  21.                 <p style="margin-top:6px;">Any 8 agents</p></div>
  22.             <div class="pp-card"><span class="pp-chip">Complete</span>
  23.                 <div class="pp-price">€{{ p.agents.complete }}<small> /org/month</small></div>
  24.                 <p style="margin-top:6px;">All 16 agents</p></div>
  25.         </div>
  26.         <a class="pp-cta" href="#request">Explore Agent Setup</a>
  27.         <a class="pp-cta-ghost" href="#groups">Explore the 16 Agents</a>
  28.     </div>
  30.     <div class="pp-sec" id="groups">
  31.         <h2>Grouped by the outcome they own</h2>
  32.         <p class="sec-sub">Pick agents by the problem, not by the buzzword. Every agent follows the
  33.             same law: it drafts and chases — a human approves anything with consequences.</p>
  34.         <div class="pp-grid c4">
  35.             <div class="pp-card"><h3>Finance</h3><ul>
  36.                 <li>Chases overdue invoices &amp; drafts dunning</li>
  37.                 <li>Watches cash position &amp; payment dues</li></ul></div>
  38.             <div class="pp-card"><h3>Sales</h3><ul>
  39.                 <li>Captures leads from messages</li>
  40.                 <li>Drafts follow-ups before deals go quiet</li></ul></div>
  41.             <div class="pp-card"><h3>Projects</h3><ul>
  42.                 <li>Intake, progress &amp; handover checks</li>
  43.                 <li>Flags budget vs actual drift</li></ul></div>
  44.             <div class="pp-card"><h3>HR</h3><ul>
  45.                 <li>Attendance &amp; leave housekeeping</li>
  46.                 <li>Onboarding checklists chased to done</li></ul></div>
  47.             <div class="pp-card"><h3>Procurement</h3><ul>
  48.                 <li>Three-way match on PO/GRN/invoice</li>
  49.                 <li>RFQ &amp; requisition follow-through</li></ul></div>
  50.             <div class="pp-card"><h3>Reporting</h3><ul>
  51.                 <li>Daily briefings &amp; role reports</li>
  52.                 <li>Month-end packs assembled from rows</li></ul></div>
  53.             <div class="pp-card"><h3>Operations</h3><ul>
  54.                 <li>Stock positions &amp; reorder signals</li>
  55.                 <li>Site &amp; energy anomaly watch</li></ul></div>
  56.             <div class="pp-card"><h3>Customer service</h3><ul>
  57.                 <li>Ticket triage &amp; drafted replies</li>
  58.                 <li>Compliance &amp; document checks</li></ul></div>
  59.         </div>
  60.     </div>
  62.     <div class="pp-sec">
  63.         <h2>The safety model</h2>
  64.         <div class="pp-grid c3">
  65.             <div class="pp-card"><h3>Human by exception</h3><p>Agents prepare; people approve.
  66.                 High-confidence routine goes through, anything risky queues for a human.</p></div>
  67.             <div class="pp-card"><h3>Money never moves alone</h3><p>No agent can pay, transfer or
  68.                 commit funds. Financial documents stop at draft until a person confirms.</p></div>
  69.             <div class="pp-card"><h3>Works without AI budget</h3><p>The workflows agents ride on are
  70.                 deterministic — if AI capacity runs out, your business keeps running.</p></div>
  71.         </div>
  72.     </div>
  74.     <div class="pp-band" id="request">
  75.         <h2>Which four agents would save your team the most hours?</h2>
  76.         <p>Tell us your bottleneck — we'll propose a starting set and set it up with you.</p>
  77.     </div>
  78.     {% include '@HoneybeeWeb/pages/inc/intent_form.html.twig' with {
  79.         'intent': 'demo', 'cta': 'Explore Agent Setup',
  80.         'extras': [
  81.             {'name': 'primary_interest', 'label': 'Primary interest', 'options': ['AI Agents', 'HiveMind AI', 'Business Suite', 'Whole ecosystem']},
  82.             {'name': 'company_size', 'label': 'Company size', 'options': ['1-10', '11-50', '51-250', '250+']}
  83.         ]
  84.     } only %}
  86. </div>
  87. {% include '@HoneybeeWeb/footer/central_footer.html.twig' %}