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

Open in your IDE?
  1. {% include '@Application/inc/central_header.html.twig' %}
  2. {% include '@HoneybeeWeb/inc/_web_design_system.html.twig' %}
  3. {# ─── COMPARISON — HoneyBee vs Odoo ─── #}
  4. <style>
  5. .cmp-hero { background: var(--n-cream); padding: 130px 0 80px; position: relative; overflow: hidden; }
  6. .cmp-hero::before {
  7.     content:''; position:absolute; top:0; right:0; width:55%; height:100%;
  8.     background: radial-gradient(ellipse 80% 70% at 80% 40%, rgba(192,125,42,.07) 0%, transparent 65%),
  9.                 radial-gradient(ellipse 50% 60% at 95% 80%, rgba(61,107,82,.06) 0%, transparent 60%);
  10.     pointer-events:none;
  11. }
  12. .cmp-hero-inner { max-width: 760px; position: relative; }
  13. .cmp-guardrail { margin-top: 22px; font-size: 13px; color: var(--n-muted-2); display: inline-flex; align-items: flex-start; gap: 8px; }
  14. .cmp-guardrail i { color: var(--n-sage); margin-top: 3px; }
  15. /* Comparison table */
  16. .cmp-table-wrap { margin-top: 40px; border: 1px solid var(--n-border-md); border-radius: var(--n-radius-lg); overflow: hidden; box-shadow: var(--n-shadow-sm); background: var(--n-white); }
  17. .cmp-table { width: 100%; border-collapse: collapse; }
  18. .cmp-table thead th { text-align: left; padding: 20px 24px; font-family:'Montserrat',sans-serif; font-size: 14px; font-weight: 800; color: var(--n-dark); background: var(--n-cream-2); border-bottom: 1px solid var(--n-border-md); }
  19. .cmp-table thead th:last-child { background: var(--n-dark); color: #fff; }
  20. .cmp-table tbody td { padding: 18px 24px; font-size: 14px; line-height: 1.6; color: var(--n-muted); border-bottom: 1px solid var(--n-border); vertical-align: top; }
  21. .cmp-table tbody tr:last-child td { border-bottom: none; }
  22. .cmp-table tbody td:first-child { width: 26%; font-weight: 700; color: var(--n-dark); font-family:'Montserrat',sans-serif; font-size: 13px; }
  23. .cmp-table tbody td:last-child { background: var(--n-sage-dim); color: var(--n-dark); }
  24. .cmp-col-them { background: rgba(26,29,46,.015); }
  25. /* When to choose */
  26. .cmp-choose { background: var(--n-white); border: 1px solid var(--n-border-md); border-radius: var(--n-radius-lg); padding: 40px 44px; margin-top: 40px; box-shadow: var(--n-shadow-sm); }
  27. .cmp-choose ul { list-style: none; margin-top: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px 32px; }
  28. .cmp-choose li { display: flex; gap: 12px; font-size: 14px; line-height: 1.55; color: var(--n-muted); }
  29. .cmp-choose li i { color: var(--n-sage); margin-top: 3px; flex-shrink: 0; }
  30. /* CTA band */
  31. .cmp-cta { background: var(--n-cream-2); padding: 100px 0; text-align: center; border-top: 1px solid var(--n-border); }
  32. .cmp-cta h2 { font-family:'Montserrat',sans-serif; font-size: clamp(28px,3.5vw,44px); font-weight: 900; color: var(--n-dark); margin-bottom: 16px; }
  33. .cmp-cta h2 em { font-style: normal; color: var(--n-amber); }
  34. .cmp-cta-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 28px; }
  35. @media (max-width: 820px) {
  36.     .cmp-choose ul { grid-template-columns: 1fr; }
  37.     .cmp-table tbody td:first-child { width: auto; }
  38.     .cmp-table, .cmp-table thead, .cmp-table tbody, .cmp-table tr, .cmp-table td, .cmp-table th { display: block; }
  39.     .cmp-table thead { display: none; }
  40.     .cmp-table tbody td { border-bottom: 1px solid var(--n-border); }
  41.     .cmp-table tbody tr { border-bottom: 2px solid var(--n-border-md); }
  42. }
  43. </style>
  44. {# ══ 1. HERO ══ #}
  45. <section class="cmp-hero">
  46.     <div class="n-wrap">
  47.         <div class="cmp-hero-inner">
  48.             <span class="n-label">Comparison</span>
  49.             <h1 class="n-h1">HoneyBee vs <em class="n-em">Odoo</em></h1>
  50.             <p class="n-body n-mt-6" style="max-width:640px">
  51.                 Odoo is a capable, broad ERP suite for general business operations. HoneyBee is different because it is built
  52.                 around project execution, EPC workflows, field operations and energy-infrastructure intelligence.
  53.             </p>
  54.             <div class="n-hero-actions n-mt-8">
  55.                 <a href="{{ url('honeybee_contact') }}" class="n-btn n-btn-primary">Book Demo <i class="fa-solid fa-arrow-right"></i></a>
  56.                 <a href="{{ url('honeybee_contact') }}" class="n-btn n-btn-outline">Request Workflow Audit</a>
  57.             </div>
  58.             <div class="cmp-guardrail">
  59.                 <i class="fa-solid fa-circle-info"></i>
  60.                 <span>This is a fair, like-for-like comparison — not a criticism of Odoo. Different tools fit different jobs.</span>
  61.             </div>
  62.         </div>
  63.     </div>
  64. </section>
  65. {# ══ 2. WHERE THEY FIT ══ #}
  66. <section class="n-sec" style="padding-bottom:0">
  67.     <div class="n-wrap-sm">
  68.         <span class="n-label">Where Odoo fits</span>
  69.         <h2 class="n-h2">A broad suite for <em class="n-em">general business operations.</em></h2>
  70.         <p class="n-body n-mt-6">
  71.             Odoo offers a wide, modular app ecosystem spanning accounting, CRM, sales, inventory, manufacturing and
  72.             websites. For general-purpose companies that want a flexible, all-round ERP with a large community and many
  73.             integrations, it is a strong and well-established choice. Its breadth and configurability are genuine strengths.
  74.         </p>
  75.     </div>
  76. </section>
  77. {# ══ 3. WHERE HONEYBEE IS DIFFERENT ══ #}
  78. <section class="n-sec">
  79.     <div class="n-wrap">
  80.         <div class="n-center">
  81.             <span class="n-label">Where HoneyBee is different</span>
  82.             <h2 class="n-h2">Built around <em class="n-em">project execution</em> and energy infrastructure.</h2>
  83.         </div>
  84.         <div class="cmp-table-wrap">
  85.             <table class="cmp-table">
  86.                 <thead>
  87.                     <tr><th>Capability</th><th>Odoo</th><th>HoneyBee</th></tr>
  88.                 </thead>
  89.                 <tbody>
  90.                     <tr><td>Project execution &amp; EPC depth</td><td class="cmp-col-them">General project module; EPC-specific execution is configured or customised.</td><td>Native lead-to-cash EPC thread: tender, planning, WBS, site progress, commissioning, retention.</td></tr>
  91.                     <tr><td>Quotation → BoQ → procurement</td><td class="cmp-col-them">Quotation and purchase exist as modules; BoQ linkage is custom.</td><td>Structured BoQ ties directly to costing, project-wise procurement and budget out of the box.</td></tr>
  92.                     <tr><td>Field operations &amp; O&amp;M</td><td class="cmp-col-them">Field service add-on; O&amp;M handover not project-native.</td><td>Field updates, site reports, GPS workforce and O&amp;M handover wired into the project.</td></tr>
  93.                     <tr><td>Energy-asset / EMS intelligence</td><td class="cmp-col-them">No native energy-asset or EMS layer.</td><td>HoneyCore Edge EMS connects meters, sensors and asset data to ERP, billing and reporting.</td></tr>
  94.                     <tr><td>Finance ↔ procurement ↔ project</td><td class="cmp-col-them">Connected through configuration across modules.</td><td>Cost, committed spend and margin roll up per project automatically.</td></tr>
  95.                     <tr><td>Governed AI</td><td class="cmp-col-them">AI features vary by edition and app.</td><td>Governed AI reporting over your own ERP data, with audit-aware actions.</td></tr>
  96.                     <tr><td>Deployment model</td><td class="cmp-col-them">Cloud or self-hosted, broad-market.</td><td>EUR pricing, EU data residency, tuned for energy/engineering/industrial firms.</td></tr>
  97.                 </tbody>
  98.             </table>
  99.         </div>
  100.     </div>
  101. </section>
  102. {# ══ 4. WHEN TO CHOOSE HONEYBEE ══ #}
  103. <section class="n-sec" style="padding-top:0">
  104.     <div class="n-wrap-sm">
  105.         <div class="cmp-choose">
  106.             <span class="n-label">When to choose HoneyBee</span>
  107.             <h2 class="n-h2">If your business <em class="n-em">runs on projects.</em></h2>
  108.             <ul>
  109.                 <li><i class="fa-solid fa-circle-check"></i> EPC, solar and energy-infrastructure contractors</li>
  110.                 <li><i class="fa-solid fa-circle-check"></i> Engineering and design-build firms</li>
  111.                 <li><i class="fa-solid fa-circle-check"></i> Industrial and plant project companies</li>
  112.                 <li><i class="fa-solid fa-circle-check"></i> O&amp;M and asset-monitoring operators</li>
  113.                 <li><i class="fa-solid fa-circle-check"></i> Companies billing by milestones and retention</li>
  114.                 <li><i class="fa-solid fa-circle-check"></i> Teams that need field-to-finance traceability</li>
  115.             </ul>
  116.         </div>
  117.     </div>
  118. </section>
  119. {# ══ 5. CTA BAND ══ #}
  120. <section class="cmp-cta">
  121.     <div class="n-wrap-sm">
  122.         <h2>See HoneyBee on <em>your project workflow.</em></h2>
  123.         <p class="n-body" style="max-width:54ch;margin:0 auto">
  124.             Book a demo or request a workflow audit. We map your current quotation, procurement, site and billing flow —
  125.             then show the project cockpit running on it.
  126.         </p>
  127.         <div class="cmp-cta-actions">
  128.             <a href="{{ url('honeybee_contact') }}" class="n-btn n-btn-primary">Book Demo <i class="fa-solid fa-arrow-right"></i></a>
  129.             <a href="{{ url('honeybee_contact') }}" class="n-btn n-btn-outline">Request Workflow Audit</a>
  130.         </div>
  131.     </div>
  132. </section>
  133. {% include '@HoneybeeWeb/footer/central_footer.html.twig' %}