{"id":5674,"date":"2026-09-22T11:00:23","date_gmt":"2026-09-22T10:00:23","guid":{"rendered":"https:\/\/learning.spacebyte.com\/?page_id=5674"},"modified":"2026-09-22T11:40:32","modified_gmt":"2026-09-22T10:40:32","slug":"integrations","status":"publish","type":"page","link":"https:\/\/learning.spacebyte.com\/ar\/integrations\/","title":{"rendered":"integrations"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5674\" class=\"elementor elementor-5674\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-057e880 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"057e880\" 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-aff0f9c\" data-id=\"aff0f9c\" 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-b6d8ebb elementor-widget elementor-widget-html\" data-id=\"b6d8ebb\" 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\/* =========================================================\r\n   SPACEBYTE - INTEGRATIONS PAGE\r\n   All CSS is self-contained for Elementor HTML widget\r\n   ========================================================= *\/\r\n\r\n.spacebyte-page {\r\n    --sb-blue: #00a8e8;\r\n    --sb-blue-dark: #0065b2;\r\n    --sb-purple: #7565f1;\r\n    --sb-purple-light: #eeeaff;\r\n    --sb-bg: #f7f7f7;\r\n    --sb-bg-light: #fafafa;\r\n    --sb-dark: #171717;\r\n    --sb-text: #333333;\r\n    --sb-muted: #666666;\r\n    --sb-border: #dddddd;\r\n    --sb-white: #ffffff;\r\n\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    color: var(--sb-text);\r\n    box-sizing: border-box;\r\n    font-family: inherit;\r\n}\r\n\r\n.spacebyte-page *,\r\n.spacebyte-page *::before,\r\n.spacebyte-page *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMMON\r\n   ========================================================= *\/\r\n\r\n.spacebyte-container {\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.spacebyte-section {\r\n    width: 100%;\r\n    padding: 90px 0;\r\n}\r\n\r\n.spacebyte-section-light {\r\n    background: var(--sb-bg-light);\r\n}\r\n\r\n.spacebyte-section-grey {\r\n    background: var(--sb-bg);\r\n}\r\n\r\n.spacebyte-section-dark {\r\n    background: #202020;\r\n    color: #fff;\r\n}\r\n\r\n.spacebyte-center {\r\n    text-align: center;\r\n}\r\n\r\n.spacebyte-label {\r\n    display: inline-block;\r\n    margin-bottom: 18px;\r\n    padding: 7px 14px;\r\n    border-radius: 4px;\r\n    background: #e4f5ff;\r\n    color: var(--sb-blue-dark);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n}\r\n\r\n.spacebyte-page h1,\r\n.spacebyte-page h2,\r\n.spacebyte-page h3,\r\n.spacebyte-page h4 {\r\n    color: inherit;\r\n}\r\n\r\n.spacebyte-page h2 {\r\n    margin: 0 0 22px;\r\n    font-size: 44px;\r\n    line-height: 1.15;\r\n    font-weight: 700;\r\n}\r\n\r\n.spacebyte-page h3 {\r\n    margin: 0 0 18px;\r\n    font-size: 28px;\r\n    line-height: 1.2;\r\n}\r\n\r\n.spacebyte-page p {\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n   ========================================================= *\/\r\n\r\n.spacebyte-buttons {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 15px;\r\n    flex-wrap: wrap;\r\n    margin-top: 35px;\r\n}\r\n\r\n.spacebyte-button {\r\n    display: inline-block;\r\n    padding: 14px 30px;\r\n    border-radius: 5px;\r\n    text-decoration: none !important;\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-button-primary {\r\n    background: #000;\r\n    color: #fff !important;\r\n}\r\n\r\n.spacebyte-button-primary:hover {\r\n    background: #333;\r\n    color: #fff !important;\r\n    transform: translateY(-1px);\r\n}\r\n\r\n.spacebyte-button-secondary {\r\n    background: #fff;\r\n    color: #000 !important;\r\n    border: 1px solid #bbb;\r\n}\r\n\r\n.spacebyte-button-secondary:hover {\r\n    background: #f3f3f3;\r\n    color: #000 !important;\r\n    transform: translateY(-1px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n   ========================================================= *\/\r\n\r\n.spacebyte-integrations-hero {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 90px 0 80px;\r\n    background: #f5f2ff;\r\n    text-align: center;\r\n}\r\n\r\n.spacebyte-integrations-hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 1500px;\r\n    height: 520px;\r\n    top: -240px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    border-radius: 50%;\r\n    background: #e8e1ff;\r\n}\r\n\r\n.spacebyte-integrations-hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 1000px;\r\n    height: 380px;\r\n    top: -150px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    border-radius: 50%;\r\n    background: #f0ecff;\r\n}\r\n\r\n.spacebyte-hero-content {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.spacebyte-integrations-hero h1 {\r\n    max-width: 900px;\r\n    margin: 0 auto 25px;\r\n    font-size: 52px;\r\n    line-height: 1.1;\r\n    font-weight: 700;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n.spacebyte-hero-description {\r\n    max-width: 850px;\r\n    margin: 0 auto;\r\n    font-size: 21px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTEGRATION LOGOS\r\n   ========================================================= *\/\r\n\r\n.spacebyte-integration-logos {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: grid;\r\n    grid-template-columns: repeat(6, 1fr);\r\n    gap: 18px;\r\n    margin-top: 60px;\r\n}\r\n\r\n.spacebyte-integration-logo {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    min-height: 145px;\r\n    padding: 25px 15px;\r\n    background: #fff;\r\n    border-radius: 12px;\r\n    box-shadow: 0 8px 25px rgba(0,0,0,.08);\r\n    transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.spacebyte-integration-logo:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 12px 30px rgba(0,0,0,.12);\r\n}\r\n\r\n.spacebyte-logo-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 52px;\r\n    height: 52px;\r\n    margin-bottom: 15px;\r\n    border-radius: 12px;\r\n    background: #f2f2f2;\r\n    color: #222;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n}\r\n\r\n.spacebyte-integration-logo h4 {\r\n    margin: 0;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE SECTIONS\r\n   ========================================================= *\/\r\n\r\n.spacebyte-feature {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    min-height: 600px;\r\n}\r\n\r\n.spacebyte-feature.reverse {\r\n    direction: rtl;\r\n}\r\n\r\n.spacebyte-feature.reverse > * {\r\n    direction: ltr;\r\n}\r\n\r\n.spacebyte-feature-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    padding: 80px;\r\n}\r\n\r\n.spacebyte-feature-content p {\r\n    max-width: 600px;\r\n    margin: 0 0 25px;\r\n    font-size: 18px;\r\n}\r\n\r\n.spacebyte-feature-list {\r\n    margin: 10px 0 0;\r\n    padding: 0;\r\n    list-style: none;\r\n}\r\n\r\n.spacebyte-feature-list li {\r\n    position: relative;\r\n    margin: 0 0 18px;\r\n    padding-left: 32px;\r\n    font-size: 17px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.spacebyte-feature-list li::before {\r\n    content: \"\u2713\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    font-weight: 700;\r\n    color: var(--sb-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE VISUALS\r\n   ========================================================= *\/\r\n\r\n.spacebyte-feature-visual {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 60px;\r\n    background: #eef7fc;\r\n}\r\n\r\n.spacebyte-feature:nth-child(2) .spacebyte-feature-visual {\r\n    background: #f1efff;\r\n}\r\n\r\n.spacebyte-feature:nth-child(3) .spacebyte-feature-visual {\r\n    background: #effaf5;\r\n}\r\n\r\n.spacebyte-feature-window {\r\n    width: 100%;\r\n    max-width: 560px;\r\n    overflow: hidden;\r\n    border-radius: 12px;\r\n    background: #fff;\r\n    box-shadow: 0 15px 45px rgba(0,0,0,.12);\r\n}\r\n\r\n.spacebyte-window-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    padding: 13px 16px;\r\n    border-bottom: 1px solid #eee;\r\n}\r\n\r\n.spacebyte-window-dot {\r\n    width: 9px;\r\n    height: 9px;\r\n    border-radius: 50%;\r\n    background: #ccc;\r\n}\r\n\r\n.spacebyte-window-content {\r\n    padding: 35px;\r\n}\r\n\r\n.spacebyte-window-title {\r\n    width: 60%;\r\n    height: 18px;\r\n    margin-bottom: 25px;\r\n    border-radius: 4px;\r\n    background: #ddd;\r\n}\r\n\r\n.spacebyte-window-line {\r\n    width: 90%;\r\n    height: 11px;\r\n    margin-bottom: 12px;\r\n    border-radius: 4px;\r\n    background: #eee;\r\n}\r\n\r\n.spacebyte-window-line.short {\r\n    width: 65%;\r\n}\r\n\r\n.spacebyte-window-card {\r\n    margin-top: 30px;\r\n    padding: 22px;\r\n    border-radius: 8px;\r\n    background: #f5f5f5;\r\n}\r\n\r\n.spacebyte-window-button {\r\n    width: 120px;\r\n    height: 35px;\r\n    margin-top: 20px;\r\n    border-radius: 5px;\r\n    background: var(--sb-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   USE CASES\r\n   ========================================================= *\/\r\n\r\n.spacebyte-usecases {\r\n    background: var(--sb-bg);\r\n}\r\n\r\n.spacebyte-section-intro {\r\n    max-width: 800px;\r\n    margin: 0 auto 50px;\r\n    text-align: center;\r\n}\r\n\r\n.spacebyte-section-intro p {\r\n    margin: 0;\r\n    font-size: 19px;\r\n}\r\n\r\n.spacebyte-usecase-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 25px;\r\n}\r\n\r\n.spacebyte-usecase-card {\r\n    padding: 35px 30px;\r\n    background: #fff;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 18px rgba(0,0,0,.07);\r\n}\r\n\r\n.spacebyte-usecase-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 55px;\r\n    height: 55px;\r\n    margin-bottom: 25px;\r\n    border-radius: 10px;\r\n    background: var(--sb-purple-light);\r\n    color: var(--sb-purple);\r\n    font-weight: 700;\r\n}\r\n\r\n.spacebyte-usecase-card h3 {\r\n    font-size: 24px;\r\n}\r\n\r\n.spacebyte-usecase-card strong {\r\n    display: block;\r\n    margin-bottom: 15px;\r\n    color: #222;\r\n}\r\n\r\n.spacebyte-usecase-card p {\r\n    margin: 0;\r\n    font-size: 16px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECURITY\r\n   ========================================================= *\/\r\n\r\n.spacebyte-security-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 25px;\r\n    margin-top: 50px;\r\n}\r\n\r\n.spacebyte-security-card {\r\n    padding: 35px;\r\n    border: 1px solid var(--sb-border);\r\n    border-radius: 12px;\r\n    background: #fff;\r\n}\r\n\r\n.spacebyte-security-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 50px;\r\n    height: 50px;\r\n    margin-bottom: 22px;\r\n    border-radius: 10px;\r\n    background: #eaf7ff;\r\n    color: var(--sb-blue-dark);\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n}\r\n\r\n.spacebyte-security-card h3 {\r\n    margin-bottom: 15px;\r\n    font-size: 23px;\r\n}\r\n\r\n.spacebyte-security-card p {\r\n    margin: 0;\r\n    font-size: 16px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SOCIAL PROOF\r\n   ========================================================= *\/\r\n\r\n.spacebyte-social-proof {\r\n    background: var(--sb-bg);\r\n}\r\n\r\n.spacebyte-social-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.5fr 1fr;\r\n    gap: 40px;\r\n    align-items: stretch;\r\n}\r\n\r\n.spacebyte-testimonial {\r\n    padding: 45px;\r\n    background: #fff;\r\n    border-radius: 12px;\r\n}\r\n\r\n.spacebyte-testimonial blockquote {\r\n    margin: 0 0 30px;\r\n    font-size: 23px;\r\n    line-height: 1.5;\r\n    font-weight: 600;\r\n    color: #222;\r\n}\r\n\r\n.spacebyte-testimonial-author {\r\n    font-size: 15px;\r\n    color: var(--sb-muted);\r\n}\r\n\r\n.spacebyte-testimonial-author strong {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    color: #222;\r\n}\r\n\r\n.spacebyte-stat {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    padding: 45px;\r\n    border-radius: 12px;\r\n    background: #fff;\r\n}\r\n\r\n.spacebyte-stat-number {\r\n    margin-bottom: 20px;\r\n    font-size: 64px;\r\n    line-height: 1;\r\n    font-weight: 700;\r\n    color: var(--sb-purple);\r\n}\r\n\r\n.spacebyte-stat p {\r\n    margin: 0;\r\n    font-size: 19px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL CTA\r\n   ========================================================= *\/\r\n\r\n.spacebyte-final-cta {\r\n    padding: 90px 0;\r\n}\r\n\r\n.spacebyte-final-cta-box {\r\n    display: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    align-items: center;\r\n    gap: 40px;\r\n    padding: 70px;\r\n    border-radius: 18px;\r\n    background: #222;\r\n    color: #fff;\r\n}\r\n\r\n.spacebyte-final-cta-box h2 {\r\n    margin-bottom: 20px;\r\n    color: #fff;\r\n}\r\n\r\n.spacebyte-final-cta-box p {\r\n    max-width: 700px;\r\n    margin: 0;\r\n    font-size: 19px;\r\n    color: #ddd;\r\n}\r\n\r\n.spacebyte-final-cta-action {\r\n    text-align: center;\r\n}\r\n\r\n.spacebyte-final-cta-action .spacebyte-button {\r\n    background: #fff;\r\n    color: #111 !important;\r\n}\r\n\r\n.spacebyte-final-cta-action .spacebyte-button:hover {\r\n    background: #eee;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .spacebyte-integrations-hero h1 {\r\n        font-size: 44px;\r\n    }\r\n\r\n    .spacebyte-integration-logos {\r\n        grid-template-columns: repeat(3, 1fr);\r\n    }\r\n\r\n    .spacebyte-feature-content {\r\n        padding: 55px;\r\n    }\r\n\r\n    .spacebyte-page h2 {\r\n        font-size: 38px;\r\n    }\r\n\r\n    .spacebyte-usecase-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .spacebyte-final-cta-box {\r\n        padding: 50px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .spacebyte-section {\r\n        padding: 60px 0;\r\n    }\r\n\r\n    .spacebyte-container {\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n    }\r\n\r\n    .spacebyte-integrations-hero {\r\n        padding: 60px 0;\r\n    }\r\n\r\n    .spacebyte-integrations-hero h1 {\r\n        font-size: 34px;\r\n        line-height: 1.15;\r\n    }\r\n\r\n    .spacebyte-hero-description {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .spacebyte-integration-logos {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 12px;\r\n        margin-top: 40px;\r\n    }\r\n\r\n    .spacebyte-integration-logo {\r\n        min-height: 125px;\r\n    }\r\n\r\n    .spacebyte-feature,\r\n    .spacebyte-feature.reverse {\r\n        display: flex;\r\n        flex-direction: column;\r\n        direction: ltr;\r\n    }\r\n\r\n    .spacebyte-feature-content {\r\n        padding: 50px 20px;\r\n    }\r\n\r\n    .spacebyte-feature-visual {\r\n        padding: 35px 20px;\r\n    }\r\n\r\n    .spacebyte-page h2 {\r\n        font-size: 32px;\r\n    }\r\n\r\n    .spacebyte-usecase-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .spacebyte-security-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .spacebyte-social-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .spacebyte-testimonial,\r\n    .spacebyte-stat {\r\n        padding: 30px;\r\n    }\r\n\r\n    .spacebyte-stat-number {\r\n        font-size: 52px;\r\n    }\r\n\r\n    .spacebyte-final-cta-box {\r\n        grid-template-columns: 1fr;\r\n        padding: 40px 25px;\r\n        text-align: center;\r\n    }\r\n\r\n    .spacebyte-final-cta-box p {\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .spacebyte-buttons {\r\n        flex-direction: column;\r\n    }\r\n\r\n    .spacebyte-button {\r\n        width: 100%;\r\n        max-width: 260px;\r\n        text-align: center;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"spacebyte-page\">\r\n\r\n\r\n<!-- =======================================================\r\n     HERO\r\n     ======================================================= -->\r\n\r\n<section class=\"spacebyte-integrations-hero\">\r\n\r\n    <div class=\"spacebyte-container spacebyte-hero-content\">\r\n\r\n        <h1>\r\n            Workplace training that integrates<br \/>\r\n            with your team\u2019s tools\r\n        <\/h1>\r\n\r\n        <p class=\"spacebyte-hero-description\">\r\n            Connect your training workflow to your content sources,\r\n            AI tools, and distribution channels. Same workflow,\r\n            stronger outcomes.\r\n        <\/p>\r\n\r\n        <div\r\n            id=\"spacebyte-integrations\"\r\n            class=\"spacebyte-integration-logos\">\r\n\r\n            <div class=\"spacebyte-integration-logo\">\r\n                <div class=\"spacebyte-logo-icon\">GD<\/div>\r\n                <h4>Google Drive<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"spacebyte-integration-logo\">\r\n                <div class=\"spacebyte-logo-icon\">OD<\/div>\r\n                <h4>OneDrive<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"spacebyte-integration-logo\">\r\n                <div class=\"spacebyte-logo-icon\">CL<\/div>\r\n                <h4>Claude<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"spacebyte-integration-logo\">\r\n                <div class=\"spacebyte-logo-icon\">GPT<\/div>\r\n                <h4>ChatGPT<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"spacebyte-integration-logo\">\r\n                <div class=\"spacebyte-logo-icon\">CP<\/div>\r\n                <h4>Copilot<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"spacebyte-integration-logo\">\r\n                <div class=\"spacebyte-logo-icon\">TH<\/div>\r\n                <h4>Thinkific<\/h4>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     FEATURE 1\r\n     ======================================================= -->\r\n\r\n<section class=\"spacebyte-feature\">\r\n\r\n    <div class=\"spacebyte-feature-content\">\r\n\r\n        <span class=\"spacebyte-label\">\r\n            Import your content\r\n        <\/span>\r\n\r\n        <h2>\r\n            Start with the content<br \/>\r\n            you already have\r\n        <\/h2>\r\n\r\n        <p>\r\n            Your team\u2019s knowledge lives in Google Drive and OneDrive:\r\n            policies, decks, process documents, and more. Connect your\r\n            account and pull content directly into your training workflow.\r\n            No downloading, reformatting, or starting from scratch.\r\n        <\/p>\r\n\r\n        <ul class=\"spacebyte-feature-list\">\r\n\r\n            <li>\r\n                Import from Google Drive or OneDrive in a few clicks\r\n            <\/li>\r\n\r\n            <li>\r\n                Use existing content as sources for AI-generated training\r\n            <\/li>\r\n\r\n            <li>\r\n                Keep source files where they are instead of replacing them\r\n            <\/li>\r\n\r\n        <\/ul>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"spacebyte-feature-visual\">\r\n\r\n        <div class=\"spacebyte-feature-window\">\r\n\r\n            <div class=\"spacebyte-window-header\">\r\n                <span class=\"spacebyte-window-dot\"><\/span>\r\n                <span class=\"spacebyte-window-dot\"><\/span>\r\n                <span class=\"spacebyte-window-dot\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"spacebyte-window-content\">\r\n\r\n                <div class=\"spacebyte-window-title\"><\/div>\r\n\r\n                <div class=\"spacebyte-window-line\"><\/div>\r\n                <div class=\"spacebyte-window-line\"><\/div>\r\n                <div class=\"spacebyte-window-line short\"><\/div>\r\n\r\n                <div class=\"spacebyte-window-card\">\r\n\r\n                    <div class=\"spacebyte-window-line\"><\/div>\r\n                    <div class=\"spacebyte-window-line short\"><\/div>\r\n\r\n                    <div class=\"spacebyte-window-button\"><\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     FEATURE 2\r\n     ======================================================= -->\r\n\r\n<section class=\"spacebyte-feature reverse\">\r\n\r\n    <div class=\"spacebyte-feature-content\">\r\n\r\n        <span class=\"spacebyte-label\">\r\n            Use your team\u2019s AI\r\n        <\/span>\r\n\r\n        <h2>\r\n            Connect your AI context\r\n            to your training workflow\r\n        <\/h2>\r\n\r\n        <p>\r\n            Connect the AI tools your team already uses and bring\r\n            relevant context into your training workflow. Use existing\r\n            conversations, knowledge, and connected sources to create\r\n            better training content.\r\n        <\/p>\r\n\r\n        <ul class=\"spacebyte-feature-list\">\r\n\r\n            <li>\r\n                Check existing training before creating something new\r\n            <\/li>\r\n\r\n            <li>\r\n                Generate course outlines from existing conversations\r\n            <\/li>\r\n\r\n            <li>\r\n                Bring content from other connected AI tools\r\n            <\/li>\r\n\r\n        <\/ul>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"spacebyte-feature-visual\">\r\n\r\n        <div class=\"spacebyte-feature-window\">\r\n\r\n            <div class=\"spacebyte-window-header\">\r\n                <span class=\"spacebyte-window-dot\"><\/span>\r\n                <span class=\"spacebyte-window-dot\"><\/span>\r\n                <span class=\"spacebyte-window-dot\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"spacebyte-window-content\">\r\n\r\n                <div class=\"spacebyte-window-title\"><\/div>\r\n\r\n                <div class=\"spacebyte-window-card\">\r\n\r\n                    <div class=\"spacebyte-window-line\"><\/div>\r\n                    <div class=\"spacebyte-window-line\"><\/div>\r\n                    <div class=\"spacebyte-window-line short\"><\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"spacebyte-window-card\">\r\n\r\n                    <div class=\"spacebyte-window-line\"><\/div>\r\n                    <div class=\"spacebyte-window-line short\"><\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     FEATURE 3\r\n     ======================================================= -->\r\n\r\n<section class=\"spacebyte-feature\">\r\n\r\n    <div class=\"spacebyte-feature-content\">\r\n\r\n        <span class=\"spacebyte-label\">\r\n            Publish & distribute\r\n        <\/span>\r\n\r\n        <h2>\r\n            Publish training straight\r\n            to your learning platform\r\n        <\/h2>\r\n\r\n        <p>\r\n            Connect your learning platform and publish completed\r\n            training directly to your LMS. Build the content once,\r\n            then use your existing distribution workflow to enroll,\r\n            deliver, and track learners.\r\n        <\/p>\r\n\r\n        <ul class=\"spacebyte-feature-list\">\r\n\r\n            <li>\r\n                Build training and send it directly to your platform\r\n            <\/li>\r\n\r\n            <li>\r\n                Publish without unnecessary re-exporting\r\n            <\/li>\r\n\r\n            <li>\r\n                Keep your content and learner workflow connected\r\n            <\/li>\r\n\r\n        <\/ul>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"spacebyte-feature-visual\">\r\n\r\n        <div class=\"spacebyte-feature-window\">\r\n\r\n            <div class=\"spacebyte-window-header\">\r\n                <span class=\"spacebyte-window-dot\"><\/span>\r\n                <span class=\"spacebyte-window-dot\"><\/span>\r\n                <span class=\"spacebyte-window-dot\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"spacebyte-window-content\">\r\n\r\n                <div class=\"spacebyte-window-title\"><\/div>\r\n\r\n                <div class=\"spacebyte-window-card\">\r\n\r\n                    <div class=\"spacebyte-window-line\"><\/div>\r\n                    <div class=\"spacebyte-window-line short\"><\/div>\r\n\r\n                    <div class=\"spacebyte-window-button\"><\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     USE CASES\r\n     ======================================================= -->\r\n\r\n<section class=\"spacebyte-section spacebyte-usecases\">\r\n\r\n    <div class=\"spacebyte-container\">\r\n\r\n        <div class=\"spacebyte-section-intro\">\r\n\r\n            <h2>\r\n                Experience the integrations in action\r\n            <\/h2>\r\n\r\n            <p>\r\n                Explore practical use cases for connecting your\r\n                existing tools with your training workflow.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"spacebyte-usecase-grid\">\r\n\r\n\r\n            <div class=\"spacebyte-usecase-card\">\r\n\r\n                <div class=\"spacebyte-usecase-icon\">\r\n                    GD\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Connect Google Drive or OneDrive\r\n                <\/h3>\r\n\r\n                <p>\r\n                    <strong>\r\n                        Turn a deck or document into an interactive course.\r\n                    <\/strong>\r\n\r\n                    Import existing documents and use them as the\r\n                    foundation for editable training content without\r\n                    starting from scratch.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"spacebyte-usecase-card\">\r\n\r\n                <div class=\"spacebyte-usecase-icon\">\r\n                    AI\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Connect Claude, ChatGPT, or Copilot\r\n                <\/h3>\r\n\r\n                <p>\r\n                    <strong>\r\n                        Leverage your preferred AI tools to generate training.\r\n                    <\/strong>\r\n\r\n                    Bring useful AI context into your training workflow\r\n                    instead of constantly copying information between tools.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"spacebyte-usecase-card\">\r\n\r\n                <div class=\"spacebyte-usecase-icon\">\r\n                    TH\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Connect Thinkific\r\n                <\/h3>\r\n\r\n                <p>\r\n                    <strong>\r\n                        Publish finished training directly to your platform.\r\n                    <\/strong>\r\n\r\n                    Send completed courses to your learning platform\r\n                    without unnecessary exporting and re-uploading.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     SECURITY\r\n     ======================================================= -->\r\n\r\n<section class=\"spacebyte-section\">\r\n\r\n    <div class=\"spacebyte-container\">\r\n\r\n        <div class=\"spacebyte-section-intro\">\r\n\r\n            <h2>\r\n                Security and data handling\r\n            <\/h2>\r\n\r\n            <p>\r\n                Keep control of your content and understand how\r\n                connected tools handle your data.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"spacebyte-security-grid\">\r\n\r\n\r\n            <div class=\"spacebyte-security-card\">\r\n\r\n                <div class=\"spacebyte-security-icon\">\r\n                    \ud83d\udd12\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Encryption in transit and at rest\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Data moving between connected services should be\r\n                    protected in transit, while stored training content\r\n                    should be protected at rest according to the\r\n                    security practices of each service.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"spacebyte-security-card\">\r\n\r\n                <div class=\"spacebyte-security-icon\">\r\n                    AI\r\n                <\/div>\r\n\r\n                <h3>\r\n                    AI data handling\r\n                <\/h3>\r\n\r\n                <p>\r\n                    When you connect an external AI service, the content\r\n                    shared with that service is subject to that provider\u2019s\r\n                    policies. Review the relevant provider settings and\r\n                    permissions before connecting sensitive content.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     SOCIAL PROOF\r\n     ======================================================= -->\r\n\r\n<section class=\"spacebyte-section spacebyte-social-proof\">\r\n\r\n    <div class=\"spacebyte-container\">\r\n\r\n        <div class=\"spacebyte-social-grid\">\r\n\r\n\r\n            <div class=\"spacebyte-testimonial\">\r\n\r\n                <blockquote>\r\n                    \u201cThe right integrations make it much easier to\r\n                    turn existing knowledge into useful training without\r\n                    constantly switching between different tools.\u201d\r\n                <\/blockquote>\r\n\r\n                <div class=\"spacebyte-testimonial-author\">\r\n\r\n                    <strong>\r\n                        Spacebyte customer experience\r\n                    <\/strong>\r\n\r\n                    E-learning and training teams\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"spacebyte-stat\">\r\n\r\n                <div class=\"spacebyte-stat-number\">\r\n                    360\u00b0\r\n                <\/div>\r\n\r\n                <p>\r\n                    Connect your content, AI tools, training workflow,\r\n                    and learning platform in one connected process.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     FINAL CTA\r\n     ======================================================= -->\r\n\r\n<section class=\"spacebyte-final-cta\">\r\n\r\n    <div class=\"spacebyte-container\">\r\n\r\n        <div class=\"spacebyte-final-cta-box\">\r\n\r\n            <div>\r\n\r\n                <h2>\r\n                    See how Spacebyte fits into your training workflow\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Talk to our team about your current tools,\r\n                    training needs, and how we can help you build\r\n                    a more efficient e-learning workflow.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"spacebyte-final-cta-action\">\r\n\r\n                <a\r\n                    class=\"spacebyte-button\"\r\n                    href=\"\/ar\/contact-us\/\"\r\n                    rel=\"noopener noreferrer\">\r\n                    Talk to us\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\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>Workplace training that integrates with your team\u2019s tools Connect your training workflow to your content sources, AI tools, and distribution channels. Same workflow, stronger outcomes. <\/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-5674","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/learning.spacebyte.com\/ar\/wp-json\/wp\/v2\/pages\/5674","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=5674"}],"version-history":[{"count":7,"href":"https:\/\/learning.spacebyte.com\/ar\/wp-json\/wp\/v2\/pages\/5674\/revisions"}],"predecessor-version":[{"id":5688,"href":"https:\/\/learning.spacebyte.com\/ar\/wp-json\/wp\/v2\/pages\/5674\/revisions\/5688"}],"wp:attachment":[{"href":"https:\/\/learning.spacebyte.com\/ar\/wp-json\/wp\/v2\/media?parent=5674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}