{"id":8,"date":"2026-08-22T09:02:16","date_gmt":"2026-08-22T09:02:16","guid":{"rendered":"https:\/\/smartsupportdesk.com\/demo\/?page_id=8"},"modified":"2026-08-23T17:30:33","modified_gmt":"2026-08-23T17:30:33","slug":"home","status":"publish","type":"page","link":"https:\/\/smartsupportdesk.com\/demo\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb028ac e-flex e-con-boxed e-con e-parent\" data-id=\"eb028ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8d9722 elementor-widget elementor-widget-image\" data-id=\"a8d9722\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"394\" src=\"https:\/\/smartsupportdesk.com\/demo\/wp-content\/uploads\/2026\/08\/Customer-Suport-Smart-Support-Demo-768x394.webp\" class=\"attachment-medium_large size-medium_large wp-image-221\" alt=\"\" srcset=\"https:\/\/smartsupportdesk.com\/demo\/wp-content\/uploads\/2026\/08\/Customer-Suport-Smart-Support-Demo-768x394.webp 768w, https:\/\/smartsupportdesk.com\/demo\/wp-content\/uploads\/2026\/08\/Customer-Suport-Smart-Support-Demo-300x154.webp 300w, https:\/\/smartsupportdesk.com\/demo\/wp-content\/uploads\/2026\/08\/Customer-Suport-Smart-Support-Demo-1024x526.webp 1024w, https:\/\/smartsupportdesk.com\/demo\/wp-content\/uploads\/2026\/08\/Customer-Suport-Smart-Support-Demo-1536x789.webp 1536w, https:\/\/smartsupportdesk.com\/demo\/wp-content\/uploads\/2026\/08\/Customer-Suport-Smart-Support-Demo.webp 1920w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e555f09 e-flex e-con-boxed e-con e-parent\" data-id=\"e555f09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cd1264f e-con-full e-flex e-con e-child\" data-id=\"cd1264f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<h2 data-interaction-id=\"4164b87\" class=\"e-4164b87-c031f92 e-heading-base\">Fill in the fields to access the user you want to test.<\/h2>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-264c935 elementor-widget elementor-widget-text-editor\" data-id=\"264c935\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Explore and test Smart Support\u2019s core features and add-ons in a real-time demo environment. Seamlessly switch between <strong>Smart Supervisor, Smart Agent, and Smart User<\/strong> roles, activate or deactivate extensions, and experience each feature in action.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79c8e11 elementor-widget elementor-widget-shortcode\" data-id=\"79c8e11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <div class=\"dam-access-wrap \">\n                        <form class=\"dam-access-form\" method=\"post\" action=\"https:\/\/smartsupportdesk.com\/demo\/wp-admin\/admin-post.php\">\n                <input type=\"hidden\" name=\"action\" value=\"dam_request_access\">\n                <input type=\"hidden\" name=\"dam_context\" value=\"eyJmaXhlZF9wcm9maWxlIjoiIiwic2hvd19wcm9maWxlIjoxfQ\">\n                <input type=\"hidden\" name=\"dam_context_sig\" value=\"faa57f458a1fde0cdf954ab4d0f3546ee50605bdb695a1e2355df83056b377b6\">\n                <input type=\"hidden\" name=\"referrer\" value=\"https:\/\/smartsupportdesk.com\/demo\/\">\n                <input type=\"hidden\" name=\"utm_source\" value=\"\">\n                <input type=\"hidden\" name=\"utm_medium\" value=\"\">\n                <input type=\"hidden\" name=\"utm_campaign\" value=\"\">\n                <input type=\"hidden\" id=\"dam_nonce\" name=\"dam_nonce\" value=\"dc82ac3555\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/demo\/wp-json\/wp\/v2\/pages\/8\" \/>\n                <div class=\"dam-field\">\n                    <label for=\"dam-1name\">Name<\/label>\n                    <input id=\"dam-1name\" type=\"text\" name=\"name\" required autocomplete=\"name\" maxlength=\"190\">\n                <\/div>\n                <div class=\"dam-field\">\n                    <label for=\"dam-1email\">Email<\/label>\n                    <input id=\"dam-1email\" type=\"email\" name=\"email\" required autocomplete=\"email\" maxlength=\"190\">\n                <\/div>\n                <div class=\"dam-field\">\n                    <label for=\"dam-1company\">Company<\/label>\n                    <input id=\"dam-1company\" type=\"text\" name=\"company\"  autocomplete=\"organization\" maxlength=\"190\">\n                <\/div>\n                <div class=\"dam-field\">\n                    <label for=\"dam-1phone\">Phone<\/label>\n                    <input id=\"dam-1phone\" type=\"tel\" name=\"phone\"  autocomplete=\"tel\" maxlength=\"100\">\n                <\/div>\n\n                                    <div class=\"dam-field\">\n                        <label for=\"dam-1profile\">Demo<\/label>\n                        <select id=\"dam-1profile\" name=\"requested_profile\" required>\n                            <option value=\"\">Select a demo<\/option>\n                                                            <option value=\"support-manager\">Support Manager<\/option>\n                                                            <option value=\"support-agent\">Support Agent<\/option>\n                                                    <\/select>\n                    <\/div>\n                \n                <div class=\"dam-field dam-consent\">\n                    <label><input type=\"checkbox\" name=\"privacy_consent\" value=\"1\" required> I agree that my details may be stored to provide demo access.<\/label>\n                <\/div>\n\n                <div class=\"dam-hp\" aria-hidden=\"true\">\n                    <label>Website <input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\"><\/label>\n                <\/div>\n\n                <button type=\"submit\" class=\"dam-submit\" data-dam-loading-text=\"Turning the lights on...\">Access Demo<\/button>\n            <\/form>\n        <\/div>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ca006a elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"5ca006a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<h1 data-interaction-id=\"d0a64f3\" class=\"e-d0a64f3-4722516 e-heading-base\">Test Credentials<\/h1>\n\t\t\t\t\t<p class=\"e-45dbf98-db35faf e-paragraph-base\" data-interaction-id=\"45dbf98\">Explore and test Smart Support\u2019s core features and add-ons in a real-time demo environment.<\/p>\n\t\t<div class=\"elementor-element elementor-element-e969a8d e-con e-atomic-element e-grid-base e-e969a8d-ca9d18c \" data-id=\"e969a8d\" data-element_type=\"e-grid\" data-e-type=\"e-grid\" data-interaction-id=\"e969a8d\">\n    \t\t<div class=\"elementor-element elementor-element-f7634b0 elementor-widget elementor-widget-html\" data-id=\"f7634b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n  <title>Admin \/ Supervisor Login<\/title>\r\n\r\n  <style>\r\n    .login-details {\r\n      max-width: 520px;\r\n      padding: 24px;\r\n      border: 1px solid #ddd;\r\n      border-radius: 10px;\r\n      font-family: Arial, sans-serif;\r\n    }\r\n\r\n    .login-details h3 {\r\n      margin-top: 0;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .credential-row {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .credential-label {\r\n      font-weight: bold;\r\n      min-width: 50px;\r\n    }\r\n\r\n    .credential-value {\r\n      flex: 1;\r\n      padding: 10px 12px;\r\n      background: #f5f5f5;\r\n      border-radius: 6px;\r\n      word-break: break-all;\r\n    }\r\n\r\n    .copy-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 38px;\r\n      height: 38px;\r\n      padding: 0;\r\n      border: 1px solid #ccc;\r\n      border-radius: 6px;\r\n      background: #fff;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .copy-btn:hover {\r\n      background: #f0f0f0;\r\n    }\r\n\r\n    .copy-btn svg {\r\n      width: 18px;\r\n      height: 18px;\r\n    }\r\n\r\n    .login-link {\r\n      display: inline-block;\r\n      margin-top: 12px;\r\n      padding: 10px 18px;\r\n      background: #2271b1;\r\n      color: #fff;\r\n      text-decoration: none;\r\n      border-radius: 6px;\r\n    }\r\n\r\n    .login-link:hover {\r\n      background: #135e96;\r\n    }\r\n\r\n    .copy-message {\r\n      margin-top: 10px;\r\n      min-height: 20px;\r\n      font-size: 14px;\r\n      color: #008000;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n  <div class=\"login-details\">\r\n\r\n    <h3>Admin \/ Supervisor<\/h3>\r\n\r\n    <!-- Username -->\r\n    <div class=\"credential-row\">\r\n      <span class=\"credential-label\">User:<\/span>\r\n\r\n      <span class=\"credential-value\" id=\"admin-username\">\r\n        smartadmindemo1\r\n      <\/span>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"copy-btn\"\r\n        onclick=\"copyCredential('admin-username', 'Username copied!')\"\r\n        aria-label=\"Copy username\"\r\n        title=\"Copy username\"\r\n      >\r\n        <svg\r\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          fill=\"none\"\r\n          viewBox=\"0 0 24 24\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2\"\r\n        >\r\n          <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"><\/rect>\r\n          <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path>\r\n        <\/svg>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <!-- Password -->\r\n    <div class=\"credential-row\">\r\n      <span class=\"credential-label\">Pass:<\/span>\r\n\r\n      <span class=\"credential-value\" id=\"admin-password\">SzsaKLJL@IxLTX3uIOG7%P&V<\/span>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"copy-btn\"\r\n        onclick=\"copyCredential('admin-password', 'Password copied!')\"\r\n        aria-label=\"Copy password\"\r\n        title=\"Copy password\"\r\n      >\r\n        <svg\r\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          fill=\"none\"\r\n          viewBox=\"0 0 24 24\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2\"\r\n        >\r\n          <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"><\/rect>\r\n          <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path>\r\n        <\/svg>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <div id=\"copy-message\" class=\"copy-message\" aria-live=\"polite\"><\/div>\r\n\r\n    <a\r\n      class=\"login-link\"\r\n      href=\"https:\/\/smartsupportdesk.com\/demo\/wp-admin\/\"\r\n      target=\"_blank\"\r\n      rel=\"noopener noreferrer\"\r\n    >\r\n      Go to Login\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    function copyCredential(elementId, message) {\r\n      const element = document.getElementById(elementId);\r\n      const text = element.textContent.trim();\r\n      const messageBox = document.getElementById('copy-message');\r\n\r\n      navigator.clipboard.writeText(text)\r\n        .then(() => {\r\n          messageBox.textContent = message;\r\n\r\n          setTimeout(() => {\r\n            messageBox.textContent = '';\r\n          }, 2000);\r\n        })\r\n        .catch(() => {\r\n          \/\/ Fallback for browsers where Clipboard API isn't available\r\n          const textarea = document.createElement('textarea');\r\n\r\n          textarea.value = text;\r\n          textarea.style.position = 'fixed';\r\n          textarea.style.opacity = '0';\r\n\r\n          document.body.appendChild(textarea);\r\n          textarea.select();\r\n\r\n          document.execCommand('copy');\r\n          document.body.removeChild(textarea);\r\n\r\n          messageBox.textContent = message;\r\n\r\n          setTimeout(() => {\r\n            messageBox.textContent = '';\r\n          }, 2000);\r\n        });\r\n    }\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4ee01e elementor-widget elementor-widget-html\" data-id=\"e4ee01e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n  <title>User Login<\/title>\r\n\r\n  <style>\r\n    .login-details {\r\n      max-width: 520px;\r\n      padding: 24px;\r\n      border: 1px solid #ddd;\r\n      border-radius: 10px;\r\n      font-family: Arial, sans-serif;\r\n    }\r\n\r\n    .login-details h3 {\r\n      margin-top: 0;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .credential-row {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .credential-label {\r\n      font-weight: bold;\r\n      min-width: 50px;\r\n    }\r\n\r\n    .credential-value {\r\n      flex: 1;\r\n      padding: 10px 12px;\r\n      background: #f5f5f5;\r\n      border-radius: 6px;\r\n      word-break: break-all;\r\n    }\r\n\r\n    .copy-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 38px;\r\n      height: 38px;\r\n      padding: 0;\r\n      border: 1px solid #ccc;\r\n      border-radius: 6px;\r\n      background: #fff;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .copy-btn:hover {\r\n      background: #f0f0f0;\r\n    }\r\n\r\n    .copy-btn svg {\r\n      width: 18px;\r\n      height: 18px;\r\n    }\r\n\r\n    .login-link {\r\n      display: inline-block;\r\n      margin-top: 12px;\r\n      padding: 10px 18px;\r\n      background: #2271b1;\r\n      color: #fff;\r\n      text-decoration: none;\r\n      border-radius: 6px;\r\n    }\r\n\r\n    .login-link:hover {\r\n      background: #135e96;\r\n    }\r\n\r\n    .copy-message {\r\n      margin-top: 10px;\r\n      min-height: 20px;\r\n      font-size: 14px;\r\n      color: #008000;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n  <div class=\"login-details\">\r\n\r\n    <h3>User Login<\/h3>\r\n\r\n    <!-- Username -->\r\n    <div class=\"credential-row\">\r\n      <span class=\"credential-label\">User:<\/span>\r\n\r\n      <span class=\"credential-value\" id=\"user-username\">\r\n        smartuser1\r\n      <\/span>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"copy-btn\"\r\n        onclick=\"copyCredential('user-username', 'Username copied!')\"\r\n        aria-label=\"Copy username\"\r\n        title=\"Copy username\"\r\n      >\r\n        <svg\r\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          fill=\"none\"\r\n          viewBox=\"0 0 24 24\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2\"\r\n        >\r\n          <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"><\/rect>\r\n          <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path>\r\n        <\/svg>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <!-- Password -->\r\n    <div class=\"credential-row\">\r\n      <span class=\"credential-label\">Pass:<\/span>\r\n\r\n      <span class=\"credential-value\" id=\"user-password\">ykj#Di(&amp;HXQr%!Ke2ZMV%Gm&amp;<\/span>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"copy-btn\"\r\n        onclick=\"copyCredential('user-password', 'Password copied!')\"\r\n        aria-label=\"Copy password\"\r\n        title=\"Copy password\"\r\n      >\r\n        <svg\r\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          fill=\"none\"\r\n          viewBox=\"0 0 24 24\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2\"\r\n        >\r\n          <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"><\/rect>\r\n          <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path>\r\n        <\/svg>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <div id=\"copy-message\" class=\"copy-message\" aria-live=\"polite\"><\/div>\r\n\r\n    <a\r\n      class=\"login-link\"\r\n      href=\"https:\/\/smartsupportdesk.com\/demo\/support-center\/\"\r\n      target=\"_blank\"\r\n      rel=\"noopener noreferrer\"\r\n    >\r\n      Go to User Dashboard\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    function copyCredential(elementId, message) {\r\n      const element = document.getElementById(elementId);\r\n      const text = element.textContent.trim();\r\n      const messageBox = document.getElementById('copy-message');\r\n\r\n      navigator.clipboard.writeText(text)\r\n        .then(() => {\r\n          messageBox.textContent = message;\r\n\r\n          setTimeout(() => {\r\n            messageBox.textContent = '';\r\n          }, 2000);\r\n        })\r\n        .catch(() => {\r\n          const textarea = document.createElement('textarea');\r\n\r\n          textarea.value = text;\r\n          textarea.style.position = 'fixed';\r\n          textarea.style.opacity = '0';\r\n\r\n          document.body.appendChild(textarea);\r\n          textarea.select();\r\n\r\n          document.execCommand('copy');\r\n          document.body.removeChild(textarea);\r\n\r\n          messageBox.textContent = message;\r\n\r\n          setTimeout(() => {\r\n            messageBox.textContent = '';\r\n          }, 2000);\r\n        });\r\n    }\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4215371 e-con e-atomic-element e-div-block-base e-4215371-be3841e \" data-id=\"4215371\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"4215371\">\n    \t\t<div class=\"elementor-element elementor-element-5fabc66 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"5fabc66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"smart-migration-section\">\r\n  <div class=\"smart-migration-card\">\r\n\r\n    <span class=\"smart-migration-badge\">Easy Migration<\/span>\r\n\r\n    <h2>Already using another Helpdesk?<\/h2>\r\n\r\n    <p class=\"smart-migration-subtitle\">\r\n      Migrate to Smart Support without starting over.\r\n    <\/p>\r\n\r\n    <p class=\"smart-migration-text\">\r\n      Switching helpdesk systems shouldn\u2019t mean losing your support history.\r\n      Move your existing tickets, customers, conversations, and related data\r\n      into WordPress with ease.\r\n    <\/p>\r\n\r\n    <p class=\"smart-migration-platforms\">\r\n      Import from\r\n      <strong>Fluent Support<\/strong>,\r\n      <strong>SupportCandy<\/strong>,\r\n      <strong>Zendesk<\/strong>,\r\n      <strong>Awesome Support<\/strong>,\r\n      <strong>Heroic Inbox<\/strong>,\r\n      and <strong>KB Support<\/strong>.\r\n    <\/p>\r\n\r\n    <div class=\"smart-migration-cta\">\r\n      <a href=\"https:\/\/smartsupportdesk.com\/support\/\" class=\"smart-migration-btn\">\r\n        Migrate to Smart Support\r\n        <span aria-hidden=\"true\">\u2192<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .smart-migration-section,\r\n  .smart-migration-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .smart-migration-section {\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    background: transparent;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n  }\r\n\r\n  .smart-migration-card {\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 55px 45px;\r\n\r\n    background: #ffffff;\r\n    border: 1px solid #e9ebef;\r\n    border-radius: 22px;\r\n\r\n    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.06);\r\n\r\n    text-align: center;\r\n  }\r\n\r\n  .smart-migration-badge {\r\n    display: inline-block;\r\n\r\n    margin-bottom: 18px;\r\n    padding: 7px 14px;\r\n\r\n    background: #f1f0ff;\r\n    color: #635bff;\r\n\r\n    border-radius: 100px;\r\n\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.04em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .smart-migration-card h2 {\r\n    margin: 0;\r\n\r\n    color: #171a21;\r\n\r\n    font-size: clamp(30px, 4vw, 42px);\r\n    line-height: 1.15;\r\n    font-weight: 750;\r\n    letter-spacing: -0.03em;\r\n  }\r\n\r\n  .smart-migration-subtitle {\r\n    margin: 15px auto 0;\r\n\r\n    color: #635bff;\r\n\r\n    font-size: 19px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .smart-migration-text {\r\n    max-width: 800px;\r\n    margin: 24px auto 0;\r\n\r\n    color: #667085;\r\n\r\n    font-size: 17px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .smart-migration-platforms {\r\n    max-width: 850px;\r\n    margin: 15px auto 0;\r\n\r\n    color: #667085;\r\n\r\n    font-size: 16px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .smart-migration-platforms strong {\r\n    color: #344054;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .smart-migration-cta {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    width: 100%;\r\n    margin-top: 32px;\r\n  }\r\n\r\n  .smart-migration-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n\r\n    padding: 15px 27px;\r\n\r\n    background: #171a21;\r\n    color: #ffffff !important;\r\n\r\n    border-radius: 12px;\r\n\r\n    font-size: 16px;\r\n    font-weight: 650;\r\n    line-height: 1;\r\n\r\n    text-decoration: none !important;\r\n\r\n    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.14);\r\n\r\n    transition:\r\n      transform 0.2s ease,\r\n      box-shadow 0.2s ease,\r\n      background 0.2s ease;\r\n  }\r\n\r\n  .smart-migration-btn span {\r\n    font-size: 20px;\r\n    line-height: 1;\r\n    transition: transform 0.2s ease;\r\n  }\r\n\r\n  .smart-migration-btn:hover {\r\n    background: #635bff;\r\n    color: #ffffff !important;\r\n\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow: 0 12px 28px rgba(99, 91, 255, 0.24);\r\n  }\r\n\r\n  .smart-migration-btn:hover span {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  .smart-migration-btn:focus-visible {\r\n    outline: 3px solid rgba(99, 91, 255, 0.3);\r\n    outline-offset: 4px;\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n\r\n    .smart-migration-card {\r\n      padding: 38px 20px;\r\n      border-radius: 18px;\r\n    }\r\n\r\n    .smart-migration-card h2 {\r\n      font-size: 29px;\r\n    }\r\n\r\n    .smart-migration-subtitle {\r\n      font-size: 17px;\r\n    }\r\n\r\n    .smart-migration-text,\r\n    .smart-migration-platforms {\r\n      font-size: 15px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .smart-migration-cta {\r\n      margin-top: 26px;\r\n    }\r\n\r\n    .smart-migration-btn {\r\n      width: 100%;\r\n      max-width: 320px;\r\n\r\n      padding: 15px 20px;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-94ce78b e-con e-atomic-element e-flexbox-base e-cf65f35 \" data-id=\"94ce78b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"94ce78b\">\n    \t\t<div class=\"elementor-element elementor-element-71c61b2 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"71c61b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"smart-demo\">\r\n  <div class=\"smart-demo-card\">\r\n\r\n    <span class=\"smart-demo-badge\">Go to Smart Support<\/span>\r\n\r\n    <h2>Smart Support \u2018Demo\u2019<\/h2>\r\n\r\n    <p class=\"smart-demo-text\">\r\n      Explore Smart Support to discover its features, knowledge base, add-ons, and everything else you need to know about the Smart Support WordPress Helpdesk Plugin.\r\n    <\/p>\r\n\r\n    <div class=\"smart-demo-actions\">\r\n\r\n      <a\r\n        href=\"https:\/\/smartsupportdesk.com\/\"\r\n        class=\"smart-demo-btn smart-demo-btn-primary\"\r\n      >\r\n        <span>\u2190<\/span>\r\n        Go back to Main Website\r\n      <\/a>\r\n\r\n      <a\r\n        href=\"#\"\r\n        class=\"smart-demo-btn smart-demo-btn-secondary\"\r\n      >\r\n        Documentation\r\n        <span>\u2192<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .smart-demo,\r\n  .smart-demo * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .smart-demo {\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    background: transparent;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n  }\r\n\r\n  .smart-demo-card {\r\n    width: 100%;\r\n    padding: 48px 35px;\r\n\r\n    background: #ffffff;\r\n    border: 1px solid #e9ebef;\r\n    border-radius: 22px;\r\n\r\n    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.06);\r\n\r\n    text-align: center;\r\n  }\r\n\r\n  .smart-demo-badge {\r\n    display: inline-block;\r\n\r\n    margin-bottom: 16px;\r\n    padding: 7px 14px;\r\n\r\n    background: #f1f0ff;\r\n    color: #635bff;\r\n\r\n    border-radius: 100px;\r\n\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.04em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .smart-demo h2 {\r\n    margin: 0;\r\n\r\n    color: #171a21;\r\n\r\n    font-size: clamp(30px, 4vw, 42px);\r\n    line-height: 1.15;\r\n    font-weight: 750;\r\n    letter-spacing: -0.03em;\r\n  }\r\n\r\n  .smart-demo-text {\r\n    max-width: 700px;\r\n    margin: 17px auto 0;\r\n\r\n    color: #667085;\r\n\r\n    font-size: 17px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .smart-demo-actions {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n\r\n    gap: 12px;\r\n\r\n    margin-top: 30px;\r\n  }\r\n\r\n  .smart-demo-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 9px;\r\n\r\n    min-height: 50px;\r\n    padding: 14px 23px;\r\n\r\n    border-radius: 12px;\r\n\r\n    font-size: 15px;\r\n    font-weight: 650;\r\n    line-height: 1;\r\n\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n      transform 0.2s ease,\r\n      background 0.2s ease,\r\n      color 0.2s ease,\r\n      border-color 0.2s ease,\r\n      box-shadow 0.2s ease;\r\n  }\r\n\r\n  .smart-demo-btn span {\r\n    font-size: 18px;\r\n    line-height: 1;\r\n    transition: transform 0.2s ease;\r\n  }\r\n\r\n  \/* Main Website *\/\r\n  .smart-demo-btn-primary {\r\n    background: #171a21;\r\n    color: #ffffff !important;\r\n    border: 1px solid #171a21;\r\n\r\n    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.14);\r\n  }\r\n\r\n  .smart-demo-btn-primary:hover {\r\n    background: #635bff;\r\n    border-color: #635bff;\r\n    color: #ffffff !important;\r\n\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow: 0 12px 28px rgba(99, 91, 255, 0.22);\r\n  }\r\n\r\n  .smart-demo-btn-primary:hover span {\r\n    transform: translateX(-3px);\r\n  }\r\n\r\n  \/* Documentation *\/\r\n  .smart-demo-btn-secondary {\r\n    background: #ffffff;\r\n    color: #171a21 !important;\r\n\r\n    border: 1px solid #d7dae0;\r\n  }\r\n\r\n  .smart-demo-btn-secondary:hover {\r\n    background: #f6f5ff;\r\n    color: #635bff !important;\r\n    border-color: #c9c5ff;\r\n\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .smart-demo-btn-secondary:hover span {\r\n    transform: translateX(3px);\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n\r\n    .smart-demo-card {\r\n      padding: 38px 20px;\r\n      border-radius: 18px;\r\n    }\r\n\r\n    .smart-demo h2 {\r\n      font-size: 29px;\r\n    }\r\n\r\n    .smart-demo-text {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .smart-demo-actions {\r\n      flex-direction: column;\r\n      margin-top: 25px;\r\n    }\r\n\r\n    .smart-demo-btn {\r\n      width: 100%;\r\n      max-width: 320px;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Fill in the fields to access the user you want to test. Explore and test Smart Support\u2019s core features and add-ons in a real-time demo environment. Seamlessly switch between Smart Supervisor, Smart Agent, and Smart User roles, activate or deactivate extensions, and experience each feature in action. Test Credentials Explore and test Smart Support\u2019s core [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smartsupportdesk.com\/demo\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartsupportdesk.com\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartsupportdesk.com\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartsupportdesk.com\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartsupportdesk.com\/demo\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":39,"href":"https:\/\/smartsupportdesk.com\/demo\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":231,"href":"https:\/\/smartsupportdesk.com\/demo\/wp-json\/wp\/v2\/pages\/8\/revisions\/231"}],"wp:attachment":[{"href":"https:\/\/smartsupportdesk.com\/demo\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}