{"id":17478,"date":"2026-05-15T15:37:13","date_gmt":"2026-05-15T15:37:13","guid":{"rendered":"https:\/\/evaluationshub.com\/?page_id=17478"},"modified":"2026-08-03T14:07:58","modified_gmt":"2026-08-03T14:07:58","slug":"demo","status":"publish","type":"page","link":"https:\/\/evaluationshub.com\/demo\/","title":{"rendered":"Demo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17478\" class=\"elementor elementor-17478\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8590c99 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8590c99\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8d3d013\" data-id=\"8d3d013\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c654515 elementor-widget elementor-widget-html\" data-id=\"c654515\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Noto+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n  \/* All styles scoped to #eh-demo \u2014 does not affect theme nav or any other element *\/\n  #eh-demo *, #eh-demo *::before, #eh-demo *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  #eh-demo {\n    font-family: 'Noto Sans', sans-serif;\n    background: #f7f8fc;\n    color: #1a2340;\n    -webkit-font-smoothing: antialiased;\n    padding: 64px 40px 80px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  \/* \u2500\u2500\u2500 TOP: 2-COL COPY \u2500\u2500\u2500 *\/\n  #eh-demo .top-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 64px;\n    align-items: start;\n    margin-bottom: 52px;\n  }\n\n  #eh-demo .eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n    color: #2563eb;\n    margin-bottom: 20px;\n  }\n\n  #eh-demo .eyebrow-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: #2563eb;\n    animation: ehdPulse 2.2s ease-in-out infinite;\n  }\n\n  @keyframes ehdPulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50%       { opacity: 0.4; transform: scale(0.65); }\n  }\n\n  #eh-demo h1 {\n    font-family: 'Fraunces', Georgia, serif;\n    font-size: clamp(2rem, 3.2vw, 2.8rem);\n    font-weight: 300;\n    line-height: 1.18;\n    letter-spacing: -0.025em;\n    color: #0f1729;\n    margin-bottom: 20px;\n  }\n\n  #eh-demo h1 em {\n    font-style: italic;\n    color: #2563eb;\n  }\n\n  #eh-demo .sub {\n    font-size: 1rem;\n    font-weight: 300;\n    line-height: 1.78;\n    color: #6b7a9d;\n    margin-bottom: 36px;\n  }\n\n  \/* \u2500\u2500\u2500 TRUST PILLS \u2500\u2500\u2500 *\/\n  #eh-demo .trust-pills {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 7px;\n  }\n\n  #eh-demo .pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 5px 11px;\n    background: #ffffff;\n    border: 1px solid #e2e6f0;\n    border-radius: 999px;\n    font-size: 0.7rem;\n    font-weight: 500;\n    color: #6b7a9d;\n    white-space: nowrap;\n  }\n\n  #eh-demo .pill svg {\n    width: 11px;\n    height: 11px;\n    color: #2563eb;\n    flex-shrink: 0;\n  }\n\n  \/* \u2500\u2500\u2500 CHECKLIST \u2500\u2500\u2500 *\/\n  #eh-demo .gets-label {\n    font-size: 0.67rem;\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: #6b7a9d;\n    margin-bottom: 18px;\n  }\n\n  #eh-demo .gets-list {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin-bottom: 40px;\n  }\n\n  #eh-demo .gets-list li {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    font-size: 0.9rem;\n    font-weight: 400;\n    line-height: 1.6;\n    color: #1a2340;\n  }\n\n  #eh-demo .check {\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: #eef3fe;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 2px;\n  }\n\n  #eh-demo .check svg {\n    width: 10px;\n    height: 10px;\n    color: #2563eb;\n  }\n\n  \/* \u2500\u2500\u2500 CHAMPION TEASER \u2500\u2500\u2500 *\/\n  #eh-demo .champion-teaser {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 16px 18px;\n    background: #eef3fe;\n    border: 1px solid #c7d8fc;\n    border-radius: 12px;\n    text-decoration: none;\n    transition: background 0.18s, border-color 0.18s;\n  }\n\n  #eh-demo .champion-teaser:hover {\n    background: #dce8fd;\n    border-color: #a5c0fb;\n  }\n\n  #eh-demo .champion-icon {\n    width: 36px;\n    height: 36px;\n    border-radius: 8px;\n    background: #2563eb;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n\n  #eh-demo .champion-icon svg {\n    width: 16px;\n    height: 16px;\n    color: #fff;\n  }\n\n  #eh-demo .champion-text { flex: 1; }\n\n  #eh-demo .champion-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: #0f1729;\n    margin-bottom: 2px;\n  }\n\n  #eh-demo .champion-sub {\n    font-size: 0.73rem;\n    font-weight: 400;\n    color: #6b7a9d;\n    line-height: 1.45;\n  }\n\n  #eh-demo .champion-arrow {\n    font-size: 1rem;\n    color: #2563eb;\n    flex-shrink: 0;\n  }\n\n  \/* \u2500\u2500\u2500 DIVIDER \u2500\u2500\u2500 *\/\n  #eh-demo .section-divider {\n    width: 100%;\n    height: 1px;\n    background: #e2e6f0;\n    margin-bottom: 44px;\n  }\n\n  \/* \u2500\u2500\u2500 BOOKING \u2500\u2500\u2500 *\/\n  #eh-demo .booking-label {\n    font-size: 0.67rem;\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: #6b7a9d;\n    text-align: center;\n    margin-bottom: 20px;\n  }\n\n  #eh-demo .booking-card {\n    background: #ffffff;\n    border: 1px solid #e2e6f0;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 4px 28px rgba(15,23,41,0.07), 0 1px 4px rgba(15,23,41,0.04);\n  }\n\n  #eh-demo .booking-header {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 22px 28px;\n    border-bottom: 1px solid #e2e6f0;\n  }\n\n  #eh-demo .booking-icon {\n    width: 40px;\n    height: 40px;\n    border-radius: 10px;\n    background: #eef3fe;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n\n  #eh-demo .booking-icon svg {\n    width: 20px;\n    height: 20px;\n    color: #2563eb;\n  }\n\n  #eh-demo .booking-title {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #0f1729;\n  }\n\n  #eh-demo .booking-meta {\n    font-size: 0.78rem;\n    font-weight: 400;\n    color: #6b7a9d;\n    margin-top: 2px;\n  }\n\n  #eh-demo .booking-body { padding: 6px; }\n\n  #eh-demo #embed { width: 100%; }\n\n  #eh-demo #embed iframe {\n    display: block;\n    width: 100%;\n    border: none;\n    border-radius: 10px;\n  }\n\n  \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n  @keyframes ehdFadeUp {\n    from { opacity: 0; transform: translateY(16px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  #eh-demo .eyebrow         { animation: ehdFadeUp 0.45s 0.00s ease both; }\n  #eh-demo h1               { animation: ehdFadeUp 0.5s  0.07s ease both; }\n  #eh-demo .sub             { animation: ehdFadeUp 0.5s  0.13s ease both; }\n  #eh-demo .trust-pills     { animation: ehdFadeUp 0.5s  0.19s ease both; }\n  #eh-demo .gets-label      { animation: ehdFadeUp 0.5s  0.09s ease both; }\n  #eh-demo .gets-list       { animation: ehdFadeUp 0.5s  0.15s ease both; }\n  #eh-demo .champion-teaser { animation: ehdFadeUp 0.5s  0.22s ease both; }\n  #eh-demo .section-divider { animation: ehdFadeUp 0.5s  0.28s ease both; }\n  #eh-demo .booking-label   { animation: ehdFadeUp 0.5s  0.30s ease both; }\n  #eh-demo .booking-card    { animation: ehdFadeUp 0.5s  0.34s ease both; }\n\n  \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n  @media (max-width: 860px) {\n    #eh-demo { padding: 40px 20px 64px; }\n    #eh-demo .top-grid { grid-template-columns: 1fr; gap: 40px; margin-bottom: 40px; }\n  }\n<\/style>\n\n<div id=\"eh-demo\">\n\n  <!-- \u2500\u2500 TOP: CONVERSION COPY \u2500\u2500 -->\n  <div class=\"top-grid\">\n\n    <!-- LEFT -->\n    <div>\n      <div class=\"eyebrow\">\n        <span class=\"eyebrow-dot\"><\/span>\n        30-Minute Demo\n      <\/div>\n\n      <h1>See exactly what your<br>supplier program <em>could<\/em> look like.<\/h1>\n\n      <p class=\"sub\">\n        Not a generic walkthrough. A focused session built around your supplier base, your current process, and where things are breaking down.\n      <\/p>\n\n      <div class=\"trust-pills\">\n        <span class=\"pill\">\n          <svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 1l1.09 2.97H10L7.73 5.7l.83 2.8L6 7.1l-2.56 1.4.83-2.8L2 3.97h2.91L6 1z\" fill=\"currentColor\"\/><\/svg>\n          4.9 \/ 5 on G2\n        <\/span>\n        <span class=\"pill\">\n          <svg viewBox=\"0 0 12 12\" fill=\"none\"><circle cx=\"6\" cy=\"6\" r=\"5\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><path d=\"M4 6l1.5 1.5 2.5-3\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          ISO 27001 Certified\n        <\/span>\n        <span class=\"pill\">\n          <svg viewBox=\"0 0 12 12\" fill=\"none\"><rect x=\"1\" y=\"2\" width=\"10\" height=\"8\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><path d=\"M4 6h4\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\n          Official SAP Partner\n        <\/span>\n        <span class=\"pill\">\n          <svg viewBox=\"0 0 12 12\" fill=\"none\"><circle cx=\"6\" cy=\"6\" r=\"5\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><path d=\"M6 3.5v2.5l1.5 1\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\n          350+ procurement teams\n        <\/span>\n        <span class=\"pill\">\n          <svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 1.5C3.5 1.5 1.5 3.5 1.5 6S3.5 10.5 6 10.5 10.5 8.5 10.5 6 8.5 1.5 6 1.5z\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><path d=\"M4 6c0-1.1.9-2 2-2\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\n          GDPR \u00b7 Data in Europe\n        <\/span>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT -->\n    <div>\n      <p class=\"gets-label\">What you'll walk away with<\/p>\n      <ul class=\"gets-list\">\n        <li>\n          <span class=\"check\">\n            <svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5l2.5 2.5 4.5-4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/span>\n          A live view of scorecards, supplier portals, and CAPA workflows \u2014 configured to your use case, not a generic demo environment\n        <\/li>\n        <li>\n          <span class=\"check\">\n            <svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5l2.5 2.5 4.5-4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/span>\n          A clear picture of how EvaluationsHub fits into your stack \u2014 SAP, Salesforce, or standalone\n        <\/li>\n        <li>\n          <span class=\"check\">\n            <svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5l2.5 2.5 4.5-4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/span>\n          An honest answer on timeline, effort, and cost \u2014 so you can make the case internally with confidence\n        <\/li>\n        <li>\n          <span class=\"check\">\n            <svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5l2.5 2.5 4.5-4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/span>\n          A concrete next step \u2014 no vague follow-ups, no ghosting\n        <\/li>\n      <\/ul>\n\n      <a href=\"\/Briefing-Pack\" class=\"champion-teaser\">\n        <div class=\"champion-icon\">\n          <svg viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M2 4h12M2 7h7M2 10h9M2 13h5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><circle cx=\"12.5\" cy=\"11\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><path d=\"M11.5 11l.8.8 1.4-1.4\" stroke=\"currentColor\" stroke-width=\"1.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/div>\n        <div class=\"champion-text\">\n          <div class=\"champion-title\">Need to build the internal case first?<\/div>\n          <div class=\"champion-sub\">Download the internal briefing pack \u2014 resources for IT, Finance, and leadership sign-off.<\/div>\n        <\/div>\n        <span class=\"champion-arrow\">\u2192<\/span>\n      <\/a>\n    <\/div>\n\n  <\/div><!-- \/top-grid -->\n\n  <div class=\"section-divider\"><\/div>\n\n  <p class=\"booking-label\">Choose a time that works for you<\/p>\n\n  <div class=\"booking-card\">\n    <div class=\"booking-header\">\n      <div class=\"booking-icon\">\n        <svg viewBox=\"0 0 20 20\" fill=\"none\">\n          <rect x=\"2\" y=\"3\" width=\"16\" height=\"15\" rx=\"2.5\" stroke=\"currentColor\" stroke-width=\"1.4\"\/>\n          <path d=\"M2 8h16\" stroke=\"currentColor\" stroke-width=\"1.4\"\/>\n          <path d=\"M6 1v4M14 1v4\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/>\n          <circle cx=\"7\" cy=\"13\" r=\"1\" fill=\"currentColor\"\/>\n          <circle cx=\"10\" cy=\"13\" r=\"1\" fill=\"currentColor\"\/>\n          <circle cx=\"13\" cy=\"13\" r=\"1\" fill=\"currentColor\"\/>\n        <\/svg>\n      <\/div>\n      <div>\n        <div class=\"booking-title\">Book your 30-minute demo<\/div>\n        <div class=\"booking-meta\">Pick a slot \u2014 we'll confirm within the hour<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"booking-body\">\n      <div id=\"embed\"><\/div>\n    <\/div>\n  <\/div>\n\n<\/div><!-- \/eh-demo -->\n\n<script>\n  var url = 'https:\/\/crm.zoho.eu\/bookings\/20minutesmeeting?rid=5ae35f73b6fe7191fab3975a9d3ddaa2097f193314c28984315f8d4c27d3bb74b45c03eeca2236d2551aa9eb397348eegidd3b4e135e332dc517e66be06d195877bb8d06805114e4e9fafaef9733bdf667d&option=embed';\n  var isMobile = window.innerWidth <= 768;\n  var JSElement = document.createElement('iframe');\n  JSElement.src = url;\n  JSElement.style.width = '100%';\n  JSElement.style.height = isMobile ? '500px' : '640px';\n  JSElement.style.border = 'none';\n  JSElement.style.borderRadius = '10px';\n  JSElement.style.display = 'block';\n  JSElement.setAttribute('frameborder', '0');\n  document.getElementById('embed').appendChild(JSElement);\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>30-Minute Demo See exactly what yoursupplier program could look like. Not a generic walkthrough. A focused session built around your supplier base, your current process, and where things are breaking down. 4.9 \/ 5 on G2 ISO 27001 Certified Official SAP Partner 350+ procurement teams GDPR \u00b7 Data in Europe What you&#8217;ll walk away with [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","footnotes":""},"class_list":["post-17478","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/evaluationshub.com\/api-v1\/wp\/v2\/pages\/17478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/evaluationshub.com\/api-v1\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/evaluationshub.com\/api-v1\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/evaluationshub.com\/api-v1\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/evaluationshub.com\/api-v1\/wp\/v2\/comments?post=17478"}],"version-history":[{"count":0,"href":"https:\/\/evaluationshub.com\/api-v1\/wp\/v2\/pages\/17478\/revisions"}],"wp:attachment":[{"href":"https:\/\/evaluationshub.com\/api-v1\/wp\/v2\/media?parent=17478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}