{"id":5648,"date":"2026-09-21T20:36:56","date_gmt":"2026-09-21T19:36:56","guid":{"rendered":"https:\/\/learning.spacebyte.com\/?page_id=5648"},"modified":"2026-09-21T20:56:11","modified_gmt":"2026-09-21T19:56:11","slug":"demo","status":"publish","type":"page","link":"https:\/\/learning.spacebyte.com\/ar\/demo\/","title":{"rendered":"demo"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5648\" class=\"elementor elementor-5648\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c9f32ea elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c9f32ea\" 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-1c9187b\" data-id=\"1c9187b\" 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-6b1e0dd elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6b1e0dd\" 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<style>\r\n\/* =========================================\r\n   Spacebyte Frontline\r\n   ========================================= *\/\r\n\r\n.spacebyte-frontline {\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.spacebyte-frontline *,\r\n.spacebyte-frontline *::before,\r\n.spacebyte-frontline *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Content width *\/\r\n.spacebyte-frontline-content {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding-left: 30px;\r\n    padding-right: 30px;\r\n}\r\n\r\n\/* Intro section *\/\r\n.spacebyte-frontline-intro {\r\n    width: 100%;\r\n    padding: 60px 0 80px;\r\n}\r\n\r\n.spacebyte-frontline-intro h1 {\r\n    margin: 0 0 20px;\r\n    font-size: 52px;\r\n    line-height: 1.1;\r\n    font-weight: 700;\r\n}\r\n\r\n.spacebyte-frontline-preamble {\r\n    margin: 0 0 45px;\r\n    max-width: 850px;\r\n    font-size: 22px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* Vimeo video *\/\r\n.spacebyte-frontline-video {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding-bottom: 59.49%;\r\n    height: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.spacebyte-frontline-video iframe {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 0;\r\n}\r\n\r\n\/* CTA section *\/\r\n.spacebyte-frontline-cta {\r\n    width: 100%;\r\n    padding: 80px 0;\r\n    text-align: center;\r\n}\r\n\r\n.spacebyte-frontline-cta .spacebyte-frontline-content {\r\n    max-width: 900px;\r\n}\r\n\r\n.spacebyte-frontline-cta h2 {\r\n    margin: 0 0 20px;\r\n    font-size: 42px;\r\n    line-height: 1.2;\r\n    font-weight: 700;\r\n}\r\n\r\n.spacebyte-frontline-cta p {\r\n    margin: 0 auto 35px;\r\n    font-size: 20px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* Button *\/\r\n.spacebyte-frontline-button {\r\n    display: inline-block;\r\n    padding: 14px 30px;\r\n    border-radius: 4px;\r\n    text-decoration: none;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    line-height: 1.4;\r\n    transition: all 0.2s ease;\r\n}\r\n\r\n.spacebyte-frontline-button:hover {\r\n    text-decoration: none;\r\n    transform: translateY(-1px);\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n\r\n    .spacebyte-frontline-intro {\r\n        padding: 50px 0 60px;\r\n    }\r\n\r\n    .spacebyte-frontline-intro h1 {\r\n        font-size: 44px;\r\n    }\r\n\r\n    .spacebyte-frontline-cta h2 {\r\n        font-size: 36px;\r\n    }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px) {\r\n\r\n    .spacebyte-frontline-content {\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n    }\r\n\r\n    .spacebyte-frontline-intro {\r\n        padding: 40px 0 50px;\r\n    }\r\n\r\n    .spacebyte-frontline-intro h1 {\r\n        font-size: 34px;\r\n        line-height: 1.15;\r\n    }\r\n\r\n    .spacebyte-frontline-preamble {\r\n        font-size: 18px;\r\n        line-height: 1.5;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .spacebyte-frontline-cta {\r\n        padding: 55px 0;\r\n    }\r\n\r\n    .spacebyte-frontline-cta h2 {\r\n        font-size: 30px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .spacebyte-frontline-cta p {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .spacebyte-frontline-button {\r\n        padding: 13px 25px;\r\n    }\r\n}\r\n.spacebyte-frontline-heading {\r\n    text-align: center;\r\n}\r\n\r\n.spacebyte-frontline-heading .spacebyte-frontline-preamble {\r\n    max-width: 850px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n.spacebyte-frontline-button-wrapper {\r\n    margin-top: 30px;\r\n}\r\n\r\n.spacebyte-frontline-button {\r\n    display: inline-block;\r\n    padding: 14px 30px;\r\n    background: #000;\r\n    color: #fff !important;\r\n    border: none;\r\n    border-radius: 4px;\r\n    text-decoration: none !important;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    line-height: 1.4;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n}\r\n\r\n.spacebyte-frontline-button:hover {\r\n    background: #333;\r\n    color: #fff !important;\r\n    text-decoration: none !important;\r\n    transform: translateY(-1px);\r\n}\r\n<\/style>\r\n\r\n<div class=\"spacebyte-frontline\">\r\n\r\n    <!-- Video \/ Intro -->\r\n    <section class=\"spacebyte-frontline-intro\">\r\n\r\n        <div class=\"spacebyte-frontline-content spacebyte-frontline-heading\">\r\n\r\n            <h1>See Frontline in action<\/h1>\r\n\r\n            <p class=\"spacebyte-frontline-preamble\">\r\n                Watch Frontline turn existing decks, docs, and videos into training that actually works.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"spacebyte-frontline-content\">\r\n\r\n            <div class=\"spacebyte-frontline-video\">\r\n                <iframe\r\n                    src=\"https:\/\/player.vimeo.com\/video\/1225098540?badge=0&autopause=0&player_id=0&app_id=58479\"\r\n                    frameborder=\"0\"\r\n                    allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\"\r\n                    referrerpolicy=\"strict-origin-when-cross-origin\"\r\n                    allowfullscreen\r\n title=\"Frontline Product Demo\">\r\n                <\/iframe>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- CTA -->\r\n    <section class=\"spacebyte-frontline-cta\">\r\n\r\n        <div class=\"spacebyte-frontline-content\">\r\n\r\n            <h2>Your team can\u2019t afford training that doesn\u2019t work<\/h2>\r\n\r\n            <p>\r\n                Let Frontline turn your team\u2019s expertise into training with real ROI.\r\n            <\/p>\r\n\r\n            <div class=\"spacebyte-frontline-button-wrapper\">\r\n                <a class=\"spacebyte-frontline-button\"\r\n                    href=\"\/ar\/contact-us\/\"\r\n                    rel=\"noopener noreferrer\">\r\n                    Talk to us\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n<\/div>\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>","protected":false},"excerpt":{"rendered":"<p>See Frontline in action Watch Frontline turn existing decks, docs, and videos into training that actually works. Your team can\u2019t afford training that doesn\u2019t work <\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5648","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/learning.spacebyte.com\/ar\/wp-json\/wp\/v2\/pages\/5648","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learning.spacebyte.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/learning.spacebyte.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/learning.spacebyte.com\/ar\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/learning.spacebyte.com\/ar\/wp-json\/wp\/v2\/comments?post=5648"}],"version-history":[{"count":19,"href":"https:\/\/learning.spacebyte.com\/ar\/wp-json\/wp\/v2\/pages\/5648\/revisions"}],"predecessor-version":[{"id":5667,"href":"https:\/\/learning.spacebyte.com\/ar\/wp-json\/wp\/v2\/pages\/5648\/revisions\/5667"}],"wp:attachment":[{"href":"https:\/\/learning.spacebyte.com\/ar\/wp-json\/wp\/v2\/media?parent=5648"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}